/* ---------------------------------------------------------------------------------------------------- [Defaults Tags options] ---------------------------------------------------------------------------------------------------- */ body {font-family: Arial, Helvetica, sans-serif; font-size: 0.625em; /* default page font size is 10px (1em) */ padding: 0; background:#0c2a4c/* url(/files/img/body.png) 0 0 repeat-x*/; color: #fff;} * { margin: 0; padding: 0; outline: none; } ul { list-style-type: none;} img { border: none; } table { border-collapse: collapse; } dd {font-size: 0.9em; font-style: italic; /* Курсивное начертание текста */ margin:0 1.5em 0; } dt { margin: 1em 0; /* Отступ сверху */ } div.vse {background: #000/* url('/files/img/logo-bg4.png') 0 0 repeat-x*/; margin: 0 33px; margin-top: -60px; margin-bottom: -30px; float: left; display: inline; width: 795px; } #page { width: 795px; margin: auto; text-align: left; } .page-wrapper{ margin:0 -33px; width:861px; } .top-shadow { background: url("/files/img/shadow-top.png") no-repeat top; height: 80px; margin-top: -20px; float: left; width: 100%; } .container-shadow { background: url("/files/img/container-shadow.png") repeat-y; float: left; width: 100%; margin: 0; padding: 0; } .bottom-shadow { background: url("/files/img/shadow-bottom.png") no-repeat bottom; height: 80px; float: left; width: 100%; margin-bottom: -40px; } /* ---------------------------------------------------------------------------------------------------- [Colors] ---------------------------------------------------------------------------------------------------- */ h1 { color: #fff; } a { color: #fff; } input, textarea, select { color: #000; } /* ---------------------------------------------------------------------------------------------------- [Font size] ---------------------------------------------------------------------------------------------------- */ h1 { font-size: 1.5em; } p, a { font-size: 1.2em; } p a { font-size: 1em; } /* ---------------------------------------------------------------------------------------------------- [2.1 Main Menu] ---------------------------------------------------------------------------------------------------- */ /*высота комп. и исп.*/ table.mm { margin:0; margin-top:-10px; padding:0; width: 100%;} table.mm td{background:#1F2B43 url(/files/img/grad16.png) 0 0 repeat-x;height:75px/*77px чтобы белая полоса снизу более яркой была*/;-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;} table.mm td:first-child{border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;} table.mm td+td{border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;} table.mm td:hover{-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;} table.mm div { height: 70px; padding: 0em; position: relative; z-index: 1; } table.mm div a { font-size: 1em; text-decoration: none; text-align: center; position: relative; padding-top: 8px; display: block; z-index: 3; } /* ---------------------------------------------------------------------------------------------------- [Catalogue] ---------------------------------------------------------------------------------------------------- */ /*высота главного блока*/ div.cat {padding:0; background-color: #fff; margin-top: 0.5em; color: #395268;} div.cat div.data-case { position:relative; } div.cat { border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px;} div.cat div.data { padding: 0; background:#1F2B43 url(/files/img/grad12.png) 0 0 repeat-x;border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px;} /* title */ div.cat h1 { padding:0.5em 1.2em;font-size: 2em; color: #EAE9F3; text-transform: uppercase;} div.cat h1 a { font-size: 0.9em; font-weight: normal; color: #EAE9F3;text-transform: uppercase;} div.cat h1 span {font-size: 100%;text-transform: uppercase;} div.cat h1 span a{ font-size: 0.7em; font-weight: normal; color:#EAE9F3; text-transform: none; text-decoration: none; border-bottom: 1px dashed;} div.cat h1 span a:hover {color: #FF0000;} /* note */ div.cat p { font-size: 0.7em;color: #000; padding: 1em 0; text-align:justify;} /* abc */ ul.abs { padding: 1em 0em 1em; text-align:center;} ul.abs li { display: inline; padding: 0 .4em; } ul.abs a { font-size: 1.8em; color: #242b3b; text-decoration:underline;} ul.abs a:hover {color:#FF0000;} ul.abs span { font-size: 4em; color: #242b3b; vertical-align: -.2em; padding: 0 0em; cursor: default; } /* author's list */ div.al { padding: 0;} div.al h1 {padding: 0;margin:0.5em;} div.al h3{ background:#EAE9F3;} div.al table { width: 100%;background:#fff; } div.al table tr:first-child { height: 30px; background:#fff;} div.al table td { height: 25px; vertical-align:top; } div.al table td+td { width: 1px; font-size: 1.3em;font-weight:bold;padding-left:1em;} div.al table td + td +td{ padding-left: 1em; width: auto; } div.al table td + td + td +td{ text-align: left; padding:0;margin:0; width:7em; } div.al table td + td + td + td +td{ text-align: right; width: 1px; } div.al table td.top{height: 30px;background:#fff url(/files/img/div_fon_top.gif) top 100% repeat-x;} div.al table td.border_right {width: 30px;/*height: 99%;*/background:#fff url(/files/img/div_fon_right.gif) right repeat-y;} div.al table td.border_left {width: 30px;/*height: 99%;*/background:#fff url(/files/img/div_fon_left.gif) repeat-y;} div.al table td.right_bottom_corner {width: 30px; height: 30px;background: #fff url(/files/img/right_bottom_corner.png) right no-repeat;} div.al table td.left_bottom_corner{width: 30px; height: 30px;background:#fff url(/files/img/left_bottom_corner.png) left bottom no-repeat;} div.al table td.bottom{height: 30px;background:#fff url(/files/img/div_fon_bottom.gif) 0 100% repeat-x;} div.al table tr span.dashed_span {font-size: 1em;} div.al table tr span.dashed_span a {text-decoration:none;border-bottom: 1px dashed;} div.al table tr span.dashed_span a:hover {color: #FF0000;text-decoration:none;border-bottom: 1px dashed;} div.al table tr.even {background:#F1F2F7 url(/files/img/grad10.png) 0 0 repeat-x;} div.al table tr.odd {background:#F1F2F7 url(/files/img/grad10.png) 0 0 repeat-x;} div.al table tr.odd:hover {background:#F1F2F7 url(/files/img/grad13.png) 0 0 repeat-x;} a.action {border:0 !important;} div.al a { font-size: 1em;font-weight:bold;text-decoration:none;} div.al a:hover { color:#FF0000;text-decoration:underline;} div.al table td + td +td a { color: #002480;} div.al table td + td + td +td a { color: #8583a2; } div.al table td + td + td + td+td a { white-space: nowrap; } /*выпадающий список*/ div.al div.productions_list table {background-color: transparent;margin:0;padding:0;} div.al div.productions_list table tr {background-color: transparent;height:10px !important;margin:0;padding:0;} div.al div.productions_list table tr:hover {color:#fff;background:#fff url(/files/img/grad13.png) 0 0 repeat-x;text-decoration:none;} div.al div.productions_list table tr td { font-size:1em; background-color: transparent; height:10px !important; margin:0; padding:0;} div.al div.productions_list a { font-size:0.9em;color:#0B1B3E;} div.al div.productions_list a:hover {color:#fff;background:#fff url(/files/img/grad11.png) 0 0 repeat-x;text-decoration:none;} /* ARCHIVE*/ .prod_head {width:680px; text-align:left;position:relative;left:0px;} div.al table.archive { width: 100%; margin:0; padding:0; background:#fff; } div.al table.archive td { width: 20px; vertical-align:top; } div.al table.archive td+td { width: auto; font-size: 1.3em;font-weight:bold;padding-left:1em;} div.al table.archive td + td +td{ padding-left: 1em; width: 20px; } div.al table.archive td.border_right {width: 20px;/*height: 99%;*/background:#fff url(/files/img/div_fon_right.gif) right repeat-y;} div.al table.archive td.border_left {width: 20px;/*height: 99%;*/background:#fff url(/files/img/div_fon_left.gif) repeat-y;} div.al table.archive td.right_bottom_corner {width: 20px; height: 30px;background: url(/files/img/right_bottom_corner.png) right bottom no-repeat;} div.al table.archive td.left_bottom_corner{width: 20px; height: 30px;background: url(/files/img/left_bottom_corner.png) left bottom no-repeat;} div.al table.archive td.bottom{height: 30px;background:#fff url(/files/img/div_fon_bottom.gif) 0 100% repeat-x;} div.al table.archive td.top{height: 30px;background:#fff url(/files/img/div_fon_top.gif) top 100% repeat-x;} div.al table.archive td.top p {font-size:0.9em;} /*player main style*/ div.al table.archive td.player {color:#212428;} div.al table.archive td.player a{color:#0c2a4c;} div.al table.archive td.player a:hover {color: #FF0000;} div.al table.archive td.player div.player_box {margin-left:150px;} /*action main style*/ div.al table.archive tr span.dashed_span {font-size: 1em;} div.al table.archive tr span.dashed_span a {text-decoration:none;border-bottom: 1px dashed;} div.al table.archive tr span.dashed_span a:hover {color: #FF0000;text-decoration:none;border-bottom: 1px dashed;} a.action {color:black; font-size:90%} div.al table.archive a { font-size:1em;font-weight:bold;text-decoration:none;} div.al table.archive a:hover {color:#FF0000;text-decoration:underline;} div.al table.archive table td + td a {color:#395268;} /*хлебные крошки*/ table.archive span.bread {font:italic 13px Tahoma,Verdana,Arial,Helvetica,sans-serif;} table.archive span.bread a{font:italic 13px Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#0857f2;} /*composer name style*/ div.al div a { font-size: 1em;} div.al table tr td div.composer_name { background: #2F3753 url(/files/img/form-header.png) 100% 0 repeat-x; margin: 1.5em 0 1em; padding: 0.7em 0; font-size: 1.1em; position:relative; text-align:center; } div.al table tr td div.composer_name a {color:#e8e9ec;text-decoration:none;} div.al table tr td div.composer_name a:hover {text-decoration:underline;color:#e8e9ec;} div.al table tr td div.composer_name span{color:#546594;} /*performer name style*/ div.al table tr.padd td div.performer_name { background: #e8e9ec url(/files/img/cat-data-case-bg.gif); margin: 1em 0 0 0; padding: 0.7em 0.1em; position:relative; text-decoration:none; } div.al table tr.padd td div.performer_name a {color:#1f2b43;font-size: 1em;} div.al table tr.padd td div.performer_name span{color:#546594;font-size: 0.8em;} div.foto {height: 120px; width: 150px; float: left; margin-bottom: 1em; padding:0;} div.al table tr.padd td a { font-size: 2em;} div.al table td div.content { font-size: 1em; margin: 1em 0;padding:0.5em;border:1px dashed #a8bfd7;background:#eee; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;} div.hr { border-top: 5px solid #000; padding: 2.1em 0 2.6em; } /*PLAYER*/ div.al a {color:#000;} div.playerbox {} div.author {font-size:0.8em; padding:0.4em 0;} span.author a {font-size:0.8em;} div.listen {font-size:0.8em; padding:0.4em 0 0 0;} span.listen a {font-size:0.8em;} div.managment a {font-size:0.8em !important; font-weight:bold;} div.file_content {padding:0.4em 0; font-size:0.8em;font-style:italic;} div.playerContainer {padding:0.4em 0;} div.ratingblock {padding-left:0.8em;padding-top:0.3em;font-size:0.8em;} div.ratingblock a {font-size:0.8em !important;} div.productions_list {padding-left:1em} .add_to_playlist {font-size:1.1em !important} div.managment td.managment_td {background:#fff;} div.managment td.managment_td a{color:#3A4257 !important;font-size:0.7em !important;} div.managment td.managment_td a:hover {text-decoration:none;color:#fff!important;} span a.moderator_del {font-size:0.9em !important; text-align: right;padding:0.5em 0 0 0;font-weight:bold;color:red !important;} hr {background:#787879; margin:1em 0; border:1px solid #787879} hr.end {background:black; margin:1em 0; border:2px solid black} /*NOTES*/ table.notes td{font-size:1em!important; background-color:#a8bfd7; border:1px solid #fff; vertical-align:middle!important; padding:.5em; text-align:center!important; } table.notes td.notes_content{text-align:left!important;width:200px!important;} table.notes td img{height:30px;vertical-align:middle;} /* ---------------------------------------------------------------------------------------------------- [Modal Window] ---------------------------------------------------------------------------------------------------- */ div.mw { position: absolute; margin: 0 auto; left: 50%; right: auto; top: 5em; z-index: 1001; } /* data */ div.mw table.mw-data { width: 100%; margin-left: -25.0em; width: 55.0em; position: relative; } /* layout constructor */ div.mw table.mw-data tr.mdl td { height: 100%; } div.mw table.mw-data tr.top td, div.mw table.mw-data tr.btm td { height: .7em; } /* color field */ div.mw table.mw-data tr.top td + td, div.mw table.mw-data tr.mdl td:first-child, div.mw table.mw-data tr.mdl td.mdl-r, div.mw table.mw-data tr.btm td + td { background-color: #212428; } /* corners */ div.mw table.mw-data tr.top td:first-child, div.mw table.mw-data tr.top td + td + td, div.mw table.mw-data tr.btm td:first-child, div.mw table.mw-data tr.btm td + td + td { background-image: url(/files/img/mw-lay-bg.png); background-repeat: no-repeat; background-color: transparent; width: 7px; height: 7px; } div.mw table.mw-data tr.top td + td + td { background-position: 0 -7px; } div.mw table.mw-data tr.btm td:first-child { background-position: 0 -14px; } div.mw table.mw-data tr.btm td + td + td { background-position: 0 -21px; } /* alpha opacity */ div.mw table.mw-data td { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } div.mw table.mw-data td.mw-content { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* content */ div.mw div.mw-content-case { position: relative; } div.mw div.bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; background: #acf url(/files/img/form-header.png) repeat-x; } div.mw div.mw-content { position: relative; z-index: 2; color: #000; } /* form constructor */ div.mw-form {} /* title */ div.mw-form div.ttl { padding: 1.2em 5em 1.2em; } div.mw-form div.ttl h1 { font-size: 1.6em; font-weight: bold; color: #fff;} .warring {font-size: 1em; color: #000; text-align:justify;} .warring1 {font-size: 1.2em; color: #003399; text-align:justify;} .warring2 {font-size: 1em; color: red; text-align:justify;} .warring3 {font-size: 1em; color: #000; text-align:justify;} div.mw-form-data { padding: 0em 5em 0em; background: transparent url(/files/img/mw-form-bg.png); } div.mw-form-data form { padding: 1em 0 0 ; } div.mw-form-data span { font-weight: bold; font-size: 1.2em; } div.mw-form-data input[type="text"] { display: block; margin: 6px 0 5px; font-size: 1.3em; padding: 3px 0; width: 100%; background:#D6E0EB; border: 1px solid #8A99A6 ; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.mw-form-data input[type="password"] { display: block; margin: 6px 0 5px; font-size: 1.3em; padding: 3px 0; width: 100%; background:#D6E0EB; border: 1px solid #8A99A6 ; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.mw-form-data textarea { display: block; margin: 6px 0 5px; font-size: 1.5em; padding: 4px 0; width: 100%; background:#D6E0EB; border: 1px solid #8A99A6 ; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.mw-form-data select { display: block; margin: 6px 0 5px; font-size: 1.3em; padding: 0px 0; width: 100%; background:#D6E0EB; } div.mw-form-data input.file { display: block; margin: 6px 0 5px; font-size: 1.2em; padding: 4px 0; width: 100%; color: #000; background:#D6E0EB; } div.mw-form-data input[type="submit"] { display: block; margin: 6px 0 5px; font-size: 1.6em; padding: 1px; color: #000; font-weight: bold; background:#D6E0EB; border: 1px solid #8A99A6 ; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.mw-form-data input:hover,div.mw-form-data select:hover,div.mw-form-data textarea:hover{ background: #fff;} div.mw-form-data input:focus,div.mw-form-data select:focus,div.mw-form-data textarea:focus{ background: #fff;} /* close link */ div.mw-form div.mw-close { padding: 1.0em 3.5em 1.7em; text-align: right; } div.mw-form div.mw-close a { font-size: 1.4em; color: #000; font-weight: bold; } div#result_ok {font-weight:bold; color:#00FF42; font-size:1.2em;} div#result_error {font-weight:bold; color:red; font-size:1.2em;} a#upload {color:#2c618f;padding:0;} /* ---------------------------------------------------------------------------------------------------- [Header] ---------------------------------------------------------------------------------------------------- */ div.hdr {position: relative;} /* header menu */ div.hm { height: 40px; padding: 0; margin:0;text-align:center;/*border-top: 1px solid #e8f68d;*/ } div.hm span {margin-left:10em;} div.hm div.account table {height:40px;width:100%;padding:0;margin:0;z-index:1000;} div.hm div.account table td{width:10%;padding-left:1em;padding-right:1em;} div.hm div.account table td +td {width:60%;padding-left:1em;padding-right:1em;} div.hm div.account table td +td+td {width:25%;padding-left:1em;padding-right:1em;} div.hm div.account table td +td+td+td {width:10%;padding-left:1em;padding-right:1em;} #msg{ color:#FF3C00; background:#FBB6A6; border:inset 1px #FBB6A6; margin:6px 5px 4px; height:20px; padding:5px 5px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #message_info {width:180px;} .login_form { background:#8C88B5; border:2px inset #081d34; color:#bbb; font-weight:bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .login_form:hover{background:#fff;} .login_form:focus{background:#fff;color:#000;} /*Slide Menu*/ .jqueryslidemenu{ font: bold 10px Arial, Helvetica, sans-serif; /*background: url(/files/img/big_fon.png) 100% 0 no-repeat;*/ width: 795px; margin:0 auto; } .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .jqueryslidemenu ul li{ position: relative; display: inline; float: left; z-index:2; } .jqueryslidemenu >ul >li{ height:41px; } /*Top level menu link items style*/ .jqueryslidemenu ul li a{ display: block; /*background: url(/files/img/big_fon.png) 100% 0 no-repeat; background of tabs (default state)*/ color: white; padding: 12px 10px 0; /*border-right: 1px solid #778;*/ color: #2d2b2b; text-decoration: none; height:29px; } .jqueryslidemenu ul li a#upload_button{padding-top:8px;margin:0px;background:none;} * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: white; } .jqueryslidemenu ul li a:hover{ background: url(/files/img/big_fon.png) 100% 0 no-repeat; /*background: #272A3B; tab link background during hover state*/ color: #796bfd;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .jqueryslidemenu ul li:first-child a{ color:#796bfd; } /*1st sub level menu*/ .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } /*Sub level menu list items (undo style from Top level List Items)*/ .jqueryslidemenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jqueryslidemenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .jqueryslidemenu ul li ul li a{ font: bold 13px Verdana; color:#fff !important; width: 160px; /*width of sub menus*/ height:20px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #fff; background:#735DFC; opacity:0.9; } .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/ background: #eff9ff; color: black; } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 16px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } .jqueryslidemenu ul li a#logo_new{margin:5px;background:none;padding:0px;} /* line */ div.hm img {margin:0;padding:0;display: block;} /* logo */ div.logo {/*position: absolute;left: 0em; top: 4.5em; right: auto; bottom: auto;*/} div.logo img{margin-top:15px;} .text_logo { height:119px; text-align:center; vertical-align:-2em;} .abc a {font-size:90%;} ul.abc {padding: 0.6em 0em; text-align:center;} ul.abc li {display: inline;} ul.abc li a {display:inline; font-size:10pt; text-decoration:underline; color:#796BFD;} .top100 {padding: 0 0 0 1.6em; text-align:left;display:inline; color:#fff;} .top100 a{padding: 0em; text-align:left;display:inline; font-size:10pt; color:#796BFD;} .account {text-decoration:none; font-weight:bold; font-size:1em;vertical-align: middle; } .account a {text-decoration:none;vertical-align: middle; font-weight:bold; color:#EAE9F3;} .account a.login {color:#796BFD; font-size:1.2em; text-decoration:underline;vertical-align: middle;} .flags { margin-top:15px; margin-right:33px;} /* ---------------------------------------------------------------------------------------------------- [Content] ---------------------------------------------------------------------------------------------------- */ div.cnt { } /* Article */ div.article {width:100%;} /* Pager */ ul.paging { text-align: center; padding-top: 0em; margin: 0; font-size: 1em; color: #ccc} ul.paging li { display: inline; margin: 0 .25em; } ul.paging li.active { color:#fff; background:#252F45; padding:0 0.2em} ul.paging li.next { margin-left: 1em; } ul.paging li a { color: #252F45!important; font-size:1em!important;} /* ---------------------------------------------------------------------------------------------------- [Footer] ---------------------------------------------------------------------------------------------------- */ .footer { text-align: center; font-size: 0.85em; padding: 30px 0 50px 0; color: #FFFFFF; float: left; width: 100%; } div.ftr { padding: 4.5em 0; overflow: hidden; clear:both; background: #0c2a4c; text-decoration:none; text-align:center; } /* counters */ div.ftr div { float: right; } div.ftr img {} div.ftr h4 { text-decoration:none;font-size:0.85em;} div.ftr a:link,div.ftr a:active, div.ftr a:visited { text-decoration:none;color:#fff;} div.ftr a:hover { color: #9bc7f4; text-decoration: underline; } /* ---------------------------------------------------------------------------------------------------- [HOME] ---------------------------------------------------------------------------------------------------- */ .copy {color:black} .copy a {color:black} .statistic {padding: 1em 0;border-bottom:groove 2px #002480;} .blocks {padding: .7em 0;border-bottom:groove 2px #002480;} table.clear {} table.clear td { vertical-align:top !important; background:none !important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;} /*Rating*/ div#voters {padding:1em; margin:0.5em 0; border:1px dashed #787879} div#voters table {width:50%} div#voters table td {font-size:9pt !important;} div#voters table a {font-size:9pt; margin:0;} div#voters table td {padding:0 2em 0.5em 0; margin:0; vertical-align: middle; height: auto;} div#voters a.close {color:#787879; text-decoration:none; border-bottom:1px dashed #787879} div#voters span.top {float:right} /*Thanks*/ div#thanks {padding:1em; margin:0.5em 0; border:1px dashed #787879} div#thanks h3 {display:inline;} div#thanks span {margin-left:2.5em;} div#thanks span a{border-bottom:1px dashed #787879;text-decoration:none;font-size:1em;} div#thanks table tr td {font-size:0.5em;text-align:left;width:auto;} /*высота блоков на главной странице*/ ul.stat { overflow: hidden; padding:0; margin:-10px 0 0; width: 100%; color:black; } #lstat { float: right;} #rstat { float: both;} ul.stat li.left { width: 49.8%; } ul.stat li.center { width: 0%; } ul.stat li.right { width: 49.8%; } ul.stat div.case { background: #fff url('/files/img/grad2.png') 100% 0 repeat-x; padding:0.1em 0em 0em 0em; /*border-style: solid; border-width: 0.1em; border-color:#242b3b;*/ position: relative; } /*размеры нижних блоков*/ ul.stat div.case div.conteiner { padding:0em; height: 1000px; /* 188px; */ position: relative; overflow:hidden; z-index: 1; background: #fff; } ul.stat div.case div.bg { background: url('/files/img/grad.png') repeat-x bottom; top: 900px; height: 100px; width:95%; position:absolute; z-index: 10; } ul.stat div.case a.spisok {color:#080053; font-size:1.2em;} /*размеры верхних блоков*/ ul.stat div.case div.xconteiner { height: 1500px; /* 188px; */ position: relative; overflow:hidden; z-index: 1; background: #fff; padding: 0; } ul.stat div.case div.xbg { background: url('/files/img/grad.png') repeat-x bottom; top: 1400px; height: 100px; width:95%; position:absolute; z-index: 10; } ul.stat div h2 { padding-bottom:1em; text-align:center; font-weight:bold; font-size: 1.2em; text-transform: none; } ul.stat div span.white { color:#fff; text-decoration: none; font-family:Verdana, Sans-serif; } ul.stat div a { color:#212428; } ul.stat div a.second { padding-top:0; } ul.stat div p { padding-top: 5px; position: relative; } /* composer */ ul.stat li.left { float: left; } ul.stat li.left div.case { margin-right: 0em; } /* add track */ ul.stat li.right { float: right; } ul.stat li.right div.case { margin-left: 0em; } /* actor */ ul.stat li.center { margin-left: auto; margin-right: auto; float: both; } ul.stat li.center div.case { margin-left: 2em; margin-right: 2em; } ul.stat div.managment a {font-size:7pt !important} table.home {width:100%} table.home td { width: 20px; vertical-align:top; } table.home td+td { width: auto; font-size: 1em;font-weight:bold;padding-left:1em;} table.home td +td+td{ padding-left: 1em; width: 20px !important; } table.home td.border_right {width: 20px;/*height: 99%;*/background:#fff url(/files/img/div_fon_right.gif) right repeat-y;} table.home td.border_left {width: 20px;/*height: 99%;*/background:#fff url(/files/img/div_fon_left.gif) repeat-y;} table.home td.right_bottom_corner {width: 20px; height: 30px;background: url(/files/img/right_bottom_corner.gif) right bottom no-repeat;} table.home td.left_bottom_corner{width: 20px; height: 30px;background: url(/files/img/left_bottom_corner.gif) left bottom no-repeat;} table.home td.bottom{height: 30px;background:#fff url(/files/img/div_fon_bottom.gif) 0 100% repeat-x;} table.home td.top{height: 20px;background:#fff url(/files/img/div_fon_top.gif) top 100% repeat-x;} table.home td.top p {font-size:1.2em;} .home_head {margin-top:1em;background: #e8e9ec url(/files/img/cat-data-case-bg.gif);position:relative;padding:0.3em;} /* ---------------------------------------------------------------------------------------------------- [THANKS] ---------------------------------------------------------------------------------------------------- */ .lastThanksLink{ text-decoration:none; font-size:2em !important; color:#212428 !important; } /* ---------------------------------------------------------------------------------------------------- [COMMENTS] ---------------------------------------------------------------------------------------------------- */ /*Comments*/ .home_commentBlock {width:100%;background:#C1C3C8;margin-bottom:2em;} .home_commentHead {padding:0.5em;background:#E4E5E8;font-size:0.8em;} .home_commentHead a {padding:0.5em;font-size:1.2em !important;font-weight:bold !important;} .home_commentBody {width:100%;background:#E4E5E8;min-height:145px;} .home_commentText {padding:1em;font-size:1.2em;font-weight:normal;} .home_commentText a{padding:1em;font-size:1.2em;font-weight:normal !important;text-decoration:none;} .home_commentText a:hover {text-decoration:underline !important;} #home_comment{ margin: 0 0 0 5px; padding: 10px; border-top: 0; background: #c1c3c8; color:#212428; font-family: Arial, sans-serif !important;} #home_comment a{ color:#212428; font-family: Arial, sans-serif !important;} .comment_link {text-decoration:none;font-size:10pt;font-weight:normal;} a.comment_link {text-decoration:none;font-size:1.1em;font-weight:normal;font-variant:Arial;} a.comment_link:hover {text-decoration:underline;} a.comments_controller {text-decoration:underline!important;;font-size:0.9em !important;} a.comments_controller:hover {color:red;} .comments_add {font-size:1em !important;margin-left:0em;} .comments_add a:hover {color:red;} .comments_add a{text-decoration:underline !important;} .comment_link span {font-size:0.9em !important;} div.comments span {font-size:1em;font-weight:normal;} div.comments a {font-size:1em;} div.al table.archive td.player div.comment {padding-bottom:0em;font-size:1.1em;} div.al table.archive td.player div.comment p{font-size:1em;font-weight:normal;padding-left:1em;} div.al table.archive td.player div.comment p.author {font-size:0.8em; text-decoration:underline;} div.al table.archive td.player div.comment div a{ font-weight:bold; color:#395268; text-decoration: none; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 1.8em;} a.spam {font-size:0.8em !important;font-weight:normal;color:#395268;margin-left:3em;} div.comments {width:100%; } div.comments p {padding-top:0.4em} div.comments div {padding-top:0.4em} .avatar {width:80px !important;background:#C1C3C8;vertical-align:top;text-align:center;font-size:1em;margin: 0 1em 0 0;padding:1em 0;float:left;} .avatar span{color:#00113C;} .commentToFile{width:100%!important;} .commentToFile tr {width:100%;} .commentToFile tr td{font-size:0.9em !important;padding: 0.5em 0.5em 0;font-weight:normal !important;} .commentToFile tr td:firstchild{width:13%!important;background:#dae2e8;} .commentToFile tr td+td{width:87%!important;background:#dae2e8;} /*.commentToFile tr td+td+td{width:18%!important;font-size:0.7em !important;background:#E8E9EB;}*/ .commentToFile tr.row1 td+td { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;} .commentToFile tr.row2 td+td{ border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;} .commentToFile tr td span{font-size:0.9em !important;} /*цитата на форуме*/ .commentToFile tr td.cont a.user_item{padding:5px;margin: 0 10px 10px;font-size:1em !important;} .cont div{background:#E8E9EB;border:1px solid #8a99a6;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;padding:5px;margin: 0 10px 10px;font-size:0.8em !important;text-align:left;} .comment_text div{background:#E8E9EB;border:1px solid #8a99a6;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;padding:5px;margin: 0 10px 10px;font-size:0.8em !important;} .home_commentText div{background:#f9f9f9;border-top:1px solid #8a99a6;border-bottom:1px solid #8a99a6;padding:5px;margin: 0 10px 10px;font-size:0.8em !important;} .home_commentText strong {font-size:0.7em !important;} .comments_list {width:100%; display:block;} .comments_list a {font-size:1.3em !important} /*OPINIONS*/ #add_opinion a {font-size:1.4em;text-align:left;color:#03220B;} #add_opinion a:hover {border-bottom: 2px dotted #03220B;text-decoration:none;} /* ---------------------------------------------------------------------------------------------------- [USERS] ---------------------------------------------------------------------------------------------------- */ .user_item{text-align:center;} .user_item h1{color:#8FAFFF !important;} .user_item h1 a {color:#fff !important;background:#D5E1FF;} .user_item h1 a:hover {background:#8FAFFF !important;text-decoration:none;} table .user_actions{width:160px !important;vertical-align:middle;} table .user_actions tr td {padding:3px; width:100% !important;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} table .user_actions tr td:hover{background:#E1E7ED;} table .user_actions tr td span a{font-size:0.9em;color:#36638E !important;} table .user_actions tr td span a:hover{text-decoration:none !important;} /* ---------------------------------------------------------------------------------------------------- [PROFILE] ---------------------------------------------------------------------------------------------------- */ .online {color:#11B102 !important;} .offline{color:#7C7C7C !important;} .online img,.offline img{margin-bottom:-2px;} .profile {background:#fff;width:100%;} .profile a {color:black;} .profile .photo-management{margin:0;width:150px;text-align:left;} .profile .photo-management a {padding-left:2em;text-transform:uppercase;font-size:1em;font-weight:bold;color:#2c618f;} .profile_left, .profile_right {//clear:both;} .profile_left {background:#fff;float:left !important;width:490px;} .profile_right {background:#fff;float:right !important;width:210px;} .legend{margin:1em;color:#516595;} .fieldset{margin:1em;padding:1em;} table .menu {border:solid 1px #E3E7F1;} table .menu tr:first-child td{background:#425FC3;vertical-align:middle;padding-left:5px;color:#FFF;border:solid 1px #E3E7F1;} table .menu tr td {background:#BDCFFB;vertical-align:middle;padding-left:5px;border:solid 1px #E3E7F1;} table .menu tr td a:hover {text-decoration:none;} /*личные сообщения пользователей*/ table.messages tr:first-child td {border:solid 1px #E3E7F1;font-size:1em;background:#425FC3;vertical-align:middle;color:#FFF;} table.messages tr td {border:solid 1px #E3E7F1;font-size:0.9em !important;font-weight:normal !important;padding:0.5em;} /*цитата в сообщениях*/ table.messages tr td div{background:#E8E9EB;border:1px solid #8a99a6;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;padding:5px;margin: 0 10px 10px;font-size:0.8em !important;} div.profile a.marked{background:#425FC3;margin-left:5em;font-size:1em;font-weight:bold;color:#fff;padding:0.3em;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} div.profile a.notmarked{background:none;margin-left:5em;font-size:0.9em;font-weight:normal;} #act button {padding:3px;background:#E8E9EB;color:#395268;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #act button:hover {background:#dae2e8;color:#2370B6;} table.friends tr.friendrow:hover {background:#F1F2F7 url(/files/img/grad10.png) 0 0 repeat-x;} table.friends tr td {border:0;font-size:0.9em !important;font-weight:normal !important;padding:0;vertical-align:middle !important;} table.friends tr td:first-child{width:5%;} table.friends tr td+td {width:5%;} table.friends tr td+td+td {width:40%;} table.friends_news tr:hover {background:#F1F2F7 url(/files/img/grad10.png) 0 0 repeat-x;} table.friends_news tr td {border:0; border-bottom:1px solid #ccc; font-size:0.9em !important; font-weight:normal !important; padding:2em 0.5em; vertical-align:top !important; } table.friends_news tr td a {text-decoration:underline;} table.friends_news tr td:first-child{width:5% !important;text-align:center;} table.friends_news tr td+td {width:95%;} table .user_info{vertical-align:middle;} table .user_info tr.row2{background:#D5E1FF !important;} table .user_info tr.row1{background:#E7EEFF !important;} table .user_info td{width:40%;color:#2b587a;vertical-align:middle !important;padding:0.5em;} table .user_info td+td {width:60%;font-size:1em !important;color:#002480;vertical-align:middle;} .profile_input{padding:0.3em;width:300px;} /* ---------------------------------------------------------------------------------------------------- [FAQ AND STATISTIC] ---------------------------------------------------------------------------------------------------- */ div.data-case_faq{padding:0em 0; margin:0; font-size: 11px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; background:#EAE9F3;} table.faq {margin:3em;} table.faq td {text-align:justify; padding:1em; font-size:1.2em; color:#666666; background:#fff; } table.faq h1{text-align:center;font-size:1.7em;color:#2A2A5B;} table.faq td h2{font-size:1.2em;color:#4D4D88;} table.faq td h3{font-size:1.1em;color:#4D4D88;} table.faq ul {list-style-type:square;margin-left:1.2em;} table.faq a {font-size:1em;color:#2A2A5B;} table.faq a:hover {color:#7979B8;} table.new {} table.new th {vertical-align:top} table.new th a {color:black; font-size:2em; font-weight:normal} table.new th {text-align:left; padding-bottom:1em} table.new td {vertical-align:top; padding-right:1.5em} table.new a {color:black} .usersOnlineImg {padding:0;margin:0; max-height:40px;max-width:40px;} .usersOnline {text-decoration:none;color:red;} /*top100*/ a.marked{background:#425FC3;margin:1em;font-size:1em;font-weight:bold;color:#fff;padding:0.3em;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} a.notmarked{background:none;margin:1em;font-size:0.9em;font-weight:normal;} table.top {} table.top td.first { width:140px !important; height:220px; /*background-image:url(/files/img/personsFon.png);*/ background-position:top; background-repeat:no-repeat; padding: 20px 0px 10px 0px; text-align:center; font-size:1em !important; vertical-align:bottom;} table.top td.first img { width:120px; max-height:180px; } table.top td.first a { color:#000; text-decoration:none; vertical-align:bottom; } table.top td.first a:hover { color:#000; text-decoration:underline; } table.top td.second { width:40px !important;} /*top100 result*/ table.top th { vertical-align:middle; padding-left:10px;} table.top th a { color:#0c2a4c; } table.top td.prdComposer{ width:35%; background:#F1F2F7 url(/files/img/grad10.png) 0 0 repeat-x; vertical-align:middle; padding-left:10px; } table.top td.workName{ width:65%; background:#F1F2F7 url(/files/img/grad13.png) 0 0 repeat-x; font-size:1em; vertical-align:middle;} table.top td.prdOpus{ width:20%; background:#F1F2F7 url(/files/img/grad10.png) 0 0 repeat-x !important; vertical-align:middle; padding-left:10px; } table.top td.prdName{ width:80%; background:#F1F2F7 url(/files/img/grad10.png) 0 0 repeat-x !important; font-size:1em; vertical-align:middle;} /* ---------------------------------------------------------------------------------------------------- [FORUM] ---------------------------------------------------------------------------------------------------- */ .forum_path{border:5px solid #E8E9EB;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;padding-left:5px;background:#E8E9EB;color:#395268 !important;font-size: 0.9em !important;} .forum_path a {color: #2370B6!important;font-size: 1.1em !important;} .add_com {padding-left:5px;text-align:left;} .add_com a {text-decoration:none !important;} .add_com a button {padding:3px;background:#E8E9EB;color:#395268;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .add_com a button:hover {background:#dae2e8;color:#2370B6;} .forum_block{background:#39393A;border:4px solid #39393A;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .forum_block a {color:#fff;} .comment_text p a.spam{ font-weight:normal; color:#395268; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 1.1em!important;} .comment_text{ font-weight:normal; color:#252f45; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 1.2em;} div.comment_page div { font-weight:normal; color:#395268; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 1em;} div.comment_page div a{ font-weight:bold; color:#395268; text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 1.4em;} .edit {border:1px solid transparent;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;padding:2px;} .edit:hover {border:1px solid red;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;padding:2px;} .agree a.agree_img {border:1px solid #8a99a6;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .agree a.agree_img:hover {border:1px solid #11b102;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;text-decoration:none;} .agree span a{font-weight:bold;color:#11b102!important;} table.forum {} table.forum th{ background:#39393A; color: #fff; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 0.8em;} table.forum th{text-align:center;} table.forum tr.row1{background:#E8E9EB;} table.forum tr.row2{background:transparent;} table.forum td.topic { background:transparent; min-height:80px; font-size: 1em; padding:10px; color: #634B54; border-bottom:1px solid #634B54; vertical-align:middle;} table.forum td.topic span { color: #634B54; text-decoration: none; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 0.8em; font-style:italic;} table.forum td.topic a { color: #2370B6; text-decoration: none; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 1em; } table.forum td.topic a:active, table.forum td.topic a:visited { color: #395268 !important; text-decoration: none; } table.forum td.topic a:hover { color: #B62323 !important; text-decoration: underline; } /* ---------------------------------------------------------------------------------------------------- [AUDIO] ---------------------------------------------------------------------------------------------------- */ table.audio {width:100%;} table.audio td {width:100%; text-align:justify; padding:1em; font-size:1.2em; color:#666666; background:#fff; } table.audio h1{text-align:center;font-size:1.7em;} table.audio td h2{font-size:1.2em;} table.audio td h3{font-size:1.1em;} table.audio a {font-size:1em;color:#2A2A5B;text-decoration:none;} table.audio a:hover {color:#7979B8;} /* ---------------------------------------------------------------------------------------------------- [PLAYLIST] ---------------------------------------------------------------------------------------------------- */ div.al div.playlist {font-size:1em;background:#fff;width:100%;} div.al div.head {background: #2F3753 url(/files/img/form-header.png) 100% 0 repeat-x; margin: 1.5em 0 1em; padding: 0.7em 0; font-size: 0.9em; position:relative; text-align:center;} div.al div.head a{color:#fff;} div.al div.playlist p {font-size:1em;} div.al div.playlist h2{font-size:1.1em;color:#fff;} /* ---------------------------------------------------------------------------------------------------- [SEARCH & PD4] ---------------------------------------------------------------------------------------------------- */ /*PD4*/ .search_form{ color:#1F2B43; font-family: inherit; font-size:12px; border: 1px solid #8A99A6; margin-top:10px; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} /*PD4*/ .pd4_form{ color:#1F2B43; font-family: inherit; font-size:12px; border: 1px solid; border-color: #8A99A6; margin-top:10px; padding: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .pd4_form input { color:#1F2B43; background:#D6E0EB; width:250px; font-family: inherit; font-size:12px; border: 1px solid #8A99A6 ; margin-top:10px; padding: 3px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .pd4_form input[type="submit"]{ width:260px; } .pd4_form input:hover, .pd4_form input:focus { background:#fff; color:#000; } /*GOOGLE SEARCH*/ /** * Shiny theme * */ /* Slight reset to make the preview have ample padding. */ .cse .gsc-control-cse, .gsc-control-cse { padding: 5px; width: 670px !important; } .cse tr{background-color:red;} .cse .gsc-branding, .gsc-branding { display: none; } .cse .gsc-control-cse div, .gsc-control-cse div { position: normal; } /* Selector for entire element. */ .cse .gsc-control-cse, .gsc-control-cse { font-family: Verdana, sans-serif; background-color: #dae0e5; border: 1px solid; border-color: #dae0e5; } .cse .gsc-control-cse:after, .gsc-control-cse:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .cse .gsc-resultsHeader, .gsc-resultsHeader { border: none; } /** * Table cell containing the search input. * 4 pixels added to create more space between input and button. */ .cse td.gsc-input, td.gsc-input { padding-right: 4px; } /* Search form element */ .cse form.gsc-search-box, form.gsc-search-box { background: #d8d8d8 url('/cse/images/look/cse_theme_shiny_form_bg.png') repeat-x top left; border: 1px solid #cccccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 96%; padding: .9em 2% 1em 2%; margin: 0 0 2% 0; -webkit-box-shadow: 0 1px 2px #333333; -moz-box-shadow: 0 1px 2px #333333; display: block; } table .gsc-search-box {background-color:transparent !important;} table .gsc-search-box tr{background-color:transparent !important;} table .gsc-search-box tr td:first-child {background-color:transparent;width:85%;} table .gsc-search-box tr td+td{background-color:transparent;width:10%;} table .gsc-search-box tr td+td+td {background-color:transparent;width:5%;} /* Search input */ .cse input.gsc-input, input.gsc-input { font-family: inherit; font-size: 14px; border: 1px solid; border-color: #8A99A6; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Search button */ .cse input.gsc-search-button, input.gsc-search-button { font-family: inherit; font-size: 14px; color: #292B33; font-weight: bold; text-shadow: 0 1px 2px #ffffff; padding: 2px 8px 3px 8px; background: #d0d1d4; border: 1px outset #d0d1d4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0 1px 2px #333333; -moz-box-shadow: 0 1px 2px #333333; } /* Base tab selector styles */ .cse .gsc-tabHeader, .gsc-tabHeader { text-shadow: 0 1px 2px #fff; padding: 2px 8px 0 8px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } /* Inactive tab */ .cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive { background-color: #b2bdc6; border: 1px solid; border-bottom: none; border-color: #b2bdc6; color: #000; } /* Active tab */ .cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive { background-color: #8A99A6; border: 1px solid; border-bottom: none; border-color: #8A99A6; color: #000; } /* This is the tab bar bottom border. */ .cse .gsc-tabsArea, .gsc-tabsArea { margin-top: 1em; border-bottom: 1px solid; border-color: #8A99A6; padding: 0; } /* Wrapper for all results */ .cse .gsc-results, .gsc-results { width: 100%; background-color: #FFFFFF; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .cse div.gs-title, div.gs-title, .cse .gs-snippet, .gs-snippet, .cse .gs-visibleUrl, .gs-visibleUrl, .cse .gs-visibleUrl-short, .gs-visibleUrl-short { padding: 0 8px; } /* Inner wrapper for a result */ .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result { padding: 6px 0; border-top: 1px solid; border-color: #ffffff; } /* Result hover event styling */ .cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover { border-top: 1px solid; border-color: #d2d6dc; background-color: #ededed; -webkit-box-shadow: 0 1px 4px #8A99A6; -moz-box-shadow: 0 2px 2px #8A99A6; } /* Set link colors. */ .cse .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link, .cse .gs-webResult.gs-result a.gs-title:link b, .gs-webResult.gs-result a.gs-title:link b, .cse .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited, .cse .gs-webResult.gs-result a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:visited b, .cse .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover, .cse .gs-webResult.gs-result a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:hover b, .cse .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active, .cse .gs-webResult.gs-result a.gs-title:active b, .gs-webResult.gs-result a.gs-title:active b, .cse .gsc-cursor-page, .gsc-cursor-page, .cse a.gsc-trailing-more-results:link, a.gsc-trailing-more-results:link { color: #0568cd; } /* Override default.css selector to disable underlines. */ .cse .gs-result .gs-title, .gs-result .gs-title, .cse .gs-result .gs-title *, .gs-result .gs-title * { text-decoration: none; } .cse .gs-webResult.gs-visibleUrl, .gs-webResult.gs-visibleUrl, .cse .gs-webResult.gs-visibleUrl-short, .gs-webResult.gs-visibleUrl-short { color: #5f6a73; font-weight: bold; font-size: 11px; } /* Snippet text color */ .cse .gs-webResult.gs-result .gs-snippet, .gs-webResult.gs-result .gs-snippet { color: #333333; } /* Pagination container centered */ .cse .gsc-cursor-box, .gsc-cursor-box { border-color: #8A99A6; padding: 1.2em 0 2em 0; text-align: center; } /* Pagination */ .cse .gsc-cursor-page, .gsc-cursor-page { padding: .2em .5em; background-color: #fff; border:1px solid; border-color: #b2bdc6; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; } /* Selected pagination */ .cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page { color: #1c001e; text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 2px #fff; background-color: #8A99A6; border:1px solid; border-color: #d2d6dc; } /*Promotion Settings*/ /* The entire promo */ .cse .gs-promotion.gs-result, .gs-promotion.gs-result { background-color: #D0D1D4; border: 1px solid; border-color: #D2D6DC; } /* Promotion image */ .cse .gs-promotion.gs-result .gs-promotion-image, .gs-promotion.gs-result .gs-promotion-image {} /* Promotion title */ .cse .gs-promotion.gs-result a.gs-title:link, .gs-promotion.gs-result a.gs-title:link { color: #0066CC; } .cse .gs-promotion.gs-result a.gs-title:visited, .gs-promotion.gs-result a.gs-title:visited { color: #0066CC; } .cse .gs-promotion.gs-result a.gs-title:hover, .gs-promotion.gs-result a.gs-title:hover { color: #0066CC; } .cse .gs-promotion.gs-result a.gs-title:active, .gs-promotion.gs-result a.gs-title:active { color: #0066CC; } /* Promotion snippet */ .cse .gs-promotion.gs-result .gs-snippet, .gs-promotion.gs-result .gs-snippet { color: #333333; } /* Promotion url */ .cse .gs-promotion.gs-result ..gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl { color: #5F6A73; } /* Style for auto-completion table * .gsc-completion-selected : styling for a suggested query which the user has moused-over * .gsc-completion-container : styling for the table which contains the completions */ .gsc-completion-selected { background: #ededed; } .gsc-completion-container { font-family: Verdana, sans-serif; font-size: 14px; position: absolute; background: white; border: 1px solid #8A99A6; margin-left: 0; margin-right: 0; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* The top, left, and width are set in JavaScript. */ /* ---------------------------------------------------------------------------------------------------- [EXAM] ---------------------------------------------------------------------------------------------------- */ table.exam{margin:20px 0;} table.exam td {border:1px solid #fff;padding:5px;vertical-align:middle!important;} table.exam td:first-child {text-align:center;} div.exam_level{width:450px;border:1px solid #808080;margin:10px 0;padding:5px;background:#e4e5e8;} div.exam_level a{padding-left:30px;} /* ---------------------------------------------------------------------------------------------------- [OTHER] ---------------------------------------------------------------------------------------------------- */ /*round coners*/ .lt, .lb, .rt,.rb {position:absolute;width:35px;height:35px;background: url('/files/img/corners3.png');} .lt{top:0;left:0;z-index:2000;} .lb{bottom:0;left:0;background-position:0 -35px;z-index:2000;} .rt{top:0;right:0;background-position:35px -70px;z-index:2000;} .rb{bottom:0;right:0;background-position:-35px -35px;z-index:2000;} .div_lt, .div_lb, .div_rt, .div_rb{position:absolute;width:6px;height:7px;background:url('/files/img/corners1.png');} .div_lt{top:0;left:0;} .div_lb{bottom:0;left:0;background-position:0 -7px;} .div_rt{top:0;right:0;background-position:6px -14px;} .div_rb{bottom:0;right:0;background-position:-6px -7px;} .div_lt_white, .div_lb_white, .div_rt_white, .div_rb_white{position:absolute;width:6px;height:7px;background:url('/files/img/corners.png');} .div_lt_white{top:0;left:0;} .div_lb_white{bottom:0;left:0;background-position:0 -7px;} .div_rt_white{top:0;right:0;background-position:6px -14px;} .div_rb_white{bottom:0;right:0;background-position:-6px -7px;} /*round coners egg*/ #corner_blok {background-color: #fff; width:500px;margin-left:100px;} .corner_blok_1 {background: url(/files/img/corner_blok.gif) left top repeat-y;} .corner_blok_2 {background: url(/files/img/corner_blok_2.gif) left top repeat-x;} .corner_blok_3 {background: url/files/img/corner_blok_2.png) left top no-repeat;} .corner_blok_4 {background: url(/files/img/corner_blok_3.png) right top no-repeat;} .corner_blok_5 {padding: 30px 0 0 25px; background: url(/files/img/corner_blok_5.png) left bottom no-repeat;} .corner_blok_6 {background: url(/files/img/corner_blok_6.png) right bottom no-repeat; padding-right: 15px;} .corner_blok_6 {padding-right: 20px; font-size: 1em; color: #666666; font-family: Arial;} .right_div0{background: url(/files/img/corner_blok_1.gif) right top repeat-y; background-color: #fff;width:795px;margin: 0px auto;} .right_div1{background: url(/files/img/corner_blok_2.png) left top no-repeat;} .right_div2{background: url(/files/img/corner_blok_3.png) right top no-repeat;} .right_div3{padding-top: 27px;background: url(/files/img/corner_blok_5.png) left bottom no-repeat;} .right_div4{padding: 0 30px 30px 30px;background: url(/files/img/corner_blok_6.png) right bottom no-repeat; min-height: 100%;color: #666666;} /*round coners grey*/ .r1,.r2,.r3,.r4,.r5,.r7,.r10 { display: block; height: 1px; background: #fff; border: solid #dadada; border-width: 0 1px; overflow: hidden; font-size: 1px;} .r10 {margin: 0 8px; background: #dadada} .r7 {margin: 0 6px;} .r7 .r7 {margin: 0;} .r5 {margin: 0 5px;} .r4 {margin: 0 4px;} .r3 {margin: 0 3px;} .r2 {margin: 0 2px;} .r1 {margin: 0 1px;} .device_inner { padding: 10px; border: solid #dadada; border-width: 0 1px; overflow: hidden; position: relative; } .device_description { font-size: 1em; font-weight:normal; float: left; width: 600px; color:#494949; } /* RATING */ .ratingblock { display:block; } .loading { height: 30px; background: url('../images/working.gif') 50% 50% no-repeat; } .unit-rating { /* the UL */ list-style:none; margin: 0px; padding:0px; height: 10px; position: relative; background: url('../images/starrating.gif') top left repeat-x; } .unit-rating li{ text-indent: -90000px; padding:0px; margin:0px; /*\*/ float: left; /* */ } .unit-rating li a { outline: none; display:block; width:10px; height: 10px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; } .unit-rating li a:hover{ background: url('../images/starrating.gif') left center; z-index: 2; left: 0px; } .unit-rating a.r1-unit{left: 0px;} .unit-rating a.r1-unit:hover{width:10px;} .unit-rating a.r2-unit{left:10px;} .unit-rating a.r2-unit:hover{width: 20px;} .unit-rating a.r3-unit{left: 20px;} .unit-rating a.r3-unit:hover{width: 30px;} .unit-rating a.r4-unit{left: 30px;} .unit-rating a.r4-unit:hover{width: 40px;} .unit-rating a.r5-unit{left: 40px;} .unit-rating a.r5-unit:hover{width: 50px;} .unit-rating li.current-rating { background: url('../images/starrating.gif') left bottom; position: absolute; height: 10px; display: block; text-indent: -9000px; z-index: 1; } .voted {color:#999;} .thanks {color:#36AA3D;} .static {color:#5D3126;} /*END RATING*/ /*UI TABS*/ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none !important; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* Skin */ .ui-tabs-nav, .ui-tabs-panel { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; } .ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 3px; } .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .ui-tabs-nav li { float: left; margin: 0 0 0 2px; font-weight: bold; } .ui-tabs-nav a, .ui-tabs-nav a span { float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 12px; background: url(/files/img/tabs.png) no-repeat; } .ui-tabs-nav a { margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; background-position: 100% 0; text-decoration: none; white-space: nowrap; /* @ IE 6 */ outline: 0; /* @ Firefox, prevent dotted border after click */ } .ui-tabs-nav a:link, .ui-tabs-nav a:visited { color: #fff; } .ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; background-position: 100% -23px; } .ui-tabs-nav a span { padding-top: 1px; padding-right: 0; height: 20px; background-position: 0 0; line-height: 20px; } .ui-tabs-nav .ui-tabs-selected a span { padding-top: 0; height: 27px; background-position: 0 -23px; line-height: 27px; } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000; } .ui-tabs-panel { border-top: 5px solid #445FC1; padding: 10px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ } /*.ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }*/ /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } /*COMMENTS*/ #commentTabs.ui-tabs-nav { list-style: none; margin: 0 0 0 5px; padding: 0 0 0 3px; } #commentTabs.ui-tabs-nav a, #commentTabs.ui-tabs-nav a span { float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 14px; background: #c1c3c8; font-size:1em; } #commentTabs_0.ui-tabs-panel,#commentTabs_1.ui-tabs-panel { border-top: 0; background: #c1c3c8/* url(/files/img/cat-data-case-bg.gif) repeat-x*/; /*font-size:0.9em;*/ color:#212428; font-family: Arial, sans-serif !important;} #commentTabs_0.ui-tabs-panel a,#commentTabs_1.ui-tabs-panel a{ /*font-size:1em;*/ color:#212428; font-family: Arial, sans-serif !important;} #commentTabs_0.ui-tabs-panel a:hover,#commentTabs_1.ui-tabs-panel a:hover{ color:red; } /*ON MAIN PAGE*/ #comTabs.ui-tabs-nav { list-style: none; margin: 0 0 0 5px; padding: 0 0 0 3px; } #comTabs.ui-tabs-nav a, #comTabs.ui-tabs-nav a span { float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 14px; background: #c1c3c8; font-size:1em; } #comTabs_0.ui-tabs-panel,#comTabs_1.ui-tabs-panel { border-top: 0; background: #c1c3c8/* url(/files/img/cat-data-case-bg.gif) repeat-x*/; font-size:1em; font-family: Arial, sans-serif !important;} #onlineTabs li a {font-size:1em !important;} #onlineTabs li a:hover {font-size:1em !important;text-decoration:none; } /*FRIENDS ONLINE*/ #onlineTabs.ui-tabs-nav a, #onlineTabs.ui-tabs-nav a span { float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 5px; background: #ccc; } #onlineTabs_0.ui-tabs-panel,#onlineTabs_1.ui-tabs-panel,#onlineTabs_2.ui-tabs-panel { border-top: 2px solid #ccc; background: #eee; font-size:1.0em} #onlineTabs li a {font-size:1.0em !important;} #onlineTabs li a:hover {font-size:1.0em !important;text-decoration:none; } /*END UI TABS*/