body, html {height: 100%;}
body, html {
height: auto !important;
height: 120%;
min-height: 100%;
position: relative;
margin:0;
padding:0;
color: #333333;
font: 14px/1.2em arial, helvetica, verdana, sans-serif;
background: url(img/background.jpg) 100% 100% no-repeat;
background-size: cover;
min-width: 1200px;
}
.hmenuB > ul {
list-style: none;
margin: 0px;
padding: 0px;
text-align: center;
}
.hmenuB > ul > li {
display: inline-block;
padding: 3px;
}
.hmenuB > ul > li > a {
display: block;
padding: 0 15px;
text-decoration: none;
background-color: #349;
color: #fff;
line-height: 36px;
font-family: "Verdana", "Arial";
font-size: 16px;
transition: background-color 0.7s ease;
position: relative;
}
.hmenuB > ul > li > a:hover {
background-color: #119;
}
.hmenuB > ul > li > a:after {
content: ' ';
position: absolute;
background-color: transparent;
border: 1px solid transparent;
transition: border-color 0.7s ease;
top: 2px;
bottom: 2px;
left: 2px;
right: 2px;
}
.hmenuB > ul > li > a:hover:after {
border-color: #fff;
}
.splash {
background:url(img/splash.jpg) center top no-repeat;
width:100%;
}
a.logo { background: url(img/logo/logo.png) no-repeat 50px -6px; width: 310px; height: 187px;}
.supportcss{
background: #0087A7;
background: -o-linear-gradient(top, #0087A7 0px, #0087A7 100%);
background: -moz-linear-gradient(top, #0087A7 0px, #0087A7 100%);
background: -webkit-linear-gradient(top, rgba(50, 134, 204) 0px, #003A48 100%);
background: -ms-linear-gradient(top, #0087A7 0px, #0087A7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0087A7', endColorstr='#0087A7',GradientType=0);
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .5), 0 2px 3px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .5), 0 2px 3px rgba(0, 0, 0, .5);
-o-box-shadow: 0 2px 10px rgba(0, 0, 0, .5), 0 2px 3px rgba(0, 0, 0, .5);
box-shadow: 0 2px 10px rgba(0, 0, 0, .5), 0 2px 3px rgba(0, 0, 0, .5);
width: 185px;
height: 34px;
line-height: 30px;
border-bottom: none;
position: fixed;
z-index: 1000;
left: -78px;
top: 50%;
border-radius: 7px 7px 0 0;
border: 2px solid #f0ffff;
cursor: pointer;
letter-spacing : 2px;
color: #f0ffff;
text-align: center;
text-shadow:1px 1px 5px #848482;
-moz-text-shadow:1px 1px 5px #848482;
-webkit-text-shadow:1px 1px 5px #848482;
font-weight: bold;
font-size: 18px;
font-family: Tahoma, "Comic Sans MS", "Monaco CY", cursive;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.supportcss:hover {
background: #228B22;
background: -o-linear-gradient(top, #228B22 0px, #228B22 100%);
background: -moz-linear-gradient(top, #228B22 0px, #228B22 100%);
background: -webkit-linear-gradient(top, #228B22 0px, #228B22 100%);
background: -ms-linear-gradient(top, #228B22 0px, #228B22 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#228B22', endColorstr='#228B22',GradientType=0);
}
.splash {
background:url(img/splash.jpg) center top no-repeat;
width:100%;
}
.bonus_plus {
height:54px;
width:58px;
display:block;
border:none;
outline:none;
cursor:pointer;
margin-bottom:7px;
margin-right:3px;
float:right;
background:url(http://click-public.ru/img/bonus_plus.png) no-repeat left top;
}
#footer {
border-top:1px dashed #ABC68E;
color: #454545;
font: 12px/1.1em arial, helvetica, verdana, sans-serif;
height: auto;
display:block;
clear:both;
margin: 0 auto;
width: 100%;
background: rgba(247, 247, 247, 0.5); /*#F7F7F7;*/
}
#footer table{
width: 1200px;
height:75px;
}
#footer a {
color: #454545;
}
#footer a:hover {
color: #971C1D;
}
#footer span {
color: #89AF61;
}
#footer span.stat {
color: #114C5B;
font:13px Tahoma, Arial, sans-serif; font-weight:normal;
}
a.pay-wm-a, a.pay-wm-n, a.pay-wm-d, a.pay-ya-a, a.pay-ya-n, a.pay-ya-d , a.pay-qw-a, a.pay-qw-n, a.pay-qw-d, a.pay-pr-a, a.pay-pr-n, a.pay-pr-d
, a.pay-pa-a, a.pay-pa-n, a.pay-pa-d, a.pay-in-a, a.pay-in-n, a.pay-in-d, a.pay-bl-a, a.pay-bl-n, a.pay-bl-d, a.pay-br-a, a.pay-br-n, a.pay-br-d
, a.pay-vi-a, a.pay-vi-n, a.pay-vi-d, a.pay-rb-a, a.pay-rb-n, a.pay-rb-d, a.pay-ed-a, a.pay-ed-n, a.pay-ed-d, a.pay-pm-a, a.pay-pm-n, a.pay-pm-d
, a.pay-mg-a, a.pay-mg-n, a.pay-mg-d , a.pay-lp-a, a.pay-lp-n, a.pay-lp-d, a.pay-mt-a, a.pay-mt-n, a.pay-mt-d, a.pay-fr-a, a.pay-fr-n, a.pay-fr-d {
font-size: 11px;
color: #ffffff;
text-align: center;
line-height: 2.1;
margin: 0;
padding-top: 57px;
display: block;
height: 27px;
width: 141px;
border: none;
}
a.pay-wm-a { background: url(img/pay/wm-a.png) no-repeat; }
a.pay-wm-n { background: url(img/pay/wm-n.png) no-repeat; }
a.pay-wm-d { background: url(img/pay/wm-d.png) no-repeat; }
/*======================================================*/
a.pay-ya-a { background: url(img/pay/ya-a.png) no-repeat; }
a.pay-ya-n { background: url(img/pay/ya-n.png) no-repeat; }
a.pay-ya-d { background: url(img/pay/ya-d.png) no-repeat; }
/*======================================================*/
a.pay-qw-a { background: url(img/pay/qw-a.png) no-repeat; }
a.pay-qw-n { background: url(img/pay/qw-n.png) no-repeat; }
a.pay-qw-d { background: url(img/pay/qw-d.png) no-repeat; }
/*======================================================*/
a.pay-pr-a { background: url(img/pay/pr-a.png) no-repeat; }
a.pay-pr-n { background: url(img/pay/pr-n.png) no-repeat; }
a.pay-pr-d { background: url(img/pay/pr-d.png) no-repeat; }
/*======================================================*/
a.pay-pa-a { background: url(img/pay/pa-a.png) no-repeat; }
a.pay-pa-n { background: url(img/pay/pa-n.png) no-repeat; }
a.pay-pa-d { background: url(img/pay/pa-d.png) no-repeat; }
/*======================================================*/
a.pay-in-a { background: url(img/pay/in-a.png) no-repeat; }
a.pay-in-n { background: url(img/pay/in-n.png) no-repeat; }
a.pay-in-d { background: url(img/pay/in-d.png) no-repeat; }
/*======================================================*/
a.pay-bl-a { background: url(img/pay/bl-a.png) no-repeat; }
a.pay-bl-n { background: url(img/pay/bl-n.png) no-repeat; }
a.pay-bl-d { background: url(img/pay/bl-d.png) no-repeat; }
/*======================================================*/
a.pay-br-a { background: url(img/pay/br-a.png) no-repeat; }
a.pay-br-n { background: url(img/pay/br-n.png) no-repeat; }
a.pay-br-d { background: url(img/pay/br-d.png) no-repeat; }
/*======================================================*/
a.pay-vi-a { background: url(img/pay/vi-a.png) no-repeat; }
a.pay-vi-n { background: url(img/pay/vi-n.png) no-repeat; }
a.pay-vi-d { background: url(img/pay/vi-d.png) no-repeat; }
/*======================================================*/
a.pay-rb-a { background: url(img/pay/rb-a.png) no-repeat; }
a.pay-rb-n { background: url(img/pay/rb-n.png) no-repeat; }
a.pay-rb-d { background: url(img/pay/rb-d.png) no-repeat; }
/*======================================================*/
a.pay-ed-a { background: url(img/pay/ed-a.png) no-repeat; }
a.pay-ed-n { background: url(img/pay/ed-n.png) no-repeat; }
a.pay-ed-d { background: url(img/pay/ed-d.png) no-repeat; }
/*======================================================*/
a.pay-pm-a { background: url(img/pay/pm-a.png) no-repeat; }
a.pay-pm-n { background: url(img/pay/pm-n.png) no-repeat; }
a.pay-pm-d { background: url(img/pay/pm-d.png) no-repeat; }
/*======================================================*/
a.pay-mg-a { background: url(img/pay/mg-a.png) no-repeat; }
a.pay-mg-n { background: url(img/pay/mg-n.png) no-repeat; }
a.pay-mg-d { background: url(img/pay/mg-d.png) no-repeat; }
/*======================================================*/
a.pay-lp-a { background: url(img/pay/lp-a.png) no-repeat; }
a.pay-lp-n { background: url(img/pay/lp-n.png) no-repeat; }
a.pay-lp-d { background: url(img/pay/lp-d.png) no-repeat; }
/*======================================================*/
a.pay-mt-a { background: url(img/pay/mt-a.png) no-repeat; }
a.pay-mt-n { background: url(img/pay/mt-n.png) no-repeat; }
a.pay-mt-d { background: url(img/pay/mt-d.png) no-repeat; }
/*======================================================*/
a.pay-fr-a { background: url(img/pay/fr-a.png) no-repeat; }
a.pay-fr-n { background: url(img/pay/fr-n.png) no-repeat; }
a.pay-fr-d { background: url(img/pay/fr-d.png) no-repeat; }
a.pay-wm-a:hover, a.pay-wm-d:hover, a.pay-ya-a:hover, a.pay-ya-d:hover, a.pay-qw-a:hover, a.pay-qw-d:hover, a.pay-pr-a:hover, a.pay-pr-d:hover
, a.pay-pa-a:hover, a.pay-pa-d:hover, a.pay-in-a:hover, a.pay-in-d:hover , a.pay-bl-a:hover, a.pay-bl-d:hover, a.pay-br-a:hover, a.pay-br-d:hover
, a.pay-vi-a:hover, a.pay-vi-d:hover, a.pay-rb-a:hover, a.pay-rb-d:hover, a.pay-ed-a:hover, a.pay-ed-d:hover, a.pay-pm-a:hover, a.pay-pm-d:hover
, a.pay-mg-a:hover, a.pay-mg-d:hover, a.pay-lp-a:hover, a.pay-lp-d:hover, a.pay-mt-a:hover, a.pay-mt-d:hover, a.pay-fr-d:hover {
font-size: 12px;
line-height: 2.0;
color: #ffffff;
filter: alpha(Opacity=75);
opacity: 0.80;
border: none;
}
.progress_style {
width : 40px;
height : 40px;
margin : 10px 0 10px 0;
border-radius : 66px;
font-size : 13px;
color : #888;
line-height : 40px;
text-shadow : 0 1px 0 #fff;
text-decoration : none;
text-align : center;
cursor : help;
box-shadow : 0 2px 10px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.5);
}
.progress_style img {
margin : 0;
padding : 0;
}
.stat_1 {
border: #daa520 1px solid;
background: #daa520;
background: -o-linear-gradient(top, #e8c161 0px, #daa520 100%);
background: -moz-linear-gradient(top, #e8c161 0px, #daa520 100%);
background: -webkit-linear-gradient(top, #e8c161 0px, #daa520 100%);
background: -ms-linear-gradient(top, #e8c161 0px, #daa520 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daa520', endColorstr='#e8c161',GradientType=0 );
}
.stat_2 {
border: #acacac 1px solid;
background: #acacac;
background: -o-linear-gradient(top, #e7e7e7 0px, #acacac 100%);
background: -moz-linear-gradient(top, #e7e7e7 0px, #acacac 100%);
background: -webkit-linear-gradient(top, #e7e7e7 0px, #acacac 100%);
background: -ms-linear-gradient(top, #e7e7e7 0px, #acacac 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#e7e7e7',GradientType=0 );
}
.stat_3 {
border: #ffd700 1px solid;
background: #ffd700;
background: transparent;
background: -o-linear-gradient(top, #ffed89 0px, #ffd700 100%);
background: -moz-linear-gradient(top, #ffed89 0px, #ffd700 100%);
background: -webkit-linear-gradient(top, #ffed89 0px, #ffd700 100%);
background: -ms-linear-gradient(top, #ffed89 0px, #ffd700 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd700', endColorstr='#ffed89',GradientType=0 );
}
.stat_4 {
border: #e5e3e2 1px solid;
background: #e5e3e2;
background: transparent;
background: -o-linear-gradient(top, #f8f7f7 0px, #e5e3e2 100%);
background: -moz-linear-gradient(top, #f8f7f7 0px, #e5e3e2 100%);
background: -webkit-linear-gradient(top, #f8f7f7 0px, #e5e3e2 100%);
background: -ms-linear-gradient(top, #f8f7f7 0px, #e5e3e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e3e2', endColorstr='#f8f7f7',GradientType=0 );
}
.stat_5 {
border: #5fcc83 1px solid;
background: #5fcc83;
background: transparent;
background: -o-linear-gradient(top, #7dd69b 0px, #5fcc83 100%);
background: -moz-linear-gradient(top, #7dd69b 0px, #5fcc83 100%);
background: -webkit-linear-gradient(top, #7dd69b 0px, #5fcc83 100%);
background: -ms-linear-gradient(top, #7dd69b 0px, #5fcc83 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fcc83', endColorstr='#7dd69b',GradientType=0 );
}
.nbtitle {
color:#FFF;
text-shadow:1px 1px 1px #467542;
font-weight:400;
display:block;
padding-bottom:5px;
text-transform:uppercase;
}
.nbtitleheg {
color: #f8f7f7;
margin: 0; padding: 0;
font: bold 2.0em serif;
text-shadow: 1px 0px 3px #02478A;
text-transform: none;
}
.nbtitleheds {
color: #f4f4f4;
display: block;
font: normal 15px Arial;
text-shadow: px px 2px #000000;
padding-bottom: 5px;
text-transform: none;
}
/*êíîïêà*/
.button_rabota {
position: relative;
font-weight: bold;
text-shadow: -1px -1px #000;
padding: .3em 1em;
background-color: #0b85de;
background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
background-repeat: no-repeat;
background-size: 200% 100%, auto;
background-position: 200% 0, 0 0;
box-shadow: rgba(0,0,0,.3) 0 2px 5px;
font-size: 14px;
transition: .5s linear;
border-radius: 30px 0px 30px 0px;
border: 7px double #AAB5A9;
}
.button_rabota:active {
top: 1px;
box-shadow: none;
}
.button_rabota:hover {
transition: .5s linear;
background-position: -200% 0, 0 0;
border-radius: 0px 30px 0px 30px;
}
/*кнопка end*/
:link,:visited { text-decoration:none }
ul,ol,h1,h2,h3,h4,h5,h6{
margin: 0px;
padding: 0px;
}
#textindex {
text-align : justify;
}
#maincolumn ul {
margin-left: 20px;
padding-left: 0;
list-style: none;
}
#maincolumn li {
line-height : 1.5em;
position:relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type:disc;
}
a, a:link, a:visited {
font-family:arial;
color : #0000ffî;
outline: none;
text-decoration: none;
}
a:hover {
color: #00CD00;
text-decoration: none;
}
fieldset.task {
margin: 10px;
padding: 10px;
border: 0px solid #478247;
-moz-border-radius: 7px;
border-radius: 7px;
width: auto;
font: 13px/1.4em arial, helvetica, verdana, sans-serif;
font-weight: bold;
text-align : left;
background: none;
background-color: #FFFF3E;
}
a.b {
margin: 0;
padding: 0 0 0 5px;
font-weight: bold;
}
.task a {
margin: 0;
padding: 0 0 0 5px;
font-weight: normal;
background: url(../img/menu_task.gif) top left no-repeat;
}
.task a.b {
margin: 0;
padding: 0 0 0 5px;
font-weight: bold;
background: url(../img/menu_task.gif) top left no-repeat;
}
a.block {color:#ff0000; font-size:9pt; font-family:arial; text-decoration: none;}
a.block:hover {color:#00CD00; text-decoration: none;}
a.block1 {color : #ff0000; font-family : arial; text-decoration : none;}
a.block1:hover {color : #00cd00; text-decoration : none;}
a.block2 {color:#000099; font-size:9pt; font-family:arial; text-decoration: none;}
a.block2:hover {color:#00CD00; text-decoration: none;}
a.slink1 {color: #0000ff; font-size : 9pt; font-family : arial; text-decoration : none;}
a.slink1:hover {color : #00cd00; text-decoration : none;}
a.slink2 {color : #ff0000; font-size : 9pt; font-family : arial; text-decoration : none;}
a.slink2:hover {color : #00cd00;text-decoration : none;}
a.link {color:#ff0000; font-size:10pt; font-family:arial; text-decoration: none;}
a.link:hover {color:#00CD00; text-decoration: none;}
a.blocks {color:#ff0000; font-size:11pt; font-family:arial; text-decoration: none;}
a.blocks:hover {color:#00CD00; text-decoration: none;}
#maincolumn a.surf, #maincolumn a.surf:link, #maincolumns a.surf:visited {color:#ff0000; font-size:10pt; font-family:arial; text-decoration: none;}
#maincolumn a.surf:hover {color: #00FF00;}
#maincolumn a.blocks1 {color: #0000ff; font: 13px arial, helvetica, verdana, sans-serif;}
#maincolumn a.blocks1:hover {color:#00cc00; text-decoration: none;}
#maincolumn a.blocks2 {color:#FF0000; font: 13px arial, helvetica, verdana, sans-serif;}
#maincolumn a.blocks2:hover {color:#00cc00; text-decoration: none;}
#maincolumn fieldset.serf {
border-top:solid 2px #FFF;
border-bottom:solid 1px #DDD;
border-left:solid 0px #FFF;
border-right:solid 0px #DDD;
background:#f7f7f7;
padding:2px 7px;
padding-left:35px;
margin-left:-7px;
margin-right:-7px;
}
.text-min {
font: 11px/1.4em arial, helvetica, verdana, sans-serif;
}
.podr {
margin-left: 20px;
padding: 0px 0px 0px 10px ;
border-left: 1px dotted;
display: none;
font: 11px/1.4em arial, helvetica, verdana, sans-serif;
}
#maincolumn fieldset.error {
font-size:14px;
color:#FFF;
text-align:center;
text-shadow:1px 1px 1px #000;
background-color: #EE6363;
display:block;
margin-top:0px;
margin-bottom:10px;
padding:10px 20px;
border:0px;
}
#maincolumn fieldset.errorp {
font-size:14px;
color:#FFF;
text-align:center;
text-shadow:1px 1px 1px #000;
background-color: #EE6363;
display:block;
margin-top:0px;
margin-bottom:10px;
padding:10px 20px;
border:0px;
}
#maincolumn legend.error {
color: #ff0000;
margin-left:-20px;
}
#maincolumn fieldset.ok {
font-size:14px;
color:#FFF;
text-align:center;
text-shadow:1px 1px 1px #000;
background-color: #2E8B57;
display:block;
margin-top:0px;
margin-bottom:10px;
padding:10px 20px;
border:0px;
}
#maincolumn fieldset.okp {
font-size:14px;
color:#FFF;
text-align:center;
text-shadow:1px 1px 1px #000;
background-color: #2E8B57;
display:block;
margin-top:0px;
margin-bottom:10px;
padding:10px 20px;
border:0px;
}
a img,:link img,:visited img {border: none;}
h1, h2, h3, h4 {
font-family: arial, helvetica, verdana, sans-serif;
font-weight: normal;
letter-spacing: 1px;
}
h1 {font-size: 218%;}
h2 {font-size: 164%;}
h3 {font-size: 145%; font-weight: bold;}
h4 {font-size: 118%; font-weight: bold;}
#navtop, #maincolumn {font-size: 85%;}
blockquote {
background-color: #f4f4f4;
padding: 5px 10px 5px 10px;
margin: 15px 40px 15px 20px;
border-left: 5px solid #ccc;
border-right: 5px solid #ccc;
font-style: italic;
letter-spacing: 1px;
}
img {
border-top: 0px solid #f4f4f4;
border-right: 0px solid #ccc;
border-bottom: 0px solid #ccc;
border-left: 0px solid #f4f4f4;
margin: 0px;
padding: 5px;
}
hr {
border: 0;
height: 1px;
color: #ccc;
background-color: #ccc;
margin: 0;
}
fieldset {
border: 1px solid #00BFFF;
margin-bottom: 0px;
font-size: 89%;
line-height: 1.2em;
padding: 6px;
}
legend {
color: #1e90ff;
font-weight: bold;
}
/***** GLOBAL CLASSES *****/
.opis {display:none; text-align: justify;}
b, strong { letter-spacing: 1px; }
.clear,p { clear:none; }
.img-left { float:left; margin: 6px 10px 10px 0; }
.img-right { float: right; margin: 6px 0 15px 10px; }
.float-left { float: left; }
.float-right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.textsmall { font-size: 80%; line-height: 1.4em; color: #00cd66;}
.textblue { color:#1e90ff; font-weight: bold; text-decoration: underline;}
.underline { border-bottom: 1px solid #333; }
.highlight { background: #ffc; }
.highlightred { background: #84C6FF; }
/* LAYOUT */
#maincontainer {
margin: 0 auto;
width: 1200px;
padding:5px 0 2px;
}
#contentwrapper {
margin: 0 auto;
clear:both;
display:block;
width: 1200px;
min-width: 1024px;
}
#maincolumn {
margin-bottom: 25px;
padding-top: 7px;
margin-left: 220px;
margin-right: 220px;
}
.text {
margin: 0px 10px 20px 10px;
}
#leftcolumn {
float: left;
margin-top: 0px;
margin-right: 5px;
padding-top: 7px;
width: 220px;
}
#rightcolumn {
float: right;
margin-top: 0px;
margin-left: 5px;
padding-top: 7px;
width: 220px;
}
#leftcolumn, #rightcolumn, #leftcolumn td, #rightcolumn td, #leftcolumn a, #rightcolumn a {
}
* html #leftcolumn { margin-top: 5px; }
* html #maincolumn { margin-top: 5px; }
/* NAVIGATION */
/***** NAVIGATION TOP *****/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#navtoplist {
padding: 0;
width: 100%;
background: transparent;
}
#navtoplist ul {
font: bold 13px arial;
margin: 0;
margin-left: 0px;
padding: 0;
list-style: none;
}
#navtoplist li {
display: inline;
margin: 0 2px 0 0;
padding: 0;
}
#navtoplist a, #navtoplist a:link, #navtoplist a:visited {
float: left;
display: block;
color: #00ffff;
margin: 1px 1px 0px 0px;
padding: 13px 13px;
text-decoration: none;
letter-spacing: 1px;
background: #1e90ff url(../images/footer2.jpg) repeat-x;
border-bottom: 2px solid #c71585;
}
#navtoplist a:hover{
background: #0000cd;
color: #00ff00;
border-bottom: 2px solid #00ffff;
}
#navtoplist current a {
background: #1e90ff url(../images/footer2.jpg) repeat-x;
border-color: #000;
}
#navtoplistline {
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #5190b2;
margin-bottom: 5px;
}
/***** NAVIGATION MAIN *****/
#navmainlist {
padding: 0;
background-color: #000;
margin: 0 0 0 0;
width: 200px;
}
#navmainlist li {
list-style: none;
margin: 0;
line-height: 2em;
}
#navmainlist li a,#navmainlist li a:link,#navmainlist li a:visited {
font-weight: normal;
width: 100%;
background-color: #f4f4f4;
display: block;
outline: none;
text-decoration: none;
text-indent: 10px;
}
#navmainlist li a:hover {
color: #3A3A3A;
background-color: #fff;
text-decoration: none;
}
#navmainlistline {
padding:0;
width: 100%;
height: 2px;
line-height: 2px;
background: #ccc;
margin: 2px 0 15px 0;
}
/***** NAVIGATION WEBLINKS *****/
#weblinks li
{
font-size: 90%;
list-style: none;
margin-left: 5px;
}
#weblinks a, #weblinks a:link, #weblinks a:visited
{
color: #999;
}
#weblinks a:hover
{
color: #ccc;
}
/*********************************** forms *****************************************/
#form label {
font-weight: bold;
font-size:12px;
}
#form input {
color : #002E5F;
font-size: 14px;
}
#form select{
width: auto;
font-size: 14px;
color : #002E5F;
}
#form input, textarea, select {
color : #002E5F;
font-size: 14px;
border:1px solid #46A2FF;
padding:3px;
background: #ffffff;
}
#form textarea {
color : #002E5F;
width:100%;
font-size: 14px;
border:1px solid #46A2FF;
}
#form input.checkbox {
border:1px solid #46A2FF;
background: none;
}
#form input.radio_button {
width:14px;
background: none;
border:1px solid #ff0000;
}
#form input.small, select.small {
width:100%;
border:1px solid #46A2FF;
}
#form input.large, select.large {
width:100%;
border:1px solid #46A2FF;
}
#form input.extra_large, select.extra_large {
width:300px;
border:1px solid #ff0000;
}
#form input:hover, textarea:hover, select:hover {
border:1px solid #ff0000;
}
#form input:active, textarea:active, select:active {
border:1px solid #ff0000;
}
#form input.submit {
margin:0px;
padding:0px;
padding-bottom:5px;
font-size:12px;
font-weight: normal;
text-align:center;
line-height:1.8em;
height:25px;
color:#fff;
text-shadow:1px 1px 1px #000;
outline:none;
border:none;
cursor: pointer;
background:url(img/sub-blue160.png) no-repeat left top;
width: 160px;
}
#form input.submit:hover, input.submit:active {
color:#fff;
border:none;
background-position: left bottom;
}
#form input.securitycode {
width:55px;
text-transform: uppercase;
border:1px solid #46A2FF;
}
#form input.securitycode:hover {
width:55px;
text-transform: uppercase;
border:1px solid #ff0000;
}
#form input.field {
border:1px solid #46A2FF;
}
#form input.field2 {
color: #ff0000;
width:55px;
border:1px solid #46A2FF;
}
#form input.field:hover, input.field2:hover{
border:1px solid #46A2FF;
}
#form textarea {
height: auto;
color : #002E5F;
border:1px solid #46A2FF;
}
#form textarea:hover {
height: auto;
color : #002E5F;
border:1px solid #ff0000;
}
#form textarea.deep {
height:300px;
color : #002E5F;
border:1px solid #db930b;
}
#form textarea.shallow {
height:50px;
color : #002E5F;
border:1px solid #db930b;
}
#form fieldset {
width: 0 auto;
padding:0;
border: 1px solid #46A2FF;
margin:auto;
display: block;
}
#form legend {
margin: 2px 0px 0px 50px;
font-weight:bold;
font-size: 100%;
letter-spacing: 1px;
}
/*my account section */
#myaccount p.reflink{
border: 1px solid #5190B2;
background-color: #000000;
margin: auto;
padding: 8px;
width: 68%;
margin-top: 10px;
}
#myaccount p.links{
border: 2px solid #5190B2;
background-color: #000000;
margin: auto;
width: 150px;
padding: 8px;
margin-bottom: 0px;
margin-right: 0px;
}
#myaccount p.links:hover{
color: #98fb98;
border: 1px solid #ff1493;
background-color: #000000;
cursor: pointer;
}
#myaccount a.links{
color: #ffa500;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
text-decoration: none;
text-transform: none;
word-spacing: normal;
}
#myaccount a.links:hover{
color: #000000;
}
.warning{
border: 2px dotted #CC0000;
margin: auto;
width: 80%;
padding: 5px;
margin-top: 20px;
text-align: center;
}
#task a.task {color:#ff0000; font-size:11pt; font-family:arial; text-decoration: none;}
#task a.task:hover {color:#00CD00; text-decoration: none;}
.popup{
z-index:10000;
width: 450px;
height: auto;
position: absolute;
font-size: 13px;
border: solid 1px blue;
background: #FBEEBB url(../img/top_back.jpg) 0 0 repeat-x;
}
.popup h6 {
background: none;
margin: 5px 0 5px 10px;
padding: 5px 0 5px 20px;
font-size: 14px;
height: 22px;
float:left;
color: #FFFFFF;
}
.popup button {
float: right;
background: none;
border: none;
margin: 6px 6px 0 0;
}
.popup p {
clear: both;
margin: 5px auto;
padding: 3px;
font-size: 12px;
text-align: justify;
}
.popup .accept {
width: 80px;
height: 26px;
display: block;
background: url(../img/blue_bt_right.jpg) right top no-repeat;
text-align: center;
margin: 0 auto;
margin-top: 30px;
}
.popup a{
font-family:arial;
color:black;
font-weight: normal;
text-decoration: none;
}
.popup a, .popup a:link, .popup a:visited {
font-family : arial;
color : #1e90ff;
outline : none;
text-decoration : none;
}
.popup a:hover {
color : #00cd00;
text-decoration : none;
}
.popup .accept span {
padding-top:5px;
font-size: 13px;
font-weight: bold;
color: #1b6181;
display: block;
height: 21px;
width: 80px;
float: left;
background: url(../img/blue_bt_left.jpg) 0 0 no-repeat;
}
#maincolumn a.submit {
margin:0px;
padding:0px;
padding-bottom:5px;
font-size:12px;
font-weight: normal;
text-align:center;
line-height:1.8em;
height:25px;
color:#fff;
text-shadow:1px 1px 1px #000;
outline:none;
border:none;
cursor: pointer;
background:url(img/sub-blue160.png) no-repeat left top;
width: 160px;
}
#maincolumn a.submit:hover, #maincolumn a.submit:active, #maincolumn a.submit:visited {
color:#fff;
border:none;
background-position: left bottom;
}
input.submit {
margin:0px;
padding:0px;
padding-bottom:5px;
font-size:12px;
font-weight: normal;
text-align:center;
line-height:1.8em;
height:25px;
color:#fff;
text-shadow:1px 1px 1px #000;
outline:none;
border:none;
cursor: pointer;
background:url(img/sub-blue160.png) no-repeat left top;
width: 160px;
}
input.submit:hover, input.submit:active {
color:#fff;
border:none;
background-position: left bottom;
}
.msg-error {
font-size:14px;
color:#FFF;
text-align:center;
text-shadow:1px 1px 1px #000;
background-color: #EE6363;
display:block;
margin-top:0px;
margin-bottom:10px;
padding:10px 20px;
}
.msg-ok {
font-size:14px;
color:#FFF;
text-align:center;
text-shadow:1px 1px 1px #000;
background-color: #2E8B57;
display:block;
margin-top:0px;
margin-bottom:10px;
padding:10px 20px;
}
.msg-w {
font-size:14px;
color:#FFF;
text-align:center;
text-shadow:1px 1px 1px #000;
background-color: #c39318;
display:block;
margin-top:0px;
margin-bottom:10px;
padding:10px 20px;
}
.loader {
background: url(img/loader.gif) no-repeat left top;
width: 128px;
height: 15px;
display: block;
margin: 0 auto;
margin-top:10px;
}
.sub-green, .sub-blue, .sub-red, .sub-black, .sub-black-l, .sub-orange, .sub-blue160 {
font-size:11px;
text-align:center;
line-height:1.9em;
height:25px;
width:92px;
color:#fff;
text-shadow:1px 1px 1px #000;
outline:none;
border:none;
display:block;
float:right;
cursor: pointer;
}
.sub-green:hover, .sub-blue:hover, .sub-red:hover, .sub-black:hover, .sub-black-l:hover, .sub-orange:hover, .sub-blue160:hover {
color:#fff;
border:none;
background-position: left bottom;
}
#maincolumn a.sub-green, #maincolumn a.sub-blue, #maincolumn a.sub-red, #maincolumn a.sub-black, #maincolumn a.sub-black-l, #maincolumn a.sub-orange, #maincolumn a.sub-blue160 {
font-size:11px;
text-align:center;
line-height:1.9em;
height:25px;
width:92px;
color:#fff;
text-shadow:1px 1px 1px #000;
outline:none;
border:none;
display:block;
float:right;
cursor: pointer;
}
#maincolumn a.sub-green:hover, #maincolumn a.sub-blue:hover, #maincolumn a.sub-red:hover, #maincolumn a.sub-black:hover, #maincolumn a.sub-black-l:hover, #maincolumn a.sub-orange:hover, #maincolumn a.sub-blue160:hover {
color:#fff;
border:none;
background-position: left bottom;
}
.sub-green { background:url(img/sub-green.png) no-repeat left top; }
.sub-red { background:url(img/sub-red.png) no-repeat left top; }
.sub-blue { background:url(img/sub-blue.png) no-repeat left top;}
.sub-blue160 { background:url(img/sub-blue160.png) no-repeat left top; width: 160px; float:none; }
.sub-orange { background:url(img/sub-orange.png) no-repeat left top; width: 110px; }
.sub-black { background:url(img/sub-black.png) no-repeat left top; }
.sub-black-l { background:url(img/sub-black_l.png) no-repeat left top; width: 40px; }
#newform input.sub-green, #newform input.sub-blue, #newform input.sub-red, #newform input.sub-black, #newform input.sub-black-l, #newform input.sub-orange, #newform input.sub-blue160 {
margin:0;
padding:0;
padding-bottom:3px;
font-size:11px;
text-align:center;
line-height:1.8em;
height:25px;
color:#FFFFFF;
text-shadow:1px 1px 1px #000000;
outline:none;
border:none;
display:block;
cursor: pointer;
}
#newform input.ok:focus, #newform input.ok12:focus, #newform select:focus, #newform textarea:focus {
border: 1px solid #228B22;
}
#newform input.ok {
width: 99%;
height: 20px;
border:1px solid #B5B5B5;
background: #FFFFFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#newform input.ok12 {
width: 120px;
height: 20px;
border:1px solid #B5B5B5;
background: #FFFFFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#newform input.err {
width: 99%;
height: 20px;
border:1px solid #FF9393;
background: #FFDBDB;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#newform select {
width: 100%;
height: 24px;
border:1px solid #B5B5B5;
background: #FFFFFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#newform textarea {
width: 97%;
height: 100px;
border:1px solid #B5B5B5;
background: #FFFFFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
ul.green, ul.red, ul.grey {
list-style:none;
line-height:1.4;
margin:5px 10px;
padding:0;
}
ul.green li, ul.red li, ul.grey li, #maincolumn ul.green li, #maincolumn ul.red li, #maincolumn ul.grey li {
font-size:12px;
padding-left: 0px;
margin-left: 5px;
}
ul.green {color: #009126;}
ul.red {color: #E54100;}
ul.grey {color: #4F4F4F;}
#maincolumn a.rang, a.rang {
background:url(img/rang.png) no-repeat;
height:38px;
width:64px;
display:block;
border:none;
outline:none;
cursor:pointer;
padding-top:20px;
color: #FFFFFF;
text-shadow: 1px 2px 2px #000000;
}
h1.sp {
font: 16px Tahoma, Arial;
font-weight : normal;
margin : 3px 0 13px 0;
text-shadow: 3px 2px 2px #ccc;
}
h2.sp {
text-align:center;
font:14px Tahoma, Arial, sans-serif;
color:#00649E;
text-shadow:1px 1px 1px #CDCFD0;
margin-top:20px;
margin-bottom:8px;
}
h3.sp {
text-align:left;
font:14px Tahoma, Arial, sans-serif;
color:#00649E;
margin-top:10px;
margin-bottom:5px;
border-bottom:1px dotted #00649E;
}
h4.sp {
text-align:left;
font:12px Arial, Verdana, sans-serif, Tahoma;
font-style:italic;
font-weight:700;
color:#C41300;
text-shadow:0px 0px 2px #FFC18F;
margin-top:10px;
margin-bottom:5px;
}
h5.sp {
text-align: left;
font: 13px Tahoma, Arial, sans-serif;
color: #05599B;
text-shadow:0px 0px 3px #A3D3F7;
margin-top: 20px;
margin-bottom: 6px;
padding-bottom: 2px;
border-bottom: 1px dotted #7DA1BD;
}
h6.sp {
font: bold 16px Tahoma,Arial,sans-serif;
text-align: center;
color: #1C62B9;
text-shadow: 0px 1px 0px #FFF, 1px 2px 2px #AAA;
cursor: pointer;
}
/* ������ ������������ */
#banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}
#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
.navigation {
border: none;
width: 100%;
margin: 5px 0px;
padding: 3px 0px;
text-align: center;
background-color: #F3F2E7;
border-top: 1px solid #20B2AA;
border-bottom: 1px solid #20B2AA;
}
.navigation td.orient {
white-space:nowrap;
padding-top: 0;
vertical-align: top;
}
.navygray {
font-size:12px;
color:#B3C2A4;
}
.text14 {
font-size:14px;
}
.navigation td a {
font-size:12px;
color: #135B11;
}
.navigation td a:hover, .navigation td a:hover {
font-size:12px;
color: #FF0000;
}
a.selpage {
border: solid 1px #3CB371;
background-color: #F0FFF0;
padding: 1px 3px;
margin: 0 1px;
}
a.selpage:hover {
border: solid 1px #C7B285;
background-color: #E7DECB;
}
.selpage-act {
border: solid 1px #3F8E5A;
background-color: #3F8E5A;
color: #fff;
padding: 1px 3px;
margin: 0 1px;
}
table.newssites {
border-collapse:collapse;
border-bottom:solid 1px #D1E3EF;
}
table.newssites td {
color:#404040;
font-size:12px;
border-bottom:solid 1px #D7E4C8;
padding:4px 6px;
}
table.newssites td.messtitle {
color:#9E003F;
background-color:#FFEC82;
padding:3px 10px;
}
.newssitestitle {
color: green;
font-size: 14px;
display:block;
margin-bottom:8px;
}
.message {
font-size:12px;
display:block;
padding:5px 5px 10px 5px;
}
a.tabl {
color:gold;
}
a.tabl:hover {
color:#000;
}
table.tables {text-align:left;border-collapse:separate;line-height:1.4;border:none;border-spacing:0;width:100%;padding:0;}
table.tables thead {text-align:center; background: #559AD6;}
table.tables thead th {text-align:center; font-weight: normal; padding-bottom: 4px; padding-top: 4px; color: #ffffff; font-size: 13px; text-shadow: 1px 1px 1px #376603; border-left:solid 0px #FFFFFF;}
table.tables thead th a {color:#FFFFFF;outline:none;}
table.tables thead th a:hover {color:#FAE897;border-color:#FAE897;}
table.tables td {color:#114C5B; font-size:12px; border-top:solid 2px #FFFFFF; border-left:solid 2px #FFFFFF; border-bottom:solid 1px #DDDDDD; border-right:solid 1px #DDDDDD; background:#F7F7F7; padding:2px 5px;}
table.tables td:first-child { border-left:none; }
table.tables td.tdserf, table.tables td.tdtests, table.tables td.tdtestsm {color:#114C5B; font-size:12px; border:none; border-top:solid 2px #FFFFFF; border-bottom:solid 1px #DBDFBE; background:#F7F7F7; padding:5px 5px;}
.usermenu {
margin:0 0 0px 0;
display:block;
}
.usermenutitle-g, .usermenutitle-b, .usermenutitle-r, .usermenutitle-o, .usermenutitle-y, .usermenutitle-f {
font:12px tahoma, arial, sans-serif;
line-height: 2;
color:#FFF;
text-decoration:none;
display:block;
width: 204px;
height: 24px;
padding-left: 16px;
cursor: pointer;
}
.usermenublock {
display: block;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 1px;
background:#FAFAFA url(img/bg-block.png) no-repeat bottom center;
}
.usermenudelim {
display:block;
height: 5px;
border-left: 1px solid #DAE2E6;
border-right: 1px solid #DAE2E6;
}
.usermenutitle-g {
width: 204px;
background:url(img/menu-green.png) repeat-x;
text-shadow:1px 1px 1px #206704;
}
.usermenutitle-b {
width: 204px;
background:url(img/menu-blue.png) repeat-x;
text-shadow:1px 1px 1px #014f6c;
}
.usermenutitle-r {
width: 204px;
background:url(img/menu-red.png) repeat-x;
text-shadow:1px 1px 1px #8d1d11;
}
.usermenutitle-o {
width: 204px;
background:url(img/menu-orange.png) repeat-x;
text-shadow:1px 1px 1px #b85b00;
}
.usermenutitle-y {
width: 204px;
background:url(img/menu-yellow.png) repeat-x;
text-shadow:1px 1px 1px #a08f00;
}
.usermenutitle-f {
width: 204px;
background:url(img/menu-fiolet.png) repeat-x;
text-shadow:1px 1px 1px #62468C;
}
.usermenuline {
font:12px tahoma, arial, sans-serif;
color:#014844;
text-decoration:none;
display:block;
padding:3px 0 4px 14px;
cursor: pointer;
border-bottom: none;/*1px solid #fff;*/
border-left: 1px solid #DAE2E6;
border-right: 1px solid #DAE2E6;
}
input.btnsearch {
background:url(../img/btn-search.png) no-repeat left top;
width:30px;
height:21px;
cursor:pointer;
border:none;
display: block;
float: right;
margin:2px;
}
input.btnsearch:hover {
background-position:left bottom;
}
.reit_plus {
height:54px;
width:58px;
display:block;
border:none;
outline:none;
cursor:pointer;
margin-bottom:7px;
margin-right:3px;
float:right;
background:url(../img/reit_plus.png) no-repeat left top;
}
.beach {
height: 128px;
margin: 30px 0 20px;
display: block;
background: url(images/beach.png) no-repeat center;
}
table.tables td.td-statlink { color:#114C5B; font-size:12px; border:none; border-top:solid 2px #FFFFFF; border-bottom:solid 1px #DBDFBE; background:#F7F7F7; padding:3px 5px; }
table.tables td.td-statlink:last-child { border-right:solid 1px #DDD; }
table.table-serf {text-align:left; border-collapse:separate; line-height:1.4; border:none; border-spacing:0; width:100%; padding:0; margin:0 auto;}
table.table-serf td.td-serf, table.table-serf td.td-serfm,
table.table-serf td.td-tests, table.table-serf td.td-testsm {
color:#114C5B;
font-size:12px;
border:none;
border-top:solid 2px #FFFFFF;
border-bottom:solid 1px #DDDDDD;
background:#F7F7F7;
padding:5px 3px 3px 3px;
}
table.table-serf td:first-child { border-left:none; }
table.table-serf td:last-child { border-right:1px solid #DDDDDD; }
.startserf {
color: #FFFFFF;
text-shadow:1px 1px 1px #56A100;
text-align: center;
margin: 0;
padding: 4px 10px;
font-size: 13px;
border: solid 1px #0000ff;
background-color: #46a2ff;
cursor:pointer;
}
.startserf:hover {
color: #FFFFFF;
text-shadow:1px 1px 1px #56A100;
border: solid 1px #1e90ff;
background-color: #0000ff;
}
.workvir, .workquest, .workcomp, .workuplist, .workvipserf {
float: right;
display: block;
height: 16px;
width: 16px;
outline: none;
border: none;
margin: 0 1px;
float: right;
cursor: pointer;
}
.workvir { background: url(../img/bg_drweb.png) no-repeat left top; }
.workquest { background: url(../img/question.png) no-repeat left top; }
.workcomp { background: url(../img/icon-claims.png) no-repeat left bottom; }
.workvipserf { background: url(icon-serf/icon-vip-serf.png) no-repeat left top; margin-right: 3px;}
.workvir:hover {background-position: left bottom;}
.workcomp:hover {background-position: left top;}
.workquest:hover {background-position: left bottom;}
.workvir:hover {background-position: left bottom;}
.workcomp:hover {background-position: left top;}
.workquest:hover {background-position: left bottom;}
.warning-info {
color: #a85300;
border: 1px dashed #C68500;
font-weight: bold;
padding: 5px 10px;
display: block;
background-color: #e9fcff;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}
#loading {
position: fixed;
top: 20%;
right: 2%;
background: url(../img/ajax-loader.gif) no-repeat left top;
width: 66px;
height: 66px;
display: block;
margin: 0 auto;
}
.blocks1 {color: #0000FF; font: 13px arial, helvetica, verdana, sans-serif;}
.blocks2 {color: #FF0000; font: 13px arial, helvetica, verdana, sans-serif;}
table.tables td.startserf {
text-align: center;
padding-top: 12px;
border:none;
border-top:solid 2px #FFFFFF;
border-bottom:solid 1px #DBDFBE;
background:#f7f7f7;
}
table.tables td.startserf a {
color: #fff;
text-shadow:1px 1px 1px #56A100;
text-align: center;
padding: 4px 10px;
font-size: 14px;
border: solid 1px #006400;
background-color: #3CB371;
}
table.tables td.startserf a:hover {
color: #FFF;
text-shadow:1px 1px 1px #56A100;
border: solid 1px #228B22;
background-color: #2E8B57;
}
table.tables td.kop_add, table.tables td.kop_list {
border:none;
background:none;
}
table.tables td.kop_add a {
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
text-shadow:1px 1px 1px #56A100;
text-align: center;
padding: 4px 20px;
border: solid 1px #FF4E00;
background-color: #FF4E00;
cursor: pointer;
margin: 5px auto;
display: block;
}
table.tables td.kop_add a:hover {
color: #FFF;
text-shadow:1px 1px 1px #56A100;
border: solid 1px #FF0000;
background-color: #FF0000;
}
table.tables td.kop_list a {
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
text-shadow:1px 1px 1px #56A100;
text-align: center;
padding: 4px 20px;
cursor: pointer;
border: solid 1px #129771;
background-color: #129771;
margin: 5px auto;
display: block;
}
table.tables td.kop_list a:hover {
color: #FFF;
text-shadow:1px 1px 1px #56A100;
border: solid 1px #228B22;
background-color: #228B22;
}
.tooltip{
position: absolute;
padding: 10px 13px;
z-index: 2;
color: #303030;
background-color: #A4D3EE;
border: 2px solid #1E90FF;
font-family: sans-serif, Tahoma;
font-size: 12px;
line-height: 18px;
text-align: justify;
}
.hint-quest {
background: url(img/help_16x16.png) no-repeat left top;
height: 16px;
width: 16px;
display: block;
border: none;
outline: none;
cursor: help;
margin: 0 auto;
}
.glavnaya {
font-size: 14px;
color: #FFF;
text-align: center;
text-shadow: 2px 2px 2px #000;
background-color: #1C62B9;
display: block;
margin-top: 10px;
padding: 10px 20px;
border: medium none;
border-radius: 0px;
}
img.avatar{margin-top:5px;border:4px double #029d74;padding:2px;box-shadow:0 0 10px 0 #008000; -webkit-box-shadow:0 0 10px 0 #008000; -moz-box-shadow:0 0 10px 0 #008000; -khtml-box-shadow:0 0 10px 0 #008000;width: 80px;height:80px;}
img.avatar:hover{border-radius:50%;box-shadow:0 0px 20px rgb(167,91,41);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.avatar_mail{margin-right:15px;margin-bottom:3px;width:45px;height:45px;box-shadow:0 0px 10px rgb(2,157,116);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.avatar_mail:hover{border-radius:50%;box-shadow:0 0px 20px rgb(167,91,41);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
input.sub-green {
margin: 0px;
padding: 0px;
font-size: 12px;
font-weight: normal;
line-height: 1.8em;
height: 25px;
color: #fff;
text-shadow: 1px 1px 1px #000;
outline: none;
border: none;
cursor: pointer;
background: background:color:#fff;
background: rgb(153,51,0);
margin: 5px;
border-radius: 6px;
outline: none;
font-size: 13px;
width: 150px;
float: none;
}
.adv-title-open, .adv-title-close {
border-top:solid 2px #FFF; border-left:solid 2px #FFF; border-bottom:solid 1px #DDD; border-right:solid 1px #DDD;
text-align:center;
font:13px Tahoma, Arial, sans-serif;
font-weight: bold;
display: block;
text-shadow:1px 1px 1px #FFF;
margin:0;
padding: 5px 10px;
outline: none;
cursor: pointer;
background: #DCE7EA url(../img/title-down.png) no-repeat 5px center;
color: #00649E;
}
.adv-title-close {
background-color: #EDEDED;
color: #728E9E;
}
.adv-dell, .adv-edit, .adv-erase, .adv-up, .adv-down, .adv-info, .adv-vip, .adv-clock {
height: 16px;
width: 16px;
display: block;
border: none;
outline: none;
cursor: pointer;
float: right;
margin: 3px;
margin-top: 12px;
}
.adv-up, .adv-down {
color: #FFFFFF;
font-size: 10px;
text-align: center;
line-height: 1.4;
}
.adv-dell { background: url(img/adv/icon-dell.png) no-repeat left top; }
.adv-edit { background: url(img/adv/icon-edit.png) no-repeat left top; margin-right:4px;}
.adv-vip { background: url(img/adv/icon-vip.png) no-repeat left bottom; margin-left:1px; width: 26px;}
.adv-up { background: url(img/adv/up-down.png) no-repeat left bottom; margin-left:1px;}
.adv-down { background: url(img/adv/up-down.png) no-repeat left top; margin-left:1px;}
.adv-clock { background: url(img/adv/icon-clock16x16.png) no-repeat left top; margin-left:1px; height: 16px; width: 16px;}
a.add-money, a.add-money-no, a.add-money-yes {
display: block;
border: none;
outline: none;
cursor: pointer;
text-align: center;
font-size: 12px;
color: green;
padding-top:30px;
}
a.add-money { background: url(img/adv/icon-addmoney.png) no-repeat top center; }
a.add-money-no { background: url(img/adv/icon-addmoney-no.png) no-repeat top center; }
a.add-money:hover, a.add-money-no:hover, #maincolumn a.add-money:hover, #maincolumn a.add-money-no:hover { background: url(img/adv/icon-addmoney-yes.png) no-repeat top center; color: #FF0000;}
.sub-reg-user {
width: 100%;
padding: 5px 0px;
margin: 0px auto 6px auto;
display: block;
color: #F0FFFF;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
text-align: center;
font-size: 12px;
font-weight: bold;
text-shadow: 0px 0px 3px #627172;
cursor: pointer;
line-height: 2;
letter-spacing: 1.5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #FF4E00;
background: -o-linear-gradient(top, #FF4E00 0px, #FF4E00 100%);
background: -moz-linear-gradient(top, #FF4E00 0px, #FF4E00 100%);
background: -webkit-linear-gradient(top, #FF4E00 0px, #FF4E00 100%);
background: -ms-linear-gradient(top, #FF4E00 0px, #FF4E00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4E00', endColorstr='#FF4E00',GradientType=0);
}
.sub-log-user {
width: 100%;
padding: 5px 0px;
margin: 0px auto 12px auto;
display: block;
color: #F0FFFF;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
text-align: center;
font-size: 12px;
font-weight: bold;
text-shadow: 0px 0px 3px #627172;
cursor: pointer;
line-height: 2;
letter-spacing: 1.5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #006699;
background: -o-linear-gradient(top, #008AD3 0px, #1B609E 100%);
background: -moz-linear-gradient(top, #008AD3 0px, #1B609E 100%);
background: -webkit-linear-gradient(top, #008AD3 0px, #1B609E 100%);
background: -ms-linear-gradient(top, #008AD3 0px, #1B609E 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008AD3', endColorstr='#1B609E',GradientType=0);}
table.advertise td.adv {border-bottom:1px solid #DDD; border-right:1px solid #DDD; background:#F5F5F5 url(/style/icon/sale.png) no-repeat; padding-bottom:2px;}
table.advertise td.adv2 {border-bottom:1px solid #DDD; border-right:1px solid #DDD; background:#F5F5F5 url(/style/icon/new.png) no-repeat; padding-bottom:3px;}
table.advertise td.adv a {font: 13px tahoma, sans-serif; text-decoration: none; color: #6B8E23;}
table.advertise td.adv a:hover {color: #808080;}
table.tables td.cab_menu, table.tables td.cab_menu_act { border:none; background:none; margin:0px; padding:0 3px;}
table.tables td.cab_menu a, table.tables td.cab_menu_act a {
text-align: center; font-size: 12px; font-weight: normal; line-height:1.3em;
color: #F0FFFF;
padding: 3px 20px; margin: 3px auto;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
display: block; cursor: pointer;
}
table.tables td.cab_menu a {
background: #0087A7;
background: -o-linear-gradient(top, #0087A7 0px, #006486 100%);
background: -moz-linear-gradient(top, #0087A7 0px, #006486 100%);
background: -webkit-linear-gradient(top, #0087A7 0px, #006486 100%);
background: -ms-linear-gradient(top, #0087A7 0px, #006486 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006486', endColorstr='#0087A7',GradientType=0);
}
table.tables td.cab_menu a:hover, #maincolumn table.tables td.cab_menu a:hover {
color: #F0FFFF;
background: #FF3800;
background: -o-linear-gradient(top, #FF6034 0px, #FF3800 100%);
background: -moz-linear-gradient(top, #FF6034 0px, #FF3800 100%);
background: -webkit-linear-gradient(top, #FF6034 0px, #FF3800 100%);
background: -ms-linear-gradient(top, #FF6034 0px, #FF3800 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3800', endColorstr='#FF6034',GradientType=0);
}
table.tables td.cab_menu_act a, #maincolumn table.tables td.cab_menu_act a {
color: #F0FFFF;
background: #E63200;
background: -o-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -moz-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -webkit-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -ms-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E63200', endColorstr='#FF4C1A',GradientType=0);
}
#maincolumn a.sub-profile, a.sub-profile {
color: #FFFFFF;
padding: 4px 10px 5px;
margin: 10px 0px 5px 0px;
border-radius: 1px;
text-shadow: 0 1px 1px rgba(0,0,0,0.56);
font-size: 12px;
border: 2px solid #E0E0E0;
cursor: pointer;
outline: none;
text-decoration: none;
float: none;
display: block;
margin: 5px auto 1px auto;
width: 165px;
text-align: center;
background: #0087A7;
}
#maincolumn a.sub-profile:hover, a.sub-profile:hover {
background: #006699;
}
.proc-btn-t, .proc-btn-n {
color: #FFFFFF;
height: 25px;
line-height: 24px;
font-size: 12px;
display: inline-block;
padding: 0px;
margin: 2px 0px 1px 0px;
text-shadow: 0 1px 1px rgba(0,0,0,0.56);
text-transform: normal; /*uppercase*/
cursor: pointer;
outline: none;
text-decoration: none;
letter-spacing: normal;
}
.proc-btn-t { width: 140px; background: #0077A7; border: 2px solid #E0E0E0; border-right: none; border-radius: 1px 0px 0px 1px; -moz-border-radius: 1px 0px 0px 1px; -webkit-border-radius: 1px 0px 0px 1px; }
.proc-btn-n { width: 45px; background: #E63200; border: 2px solid #E0E0E0; border-left: none; border-radius: 0px 1px 1px 0px; -moz-border-radius: 0px 1px 1px 0px; -webkit-border-radius: 0px 1px 1px 0px; }
.proc-btn-t:hover {
background: #006699;
}
.adv-btn, .adv-btn-act {
color: #FFFFFF;
width: 216px;
height: 25px;
line-height: 24px;
font-size: 12px;
display: inline-block;
padding: 0px;
margin: 2px 2px 1px 1px;
text-shadow: 0 1px 1px rgba(0,0,0,0.56);
text-transform: normal; /*uppercase*/
border: 2px solid #E0E0E0;
cursor: pointer;
outline: none;
text-decoration: none;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
letter-spacing: normal;
}
.adv-btn {
background: #0087A7;
background: -o-linear-gradient(top, #0087A7 0px, #0087A7 100%);
background: -moz-linear-gradient(top, #0087A7 0px, #0087A7 100%);
background: -webkit-linear-gradient(top, #0087A7 0px, #0087A7 100%);
background: -ms-linear-gradient(top, #0087A7 0px, #0087A7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0087A7', endColorstr='#0087A7',GradientType=0);
}
.adv-btn-act {
background: #E63200;
background: -o-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -moz-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -webkit-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -ms-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E63200', endColorstr='#FF4C1A',GradientType=0);
}
.adv-btn:hover {
background: #E63200;
background: -o-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -moz-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -webkit-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -ms-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E63200', endColorstr='#FF4C1A',GradientType=0);
}
.proc-btn-t, .proc-btn-n {
color: #FFFFFF;
height: 25px;
line-height: 24px;
font-size: 12px;
display: inline-block;
padding: 0px;
margin: 2px 0px 1px 0px;
text-shadow: 0 1px 1px rgba(0,0,0,0.56);
text-transform: normal; /*uppercase*/
cursor: pointer;
outline: none;
text-decoration: none;
letter-spacing: normal;
}
.proc-btn-t { width: 140px; background: #0077A7; border: 2px solid #E0E0E0; border-right: none; border-radius: 1px 0px 0px 1px; -moz-border-radius: 1px 0px 0px 1px; -webkit-border-radius: 1px 0px 0px 1px; }
.proc-btn-n { width: 60px; background: #E63200; border: 2px solid #E0E0E0; border-left: none; border-radius: 0px 1px 1px 0px; -moz-border-radius: 0px 1px 1px 0px; -webkit-border-radius: 0px 1px 1px 0px; }
.proc-btn-t:hover {
background: #006699;
}
a.link_adv, a.link_adv:link, a.link_adv:visited {
background: url(icon-serf/icon-advertise-add.png) no-repeat left center;
margin:0;
padding: 0 0 0 19px;
font-size:13px;
color: #006699;
outline: none;
text-decoration: none;
text-shadow: none;
}
a.link_adv:hover {
color: #E95641;
outline: none;
text-decoration: none;
text-shadow: none;
}
/* update */
h3.sp{
text-align: left;
font: 12px Arial, Verdana, sans-serif, Tahoma;
font-style: italic;
font-weight: 700;
color: #C41300;
text-shadow: 0px 0px 2px #FFC18F;
margin-top: 10px;
margin-bottom: 5px;
}
.img-left-2{
margin: 47px 10px 10px 0;
}
.img-left-3{
margin: 10px 10px 20px 0;
}
.h2-2{
margin-top: 0 !important;
margin-bottom: 42px !important;
}
.avatar_small {
width:30px;
height:30px;
text-align:center;
background-color: #F5FFFA;
border: 1px solid transparent;
margin:0 auto;
padding:0;
border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px;
box-shadow: 0 0 10px 0 #999; -webkit-box-shadow: 0 0 10px 0 #999; -moz-box-shadow: 0 0 10px 0 #999; -khtml-box-shadow: 0 0 10px 0 #999;
}
table.tables_inv{text-align:left;border-collapse:separate;line-height:1.4;border:none;border-spacing:0;width:100%;padding:0;}
table.tables_inv thead {text-align:center; background: #1E90FF;}
table.tables_inv thead th{text-align:center;font-weight:normal;padding-bottom:6px;padding-top:6px;color:#ffffff;font-size:13px;text-shadow:1px 1px 1px #376603;}
table.tables_inv thead th a{color:#fff;outline:none;}
table.tables_inv thead th a:hover{color:#FAE897;border-color:#FAE897;}
table.tables_inv td{color:#114C5B;font-size:12px;border-top:solid 2px #FFF;border-left:solid 2px #FFF;border-bottom:solid 1px #DDD;border-right:solid 1px #DDD;background:#f7f7f7;padding:2px 5px;}
table.tables_inv td:first-child { border-left:none; }
.warning-info {
color: #a85300;
border: 1px dashed #C68500;
font-weight: bold;
padding: 5px 10px;
display: block;
background-color: #fff3bc;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}
table.tables-aut {text-align:left;border-collapse:separate;line-height:1.4;border:none;border-spacing:0;width:100%;padding:0;}
table.tables-aut thead {text-align:center; background: #3977D2;}
table.tables-aut thead th {text-align:center; font-weight: normal; padding-bottom: 4px; padding-top: 4px; color: #ffffff; font-size: 13px; text-shadow: 1px 1px 1px #376603; border-left:solid 0px #FFF;}
table.tables-aut thead th a {color:#fff;outline:none;}
table.tables-aut thead th a:hover {color:#FAE897;border-color:#FAE897;}
table.tables-aut td {color:#114C5B; font-size:12px; border-top:solid 2px #FFF; border-bottom:solid 1px #DDD; background:#F7F7F7; padding:2px 5px;}
table.tables-aut td:first-child {border-left:none;}
table.tables-aut td:last-child { border-right:solid 1px #DDD; }
.check-aut {
font-weight: 500;
font-size: 14px;
padding: 4px 3px;
margin: 1px 4px;
display: block;
color: #FFFFFF;
cursor: pointer;
text-shadow: 0 1px rgba(67, 66, 72, 0.5);
}
.check-aut-active, .check-aut:hover {
font-weight: 500;
font-size: 14px;
padding: 4px 3px;
margin: 1px 4px;
display: block;
color: #434248;
cursor: pointer;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
background: #FFFFFF;
border-radius: 1px;
background-image: -webkit-linear-gradient(top, #FEFEFE, #EEEEEE);
background-image: -moz-linear-gradient(top, #FEFEFE, #EEEEEE);
background-image: -o-linear-gradient(top, #FEFEFE, #EEEEEE);
background-image: linear-gradient(to bottom, #FEFEFE, #EEEEEE);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.ref-walls {
display:block;
text-align:center;
}
.ref-wall {
display:inline-block;
width:208px;
margin:0px 5px 10px;
padding:10px 8px;
vertical-align: top;
background: #FFFFFF;
border:1px solid #999;
box-shadow:3px 3px 15px 1px #999; -webkit-box-shadow:3px 3px 15px 1px #999; -moz-box-shadow:3px 3px 15px 1px #999; -khtml-box-shadow:3px 3px 15px 1px #999;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px;
cursor: pointer;
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
.ref-wall:hover { opacity:0.90; -moz-opacity:0.90; filter:alpha(opacity=90); }
.rw_login { color:#0080EC; text-shadow:0 1px 0 #FFF,1px 2px 2px #AAA; text-align:center; font-weight:bold; }
.rw_status { color:#FF0000; text-shadow:0 1px 0 #FFF,1px 2px 2px #AAA; text-align:center; font-weight:normal; margin-top:-8px; }
.rw_ref_back { color:#006699; font-size: 12px; margin:8px auto 10px; }
.rw_ref_back span { color: #167E48; font-size: 12px; text-shadow: 0 1px 0 #FFF, 1px 2px 2px #AAA; font-weight: bold; }
.rw_avatar, .rw_avatar_small {
margin:0 auto;
text-align:center;
}
.rw_avatar img, .rw_avatar_small img {
width:140px;
height:140px;
background-color: #F5FFFA;
border: 1px solid transparent;
margin:0;
padding:0;
border-radius:71px; -moz-border-radius:71px; -webkit-border-radius:71px; -khtml-border-radius:71px;
box-shadow: 0 0 10px 0 #999; -webkit-box-shadow: 0 0 10px 0 #999; -moz-box-shadow: 0 0 10px 0 #999; -khtml-box-shadow: 0 0 10px 0 #999;
}
.rw_avatar_small img {
width:50px;
height:50px;
border-radius:26px; -moz-border-radius:26px; -webkit-border-radius:26px; -khtml-border-radius:26px;
box-shadow: 0 0 4px 0 #999; -webkit-box-shadow: 0 0 4px 0 #999; -moz-box-shadow: 0 0 4px 0 #999; -khtml-box-shadow: 0 0 4px 0 #999;
margin:5px;
}
.rw_avatar_small {
display: inline-block;
position: relative;
}
.rw_avatar_small .info-rw {
font-size: 11px;
color: #FFF;
text-align: center;
display: none;
position: absolute;
width: 250px;
top: 65px;
left: calc(50% - 137px);
margin: 0px;
padding: 5px 8px;
border: 1px solid rgba(0,0,0,0.25);
background-color: rgba(0,0,0,0.8);
border-radius: 3px;
box-shadow: 0 0 3px #555;
z-index: 10000;
word-wrap: break-word;
}
.rw_avatar_small:hover .info-rw { display: block; }
.rw_comment {
min-height:28px;
max-height:38px;
padding:10px 0px 0px;
color: #167E48;
font-size:11px;
font-weight:bold;
line-height:13px;
letter-spacing: 0.1px;
word-wrap: break-word;
}
.rw_addsub {
display:block;
margin:0 auto;
padding:0;
min-height:5px;
}
.cat-title-open, .cat-title-close {
border-top: 1px solid #46A2FF; border-bottom: 1px solid #ABC0DA;
display: block;
margin: 0;
padding: 4px 10px 5px 52px;
color: #00649E;
text-align: left;
font: 12px Tahoma, Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #FFFFFF;
outline: none;
cursor: pointer;
background: #DCE7EA url(img/title-down.png) no-repeat 5px center;
}
.cat-title-close {
background-color: #EDEDED;
color: #728E9E;
}
.sd_sub {
display: inline-block;
color: #FFFFFF;
padding: 5px 15px 6px;
margin: 5px 6px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50);
font-size: 12px;
border: 2px solid #E2E2E2;
cursor: pointer;
background: #0077A7;
outline: none;
text-decoration: none;
}
.sd_sub.blue {
background: #00A8CE;
background: -o-linear-gradient(top, #00A8CE 0px, #0082AD 100%);
background: -moz-linear-gradient(top, #00A8CE 0px, #0082AD 100%);
background: -webkit-linear-gradient(top, #00A8CE 0px, #0082AD 100%);
background: -ms-linear-gradient(top, #00A8CE 0px, #0082AD 100%);
}
.sd_sub.blue:hover {
background: #009ABC;
background: -o-linear-gradient(top, #009ABC 0px, #007AA3 100%);
background: -moz-linear-gradient(top, #009ABC 0px, #007AA3 100%);
background: -webkit-linear-gradient(top, #009ABC 0px, #007AA3 100%);
background: -ms-linear-gradient(top, #009ABC 0px, #007AA3 100%);
}
.sd_sub.red {
background: #FF7B71;
background: -o-linear-gradient(top, #FF7B71 0px, #D32718 100%);
background: -moz-linear-gradient(top, #FF7B71 0px, #D32718 100%);
background: -webkit-linear-gradient(top, #FF7B71 0px, #D32718 100%);
background: -ms-linear-gradient(top, #FF7B71 0px, #D32718 100%);
}
.sd_sub.red:hover {
background: #FF4C1A;
background: -o-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -moz-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -webkit-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
background: -ms-linear-gradient(top, #FF4C1A 0px, #E63200 100%);
}
.sd_sub.green {
background: #54B419;
background: -o-linear-gradient(top, #54B419 0px, #318401 100%);
background: -moz-linear-gradient(top, #54B419 0px, #318401 100%);
background: -webkit-linear-gradient(top, #54B419 0px, #318401 100%);
background: -ms-linear-gradient(top, #54B419 0px, #318401 100%);
}
.sd_sub.green:hover {
background: #65AB34;
background: -o-linear-gradient(top, #65AB34 0px, #447322 100%);
background: -moz-linear-gradient(top, #65AB34 0px, #447322 100%);
background: -webkit-linear-gradient(top, #65AB34 0px, #447322 100%);
background: -ms-linear-gradient(top, #65AB34 0px, #447322 100%);
}
.sd_sub.orange {
background: #FFA726;
background: -o-linear-gradient(top, #FFA726 0px, #EB6600 100%);
background: -moz-linear-gradient(top, #FFA726 0px, #EB6600 100%);
background: -webkit-linear-gradient(top, #FFA726 0px, #EB6600 100%);
background: -ms-linear-gradient(top, #FFA726 0px, #EB6600 100%);
}
.sd_sub.orange:hover {
background: #FF9A0F;
background: -o-linear-gradient(top, #FF9A0F 0px, #EB6611 100%);
background: -moz-linear-gradient(top, #FF9A0F 0px, #EB6611 100%);
background: -webkit-linear-gradient(top, #FF9A0F 0px, #EB6611 100%);
background: -ms-linear-gradient(top, #FF9A0F 0px, #EB6611 100%);
}
.sd_sub.black {
background: #6B6B6B;
background: -o-linear-gradient(top, #6B6B6B 0px, #5A5A5A 100%);
background: -moz-linear-gradient(top, #6B6B6B 0px, #5A5A5A 100%);
background: -webkit-linear-gradient(top, #6B6B6B 0px, #5A5A5A 100%);
background: -ms-linear-gradient(top, #6B6B6B 0px, #5A5A5A 100%);
}
.sd_sub.black:hover {
background: #5A5A5A;
background: -o-linear-gradient(top, #5A5A5A 0px, #555555 100%);
background: -moz-linear-gradient(top, #5A5A5A 0px, #555555 100%);
background: -webkit-linear-gradient(top, #5A5A5A 0px, #555555 100%);
background: -ms-linear-gradient(top, #5A5A5A 0px, #555555 100%);
}
.sd_sub.grey {
background: #ADC3CE;
background: -o-linear-gradient(top, #ADC3CE 0px, #8FA9B7 100%);
background: -moz-linear-gradient(top, #ADC3CE 0px, #8FA9B7 100%);
background: -webkit-linear-gradient(top, #ADC3CE 0px, #8FA9B7 100%);
background: -ms-linear-gradient(top, #ADC3CE 0px, #8FA9B7 100%);
}
.sd_sub.grey:hover {
background: #9CADBA;
background: -o-linear-gradient(top, #9CADBA 0px, #CFCFCF; 100%);
background: -moz-linear-gradient(top, #9CADBA 0px, #CFCFCF; 100%);
background: -webkit-linear-gradient(top, #9CADBA 0px, #CFCFCF; 100%);
background: -ms-linear-gradient(top, #9CADBA 0px, #CFCFCF; 100%);
}
.f-addcom, .f-edit, .f-del {
float: right;
display: block;
height: 16px;
width: 16px;
outline: none;
border: none;
margin: 0 1px;
float: right;
cursor: pointer;
}
.f-addcom { width: 19px; background: url(img/icon-addcom.png) no-repeat left top; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); }
.f-addcom:hover { opacity:1.5; -moz-opacity:1.5; filter:alpha(opacity=150); }
.f-del { background: url(img/icon-del.png) no-repeat left bottom; }
.f-del:hover { background-position: left top; }
.f-edit { background: url(img/icon-edit.png) no-repeat left top; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); }
.f-edit:hover { opacity:1.5; -moz-opacity:1.5; filter:alpha(opacity=150); }
a.user-status-1, a.user-status-2, a.user-status-3, a.user-status-4, a.user-status-5, a.user-status-6, a.user-status-7, a.user-status-8, a.user-status-9, a.user-status-10, a.user-status-11,
.user-status-1, .user-status-2, .user-status-3, .user-status-4, .user-status-5, .user-status-6, .user-status-7, .user-status-8, .user-status-9, .user-status-10, .user-status-11,
#maincolumn a.user-status-1, #maincolumn a.user-status-2, #maincolumn a.user-status-3, #maincolumn a.user-status-4, #maincolumn a.user-status-5, #maincolumn a.user-status-6, #maincolumn a.user-status-7, #maincolumn a.user-status-8, #maincolumn a.user-status-9, #maincolumn a.user-status-10, #maincolumn a.user-status-11
{
height:60px;
width:60px;
display:block;
border:none;
outline:none;
text-decoration:none;
cursor:pointer;
margin:0px;
margin-bottom:10px;
padding:0;
line-height: 58px;
font-size: 11px;
text-align: center;
color: #FFFFFF;
text-shadow: 1px 1px 1px #3C693C;
}
a.user-status-1:hover, a.user-status-2:hover, a.user-status-3:hover, a.user-status-4:hover, a.user-status-5:hover, a.user-status-6:hover, a.user-status-7:hover, a.user-status-8:hover, a.user-status-9:hover, a.user-status-10:hover, a.user-status-11,
.user-status-1:hover, .user-status-2:hover, .user-status-3:hover, .user-status-4:hover, .user-status-5:hover, .user-status-6:hover, .user-status-7:hover, .user-status-8:hover, .user-status-9:hover, .user-status-10:hover, .user-status-11,
#maincolumn a.user-status-1:hover, #maincolumn a.user-status-2:hover, #maincolumn a.user-status-3:hover, #maincolumn a.user-status-4:hover, #maincolumn a.user-status-5:hover, #maincolumn a.user-status-6:hover, #maincolumn a.user-status-7:hover, #maincolumn a.user-status-8:hover, #maincolumn a.user-status-9:hover, #maincolumn a.user-status-10:hover, #maincolumn a.user-status-11
{
text-align: center;
text-decoration:none;
}
a.user-status-1, .user-status-1 { background: url("icon-status/icon-status-1.png") no-repeat left top; }
a.user-status-2, .user-status-2 { background: url("icon-status/icon-status-2.png") no-repeat left top; }
a.user-status-3, .user-status-3 { background: url("icon-status/icon-status-3.png") no-repeat left top; }
a.user-status-4, .user-status-4 { background: url("icon-status/icon-status-4.png") no-repeat left top; }
a.user-status-5, .user-status-5 { background: url("icon-status/icon-status-5.png") no-repeat left top; }
a.user-status-6, .user-status-6 { background: url("icon-status/icon-status-6.png") no-repeat left top; }
a.user-status-7, .user-status-7 { background: url("icon-status/icon-status-7.png") no-repeat left top; }
a.user-status-8, .user-status-8 { background: url("icon-status/icon-status-8.png") no-repeat left top; }
a.user-status-9, .user-status-9 { background: url("icon-status/icon-status-9.png") no-repeat left top; }
a.user-status-10, .user-status-10 { background: url("icon-status/icon-status-8.png") no-repeat left top; }
a.user-status-11, .user-status-11 { background: url("icon-status/icon-status-9.png") no-repeat left top; }
table.tab-wall { text-align:left; border-collapse:separate; line-height:1.4; border:none; border-spacing:0; width:100%; padding:0 0 5px 0; }
table.tab-wall td.td-wall {
color: #114C5B;
font: 12px/14px tahoma, arial, sans-serif;
padding: 4px 4px 4px 10px;
border-bottom: 1px solid #DDD;
}
table.tab-wall td.td-wall:nth-child(2) {
color: #0A4C5B;
}
a.vp-mail {
width: 15px;
height: 11px;
display: block;
cursor: pointer;
float: left;
margin: 2px 5px 0 0;
padding:0;
border: none;
background: #F5F5F5 url(img/icon-mail.png) no-repeat left top;
}
a.vp-mail:hover {
background-position: left bottom;
border: none;
}
.wall-cnt {
color: #167E48;
font-size: 12px;
text-shadow: 0 1px 0 #FFF, 1px 2px 2px #AAA;
font-weight: bold;
}
.seach-form {
font: 12px/14px tahoma, arial, sans-serif;
color: #335783;
background-color: #3CB371;
padding: 3px 0px;
margin-bottom: 5px;
display: block;
position: relative;
text-align: center;
border: 1px solid #828282;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}
.seach-form input {
border: 1px solid #696969;
text-align: center;
width: 400px;
height: 26px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #363636;
}
.seach-form input:focus {
border: 1px solid #00868B;
outline: none;
}
.seach-result {
position: absolute;
top: 31px;
left: 154.5px;
width: 400px;
max-height: 238px;
border: 1px solid #00868B;
background-color: rgba(255, 255, 255, 1);
overflow-y: auto;
display: none;
margin:0px auto;
padding:5px 0;
z-index: 10000000;
}
.seach-loading {
background:url(img/icon-loading.gif) no-repeat center center;
width:16px;
height:11px;
display:block;
margin:0px auto;
padding:10px 0;
}
.seach-in {
padding: 5px 5px;
position: relative;
height: 35px;
cursor: pointer;
border-bottom: 1px solid #CCC;
color: #335783;
width: 96%;
margin:2px auto;
}
.seach-box-a {
float: left;
}
.seach-box-b {
float: left;
line-height: 35px;
padding-left: 5px;
font-weight:bold;
text-shadow:0 1px 0 #FFF,1px 2px 2px #AAA;
}
.seach-box-c {
float: right;
line-height: 35px;
}
.wall-avatar, .small-avatar {
background: url(img/avatarbg.png) no-repeat right bottom;
padding: 2px 9px 9px 2px;
border: none;
width: 30px;
height: 30px;
display:block;
}
.wall-avatar {
width: 50px;
height: 50px;
cursor: pointer;
}
.comm-info {
float:left;
line-height:22px;
}
.comm-time {
float:right;
color:#4F4F4F;
text-shadow: 0 1px 0 #FFF, 1px 1px 1px #AAA;
line-height:22px;
padding-right:3px;
}
.comm-author {
color:#05599B;
font-size:12px;
color: #05599B;
text-shadow: 0px 0px 3px #A3D3F7;
margin: 0px;
}
.comm-author-id {
color:#387021;
font-size:12px;
font-weight: normal;
margin: 0 0 0 2px;
border-bottom: 1px dotted #99BA77;
}
.comm-plus, .comm-minus {
width: 22px;
height: 22px;
margin: 0 7px 0 0px;
padding: 0;
border: none;
float:left;
display:inline-block;
}
.comm-plus { background: url(img/icon-comm-plus.png) no-repeat left center; }
.comm-minus { background: url(img/icon-comm-minus.png) no-repeat left center; }
.text-green { color:#167E48; }
.text-red { color:#FF0000; }
.text-grey { color:#363636; }
.bg-wall {
width: 20px;
height: 20px;
cursor: pointer;
margin: 0 0 0 7px;
padding: 0 0 0 22px;
border: none;
background: url(img/icon-wall-20x20.png) no-repeat left center;
}
.wall_answer {
background-color: #F0F8FF;
border: 1px dotted #708090;
color: #135b11;
padding: 4px;
margin: 7px 0px 4px 0px;
display: block;
word-wrap: break-word;
}
.wall_answer_title {
font-style: normal /*italic*/;
font-size: 12px;
color: #999999;
padding: 2px 0px 3px 2px;
display: block;
}
.wall_answer_text {
padding: 0px 2px;
display: block;
}
.cnt-comm {
color: #696969;
font: 14px/20px Tahoma, Arial, sans-serif;
/*text-shadow: 1px 1px 1px #FFFFFF;*/
text-align: center;
padding: 5px 0px 15px 0px;
}
.cnt-comm-all, .cnt-comm-plus, .cnt-comm-minus {}
.cnt-comm-minus { margin-left:10px; }
.cnt-comm-all span { color: #696969; font-weight: bold; }
.cnt-comm-plus span { color: #2E8B57; font-weight: bold; }
.cnt-comm-minus span { color: #E32636; font-weight: bold; }
.wall-sub {
display: inline-block;
color: #FFFFFF;
padding: 4px 10px 5px 10px;
margin: 5px 2px 5px 2px;
border-radius: 1px;
text-shadow: 0 1px 1px rgba(0,0,0,0.56);
font-size: 12px;
border: 2px solid #E0E0E0;
cursor: pointer;
background: #0077A7;
outline: none;
text-decoration: none;
}
.wall-sub:hover {
background: #006699;
outline: none;
text-decoration: none;
}
.info-bon, .info-kon, .info-task {
color: #176995;
font-size: 12px;
cursor: pointer;
border-bottom: 0px dotted #176995;
margin: 0 2px;
}
.info-bon:hover, .info-kon:hover, .info-task:hover {
color: #A52A2A;
border-bottom: 1px dotted #A52A2A;
}
.wall-userinfo {
background-color: #FFFADF;
border: 1px dashed #5CA4BC;
padding: 4px;
margin: 0px 0px 5px 0px;
min-height: 17px;
word-wrap: break-word;
}
.d-gift {
display: inline-block;
cursor: pointer;
}
.img-gift {
display: inline-block;
background: #FAFAFA;
border-radius: 5px;
padding: 6px;
border: 1px solid #CCCCCC;
margin: 3px 3px 3px 3px;
outline: none;
width: 48px;
height: 48px;
}
.img-gift:hover {
border: 1px solid #167E48;
}
span .img-gift, span .img-gift:hover {
border: none;
background: none;
padding: 15px;
}
#wall-usergifts {
text-align: center;
margin: 0 auto;
padding-bottom: 7px;
}
.wall-gift {
display: inline-block;
padding: 5px;
margin: 4px;
cursor: pointer;
position: relative;
}
.wall-gift:hover { background: #FAFAFA; border: 1px solid #167E48; border-radius: 5px; margin: 3px; }
.wall-gift .info-gift {
font-size: 11px;
color: #FFF;
text-align: center;
display: none;
position: absolute;
width: 250px;
top: 65px;
left: 50%;
margin-left: -125px;
padding: 5px 8px;
border: 1px solid rgba(0,0,0,0.25);
background-color: rgba(0,0,0,0.8);
border-radius: 3px;
box-shadow: 0 0 3px #555;
z-index: 10000;
word-wrap: break-word;
}
.wall-gift:hover .info-gift { display: block; }
.wall-gift img {
width: 48px;
height: 48px;
border: none;
outline: none;
margin: 0px;
padding: 0px;
}
.author-gift { float: left; font-weight:bold; }
.date-gift { float: right; }
.comm-gift {
text-align: left;
}
#user-notif {
position: fixed;
z-index: 1000000;
right: 8px;
bottom: 8px;
pointer-events: all!important;
margin: 0;
padding: 0;
letter-spacing: normal;
overflow: hidden;
max-height: 280px;
font-weight: normal;
font: 12px/14px Tahoma, Arial, "Times New Roman", "Trebuchet MS", Impact,sans-serif;
}
#user-notif .notif-block {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 290px;
height: 80px;
padding: 5px;
margin: 0 0 5px 0;
color: #FFFFFF;
cursor: pointer;
background: rgba(0, 0, 0, 0.85);
background: -o-linear-gradient(top, #222222 0px, #000000 100%);
background: -moz-linear-gradient(top, #222222 0px, #000000 100%);
background: -webkit-linear-gradient(top, #222222 0px, #000000 100%);
background: -ms-linear-gradient(top, #222222 0px, #000000 100%);
/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); */
opacity: 0.85; -moz-opacity:0.85; filter:alpha(opacity=85);
}
#user-notif .notif-block:last-child { margin-bottom: 0; }
#user-notif .notif-block:hover { opacity: 0.90; -moz-opacity:0.90; filter:alpha(opacity=90); }
#user-notif .notif-title {
text-align: left;
font-size: 12px;
line-height: 14px;
margin: 0px 6px 2px 6px;
border-bottom: 0px solid #696969;
}
#user-notif .notif-avatar {
width: 60px;
height: 60px;
float: left;
margin: 0 3px 0 6px;
}
#user-notif img.bg-avatar {
margin-top: 5px;
background: url(img/avatarbg.png) no-repeat right bottom;
padding: 2px 9px 9px 2px;
border: none;
width: 50px;
height: 50px;
}
#user-notif .notif-content {
display: block;
word-wrap: break-word;
margin: 5px 5px 3px 2px;
text-align: left;
}
.sub-click {
cursor: pointer;
text-shadow: 1px 0px 0px #000000;
float:none;
color:#FFFFFF;
background:#A52A2A;
border:3px solid #CCC;
padding:4px 6px;
}
.sub-click:hover {
cursor: pointer;
background:#FF4500;
}
.test-img, .test-img-up {
width: 37px;
height: 38px;
display: block;
margin-bottom: -2px;
}
.test-img { background: url(img/adv-test.png) no-repeat 2px 1px; }
.test-img-up { background: url(img/adv-test-up.png) no-repeat 2px 1px; }
.test-blank {
background-color: #FAFAFA;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
margin: 10px auto;
padding: 0 0 1px 0;
}
.test-blank-title {
background: #009C57;
width: 100%;
display: block;
padding: 5px 0px 8px 0px;
color: #FFFFFF;
font-size: 14px;
text-align:center;
}
.test-block {
padding: 10px;
margin-bottom: 20px;
}
.test-desc {
background-color: #FFFFFF;
border: 1px dashed #C2C2C2;
border-right: 1px dashed #C2C2C2;
padding: 10px;
display: block;
line-height: 1.45em;
}
.test-sub-title {
text-align: center;
display: block;
background-color: #009C57;
padding: 7px;
margin: 20px 0 10px;
color: #FFFFFF;
text-shadow:1px 1px 1px #005870;
}
.test-quest {
background-color: #F5F5D4;
border: 1px dashed #5CA4BC;
padding: 10px;
display: block;
}
.test-block-answ {
display: block;
margin: 10px 20px 15px;
}
.test-answ-sel {
padding: 4px;
margin-top: 3px;
display: block;
cursor: pointer;
border: 1px solid #B4D2E3;
outline: none;
width: 250px;
}
.test-answ-sel:hover {
padding: 3px;
background-color: #EFF2FB;
border: 2px solid #4690B8;
}
.test-answ-sel-act {
padding: 2px;
margin-top: 3px;
display: block;
cursor: pointer;
background-color: #F0FFFF;
border: 3px solid #00B83B;
outline: none;
width: 250px;
}
a.golinktest {
color: #008B00;
}
#maincolumn a.golinktest:hover, a.golinktest:hover {
color: #ED9121;
}
table.tables_ref{text-align:left;border-collapse:separate;line-height:1.4;border:none;border-spacing:0;width:100%;padding:0;}
table.tables_ref thead {text-align:center; background: #1E90FF;}
table.tables_ref thead th{text-align:center;font-weight:normal;padding-bottom:6px;padding-top:6px;color:#ffffff;font-size:13px;text-shadow:1px 1px 1px #376603;}
table.tables_ref thead th a{color:#fff;outline:none;}
table.tables_ref thead th a:hover{color:#FAE897;border-color:#FAE897;}
table.tables_ref td{color:#114C5B;font-size:12px;border-top:solid 2px #FFF;border-left:solid 2px #FFF;border-bottom:solid 1px #DDD;border-right:solid 1px #DDD;background:#f7f7f7;padding:2px 5px;}
table.tables_ref td:first-child { border-left:none; }
table.table-serf {text-align:left; border-collapse:separate; line-height:1.4; border:none; border-spacing:0; width:100%; padding:0; margin:0 auto;}
table.table-serf td.td-serf, table.table-serf td.td-serfm,
table.table-serf td.td-tests, table.table-serf td.td-testsm {
color:#114C5B;
font-size:12px;
border:none;
border-top:solid 2px #FFFFFF;
border-bottom:solid 1px #DDDDDD;
background:#F7F7F7;
padding:5px 3px 3px 3px;
}
table.table-serf td:first-child { border-left:none; }
table.table-serf td:last-child { border-right:1px solid #DDDDDD; }
.startserf {
color: #FFFFFF;
text-shadow:1px 1px 1px #56A100;
text-align: center;
margin: 0;
padding: 4px 10px;
font-size: 13px;
border: solid 1px #0000ff;
background-color: #46a2ff;
cursor:pointer;
}
.startserf:hover {
color: #FFFFFF;
text-shadow:1px 1px 1px #56A100;
border: solid 1px #1e90ff;
background-color: #0000ff;
}
.proc-btn, .proc-btn-t, .proc-btn-n {
color: #FFFFFF;
height: 25px;
line-height: 24px;
font-size: 12px;
display: inline-block;
padding: 0px;
margin: 2px 0px 1px 0px;
text-shadow: 0 1px 1px rgba(0,0,0,0.56);
text-transform: normal; /*uppercase*/
cursor: pointer;
outline: none;
text-decoration: none;
letter-spacing: normal;
}
.proc-btn { width: 185px; background: #0077A7; border: 2px solid #E0E0E0; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
.proc-btn-t { width: 140px; background: #0077A7; border: 2px solid #E0E0E0; border-right: none; border-radius: 1px 0px 0px 1px; -moz-border-radius: 1px 0px 0px 1px; -webkit-border-radius: 1px 0px 0px 1px; }
.proc-btn-n {/* width: 45px; */background: #E63200; border: 2px solid #E0E0E0; border-left: none; border-radius: 0px 1px 1px 0px; -moz-border-radius: 0px 1px 1px 0px; -webkit-border-radius: 0px 1px 1px 0px; }
.proc-btn:hover, .proc-btn-t:hover {
background: #006699;
}