/*---------------------------------------------
  Company styles
---------------------------------------------*/

/* Exec team image styling */
.center img {margin-bottom:5px;}

/* Campus Crew Regisration Form */
#esignup label {display:block; width:100%; font-weight:bold;}
#esignup div.inline label {display:inline; width:auto; font-weight:normal;}

/* List */
#contact-list 	 {margin:0;}
#contact-list li {list-style-type:none;}
#contact-list a  {color:#222;}

.about-right {margin:0px;}
.about-right li{list-style-type:none;}

/* @group history */
#history {width:100%;}

.year {background:#4d4d4d; color:#fff; cursor:pointer; margin-bottom:1px; padding:5px 10px; position:relative;}
.year:hover, .onYear {background:#900 url("https://oknaplan.ru/images/bg_faq_c.gif") right no-repeat;}

.dates {background:#f2f8ff;	margin-bottom:1px; padding:5px 10px;}
/* @end */


/* @group events */
div#event-list {margin:2em 0 0;}
div.event {height:90px;}
div.event .span-2 img {border:1px solid #f2f2f2; padding:1px;}
div.event .description {border-left:1px solid #bdccd4; padding-left:15px; margin-left:15px;}
div.event .description a {display:block;}
div.event .description .detail {display:block; color:#999; font-size:11px; line-height:1.2;}
/* @end */


/* press */
#presshome li {line-height:1.8em;}
#presshome h3 {margin-bottom:.3em;padding-right:4em;}

#reviewersguide {background:url('https://oknaplan.ru/images/img-revi.png') 100% 0 no-repeat;}
#contactinfo {background:url('https://oknaplan.ru/images/img-cont.png') 100% 10px no-repeat;}
#blogswelike {background:url('https://oknaplan.ru/images/img-blog.png') 100% 10px no-repeat;}

.press-label,
.press-label-first {width:161px; height:64px; background:url("bg-press.png") 0 0 no-repeat; float:right; margin-right:5px; position:relative; top:-1.5em; text-align:center}
.press-label-first {background-image:url("bg-prest.png")}
.press-label img {margin:0 auto; padding:0;}

/* press releases */

p.post {font-weight: normal;border-top:1px dashed #ccc;/*padding: 1.5em 0 0 50px;background:url('/bitmaps/company/release.gif') no-repeat 0 1.5em;*/}
p.post span.date {display:block;color:#999;padding:.75em 0 0 50px;}
p.post img {float:left;position:relative;top:-1.5em;margin-right:10px;}
div.releases p, li.post p {margin-bottom:0.4em;}

ul.milestones {padding:0;margin:0 0 1.5em;}
ul.milestones li {list-style-image:none;list-style-type:none;margin:0;padding:0;border-top:1px solid #ccc;}
ul.milestones li:nth-of-type(2n) {background:#f5f5f5;}
ul.milestones li span {display:block;float:left;}
ul.milestones li b {display:block;padding-left:5em;}

ol {margin-left: 1.75em;}

.release h1 {font-size: 2.2em;margin-bottom:.5em;}
.release h2 {font-size: 1.8em;color:#666;margin:.5em 0;line-height:1.2em;}
.release h3 {font-size: 1.5em;}
.release h4 a{font-size: 2.5em; text-decoration:none;line-height:35px;letter-spacing:-1px;margin:0 0 20px 0;}
.release h5 {font-size: 1.3em; text-decoration:none;line-height:18px;letter-spacing:-1px;margin:10px 0 10px 0;}
.release h1 + h3, .release h3 + h3 {margin-top:1.5em;}

.releases ul {margin:0;}
.releases li {border-bottom:1px solid #f2f2f2; list-style:none; padding:.7em 0 .7em 60px; position:relative;}
.releases .calendar,
.releases .dateholder {width:42px; margin-top:12px; padding-right:7px; position:absolute; left:0; top:0;}
.releases .post span {width:42px; display:block; font-size:11px; color:#999; text-align:center;}

.pr_box {border:1px solid #ddd;padding:10px;height:370px;overflow:hidden;}
.pr_txt {width:550px;padding:100px 10px 10px 15px;}
.pr_img {background: url(https://oknaplan.ru/images/pr_opera.jpg) right  bottom; height:100%; }

.getmore {margin:5px 0 2em 0;padding:0 10px; text-align:right;}
.twitt-counter {float:left; margin-right:1em;}

.sharing a {display:inline-block; font-size:11px; margin-right:1.3em; text-decoration:none;}
.sharing a:hover {text-decoration:underline;}


/*input#fsname, input#fsmail, input#fscompanyorg {width:98%;clear:both;display:block;}*/
#esignup label {clear:left;}

.aside ul.eventlist li {margin-bottom:1.2em;}
.eventlist li {margin-bottom:1.6em;}


.eventlist a {display:block; width:100%;}
.eventlist span.date {color:#666;}

.investors .contact p.info {margin-left:0;}
.investors .contact p {margin-left:10em;}
.investors .contact label {margin-left: -10em; width: 9em;}

.note {background-color: #eeffff; background-repeat:no-repeat; background-image: url(info0001.gif); background-position:.4em .6em; border:1px dotted #66cccc; padding:.5em .5em .5em 30px;}
.screens a {margin-right:0.5em;text-decoration: none;}
.screens a img {border:1px #ccc solid;padding:1px;opacity:0.9;}
.screens a:hover img {border-color:#467dab;opacity:1;}

/* /press/reviews UI map */
#ui_map {position:relative;}
#ui_map img {background-color: #535353;}
#ui_map ul {position:absolute;top:0;left:0;width:648px;height:592px;margin:0;padding:0;list-style:none inside none;}
#ui_map li {position:absolute;color:#fff;font-weight: bold;text-align: center;text-shadow:#000 0 0 3px;/*background:rgba(221,211,113,0.5);*/}
#ui_map li.panels {top:10px;left:16px;width:74px;}
#ui_map li.new_tab {top:10px;left:100px;width:94px;}
#ui_map li.closed_tabs {top:10px;left:538px;width:92px;}
#ui_map li.rewind {top:171px;left:6px;width:80px;}
#ui_map li.bback {top:205px;left:42px;width:80px;}
#ui_map li.forward {top:205px;left:130px;width:80px;}
#ui_map li.fast_forward {top:171px;left:162px;width:106px;}
#ui_map li.passw_manager {top:10px;left:254px;width:140px;}
#ui_map li.opera_turbo {top:512px;left:42px;width:92px;}
#ui_map li.opera_link {top:619px;left:16px;width:94px;}
#ui_map li.fit_to_width {top:619px;left:414px;width:94px;}
#ui_map li.image_controls {top:619px;left:518px;width:112px;}
#ui_map li.zoom {top:512px;left:524px;width:80px;}