* {margin:0; padding:0}
body {font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#000; background-color:#25928b; text-align:center}

a.none {color:#000; text-decoration:none;}
a.none:hover {color:#00a0aa}

a {color:#00447c; text-decoration:none; outline:none;}
a:hover {color: #00a0aa; text-decoration:underline}

img {border:none}
p {padding:7px 20px}
h1, h2, h3 {font-weight:bold; padding:20px 20px 10px 20px}
h1 {font-size:20px; color:#004279;}
h2 {font-size:18px; padding-top:15px}
h3 {font-size:15px; padding-top:15px}
hr {border:none; border-bottom: #999 1px dotted; height:1px; margin: 10px 0; $margin:0; /*for all ie*/}
#mainContent hr, #blank #content hr {margin:10px 20px;}


ul, ol {padding:0 20px 10px 60px}
ul.fa-ul {padding:0 20px 10px 10px}
.fa-ul li {padding:2px 5px 7px 5px;}

ul.none, ol.none {padding-left:20px}
ul.none, ol.none {padding-left:20px}
li {padding:5px 3px;}
ul.orange_arrow, ul.blue_arrow {list-style:none; padding-left:10px}
.orange_arrow li, a.orange_arrow {background: url(/i/bg/orange_arrow.png) left top no-repeat; padding:2px 10px 2px 12px}
.blue_arrow li, a.blue_arrow {background: url(/i/bg/blue_arrow.gif) left top no-repeat; padding:2px 10px 2px 12px}

dl {padding:7px 20px; text-align:justify;}
dt {color: #039; font-weight:bold;}
dd {padding:7px 20px;}
dl.border {border: dashed thin; margin: 7px 20px;}
.indent {padding-left:40px;}
.spravka {margin:10px 0 10px 20px; border-left:2px solid #70b5bb; font-size:12px;}
.spravka p { padding-left:15px;}
.ramka {margin:20px; border:2px solid #70b5bb; background-color:#f9f9f9;}
.radius {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.f9 {font-size:9px !important}
.f10 {font-size:10px !important}
.f11 {font-size:11px !important}
.f12 {font-size:12px !important}
.f13 {font-size:13px !important}
.f14 {font-size:14px !important}
.f15 {font-size:15px !important}
.f16 {font-size:16px !important}
.f18 {font-size:18px !important}
.f20 {font-size:20px !important}
.b {font-weight:bold}
.i {font-style:italic}
.u {text-decoration:underline}
.up {text-transform:uppercase}
.blue {color:#184071}
.cyan {color:#099}
.orange {color:#e87d1d}
.red {color:#f33}
.brown {color:brown;}
.gray {color:#666;}

.button {border-top:1px solid #96d1f8; padding:7.5px 15px; color:white; font-size:18px; font-family: Helvetica, Arial, Sans-Serif; text-decoration:none; vertical-align: middle;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   border-radius:7px; -moz-border-radius:7px;
   box-shadow: rgba(0,0,0,1) 0 1px 0; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;}
.button:hover {border-top-color:#28597a; background:#28597a; color:#ccc;}
.button:active {border-top-color: #1b435e; background: #1b435e;}

.btn {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; padding:10px 20px; margin:0; display:inline-block; background-color: #39C; color:#fff;}
.btn:hover {color:#fff; text-decoration:none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}


.imgLeft, .imgRight, .imgLeftBorder, .imgRightBorder {vertical-align: text-top}
.imgLeft, .imgLeftBorder {float:left; margin:0 15px 10px 0}
.imgRight, .imgRightBorder {float:right; margin:0 0 10px 15px}
#logo_img img {margin-right:50px; margin-bottom:20px;}
#logo_img img.last {margin-right:0;}
.border, .imgLeftBorder, .imgRightBorder {border:#ccc 1px solid}
.clearer {height:0; line-height:0; font-size:0; clear:both;}
.pageBreak, .nodisplay {display:none;}

.htm-link, .pdf-link, .doc-link, .txt-link, .ppt-link, .swf-link, .wma-link, .exe-link, .zip-link, .xls-link {vertical-align:top; padding: 0 0 2px 25px; text-decoration:none}
p.htm-link, p.pdf-link, p.doc-link, p.txt-link, p.ppt-link, p.wma-link, p.exe-link, p.swf-link, p.zip-link, p.xls-link {margin:7px 0 0 20px; padding:0 20px 7px 25px; line-height:110%}
li.pdf-link {padding-bottom:8px; padding-top:2px;}

.doc-link {background: url(/i/ico/doc.gif) top left no-repeat}
.exe-link {background: url(/i/ico/exe.gif) top left no-repeat}
.htm-link {background: url(/i/ico/iexp.gif) top left no-repeat}
.pdf-link {background: url(/i/ico/pdf.gif) top left no-repeat}
.ppt-link {background: url(/i/ico/ppt.gif) top left no-repeat}
.swf-link {background: url(/i/ico/swf.gif) top left no-repeat}
.txt-link {background: url(/i/ico/txt.gif) top left no-repeat}
.wma-link {background: url(/i/ico/wma.gif) top left no-repeat}
.zip-link {background: url(/i/ico/zip.gif) top left no-repeat}
.xls-link {background: url(/i/ico/xls.gif) top left no-repeat}

#main {width:960px; height:100%; text-align:left; background-color:#fff; margin:0 auto;}

/* HEADER */
#header {width:960px; height:140px; background-color:#fff; clear:both;}
#header img.russco {margin: 20px 0 0 50px; float:left;}
#header img.rosoncoweb {margin: 20px 0 0 45px; float:left;}

#search {width:300px; height:50px; float:right; clear:right; margin-top:5px;}
#search table {padding:0; margin:0;}
#search .ya-site-form__submit {padding:0 5px;}
/*#search form {margin:0}
#search form input#q {margin-right:10px; float:left;}
#search form input#search_button {float:right;}
*/

/* MAIN MENU */ 
#mainNav {width:100%; height:29px; background-color:#FFF; font-size:12px}
#mainNav ul {width:760px; height:29px; color:#fff; background-color: #00A79D;/*background: #00A79D url(/i/bg/nav.gif) left top no-repeat;*/ float:right; padding:0; margin:0; list-style:none; font-weight:bold}
#mainNav li {float:left; display:block; line-height:240%; padding:0; background:url(/i/bg/mainNav.gif) right top no-repeat}
#mainNav li.last {background:none}
#mainNav li:hover {position:relative; z-index:200; background-color:#9E1F63}
#mainNav a {color:#fff; display:inline-block; padding:0 12px; height:29px; outline:none}
#mainNav li.last a {padding:0 15px 0 16px;}
#mainNav a:hover {text-decoration:none}

#mainNav ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none}
#mainNav li:hover ul {left:0; bottom:auto; top:29px; background:#9E1F63; padding:7px 0; width:760px; height:auto; z-index:300}
#mainNav li:hover ul li {width:165px; padding:4px 7px; float:left; position:relative; background-image:none; font-size:11px; font-weight:normal; line-height:120%}
#mainNav li:hover ul li a {display:block; padding:0; height:auto}
#mainNav li ul a:hover {color:#99ffff}

#mainNav ul ul div {float:left; width:180px; padding:0}
	#mainNav li.society ul {margin-left:0}
	#mainNav li.events ul {margin-left:-101px}
	#mainNav li.workgroup ul {margin-left:-205px}
	#mainNav li.newspaper ul {margin-left:-326px}
	#mainNav li.journal ul {margin-left:-393px}
	#mainNav li.activities ul {margin-left:-468px}
	#mainNav li.contacts ul {margin-left:-665px}
#mainNav li.newspaper a {padding:0 14px;}
#mainNav li.journal a {padding:0 14px 0 15px;}


/* SECOND MENU */

/* all page */
#menuV {width:200px; background:#70b5bb /*#80a1b6*/ url(/i/bg/menuV.gif) right bottom no-repeat; margin-bottom:10px; padding-bottom:10px;}
#menuV ul {padding:15px 0 0 0; margin:0; list-style:none; font-size:11px; line-height:100%}
#menuV li {padding:0; position:relative; font-weight:bold}
#menuV a {color:#fff; width:170px; display:inline-block; padding:8px 10px 7px 20px; outline: none; background:url(/i/bg/li.gif) left top no-repeat}
#menuV a:hover {color:#fff; text-decoration:none; background:#9E1F63 url(/i/bg/li_hover.gif) left top no-repeat}

#menuV ul ul, #menuV ul ul ul {display: none; background-color:#aed5d8; padding-top:0; padding-bottom:0; font-size:10px;}
#menuV ul ul ul {background-color:#b4cde0;}
#menuV ul ul li, #menuV ul ul ul li {padding-left:8px}
#menuV ul ul li:hover, #menuV ul ul ul li:hover {background-color:#c5def1}
#menuV ul ul a, #menuV ul ul ul a {color:#184071; width:162px}
#menuV ul ul a:hover, #menuV ul ul ul a:hover {background-color:#c5def1; color:#184071}

/* DIRECTORY */
#direct {width:auto; height: auto; background-color:#fff1cf; padding:7px 10px 7px 20px; font-size:10px}
#direct a {color:#000; padding:3px 7px 0 12px; background:url(/i/bg/orange_arrow.png) left top no-repeat}
#direct a:hover {color:#00a0aa; text-decoration:none}

/* CONTENT */
#content {float:left; clear:both; width:100%; background-color:#fff; padding-bottom:10px;}
#first #content {padding-bottom:0;}

/* left box */ 
#contLeft {float:left; width:200px; clear:left;}
#contLeft p {padding:0 10px 7px 15px}

/* MAIN */
#mainContent {float:right; clear:right; padding:0; padding-bottom:10px; width:760px;}
*html #mainContent {overflow:visible} /* for IE */
#mainContent p.text {text-indent:25px;}

/* BLANK PAGE */
/*#blank #header {height:100px; background:#bcbc9b url(/i/bg/head.gif) no-repeat left top; clear:both}
#blank #search {display:none;}*/
#blank #content p.title {text-align: center; font-size:14px; padding-top:10px; padding-bottom:0;}

/* MENU MARKER */
ul.marker {width:720px; height:31px; margin:20px; padding:0; list-style:none; text-align:center; font: bold 11px Arial, Helvetica, sans-serif; border-bottom: 1px solid #dcdcdc;}
.marker li {float:left; margin: 0 1px 0 0; padding:0; text-decoration:none; border: solid 1px #dcdcdc; border-top:none;}
.marker a, .marker a:visited {float:left; padding: 6px 20px; color:#999; border-top: solid 5px #dcdcdc; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif;}
.marker a:hover {color:#333; border-top: solid 5px #e87d1d; background-color:#fff;}

/* LISTING */
.alphabet {font-size:12px; font-weight:bold; color:#ccc; letter-spacing:5px;}
.alphabet a {text-decoration:none;}
.liter {font-weight:bold; color:#f33; font-size:15px; margin-top:15px; padding-bottom:0;}

.alph b {color:#f33; font-size:14px; line-height:18px;}
ul.alph {padding-left:40px; line-height:13px;}
ul.alph li {padding:0 0 7px 0;}


/* ARROW */
#arrow_home_top {width:100%; padding-top:20px; clear:both;}
.arrow_home, .arrow_top {float:left; width:auto; padding:0 20px;}
.arrow_top {float:right;}
.addthis_toolbox {padding:10px 20px; float:right; clear:both;}

/* PLEER */
.pleer {width:510px; height:270px; background-color:#CCC; float:left; margin-bottom:15px}
.pleer ul, .pleer li {margin:0; padding:0; list-style:none}
/* FLASH VIDEO */
.embed {margin:10px 20px 20px 20px;}
.videobg {margin:0 20px 20px 20px; background:url(/i/bg/videobg.gif) repeat-y top;}
.youtube {margin:20px 0; padding:7px 0; background:url(/i/bg/videobg_640.gif) repeat-y top center;}

/* BOXES  */
.anons {width:510px; float:left; background: #fff url(/i/bg/anons_bot.gif) bottom left no-repeat; font-size:11px; padding-bottom:15px; margin-bottom:15px;}
.anons div {border-left:#70b5bb 2px solid; border-right:#70b5bb 2px solid; background-color:#fff}
div.BoxHeader {font-size:14px; font-weight:bold; color:#fff; padding:6px 15px 10px 15px; border:none;}
.anons .BoxHeader {background:#f2f2d3 url(/i/bg/anons_top.gif) top left no-repeat;}
.anons p, .today p {color:#00447C; font-size:12px; line-height:16px; font-weight:bold; padding:7px 10px 5px 10px;}
.anons ul, .today ul {padding-bottom:0; padding-right:0;}

#boxes {width: auto; float:left; display:block; clear:both; margin-left:20px; _margin-left:10px; margin-bottom:10px;}
.orange_box, .blue_box {width:161px; height:88px; float:left; margin:0 15px 0 0; font-size:10px;}
.orange_box {background: #f2f2d3 url(/i/bg/lilac_box.png) top left no-repeat}
.blue_box {background: #f2f2d3 url(/i/bg/motton_blue_box.png) top left no-repeat}
.orange_box .BoxHeader, .blue_box .BoxHeader {font-size:12px; text-transform:uppercase; text-align:center; padding:7px 5px}
.blue_box #oncocongress.BoxHeader {font-size:11px; padding:1px}
.orange_box img, .blue_box img {float:left; padding:5px 8px}
.orange_box p, .blue_box p {padding:7px; line-height:130%; font-weight:bold}

.today {width:220px; float:right; background:#fff url(/i/bg/today_lilac_bot.gif) bottom left no-repeat; font-size:11px; padding-bottom:15px; padding-right:15px; margin:10px 0 15px 0;}
.today .BoxHeader {background:#f2f2d3 url(/i/bg/today_lilac_top.gif) top left no-repeat;}
.mcs_container {border-left:#c477a0 2px solid; border-right:#c477a0 2px solid; background-color:#fff; position:relative; width:216px; height:520px; padding:0;}
.mcs_container ul.blue_arrow {list-style:none; padding-right:5px}

.vizitka {margin: 0 20px 10px 0; clear:both;}
.vizitka img {margin: 0 20px 10px 0; border:1px solid #ccc;}
.vizitka p {padding-bottom:0;}

/* SLIDE TOGGLE */ 
.profile {width:auto; height:auto; overflow:auto; margin-bottom:20px;}
.profile h3 {font-size:16px; background: url(/i/ico/arrow-square.gif) no-repeat left -48px; padding: 7px 20px 15px 30px; margin:7px 0 0 20px; cursor:pointer;}
.profile h3:hover {color:#f33;}
.profile h3.active {background-position:left 8px; color:#f33;}
.profile .obj {margin-bottom:15px;}

/* tabs */
.tabs {margin:10px 20px; font-size:13px; font-weight:bold; border-bottom:1px solid #999}
.tabs .tab, .tabs .link_tab {padding:10px 30px; display:inline-block;}
.tabs .tab a, .tabs .link_tab a {color:#333; text-decoration:none;}
.tabs .tab.activ, .tabs .link_tab.activ {background-color:#d6e7f3;}

/* TABLE */
table {margin:15px 20px; font-size:12px; font-family:sans-serif;}
table, tr, td, th {border-collapse:collapse; border-color:#999;}
tr, td {padding:5px;}
th, .row_blue {text-align:center; color:#fff; padding:7px 5px; background-color:#70b5bb; font-size:13px;}
td.row_yellow {/*border: solid 2px #000;*/ border-width:medium;}
.row_yellow {background-color:#ff9;}
.rowEven {background-color:#d6e7f3; /*line-height:200%;*/}
.row_gray {background-color:#f3f3f3;}
.row_orange {background-color:#FED5A7;}
table ul, table ol {margin:5px 0 5px 10px; padding:0;}
table ul li {line-height:120%; margin:0 10px; padding:3px;}
table a {text-decoration:none}
table a:hover {text-decoration:underline;}
table.mainContent {width:720px;}
table.mainContent td {vertical-align:top; border-bottom: solid 1px #999;}
table.mainContent li {padding:0;}
table.txt td, table.txt th {vertical-align:middle; text-align:center;}

/* Подсветка строк в таблицах (с jQuery) */
.listtable tr.alt td {background:#edf5fa}
.listtable tr.over td {background:#c2e0e2}
.listtable th { border-bottom:1px solid #fff;}

/* NEWS */
#newsList #mainContent hr {margin-top:0;}
#newsList #mainContent h3 {padding:5px 20px 0 20px;}
.newsData {font-weight:bold; color:#184071; padding-bottom:0;}

.newsComent {margin:20px; border:1px solid #e87c24; padding:10px 0; -moz-border-radius: 10px; -webkit-border-radius:10px;}

/* SEARCH */

#search_lib {width:715px; margin:20px 0 20px 20px; padding:15px 0; background-color:#f2f2d3; border:1px solid #e87c24;}
#search_lib input {width:540px;}
#search_lib input.submit {width:50px; height:20px; border:none; background: #9E1F63 url(/i/bg/search_btn.gif) top center no-repeat; margin-left:10px;}

/* FORM ORDER */
.auth {float:right; width:250px; color:#444; font-size:12px; line-height:120%;}
.auth p {padding-right:0}
.auth a.logout {display:inline-block; float:right; padding:2px 3px 0 10px;}

#mailform, #form {margin:10px 5px; padding:0; text-align:left}
#mailform input, #mailform select, #form input, #form select {margin-bottom:4px; vertical-align: middle;}
#mailform p, #form p {line-height:130%;}

.form input[type="text"], .form select {width:330px;}
.form input#code {width:80px;}

#form_order p {line-height:200%;}
#mailform legend {padding: 0 5px; text-transform:uppercase; font-size:12px}
#mailform .imgRight, #mailform .imgLeft, #form .imgRight, #form .imgLeft {margin:2px; margin-right:10px;}
.inv-links {padding-right:20px; font-size:13px; text-align:right; float:right; width:300px}
.inv-links input {width:100px;}
input[readonly="readonly"] {color:#999;}

.MultiFile-list {margin-top:10px}
a.MultiFile-remove, a.MultiFile-remove:hover {color:#C00; font-size:16px; text-decoration:none; margin-right:5px; display:inline-block;}
span.MultiFile-label {color:#00447c;}

/* Comments */
div.comments {margin:0 20px; clear:both;}
.comments div {margin:10px 0 10px 10px; font-size:12px; font-style:italic; border-bottom:1px dashed #ccc;}
.comments p {padding:5px 0; text-align:left; line-height:130%;}
.comments div p.name {color:#184071; font-weight:bold; font-style:normal; padding:0;}
.comments div span {color:#666; font-weight:normal; padding-left:5px;}
form.comments p {padding:2px 20px;}
form.comments div {border:none; margin:5px 0;}
.comments input.txt {width:210px; margin-left:10px;}
.comments textarea {width:350px; height:70px; margin-top:5px;}
.comments .code {width:205px; border:none; margin:0;}
.comments #image, .comments #cod_rating {margin-bottom:5px; margin-right:15px;}
.comments .but {text-align:right; padding-top:0; padding-right:15px;}
.comments .submit {padding:1px 3px; width:75px; height:24px; font-size:12px;}
.comments #rat .submit {margin-left:20px;}

/* Rating */
div.rating-cancel, div.star-rating {float:left; width:17px; height:15px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden; border:none;}
div.rating-cancel, div.rating-cancel a {background:url(/i/ico/delete.gif) no-repeat 0 -16px; padding-right:5px;}
div.star-rating, div.star-rating a {background:url(/i/ico/star.gif) no-repeat 0 0px;}
div.rating-cancel a, div.star-rating a {display:block; width:16px; height:100%; background-position:0 0px; border:0;}
div.star-rating-on a {background-position:0 -32px !important;}
div.star-rating-hover a {background-position:0 -32px;}
.rat {float:left; margin:2px 0;}
.comments .stars {float:left; padding:0 30px 0 0;}
#commentsRating {float:right; width:260px; border:none; font-style:normal;} 
#commentsRating p, #raiting_data {float:left; padding:0; padding-bottom:10px; margin:0; font-size:12px; $margin-bottom:-10px;} 
#raiting_all {border:none; float:left; height:16px; padding:0; margin:0 5px; width:80px; background: url(/i/ico/star.gif) repeat-x;}
#raiting_votes {border:none; float:left; height:16px; padding:0; margin:0; background: url(/i/ico/star.gif) repeat-x 0 -32px;}
div.star-rating-readonly a {cursor:default !important;}
div.star-rating {background:transparent !important; overflow:hidden !important;}

/* POLL */
div.poll {margin:0 20px; clear:both;}
.poll p {padding:5px 0 0 0; text-align:left; line-height:140%; clear:both;}
.poll div {float:left;}
form.poll p {clear:both;}
.poll label:hover {cursor: pointer;}
.poll .submit {padding:1px 3px; width:75px; height:24px; font-size:12px;}
label.radio_checked {height:16px; background:#fff url(/i/ico/radio_on.png) no-repeat; float:left; display:block; padding-left: 22px; padding-right:10px; margin-left:10px;}
label.radio_unchecked {height:16px; background:#fff url(/i/ico/radio_off.png) no-repeat; float:left; display:block; padding-left: 22px; padding-right:10px; margin-left:10px;}
label.checkbox_checked {height:16px; background:#fff url(/i/ico/checkbox_on.png) no-repeat; float:none; display: inline-block; padding-left: 22px; padding-right:10px; margin-left:10px;}
label.checkbox_unchecked {height:16px; background:#fff url(/i/ico/checkbox_off.png) no-repeat; float:none; display:inline-block; padding-left: 22px; padding-right:10px; margin-left:10px;}
.crirHidden {position:absolute; left: -1000px;}
/* Bar Graphs */
.poll div.graph {margin-top:10px; float:right; clear:right; width:350px;}
.poll div.graph dd {padding:0; float:right; font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:130%; padding-bottom:2px; color:#000; clear:both;}
.poll div.graph dd span {float:left; clear:left; width:40px; margin-right:5px; text-align:right;}
.poll div.graph dd div {float:left; clear:right; height:14px; width:300px;}

/* FOOTER */
#footer {width:960px; background: #25928b url(/i/bg/footer.gif) left top no-repeat;	margin: 0 auto;	padding:30px 0 15px 0;font-size:11px;	text-align:center; overflow: hidden;}
#footer p {color:#fff; padding: 0 0 5px 0;}
#footer a {color:#fff; outline:none;}
#footer a:hover {color:#6FF; text-decoration:none;}
#footer img {float:right; margin-left:10px;}