html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
body, form, input,
button, textarea,
select, p, div { margin: 0; padding: 0; }
body { margin: 10px 20px 50px 50px; color: #000; background-color: #fff; font-size: 11px; }
div#layout { min-width: 740px; margin-bottom: 20px; //margin-bottom: 7px; }
#measurer { position: absolute; left: 0; top: -10px; width: 100%; height: 0; visibility: hidden; line-height: 1px; }
a, a:visited { text-decoration: underline; }
a:active, a:visited { outline: none; }
a img { border: none }
.h { visibility: hidden; }
strong { font-weight: bold; }
a, a:visited, .blue,
.logoBigText, .logoBigText a,
.menuR a, .category a,
.lastRubric, .lastRubric a,
.rubric, .pictureLink,
.leftCol span, .leftCol span a,
.pageControl input,
.loginBlock .title,
.photo .price th, .photo .key { color: #00aeef; }
.logoText .switcher a,
.logoText .switcher span.delimiter,
.delimiter,
.menuR,
.footerLogo { color: #d1d2d4; }
.logoBigText, .logoText .switcher, .logoText img,
.rubricTitle, .footerLogo,
.loginBlock .title { font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif; }
body, #search input.inp,
#search input.btn,
.advancedSearch select,
.advancedSearch input,
.advancedSearch input.inp,
.pageControl input,
.pageControl button,
.pageControl select,
.loginBlock input,
.loginBlock button,
input.btnm, input.small_btn { font-family: Verdana, Arial, Helvetica, sans-serif ! important; }
.logoText .switcher a,
#img_preview_info div.categoriesText,
#img_preview_info .previewContent h2,
#img_preview_info .previewContent p,
#tooltip .previewContent h2,
#tooltip .previewContent p,
.registration { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ! important; }
a.block *,
#search input.btn,
.pageControl button,
.pictureClose,
.pictureSquare,
.loginBlock button,
.pictureSquare div,
#pa_tabs a span,
input.btn, input.small_btn { cursor: pointer; //cursor: hand; }
.mainPage { width: 926px; xwidth: 1003px; }
.head { width: 100%; }
.menu { float: right; margin-top: 10px; color: #333; font-size: 11px; line-height: 12px; }
.logoText { font-size: 22px; line-height: 22px; margin: 19px 0 0; //margin: 2px 0 3px 0; white-space: nowrap; }
.logoText a, .logoBigText a { text-decoration: none ! important; }
.logoBigText { font-size: 40px; font-weight: bold; letter-spacing: -1px; }
.logoText img { font-size: 44px; line-height: 22px; letter-spacing: -1px; text-transform: lowercase; }
.logoText .switcher,
.logoText .switcher a.current { font-size: 44px; line-height: 22px; letter-spacing: -1px; text-transform: lowercase; margin-left: -6px; color: #000; }
.logoText .switcher a { font-size: 22px; text-decoration: none; }
.logoText .switcher span.delimiter { font-size: 22px; }
#notice { text-align: center; }
table.head { margin-top: 5px; height: 65px; }
.headLeft, .headRight { vertical-align: bottom; }
.langs_switcher { width: 33%; text-align: right; font-size: 10px; text-transform: uppercase; }
.contacts { width: 33%; }
.name { position: relative; clear: both; height: 30px; color: #000101; font-size: 16px; line-height: 24px; font-weight: bold; white-space: nowrap; }
.name span { margin-right: 40px; }
.name img { position: absolute; right: 0px; }
.menuR { font-size: 12px; text-transform: lowercase; }
.menuR a { text-decoration: none; white-space: nowrap; }
.menuR .link_to_upload a { color: #e34676; }
.authorization { margin: 3px 0 6px 0; //margin-bottom: 2px; color: #000101; }
.authorization td { text-align: left; margin-right: 5px; }
.authorization label { text-transform: lowercase; }
.authorization td.text input { width: 120px; }
.authorization img { padding: 3px 0 0 12px; }
.authorization a { color: #000101; }
#search { float: left; margin-top: 8px; }
#search input.inp { position: relative; width: 167px; height: 17px; margin: 1px 3px 0 0; padding: 3px 0 0 5px; vertical-align: middle; font-size: 13px; }
#search input.btn { width: 80px; height: 25px; vertical-align: middle; font-size: 13px; }
.searchLink { position: relative; margin-top: 3px; clear: both; font-size: 12px; }
.search_help { float: left; margin-left: 20px; padding: 11px 0 3px 0; }
#layout .search_help a { color: #979899; text-decoration: none; font-size: 11px; }
.search_help img { vertical-align: middle; }
.advancedSearch .search_help { margin-top: -8px; }
.new_search { left: 20; z-index: 100; margin-top: 15px; height: 91px; }
.new_search_absolute { position: absolute; height: 350px; top: 192px;}
.new_search .search_help { clear: both; margin: 20px 0 0 0; height: 24px; //margin-top: 18px; }
.new_search .searchLink { position: relative; top: -54px; left: 0; }
.new_search .searchLink a { position: absolute; left: 0; }
.new_search ul { padding-top: 26px; }
.new_search ul li { margin-bottom: 3px; font-size: 14px; }
.new_search2 .search_bg { width: 334px; height: 101px; position: absolute; left: 0px; background: #00aef0 url('/images/search_bg.gif') no-repeat top left; z-index: -10; }
.new_search2 .searchLink a,
.new_search2 .search_help a { color: #fff ! important; }
.links { position: relative; left: 500px; top: 7px; margin-top: -30px; font-size: 10px; line-height: 15px; }
.advancedSearch { display: block; margin-top: 10px; padding: 20px 20px 30px 20px; border: 1px solid #d1d2d4; }
.advancedSearch .line { margin-bottom: 4px; }
.advancedSearch select { height: 18px; vertical-align: middle; font-size: 11px; }
.advancedSearch .searchLink { margin-top: 2px; }
.advancedSearch .quantity { text-align: right; vertical-align: middle; width: 600px; }
.advancedSearch .advdelim { height: 7px; font-size: 0; line-height: 0; }
.advancedSearch input { vertical-align: middle; font-size: 12px; }
.advancedSearch input.inp { float: left; width: 483px; //width: 473px; height: 17px; margin-top: 1px; padding: 3px 0 0 5px; vertical-align: middle; font-size: 13px; }
.advancedSearch div.types { float: none; clear: both; padding-top: 8px; //padding-top: 2px; }
.advancedSearch div.types input { margin: 0 0 3px 14px; //margin-bottom: 0; vertical-align: middle; }
.advancedSearch div.types label { padding-left: 7px; vertical-align: top; }
.bigImg { padding: 18px 0 18px 0; }
.rubricTitle { margin: 20px 0 10px; font-size: 26px; }
.rubricTitle a { margin: 0 5px; font-size: 20px; text-decoration: none; }
.category { width: 100%; margin-top: 2px; }
.category a { margin: 0; font-size: 14px; line-height: 1.4em; text-decoration: underline; }
.category .category_el { float: left; width: 280px; margin-right: 10px; }
.last { width: 100%; }
.last a { color: #000; text-decoration: none; }
.last td { padding-right: 19px; vertical-align: top; }
.last td.lastSeparateColumn { width: 0; padding-right: 10px; }
.lastRubric { margin-bottom: 15px; font-size: 20px; line-height: 20px; }
.rubric { margin-bottom: 15px; font-size: 20px; line-height: 20px; }
.rubric a { color: #00aeef; text-decoration: none; }
.lastImage { padding-right: 18px; vertical-align: top; }
.lastTitle { display: block; margin-top: 12px; font-size: 20px; line-height: 20px; }
.lastText { display: block; margin-top: 7px; line-height: 14px; }
.lastPage { margin-top: 10px; text-align: center; }
.lastPage img { vertical-align: middle; }
.lastPage span img { padding-left: 10px; vertical-align: middle; }
.footer { height: 30px; border-bottom: 1px solid #d3d3d3; }
.footerLogo { margin-top: 11px; font-size: 26px; line-height: 22px; }
.copyright { margin-top: 4px; text-transform: uppercase; font-size: 10px; }
.legalInfo { margin-top: 5px; }
.resultTable { width: 100%; }
.resultTable td { vertical-align: top; }
.leftCol { line-height: 15px; }
.leftCol span { font-size: 12px; }
.leftCol span a { position: relative; }
.pageControl { position: relative; top: -3px; }
.pageControl { position: relative; top: -3px; padding-right: 20px; text-align: right; }
.pageControl #rubricT { position: relative; top: -6px; margin-top: -23px; }
.pageControl img { position: relative; top: 3px; padding: 0 9px; }
.pageControl span.block { padding-left: 32px; }
.pageControl input { position: relative; top: 1px; width: 26px; height: 16px; margin-left: 10px; padding-top: 0; vertical-align: middle; text-align: center; font-size: 12px; }
.pageControl button { position: relative; width: 57px; height: 19px; margin-left: 5px; vertical-align: middle; font-size: 13px; }
.pageControl button span { position: relative; top: -3px;}
.pageControl select { width: 48px; height: 18px; margin-left: 8px; vertical-align: middle; font-size: 11px; }
.blue { font-size: 12px; }
/* Images collection */
.blockPicture { float: left; width: 170px; margin: 20px 19px 0 0; font-size: 10px; line-height: 13px; }
.picture { width: 168px; height: 170px; border: 1px solid #d3d3d3; text-align: center; vertical-align: middle; background-position: center center; background-repeat: no-repeat; }
.picture img { opacity: 0.8; filter:alpha(opacity=80); }
.blockPicture .stock { text-align: right; height: 0; line-height: 0; }
.blockPicture .stock span { position: relative; right: 5px; top: -0.2em; //top: -0.1em; padding: 0 3px 0 5px; color: #777; background-color: #fff; font-weight: bold; text-transform: lowercase; }
.blockPicture .lang { text-align: left; height: 4px; line-height: 0; }
.blockPicture .lang span { position: relative; left: 5px; top: -0.2em; //top: -0.1em; padding: 0 3px 0 5px; color: #00AEEF; background-color: #fff; font-weight: bold; text-transform: uppercase; }
.pictureName { padding-top: 4px; height: 23px; //height: 17px; vertical-align: top; }
.pictureName a { color: #000; text-decoration: none; }
.pictureTitle { height: 52px; vertical-align: top; }
.pictureLink { padding-top: 2px; vertical-align: top; }
.pictureBottom { width: 1px; height: 17px; clear: left; font-size: 0; }
.pictureClose { position: relative; top: -7px; float: right; margin-top: -11px; border: 1px solid #d3d3d3; border-top: none; }
.pictureSquare { position: relative; top: -7px; float: right; margin-top: -11px; border: 1px solid #d3d3d3; border-top: none; }
.load { padding-top: 30px; background: url('/images/load_bg.gif') top repeat-x; border-top: 1px solid #d3d3d3; }
.buymenu { position: relative; margin-left: 167px; }
.load ul { margin-top: 15px; padding: 0; }
.load ul li { margin-bottom: 25px; list-style: none; }
#cyberplat_ico { position: absolute; left: -61px; top: 59px; //top: 60px; }
#y_money_ico { position: absolute; left: -102px; top: 97px; //top: 100px; }
#web_money_ico { position: absolute; left: -81px; top: 144px; //top: 136px; }
#other_paysystems_ico { position: absolute; left: 120px; top: 150px; //top: 60px; }
.buymenu h2.title { margin-left: 18px; color: #e5527f; font-size: 160%; font-weight: bold; }
.buymenu .price { margin-left: 18px; color: black; font-size: 180%; margin-top: 2px;}
.load .underline { padding-right: 30px; background: url('/images/load_under.gif') bottom repeat-x; }
.load .underline a { padding-right: 4px; background-color: white; }
.load .money { padding-left: 5px; }
.greyAll { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.21; filter:alpha(opacity=21); }
.loginBlock { position: absolute; top: 200px; left: 35%; }
.loginBlock .work { width: 285px; height: 258px; padding: 0 24px 23px 0; background: url('/images/login_bg.png') top left no-repeat; }
.loginBlock .title { margin: 15px 0 17px 0; font-size: 26px; text-align: center; }
.loginBlock .close { position: relative; right: 28px; top: 10px; float: right; margin-right: -17px; }
.loginBlock .titleInput { margin: 4px 0 0 28px; font-size: 12px; }
.loginBlock input { width: 220px; height: 14px; margin: 2px 0 0 29px; padding: 0 0 2px 5px; font-size: 12px; }
.loginBlock button { width: 86px; height: 19px; margin: 16px 0 7px 29px; font-size: 13px; }
.loginBlock button span { position: relative; top: -2px;}
.loginBlock .link { margin: 8px 0 0 29px; font-size: 12px; }
.photo { width: 100%; margin: 25px 0 20px 0; }
.photo .leftC { width: 10%; padding-top: 3px; vertical-align: top; }
.photo .set { margin-top: 4px; text-align: right; }
.photo .price { width: 100%; margin-top: 25px; white-space: nowrap; }
.photo .price .odd { background-color: #ededed; }
.photo .price td { padding: 4px 5px 7px 5px; }
.photo .price th { padding-left: 11px; text-align: left; font-weight: normal; }
.photo .rightC { width: 90%; padding-right: 30px; vertical-align: top; font-size: 12px; }
.photo .number { margin-left: 20px; }
.photo .title { margin: 5px 0 18px 20px; font-size: 20px; line-height: 20px; }
.photo .subtitle { margin: 13px 0 0 16px; font-size: 11px; }
.photo .subtitle span { padding: 1px 3px 2px 4px; background-color: #ededed; }
.photo .txt { margin: 4px 0 0 20px; line-height: 15px; }
.photo .key { margin: 5px 0 0 20px; font-size: 11px; }
.collection { margin: 0 10px 0 0; }
a.collection_link { display: block; float: left; width: 50px; height: 50px; margin: 10px 4px; text-decoration: none; }
.collectionBottom { width: 1px; height: 20px; clear: left; font-size: 0; }
.blockCollection { float: left; width: 440px; margin: 22px 20px 8px 0;}
.blockCollection a { color: #000; text-decoration: none; }
.blockCollection td { vertical-align: top; }
.blockCollectionBottom { width: 1px; height: 23px; clear: left; font-size: 0; }
.groupPlace { position: relative; margin-left: 34%; }
.groupPlace#rubric { position: relative; top: 5px; margin-top: -51px; }
.groupEditing { color: #e34676; width: 265px; height: 41px; padding: 10px 0 0 49px; background: url('/images/group_bg.gif') top left no-repeat; }
.groupEditing a { color: #e34676; }
.preambleTitle { margin-right: 20px; font-size: 22px; line-height: 18px; }
.preambleText { margin-right: 20px; margin-top: 8px; font-size: 12px; line-height: 17px; }
/* my style rules */
/* main page */
.blockPicture { width: 140px; height: 170px; }
.theme { float: left; width: 455px; height: 277px; margin-right: 5px; }
.lastTitle { width: 200px; }
.lastTitle a, .lastText a { color: #333; text-decoration: none; }
.picture { height: 140px; }
#preview { position: absolute; box-sizing: border-box; -moz-box-sizing: border-box; }
/* main page for infographics */
#recent_igraphics a { margin-right: 10px; }
/* Preview */
#img_preview_info { padding: 0; margin: 0; z-index: 90; box-sizing: border-box; -moz-box-sizing: border-box; }
#img_preview_info .top,
#img_preview_info .bottom { position: absolute; width: 287px; height: 15px; }
#img_preview_info .top { top: -15px; }
#img_preview_info .bottom { bottom: -15px; }
/* previewSides */
#img_preview_info .solid_top { background: url('/images/preview/solid_top.png') no-repeat; }
#img_preview_info .solid_bot { background: url('/images/preview/solid_bot.png') no-repeat; }
#img_preview_info .nw { background: url('/images/preview/nw.png') no-repeat; }
#img_preview_info .ne { background: url('/images/preview/ne.png') no-repeat; }
#img_preview_info .se { background: url('/images/preview/se.png') no-repeat; }
#img_preview_info .sw { background: url('/images/preview/sw.png') no-repeat; }
/* previewContent */
#img_preview_info .center { position: relative; z-index: 93; width: 287px; background: url('/images/preview/preview_bg.png') repeat-y; box-sizing: border-box; -moz-box-sizing: border-box; }
#img_preview_info .previewContent { padding: 10px 20px 10px; }
#img_preview_info span.categoriesTitle { position: relative; left: -4px; padding: 3px 4px; color: #000; background: #fff; }
#img_preview_info div.categoriesText { margin: 6px 0; color: #00aeef; font-size: 11px; line-height: 15px; }
#img_preview_info .previewContent h2 { font-size: 17px; line-height: 19px; }
#img_preview_info .previewContent p { margin: 11px 0 2px 0; font-size: 11px; box-sizing: border-box; -moz-box-sizing: border-box; }
#img_preview_info .previewContent h2 + p { margin: 11px 0; }
#img_preview_info div.autor { color: #00aeef; }
.pictureSquare div { width: 15px; height: 15px; background: url('/images/square_w.gif'); }
.pictureSquare div.selected { background: url('/images/square_b.gif'); }
input.btn, input.small_btn { height: 22px; margin-left: 10px; font-size: 13px; vertical-align: middle; color: #333; }
input.btn { width: 80px; padding-bottom: 3px; }
input.small_btn { width: 30px; }
/* advanced search */
.advancedSearch select.geo { width: 151px; margin-bottom: 2px; }
.advancedSearch input.che,
.advancedSearch input.source { width: 15px; height: 15px; margin: 0; }
.advancedSearch label,
.categories label { padding-left: 8px; }
.advancedSearch a { font-size: 12px; }
.advancedSearch label.vertical,
.advancedSearch label.lbl_left,
.advancedSearch div.line label { padding: 0; }
.advancedSearch .vertical { display: block; width: 151px; margin: 6px 0 3px 0; white-space: nowrap; }
/* DatePicker field */
.s_calendar_field_block { padding-bottom: 20px;}
#s_calendar_field_title { white-space: nowrap; }
.advancedSearch #calendar_date_from,
.advancedSearch #calendar_date_till,
.advancedSearch label.lbl_left { float: left; margin-top: 3px; }
/* Advanced search */
#search_wrapper { //width: 100%; }
.search_wrapper .right { margin-right: 40px; }
#div_categories { float: left; width: 50%; max-width: 495px; }
#div_selectors { float: left; width: 47%; min-width: 330px; }
#div_geography, #div_source,
#div_date, #editor_photographer,
#geography_source { float: left; clear: none; }
#div_geography { width: 180px; height: 170px; }
#div_source { width: 180px; height: 170px; }
#div_date { width: 150px; }
#editor_photographer { width: 180px; }
#geography_source { width: 360px; }
.categories { display: block; margin: 10px 0 30px; }
.categories li { display: block; float: left; width: 245px; height: 2em; white-space: nowrap; }
.categories li.strut { position: relative; float: none; clear: both; height: 0; font-size: 0/0; }
#s_utils_field { width: 152px; margin-top: 18px; border-top: 1px dashed #cfcfcf; }
.advancedSearch label.lbl_left { display: block; width: 6ex; padding-top: 3px; text-align: right; z-index: 100; }
#bottom_buttons { margin-top: 20px; }
.advancedSearch .rubricName { font-size: 20px; line-height: 22px; color: #00aeef; margin-top: 8px; margin-bottom: 6px; }
.advancedSearch .padded { margin-top: 1.2em; }
.checkBoxRow { width: 200px; line-height: 1; margin-top: 8px; }
.checkBoxRow label { vertical-align: bottom; }
.checkBoxRow .left { margin-right: 4px; }
/* Cart */
.cartTitle { margin-bottom: 0; color: #00aeef; font-size: 20px; }
.buyCart { width: 100%; height: 30px; background: url('/images/cart.gif') repeat-x top; }
.buyCart ul { margin: 0 29px; }
.buyCart li { display: inline; float: left; height: 29px; margin: 0 12px; list-style: none; background: url('/images/cart_tab_bg.gif') repeat-x right; box-sizing: border-box; -moz-box-sizing: border-box; }
.buyCart li span { display: block; float: left; height: 29px; color: #e34676; background: url('/images/cart_tab_left.gif') no-repeat; }
.buyCart li span a { display: block; padding: 4px 27px 8px; color: #e34676; }
.clearCart { color: #e34676 }
/* no images found */
#nofound { width: 500px; height: 50px; margin-top: 10px; background: url('/images/notice_sh_bg.png') no-repeat right; }
#nofound #notice_sh_left { float: left; margin-right: 20px; }
#nofound #text_notice { position: relative; top: 20px; }
/* List */
.no_theme_preview { display: block; position: relative; width: 230px; height: 162px; background: #eee; text-align: center; list-style: none; }
.no_theme_thumbnail { display: block; float: left; width: 50px; height: 50px; background: #eee; }
.add_to_main { position: absolute; top: 204px; }
.add_to_main a { text-decoration: none; border-bottom: 1px dashed; margin-right: 2px; text-transform: lowercase; }
.lists_paginator { width: 400px; margin: 10px auto; text-align: center; font-size: 22px; }
/* Rubric */
#rubric_container { position: relative; width: 926px; height: 114px; margin: 0 0 30px 0; padding: 0; background: #e0e1e2; }
#rubric_right { position: absolute; right: 0; width: 9px; height: 114px; background: url('/images/rubric_right.png') no-repeat; }
#rubric_left { position: absolute; left: 0; width: 9px; height: 114px; background: url('/images/rubric_left.png') no-repeat; }
#rubric_container ul { width: 900px; _width: 908px; margin: auto; padding-top: 30px; }
#rubric_container ul li { display: block; float: left; height: 50px; margin: 0 3px; border: 2px solid #fff; }
#rubric_container ul li a { display: block; }
/* List item */
.list_item { width: 550px; }
.handler { width: 230px; cborder: 1px solid #eee; cursor: move; }
.inplaceeditor-form { margin: 35px 0 0; }
.inplaceeditor-form .editor_field { width: 500px; }
.inplaceeditor-form .editor_ok_button { margin: 0 6px; }
/* Registration */
.registration { font-size: 12px; }
.registration fieldset { margin: 14px 0; border: none; }
.registration label { margin: 0 4px; }
.registration .req { color: #e34676; }
.registration .hint { font-size: 80%; color: #adadad; }
.registration a.tips { color: #00aef0; text-decoration: none; }
#field_message { position: absolute; width: 286px; height: 63px; background: url('/images/field_message.png'); }
#field_message div { margin: 20px 15px 0; }
.registration .column { float: left; margin-right: 20px; }
.registration .column label { display: block; width: 100%; margin: 8px 0 2px; font-size: 11px; }
.registration .column .text_field,
.registration .column .text_area,
.registration .column .text_area_lrg { width: 278px; padding: 2px 2px 0; color: black; border: none; border-left: 1px solid #d0d0d0; border-right: 1px solid #d3d3d3; font-size: 11px; }
.registration .column .text_field { height: 17px; background: url('/images/text_field.gif') 0 0 repeat-x; }
.registration .column .text_area { height: 60px; background: url('/images/text_area.gif') 0 0 repeat-x; }
.registration .column .text_area_lrg { height: 100px; background: url('/images/text_area_lrg.gif') 0 0 repeat-x #fff; border-bottom: 1px solid #ebebeb; }
.registration .column .large_height { height: 113px; }
.registration .red_zone { padding: 18px 20px; color: black; background: #fff4f4; }
.registration #customer_license_text,
.registration #photographer_license_text { height: 206px; margin-bottom: 15px; padding-right: 15px; text-align: justify; color: black; line-height: 130%; overflow: scroll; overflow-x: hidden; }
.registration .blue_zone { height: 176px; color: #fff; margin: 6px 0; background: #00aef0; }
.blue_zone .column { margin: 12px 0 0 305px; }
.blue_zone a#check_login_link { margin-left: 16px; color: #fff; }
#submit_registration { width: 100px; margin: 6px 0; }
.red_zone .fieldWithErrors { display: inline; }
.registration div.fieldWithErrors input,
.registration div.fieldWithErrors textarea { background: #ffe4e1; border: silver 1px solid; }
/* TopPreview */
.top_previews { width: 100%; height: 351px; margin-top: 20px; //margin-top: 7px; background-attachment: fixed; background-repeat: no-repeat; }
.top_previews div.inner { width: 624px; margin-left: 302px; text-align: right; }
.top_previews div.inner .left,
.top_previews div.inner .right { display: block; position: relative; z-index: 2; }
.top_previews div.inner .copyright { color: #00aef0; position: absolute; bottom: 13px; right: 20px; }
/* Spinner */
.spinnerWrap { position: absolute; width: 100%; //width: 110%; height: 100%; margin: -10px 0 0 -10px; //margin: -10px; background-color: #6593cf; text-align: center; opacity: 0.5; //filter:alpha(opacity=50); //z-index: 1000; }
.spinnerText { border: 1px dashed #555555; background-color: #6593cf; }
#search_spinner { width: 287px; height: 15px; color: #000; background: url('/images/spinner2.gif'); text-align: center; }
/* Static text */
.question { margin-top: 16px; margin-right: 30px; color: #00aeef; font-size: 25px; line-height: 25px; }
.answer { margin-top: 6px; margin-right: 30px; font-size: 12px; line-height: 17px; }
.level-2 { margin-left: 45px; }
h2.text { margin-top: 16px; color: #00aeef; font-size: 140%; }
html body ul.index { margin: 15px 45px; font-size: 14px; }
html body ul.index li ul { margin-left: 25px; margin-top: 0; //margin-top: -20px; }
#layout ul.index li { margin-top: 4px; }
#layout ul.index li a { color: #000; border-bottom: 1px #333 dashed; text-decoration: none; font-weight: bold; }
ul.text { margin-bottom: 15px; list-style-type: disc; }
div.underline { border-bottom: 1px black solid; width: 100%; }
/* ugly hack for ie ul > li style -- */
html body ul.text li { display: list-item; margin: 4px 45px; list-style-type: decimal; color: #333; }
/* -- end */
ol.text { list-style: decimal; margin-bottom: 15px; }
option.disabled { color: #999; }
/* Main page banners */
ul#banners { width: 922px; margin: 0; padding: 0; list-style-type: none; }
#banners li { float: left; width: 451px; }
#banners li.strut { width: 20px; height : 160px; }
#banners li h3 { margin: 12px 0 14px 0; padding: 0; color: #00aff1; font-weight: normal; text-decoration: none; font-size: 25px; line-height: 25px; }
#banners li p { margin: 0; font-size: 12px; line-height: 13px; }
div#arrowNPage { float: left; width: 160px; padding-top: 20px; }
div#arrowNPage a { width: 140px; height: 140px; }
div#arrowNPage a img { margin: 50px 0 0 60px; }
div#arrowNPage.invisible { height: 0; }
div#arrowNPage.invisible a { display: none; }
div#arrowNPage.visible { height: 160px; }
div#arrowNPage.visible a { display: block; }
/* Tooltip */
#tooltip { position: absolute; width: 287px; padding: 0; margin: 0; z-index: 90; box-sizing: border-box; -moz-box-sizing: border-box; }
#tooltip .top,
#tooltip .bottom { position: absolute; width: 287px; height: 15px; }
#tooltip .top { top: -15px; }
#tooltip .bottom { bottom: -15px; }
/* Tooltip sides */
#tooltip .solid_bot { background: url('/images/preview/solid_bot.png') no-repeat; }
#tooltip .nw { background: url('/images/preview/nw.png') no-repeat; }
/* Tooltip content */
#tooltip .center { position: relative; z-index: 93; width: 287px; background: url('/images/preview/preview_bg.png') repeat-y; box-sizing: border-box; -moz-box-sizing: border-box; }
#tooltip .tooltipContent { margin-right: 7px; padding: 10px 20px 10px; background-color: #fff5c0; }
#tooltip .tooltipContent h2 { font-size: 17px; line-height: 19px; }
#tooltip .tooltipContent p { margin: 11px 0; font-size: 11px; box-sizing: border-box; -moz-box-sizing: border-box; }
/* Reports */
table.report {
border-style: none;
border-collapse: collapse;
background-color: white;
width: 100%;
}
table.report td {
border: 1px gray solid;
padding: 4px;
}
table.report td table td {
border: none;
}
table.report thead {
background-color: #e1e2e4;
}
table.report tfoot {
background-color: #e1e2e4;
}
table.report tr.total {
background-color: #e1e2e4;
}
div.report h2 {
color: #e5527f;
font-size: 160%;
font-weight: bold;
margin-top: 50px;
}
div.report h3 {
color: #e5527f;
font-size: 140%;
font-weight: bold;
margin-top: 10px;
margin-bottom: 5px;
}
ul#last_uploaded_index,
ul#last_uploaded { margin-top: 30px; }
#last_uploaded li { float: left; width: 462px; height: 170px; margin-bottom: 30px; }
#last_uploaded li img { float: left; margin-right: 20px; }
#last_uploaded li h3,
#last_uploaded li p { float: left; width: 190px; margin: 0; }
#last_uploaded li h3 { margin-bottom: 7px; font-size: 16px; }
#last_uploaded_index { clear: both; margin-left: -20px; margin-bottom: 20px; width: 110%; height: 200px; }
* html #last_uploaded_index { margin-left: -40px; }
#last_uploaded_index li { float: left; width: 215px; height: 170px; margin-left: 20px; }
#last_uploaded_index li h3 { font-size: 16px; margin-bottom: 10px; }
#last_uploaded_index li h3 a { text-decoration: none; text-transform: lowercase; }
#layout a.block { color: #000 ! important; text-decoration: none; }
/* Subscriptions */
#subscriptions .texts {
float: left;
width: 66%;
padding-right: 10px;
}
#subscriptions .form {
float: right;
width: 30%;
padding-left: 10px;
}
#announces {
float: right;
width: 28%;
padding-left: 10px;
}
table.announce_calendar {
font-size: 10pt;
width: 200px;
}
table.announce_calendar td {
padding: 0.2em;
text-align: center;
color: #888888;
}
table.announce_calendar tr.header td {
color: #000;
}
table.announce_calendar td .title {
font-size: 20px;
}
table.announce_calendar td.small {
font-size: 8pt;
color: #000;
}
table.announce_calendar td.today {
padding: 0.2em;
font-weight: bold;
background: #ffff99;
color: #000;
}
table.announce_calendar td.selected {
border: 1px #ddd solid;
}
table.announce_calendar a {
text-decoration: none;
}
table.announce_calendar a:hover {
text-decoration: underline;
}
table.announce td {
padding: 0.2em;
}
table.announce td.date {
font-size: 20px;
color: #00AEEF;
}
table.announce td.time {
width: 60px;
text-align: right;
}
#subscriptions .rubricTitle { width: 100%; }
#subscriptions .lastTitle { width: 100%; }
#subscriptions .lastText { margin-top: 10px; }
#subscriptions input.che { height: 15px; margin-right: 10px; float: left; }
/* Help */
.text_button { font-size: 120%; font-weight: bold; }
/* Advanced search errors */
#.error input { background-color: pink; border: 1px solid #6699CC; padding: 1px; }
.error p, .error label { color: #FF0000 }
/* Navigator */
.new_search2 .search_bg_navigator { left: -50px; }
.navigator_search { float: left; padding-right: 40px; height: 101px; margin-bottom: 2em; }
.navigator_column { float: left; height: 91px; padding: 0px 40px 0px 0px; line-height: 24px;}
ul.navigator_column { padding-top: 0px }
ul.navigator_column li { font-size: 16px; margin-bottom: 0px; }
.navigator_column .blue { font-size: 16px; color: #00AEEF; }
.navigator_column img.arrow { left: 15px; top: 1px; position: relative; }
.navigator_column strong.blue a { text-decoration: none; }
.navigator_column .blue a { text-decoration: underline; color: #00AEEF; }
.navigator_column .black a { text-decoration: underline; color: #000000; }
a.dropdown img { background: url(/images/dropdown_small.gif); float: left; height: 18px; }
a.dropdown:hover img { background: url(/images/dropdown_hl_small.gif); }
.found_items { z-index: 1; }
.found_items ul { margin:0; height: 200px; overflow: auto; background-color: white; border: 1px solid gray; padding: 1px; list-style-type: none; }
.found_items ul li { border: 1px solid white; cursor: pointer; margin:0; padding: 3px; }
.found_items ul li.selected { background-color: #f0f0f0; border: 1px solid #a7bfd7; }
.found_items hr {}
.vancouver_block {
width: 350px;
padding: 0;
vertical-align: top;
padding-bottom: 10px;
float: left;
}
.vancouver_block span.lastTitle {
width: 100%;
height: 50px;
}
.vancouver_block .count {
font-weight: bold;
font-size: 11pt;
text-align: center;
width: 230px;
}