body
{
margin-top: 20px;
margin-left: 15%;
margin-right: 15%;
margin-bottom: 20px;
min-width: 900px;
text-decoration:none;
font-family:Georgia;
font-size: 12pt; 
font-weight: normal;
color: #272727;
text-align: center;
vertical-align: middle;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
/* Начало фон */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
/* Край фон */
}
img
{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
img:hover
{
-moz-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:hover
{
font-family:Georgia; 
font-weight: italic;
font-size: 11pt;
color: #528400;
text-decoration:underline;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:link, a:active, a:visited
{
text-decoration:none;
color: #0e4f90;
}
td
{
text-align: center;
vertical-align: top;
/* Начало фон */
background: rgba(255, 255, 255, 0.7);
/* Край фон */
}
.tdc
{
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
/* Начало фон */
background: rgba(255, 255, 255, 0.1);
/* Край фон */
}
.tdv
{
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
vertical-align: middle;
/* Начало фон */
background: rgba(255, 255, 255, 0.5);
/* Край фон */
}
.tds
{
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
/* Начало фон */
background: rgba(196, 196, 196, 0.3);
/* Край фон */
filter: dropshadow(color=#000000, offx=0, offy=0);
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.4);
vertical-align: middle;
horizontal-align: middle;
font-family:Georgia; 
font-size: 11pt; 
font-weight: normal;
text-decoration:none;
margin: 5px;
padding: 5px;
height: 20px;
}
.button
{
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background: rgba(196, 196, 196, 0.3);
vertical-align: middle;
horizontal-align: middle;
font-family:Georgia; 
font-size: 13pt; 
font-weight: normal;
text-decoration:none;
margin: 5px;
padding: 8px;
filter: dropshadow(color=#000000, offx=0, offy=0);
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.4);
}
.buttons
{
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 1px;
-webkit-border-bottom-right-radius: 1px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px;
background: rgba(196, 196, 196, 0.3);
vertical-align: middle;
horizontal-align: middle;
font-family:Georgia; 
font-size: 13pt; 
font-weight: normal;
text-decoration:none;
margin: 5px;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: -1px;
filter: dropshadow(color=#000000, offx=0, offy=0);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
}
.buttons:hover
{
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 1px;
-webkit-border-bottom-right-radius: 1px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px;
background: rgba(196, 196, 196, 0.1);
vertical-align: middle;
horizontal-align: middle;
font-family:Georgia; 
font-size: 13pt; 
font-weight: normal;
text-decoration:none;
color: #00a000;
margin: 5px;
padding-left: 8px;
padding-right: 8px;
padding-top: 10px;
padding-bottom: 0px;
filter: dropshadow(color=#000000, offx=0, offy=0);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.buttoned
{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.buttoned:hover
{
-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.picked
{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.pickeds:hover
{
-moz-transform: scale(2.5) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(2.5) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(2.5) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(2.5) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(2.5) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
input, textarea 
{
 font-family:Georgia; 
 font-size:14px;
}
.myform{
 margin:0 auto;
 width:300px;
 text-align:center;
padding-bottom:5px;
}
/* ------------------------------Padding Menu Start------------------------------ */
td.smenu
{
background: rgba(255, 255, 255, 0.8);
text-decoration:none;
font-family: Georgia; 
font-size: 14pt; 
vertical-align: middle;
font-weight: normal;
color: #272727;
text-align: center;
width: 18%;
height: 30px;
border-top-left-radius: 5px; 
border-top-right-radius: 5px; 
border-bottom-right-radius: 0px; 
border-bottom-left-radius: 0px;
border: 1px dashed rgb(0, 100, 0);
}
table
{
text-shadow: 1 0 1px #000000;
text-decoration:none;
border-radius: 5px;
color: #272727;
}
table.menu
{
margin-top: 5px;
height: 25px;
color: #004500;
position: absolute;
width: 19.3%;
background: rgba(255, 255, 255, 0.8);
visibility: hidden;
vertical-align: middle;
border-top-left-radius: 0px; 
border-top-right-radius: 0px; 
border-bottom-right-radius: 5px; 
border-bottom-left-radius: 5px;
border: 1px dashed rgb(0, 100, 0);
-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4);
}
td.menu,td.menu a,td.menu a:visited
{
text-align: center;
height: 30px;
font-family: Georgia; 
font-size: 14pt; 
font-weight: normal;
color: #2f2f2f;
vertical-align: middle;
border-top-left-radius: 3px; 
border-top-right-radius: 3px; 
border-bottom-right-radius: 3px; 
border-bottom-left-radius: 3px;
text-decoration: hover;
}
td.menu a:hover
{
vertical-align: middle;
font-family: Georgia; 
font-weight: normal;
font-size: 14pt;
text-decoration:none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 3px;
color: #f1f1f1;
border-top-left-radius: 2px; 
border-top-right-radius: 2px; 
border-bottom-right-radius: 2px; 
border-bottom-left-radius: 2px;
background: rgba(0, 69, 0, 0.4);
}
/* -----------------------Padding Menu End-------------------- */
/*--------------IE--------------*/
#myelement
{
color: #999; /* shows in all browsers */
*color: #999; /* notice the * before the property - shows in IE7 and below */
_color: #999; /* notice the _ before the property - shows in IE6 and below */
}
/*--------------IE--------------*/
.top
{
float:right;
position:fixed;
bottom:5%;
right:2%;
z-index:1;
}