@CHARSET "UTF-8";

html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, blockquote, pre, a, abbr, acronym, address, code, del, dfn, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:11px;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

html {font-size:11px;line-height:14px;}
body {font-size:11px;line-height:14px;color:#505050;background:#DBDBDB;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
input, select {font-size:11px;}

h1 {font-size: 18px; font-weight: normal; text-decoration: none; color: #05784E; margin: 0 0 5px 10px;}
h2 {font-size: 16px; font-weight: bold; text-decoration: none; color: #05784E; margin: 0px;}
h3 {font-size: 14px; font-weight: bold; text-decoration: none; color: #505050; margin: 0px;}
h4 {font-size: 11px; font-weight: bold; text-decoration: none; color: #505050; margin: 0px;}
.inherit {font-size: inherit; font-weight: inherit; margin: inherit; color: inherit;}
.invisible {position: absolute; top: -100px; color: rgba(0, 0, 0, 0);}

.red {color: #A62024;}

a {color: #595959;}

a.green {color: #05784E; text-decoration: none;}
a.green:hover {text-decoration: underline;}
a.orange {color: #CC6633; text-decoration: none;}
a.orange:hover {text-decoration: underline;}
a.blue {color: #00608E; text-decoration: none;}
a.blue:hover {text-decoration: underline;}
a.red {color: #A62024; text-decoration: none;}
a.red:hover {text-decoration: underline;}

a.close {background: url('../img/close.png') 0px 0px no-repeat; display: inline-block; width: 10px; height: 10px; float: right;}
a.more {cursor: pointer; text-decoration: underline;}

div.orange {color: #CC6633;}

.clear {clear: both;}
.bold {font-weight: bold !important;}
.t-center {text-align: center;}

#container {width: 963px; background: #fff; margin: 8px auto; padding: 7px 15px 15px 15px; position: relative;}

.green-line {width: 100%; height: 4px; background: #05784E;}
.green-bg {background-color: #05784E !important;}
.red-line {width: 100%; height: 4px; background: #A62024;}
.red-bg {background-color: #A62024 !important;}
.orange-line {width: 100%; height: 4px; background: #CC6633;}
.orange-bg {background-color: #CC6633 !important;}
.blue-line {width: 100%; height: 4px; background: #00608E;}
.blue-bg {background-color: #00608E !important;}

.button-go {width: 14px; height: 14px; background: url('../img/button-go.gif') 0 0 no-repeat; border: 0px; line-height: 11px;}

.height10 {display: block; height: 10px;}
.height20 {display: block; height: 20px;}
.height30 {display: block; height: 30px;}

.title {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}

.ul_margin_std {margin: 5px 0 15px 40px;}
.ul_margin_std ul {margin: 5px 0 15px 40px;}

.block_clean {margin-top: 10px;}
.block_clean.first {margin-top: 0;}

.welcome_message_main {margin: 0 0 25px 0; border: 2px solid #A62024; padding: 0 10px;}

#system-menu ul {list-style-type: none; margin-bottom: 10px; display: inline-block;}
#system-menu ul li {display: inline;}
#system-menu ul li.divider {padding: 0 5px;}
#system-menu ul li a {text-decoration: none;}
#system-menu ul li span.username {font-weight: bold; color: #000;}

#header-top-social {display: inline-block; margin-left: 10px; position: relative; top: 4px;}
#header-top-social > a {display: inline-block; margin-right: 1px;}

#user-login-form {background: #fff; border: 1px solid #D8D8D8; padding: 1px; width: 230px; position: absolute; left: 80px; top: 26px; box-shadow: 1px 2px 8px 1px #bbb;}
#user-login-form .title {background: url('../img/login-title-bg.gif') repeat-x; height: 29px; line-height: 23px; color: #000; padding: 0 10px;}
#user-login-form div.login-form {padding: 5px 10px;}
#user-login-form div.login-form div {clear: both;}
#user-login-form .login-form label {float: left; width: 50px; line-height: 24px;}
#user-login-form .login-form input[type=text], #user-login-form .login-form input[type=password] {width: 136px;}
#user-login-form .login-form .rememberMe {}
#user-login-form .login-form .rememberMe input {position: relative; top: 2px; border: 0px;}
#user-login-form .login-form .forgot {float: right; position: relative; top: -14px;}
#user-login-form .login-form .forgot a {color: #A62024; text-decoration: none;}
#user-login-form a.close {margin-top: 6px; cursor: pointer; opacity: 0.5;}
#user-login-form a.close:hover {opacity: 1;}

#toup { display: inline-block; position: absolute; bottom: 15px; right: -50px; cursor: pointer; opacity: 1; z-index: 1000; width: 29px; height: 29px; background: url('../img/arrows_up.png') 0 0 no-repeat #e1e1e1; border: 1px solid #bebebe; box-shadow: 1px 2px 8px 1px #bbb; line-height: 26px; text-align: center; font-size: 14px; display: none;}
#toup:hover {background-color: #f1f1f1; }

#top-sites {list-style-type: none; width: 100%; height: 106px; margin: 14px 0;}
#top-sites li {display: inline; float: left; margin-right: 9px;}
#top-sites #school-home {margin-right: 0px;}
#top-sites #inform-home {margin-right: 0px;}
#top-sites #media-home {margin-right: 0px;}
#top-sites #conference-home {margin-right: 0px;}
#top-sites #school-home a {display: block; width: 243px; height: 106px; background: url('../img/school-home.gif');}
#top-sites #inform-home a {display: block; width: 243px; height: 106px; background: url('../img/inform-home.gif');}
#top-sites #media-home a {display: block; width: 243px; height: 106px; background: url('../img/media-home.gif');}
#top-sites #conference-home a {display: block; width: 243px; height: 106px; background: url('../img/conf-home.gif');}
#top-sites #inform a {display: block; width: 234px; height: 106px; background: url('../img/inform-off.gif');}
#top-sites #inform a:hover {background: url('../img/inform-on.gif');}
#top-sites #media a {display: block; width: 234px; height: 106px; background: url('../img/media-off.gif');}
#top-sites #media a:hover {background: url('../img/media-on.gif');}
#top-sites #school a {display: block; width: 234px; height: 106px; background: url('../img/school-off.gif');}
#top-sites #school a:hover {background: url('../img/school-on.gif');}
#top-sites #conference a {display: block; width: 234px; height: 106px; background: url('../img/conf-off.gif');}
#top-sites #conference a:hover {background: url('../img/conf-on.gif');}

#middle {margin-top: 14px; width: 100%;}

#left {float: left; width: 234px;}

/*#left #leftmenu {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#left #leftmenu ul {list-style-type: none; margin: 0 0 9px 0;} 
#left #leftmenu ul li {background: #D2D2D2; padding: 3px 0 1px 9px; margin-bottom: 1px; line-height: 18px;} 
#left #leftmenu ul li a {color: #000; text-decoration: none;} 
#left #leftmenu ul li a.active {font-weight: bold;} 
#left #leftmenu ul li a:hover {font-weight: bold;}

#left #announce {background: #EAEAEA; }
#left #announce .title {background: #C0C0C0; padding: 3px 0 1px 9px; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; font-weight: bold; line-height: 16px; border-bottom: 1px solid #959595;}
#left #announce ul {list-style-type: none; margin: 10px 0 2px 9px;} 
#left #announce ul li {padding-bottom: 12px;}

*/
#left #project {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;}
#left #project .title {background: url('../img/topmenu-corner-a.gif') 9px 6px no-repeat; padding: 3px 0 1px 22px; color: #fff; font-weight: bold; border-bottom: 1px solid #959595;}
#left #project ul {list-style-type: none; margin: 1px 0;} 
#left #project ul li {background: #EAEAEA; padding: 3px 0 1px 9px; border-bottom: 1px solid #959595; margin-bottom: 1px;} 
#left #project ul li a {color: #808080; font-weight: bold; text-decoration: none;} 
#left #project ul li a.active {color: #000; font-weight: bold; } 
#left #project ul li a:hover {color: #000;}
#left #project a.close {margin: 2px 10px 2px 0;}

#left .block {margin-top: 20px;}
#left .block .pretitle,#left .block .title {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; font-weight: bold;}
#left .block .pretitle {height: 19px; background: #C0C0C0 url('../img/pretitle-corner.gif') right center no-repeat; padding: 0 9px; line-height: 19px;}
#left .block .title {padding: 3px 0 1px 9px; line-height: 16px;}
#left .block ul {list-style-type: none; margin: 0; background: #EAEAEA; padding: 0 0 8px 0;}
#left .block ul li {padding: 6px 8px 5px 9px;} 
#left .block ul li a {text-decoration: none;}
#left .block ul li a:hover {text-decoration: underline;}
#left .block ul li #date {color: #505050; float: left; margin-right: 5px;} 

#left #block-inform-news .pretitle {width: 105px;}
#left #block-inform-news .title {background: #A62024;}

#left #block-inform .pretitle {width: 105px;}
#left #block-inform .title {background: #A62024;}

#left #block-school-news .pretitle {width: 105px;}
#left #block-school-news .title {background: #05784E;}

#left #block-media .pretitle {width: 105px;}
#left #block-media .title {background: #c63;}

#left #block-conference .pretitle {width: 135px;}
#left #block-conference .title {background: #00608E;}

#left #notes {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin-top: 20px;}
#left #notes .title {background: #D2D2D2; padding: 3px 0 1px 9px; color: #000; font-weight: bold; border-bottom: 1px solid #959595;}
#left #notes ul {list-style-type: none; margin: 1px 0;} 
#left #notes ul li {background: #EAEAEA; padding: 3px 0 1px 9px; border-bottom: 1px solid #959595; margin-bottom: 1px;} 
#left #notes ul li a {color: #000; text-decoration: none;} 
#left #notes ul li.active a {color: #A62024;} 
#left #notes ul li a:hover {color: #A62024;}

#center {margin-left: 243px; }

#center #topmenu {height: 21px; margin-bottom: 2px;padding: 0 16px 0 34px;}
#center #topmenu ul {text-align: justify;line-height: 0;font-size: 1px;text-justify: newspaper;zoom:1;}
#center #topmenu ul:after {width: 100%;height: 0;visibility: hidden;overflow: hidden;content: '';display: inline-block;}
#center #topmenu ul li {display: inline-block; text-align: left; line-height: 23px;}
#center #topmenu ul li a {display: inline-block; font-family: Arial, Helvetica, sans-serif; color: Silver; font-size: 12px; font-weight: bold; text-decoration: none; background: url('../img/topmenu-corner.gif') 0 7px no-repeat; padding-left: 12px;}
#center #topmenu ul li a:hover {color: #fff; background: url('../img/topmenu-corner-a.gif') 0 7px no-repeat;}
#center #topmenu ul li.active a {color: #fff; background: url('../img/topmenu-corner-a.gif') 0 7px no-repeat;}

#center #breadcrumbs {background: #E8E8E8 url('../img/breadcrumbs-corner.gif') left center no-repeat; height: 20px; padding-left: 33px; font-size: 10px; color: #000; line-height: 18px;}
/* #center #breadcrumbs span {font-weight: bold;} */
#center #breadcrumbs a {color: #000;}

#center #content {padding: 10px 0;}

#center #content #content-main {float: left; width: 468px; padding: 0 9px;}
#center #content #content-main .inform-title {display: block; width: 100%; border-bottom: 1px #999 solid; padding: 2px 0; margin: 0 0 3px 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;}
#center #content #content-main .inform-title a {color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none;}

#center #content #content-main #inform-analytics {list-style-type: none;}
#center #content #content-main #inform-analytics li {clear: both; min-height: 60px; margin-bottom: 15px;}
#center #content #content-main #inform-analytics #photo {float: left; width: 60px; heigth: 60px;}
#center #content #content-main #inform-analytics #title {margin-left: 70px; color: #505050; font-weight: bold;}
#center #content #content-main #inform-analytics #annotation {margin-left: 70px; padding-top: 7px; font-size: 10px;}

#center #content #content-main #inform-practice {list-style-type: none;}
#center #content #content-main #inform-practice #title {color: #505050; font-weight: bold;}
#center #content #content-main #inform-practice #annotation {padding-top: 7px; font-size: 10px;}

#center #content #content-right {margin-left: 486px; padding: 7px 0 0 9px; border-left: 1px #999 dashed; position: relative; top: -7px;}
#center #content #content-right p {margin: 3px 0 0 0;}
#center #content #content-right ul {list-style-type: none; margin: 3px 0;}
#center #content #content-right ul li {margin: 0 0 10px 0;}
#center #content #content-right ul li a {font-size: 10px; text-decoration: none; line-height: 12px;}
#center #content #content-right ul li a:hover {text-decoration: underline;}

div.photo-container p {margin: 3px 0 0 0;}

/* Tabs */
.yiiTab div.view {display: inline-block; width: 450px; /*width: 702px;*/}

/* Profile */
ul.subscriptions {list-style-type: none; margin: 0 0 20px 0;}
ul.subscriptions a {display: inline-block;}

/* Subscription */
#SubscribeForm_topics input {margin-left: 110px;}
#SubscribeForm_topics label {float: none; text-align:left; display: inline-block; width: unset;}

/* Media Subscription */
#SubscribeMedia-form ul {list-style-type: none; margin-left: 30px;} 
#SubscribeMedia-form ul li {margin-bottom: 10px; clear: left;}
#SubscribeMedia-form ul li .errorMessage {display: inline; padding: 0px;}
#SubscribeMedia-form ul li span.radio {float: left; margin-right: 5px;}
#SubscribeMediaForm_project {margin-left: 22px; display: inline-block;}
#SubscribeMediaForm_project input {position: relative; top: 3px; margin-right: 5px;}
#SubscribeMediaForm_project label {float: none; text-align:left; display: inline-block;}

#SubscribeMedia-form table td {vertical-align: top;}
#SubscribeMedia-form div.row {margin: 0;}
#SubscribeMedia-form div.row label {text-align: left; width: 65px; top: 3px;}
#SubscribeMedia-form div.row input {width: 140px;}
#SubscribeMedia-form div.row div.errorMessage {width: 145px; padding-left: 74px;margin-bottom: 10px;}

#media_list {margin: 10px 0;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
#media_list div, #media_list td, #media_list label {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
#media_list td {padding-top: 10px;}
#media_list label {width: inherit;}
#media_list .title {color:#505050; background: #C0C0C0; border-top: 1px solid #959595; padding: 3px 0 5px 10px; /*margin: 20px 0 10px 0;*/ font-weight: normal; cursor: pointer;}
#media_list table.media_price {border-collapse: collapse; margin-top: -5px;}
#media_list table.media_price td {border: 1px solid #959595;padding: 3px 15px;text-align: center;}
#media_list ul.media_numbers {list-style-type: none;}
#media_list ul.media_numbers li {display: inline-block; width: 20px;}
#media_list ul.media_numbers label {float: none; margin-right: 0; position: relative; text-align: left; left: 3px; width: inherit;font-weight: normal;}
#media_list ul.wide li {width: 150px;}
#media_list ul.wide input {float: left; }
#media_list ul.wide label {width: 110px;left: 13px;}

#book_list {margin: 10px 0;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
#book_list div, #book_list td, #book_list label {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
#book_list td {padding-top: 10px;}
#book_list label {width: inherit;}
#book_list .title {color:#fff; background: #CC6633; border-top: 1px solid #959595; padding: 3px 0 5px 10px; margin: 20px 0 10px 0; font-weight: normal;}

#project_list div, #project_list td, #project_list label {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
#project_list input {margin-left: 30px;}
#project_list label {text-align: left; margin-left: 10px; width: 225px;}
#project_list span.project_price {position: relative; top: -3px; text-align: right; width: 45px; display: inline-block;}

.orange_title {color:#fff; background: #CC6633; border-top: 1px solid #959595; padding: 3px 0 5px 10px; margin: 20px 0 10px 0; font-weight: normal;}

#captcha {height: 10px;}
#captcha img {position: relative; top: -40px; left: 260px;}
#captcha a {position: relative; top: -57px; left: 250px;}

/* Flashes */
div.flash-success {padding: 10px 0 20px 20px; color: #393; font-weight: bold;} 
div.flash-warning {padding: 10px 0 20px 20px; color: #f60; font-weight: bold;} 

/* Pager */
ul.pager {display: inline-block;margin: 20px 0 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);box-shadow: 0 1px 2px rgba(0,0,0,0.05); position: relative; top: -10px;}
ul.pager li {display: inline;}
ul.pager li a {float: left; padding: 0 12px;line-height: 30px;text-decoration: none;color:#A62024; border: 1px solid #ddd;border-left-width: 0;}
ul.pager li.selected a {color: #999;cursor: default;}
ul.pager li.hidden a {color: #999;cursor: default;background-color: transparent;}
ul.pager a:hover, ul.pager li.selected a {background-color: #f5f5f5;}
ul.pager .first, ul.pager .last {display:none;}
ul.pager li:first-child a {border-left-width: 1px;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}


/* Icons */
i {margin: 0 5px;}
i.first {margin-left: 3px;}
i.last {margin-right: 0px;}
i.electro {display: block; width: 36px; height: 36px; background: url('../img/electro-grey.gif') 0 0 no-repeat; float: left;}
i.nedra {display: block; width: 36px; height: 36px; background: url('../img/nedra-grey.gif') 0 0 no-repeat; float: left;}
i.oilgas {display: block; width: 36px; height: 36px; background: url('../img/oilgas-grey.gif') 0 0 no-repeat; float: left;}
i.electro-green {display: block; width: 42px; height: 42px; background: url('../img/electro-green.gif') 0 0 no-repeat; float: left;}
i.nedra-green {display: block; width: 42px; height: 42px; background: url('../img/nedra-green.gif') 0 0 no-repeat; float: left;}
i.oilgas-green {display: block; width: 42px; height: 42px; background: url('../img/oilgas-green.gif') 0 0 no-repeat; float: left;}
i.plus {display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background: url('/assets/dc648c3a/img/glyphicons-halflings.png') -408px -96px no-repeat;}
i.minus {display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background: url('/assets/dc648c3a/img/glyphicons-halflings.png') -433px -96px no-repeat;}

/* File extensions icons */
[class^="file_ext_"] {}

/* Slimbox Gallery */
a[rel^="lightbox"] {margin: 15px; display: inline-block;}

#footer {position: relative; clear: both; background: #ddd; margin-top: 50px; padding: 17px 44px 22px 44px; font-size: 10px; text-align: center;}
#footer #copyright {padding-right: 189px;}
#footer #social {float: right; position: absolute; top: 32%; right: 30px;}

#news_subscription_form #email {color: #999;}

/* Search */
#search {position: relative;top: -31px; width: 400px; float: right; height: 1px;}
td.gsc-input, td.gsc-search-button {padding-top: 0px !important; padding-bottom: 0px !important;}
.cse .gsc-control-cse, .gsc-control-cse {padding: 0 !important;}
form.gsc-search-box {margin-bottom: 0 !important;}
table.gsc-search-box {margin-bottom: 0 !important;}

/* gReCaptcha */
.grecaptcha-badge {
    visibility: hidden;
}

.f-12 {font-size: 12px;}
.f-13 {font-size: 13px;}
.f-14 {font-size: 14px;}
.nowrap {white-space: nowrap;}

#cookie-confirm {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 20em;
    z-index: 1000;
    background-color: #fafafa;
    padding: 1.5em;
    border: 1px solid #f0f0f0;
    border-radius: 15px;
}

#cookie-confirm > #cookie-accept {
    display: flex;
    margin: 0 auto;
}