/*
Theme Name: OOO Mipko blog
Theme URI: http://www.mipko.ru/
Description: Mipko default theme for blog.
Version: 1.0
Author: Vladimir Dmitriev
*/

.commentlist {
    padding-left: 0;
}

.commentlist li {
    background: none;
    padding-bottom: 10px;
    padding-top: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.commentlist li.even {
    background-color: #F4F9FE;
}


.commentmetadata, .comment-author {
    padding-bottom: 5px;
    font-style: italic;
}

.post h2 {
    font-size: 24px;
}

.post h2 a, .post h2 a:hover, .post h2 a:active, .post h2 a:visited {
    color: #00A3B9;
}

/*  */

@charset "utf-8";
/* Common */
html, body {
    width: 100%;
}

body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #1f2224;
    background: #dbe4eb url(/media/images/main-bg.gif) repeat-x left top;
}

img {
    border: 0;
}

ul, li, form { padding: 0; margin: 0; }
p {
    margin: 0 0 10px 0;
}

table {
    margin: 0 0 10px 0;
}

.wrapper { clear: both; }

div#main-content { width: 969px; margin: 0 auto; height: 500px; padding: 0; }

/* Layout */
div#top-bar-in { height: 81px; width: 862px; background: url(/media/images/top-bg.gif) repeat-x left top; margin: 0 9px; }
div#top-bar-left { height: 81px; width: 880px; background: url(/media/images/top-left.gif) no-repeat left top; margin: 0 auto 10px auto; }
div#top-bar-right { height: 81px; width: 880px; background: url(/media/images/top-right.gif) no-repeat right top; }  
div#logotype { height: 81px; width: 193px; float: left; }
div#left-column { float: left; width: 190px; font-size: 10px; color: #7a8792; }
div#right-column { float: left; width: 634px; margin-left: 10px; line-height: 150%; }
div#right-column ul, div#right-column ol { line-height: 100%; }
div.full-column { float: left; width: 834px; margin-left: 10px; line-height: 150%; }
div#footer { height: 24px; color: #7a8792; font-size: 10px;}
div#copyright { float: left; }
div#privacy { float: right; }

/* common elements */

.top { font-size: 0; position: absolute; width: 100%; top: 0px; background-repeat: repeat-x; }
.bottom { font-size: 0; position: absolute; width: 100%; bottom: 0px; background-repeat: repeat-x; }
.left { font-size: 0; position: absolute; height: 100%; top: 0px; left: 0px; background-repeat: repeat-y; }
.right { font-size: 0; position: absolute; height: 100%; top: 0px; right: 0px; background-repeat: repeat-y; }
.bottom-left { font-size: 0; position: absolute; left: 0px; bottom: 0px; background-repeat: no-repeat; }
.bottom-right { font-size: 0; position: absolute; right: 0px; bottom: 0px; background-repeat: no-repeat; }
.top-left { font-size: 0; position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; }
.top-right { font-size: 0; position: absolute; right: 0px; top: 0px; background-repeat: no-repeat; }

/* Header */
#header{
    width: 100%; position: relative; margin-top: 0px; z-index: 20;
}

#header_left{
    width: 22px; height: 81px; background: url('/media/images/root1/header_left.png') no-repeat; float: left; position: relative;
}
#header_center{
    width: 925px; height: 81px; background: url('/media/images/root1/header_center_bg.png') repeat-x; float: left; position: relative;
}
#header_right{
    width: 22px; height: 81px; background: url('/media/images/root1/header_right.png') no-repeat; float: left; position: relative;
}
#logo{
    width: 195px; height: 78px; float: left;
}

#laguage{
    float: right; width: 200px;
}

/* Top menu */
div.top-menu { z-index: 80; float: right; height: 30px; padding: 26px 0 0 20px; font-size: 12px; }

div.top-menu ul li { 
    display: inline-block; 
    position: relative; 
    background: none;
    padding: 10px 15px 10px 15px;
    z-index: 90;
    height: 12px;
    zoom:1; *display: inline;
}

div.top-menu ul li a { 
    display: block;
}

div.top-menu ul li div ul li {
    display: block;
    margin-left: 4px;
    margin-right: -4px;
    margin-bottom: 0;
    padding: 0;
    height: auto;
}

div.top-menu ul li div ul li a {
   display: block;
    padding: 5px 7px 5px 16px;
}
div.top-menu ul li div ul li a:hover {
   background: #CED5DE;
}

div.top-menu ul li div {
    display: none;
}

div.top-menu ul li.ddown div.ddown {
    position: absolute;
    width: 248px;
    top: 32px;
    left: 0;
    z-index: 1000;
    background-image: url(/media/images/ddmenu.png);
    background-position: 0 -34px;
    background-repeat: no-repeat;
    padding: 10px 10px 15px 0;
    margin-bottom: 10px;
}

div.ddown ul {
    padding-left: 0;
    margin-left: 0;
}

div.ddown ul li {
    list-style-type: none;
}

div.top-menu ul li.hovering div {
    display: block;
}

div.top-menu ul li.hovering  {
    background: url(/media/images/ddmenu.png) repeat-x scroll 0 0;
}

div.top-menu ul li.nohovering  {
    background: none;
}

div.top-menu ul li.hovering a {
    color: #333333;
    font-weight: bold;
}

.dmh-top-right {
    width: 8px;
    height: 32px;
    background: url(/media/images/ddmenu.png) no-repeat scroll -189px 0px;
}

.dm-bottom-left {
    height: 10px; width: 255px;
    bottom: -10px;
    background: url(/media/images/ddmenu.png) no-repeat scroll 0px -499px;
}

/* Languages */
div.languages { height: 22px; padding: 29px 0 0 10px; float: right; }
div.languages ul, div.languages li { padding: 0; margin: 0; }
div.languages ul li { float: left; width: 22px; height: 22px; margin: 0 5px 0 0; list-style: none; }
div.languages ul li a { display: block; width: 16px; height: 12px; padding: 5px 3px; }
div.languages ul li span { display: block; width: 16px; height: 12px; padding: 5px 3px; background: #d2d9e1 url(/media/images/flags/empty.gif) no-repeat left top; }

/* Main block */
div#main-block { width: 969px; margin: 0 auto; background: #fff; clear: both; position: relative; top: 13px; }
div#main-block div.mb-c { width: 854px; padding: 16px; }
div#main-block div.mb-l { width: 969px; background: url(/media/images/mb-left.gif) repeat-y left top; }
div#main-block div.mb-t { width: 969px; background: url(/media/images/mb-top.gif) repeat-x left top; }
div#main-block div.mb-r { width: 969px; background: url(/media/images/mb-right.gif) repeat-y right top; }
div#main-block div.mb-b { width: 969px; background: url(/media/images/mb-bottom.gif) repeat-x left bottom; }
div#main-block div.mb-tl { width: 969px; background: url(/media/images/mb-left-top.gif) no-repeat left top; }
div#main-block div.mb-tr { width: 969px; background: url(/media/images/mb-right-top.gif) no-repeat right top; }
div#main-block div.mb-br { width: 969px; background: url(/media/images/mb-right-bottom.gif) no-repeat right bottom; }
div#main-block div.mb-bl { width: 969px; background: url(/media/images/mb-left-bottom.gif) no-repeat left bottom; }

/* Left blocks */
div.left-block { width: 190px; margin: 0 0 1em 0; }
div.left-block div.lb-l { width: 190px; background: url(/media/images/lb-left.gif) repeat-y left top; }
div.left-block div.lb-r { width: 190px; background: url(/media/images/lb-right.gif) repeat-y right top; }
div.left-block div.lb-t { width: 190px; background: url(/media/images/lb-top.gif) repeat-x left top; }
div.left-block div.lb-b { width: 190px; background: url(/media/images/lb-bottom.gif) repeat-x left bottom; }
div.left-block div.lb-lt { width: 190px; background: url(/media/images/lb-left-top.gif) no-repeat left top; }
div.left-block div.lb-rt { width: 190px; background: url(/media/images/lb-right-top.gif) no-repeat right top; }
div.left-block div.lb-rb { width: 190px; background: url(/media/images/lb-right-bottom.gif) no-repeat right bottom; }
div.left-block div.lb-lb { width: 190px; background: url(/media/images/lb-left-bottom.gif) no-repeat left bottom; }
div.left-block div.lb-c { width: 158px; padding: 16px; }

/* Right blocks */
div.right-block { width: 740px; min-height: 120px; background: url(/media/images/rb-bottom.gif) repeat-x left bottom; margin: 0 0 15px 0; }
div.right-block div.rb-l { width: 100%; min-height: 120px; background: url(/media/images/rb-left.gif) no-repeat left bottom; }
div.right-block div.rb-r { width: 100%; min-height: 120px; background: url(/media/images/rb-right.gif) no-repeat right bottom; }
div.right-block div.rb-c { padding: 10px 20px 15px 20px; }


div.full-block { width: 845px; min-height: 120px; margin: 0 0 15px 0; }
div.full-block div.rb-l { width: 100%; min-height: 120px;  }
div.full-block div.rb-r { width: 100%; min-height: 120px;  }
div.full-block div.rb-c { padding: 10px 10px 15px 10px; }

.full-block .general {
	margin-left: 30px;
	margin-bottom: 15px;
	font-size: 16px;
	width: 610px;
	font-family: 'myriad pro', 'Trebuchet MS',verdana,arial,helvetica,sans-serif;
	}

/* Fonts */
h1 { font-size: 24px; font-weight: normal; color: #00a3b9; margin: 0 0 15px 0; }
h1 a { color: #00a3b9; }
h1 a:visited { color: #00a3b9; }
h1 a:hover { color: #04899b; }
h2 { font-size: 18px; font-weight: normal; color: #00a3b9; margin: 0 0 10px 0; }
h3 { color: #00a3b9; }
a { color: #169ef4; text-decoration: underline; }
a:visited { color: #169ef4; text-decoration: underline; }
a:hover { color: #053a5c; text-decoration: underline; }
a.more { background: url(/media/images/i-more.gif) no-repeat left 2px; padding: 0 0 0 20px; }
.testim { font-style: italic; }
#main-block li { padding-left: 15px; background: url(/media/images/bul.gif) no-repeat 3px 5px; margin: 0 0 10px 0; list-style: none; }
.small { font-size: 10px; color: #7a8792; }

/* Left column product block */

div.left-block-product-home { padding: 0 0 0 20px; background: url(/media/images/p1.gif) no-repeat left 50%; margin: 0 0 10px 0; }
div.left-block-product-hsmb { padding: 0 0 0 20px; background: url(/media/images/p2.gif) no-repeat left 50%; margin: 0 0 10px 0; }
div.left-block-product-corp { padding: 0 0 0 20px; background: url(/media/images/p3.gif) no-repeat left 50%; margin: 0 0 10px 0; }

/* Left column news block */

div.left-block-news-date { font-size: 18px; font-weight: normal; color: #d2d9e1; }
div.left-block-news-title { font-size: 14px; font-weight: normal; margin-bottom: 10px; }

/* Right column H1 headers labels */

h1.home { 
          padding-right: 140px; 
	  margin-top: 0px;
	  margin-right: 20px;
          }

h1.hsmb { 
          padding-right: 140px; 
	  margin-top: 0px;
	  margin-right: 20px;
          }

h1.corp { 
          padding-right: 140px; 
	  margin-top: 0px;
	  margin-right: 20px;
          }

/* Right column product box */

div.boxcontainer { 
                   float: right;
                   margin: -6px 20px 20px 20px;
                   font-size: 14px;
				   width:160px;
}

div.boxcontainer li { 
                      background: transparent url(/media/images/bul.gif) no-repeat scroll 3px 7px;
                      margin: 0 0 2px;
}

/* Buttons */

/* moved to locale dependent file */

/* Product header */

div.product-header-box {
	float: left;
	/* width: 137px; */
	margin-top: 5px;
}

div.product-header-intro {
	float: left;
	width: 70%;
	padding-top: 14px;
	padding-left: 20px;
	font-size: 14px;
}

div.product-header-links { 
	float: left;
	width: 450px;
	padding-left: 20px;
	font-size: 14px;
}

div.quote {
	padding: 20px 30px 0px 50px;
	background: url(/media/images/quote_open.png) no-repeat;
}

div.horizontal-links { margin-bottom: 10px; margin-top: 10px; }
div.horizontal-links a  { padding: 6px; }

div.horizontal-links a.active { background: #EEEEEE; }
div.horizontal-links a:hover { background: #EEEEEE; }

div.rightblock-bar { 
                     background: #F3F3F3;
                     height: 57px;
                     margin: 10px 0 10px 0;
                     line-height: 50px;
                     width: 635px;
                     background: url(/media/images/rightbar3.png) no-repeat;
                     margin-left: -10px;
}

div.rightblock-bar a { 
                       padding-left: 40px;
                       font-size: 16px; 
                       font-weight: bold;
                       color: #FFFFFF;
                       text-decoration: none; }

div.rightblock-bar a:hover { text-decoration: underline; }


div.rightblock-bar a.download { 
                                margin-left: 25px;
                                padding-left: 35px;
                                background: url(/media/images/icon_download.png) no-repeat;
                                background-position: 0px -2px;
                                padding-top: 2px;
                                padding-bottom: 2px;
}

div.rightblock-bar a.buynow { 
                                margin-left: 80px;
                                padding-left: 35px;
                                background: url(/media/images/icon_buynow.png) no-repeat;
                                background-position: 0px -2px;
                                padding-top: 2px;
                                padding-bottom: 2px;
}

/* Features icons */

.feature {
font-size:16px;
margin-left:0px;
padding-left:100px;
width:510px;
}
.feature.keystroke {
background:transparent url(/media/images/icons/icon_keyboard.png) no-repeat scroll 0 0;
}
.feature.website {
background:transparent url(/media/images/icons/icon_web.png) no-repeat scroll 0 0;
}
.feature.screenshot {
background:transparent url(/media/images/icons/icon_cam.png) no-repeat scroll 0 0;
}
.feature.invisible {
background:transparent url(/media/images/icons/icon_star.png) no-repeat scroll 0 0;
}
.feature.appmonitoring {
background:transparent url(/media/images/icons/icon_apps.png) no-repeat scroll 0 0;
}
.feature.im {
background:transparent url(/media/images/icons/icon_console.png) no-repeat scroll 0 0;
}
.feature.reports {
background:transparent url(/media/images/icons/icon_email.png) no-repeat scroll 0 0;
}
.feature.settings {
background:transparent url(/media/images/icons/icon_config.png) no-repeat scroll 0 0;
}
.feature.network {
background:transparent url(/media/images/icons/icon_network.png) no-repeat scroll 0 0;
}

/* FAQ formatting */

div.question { font-weight: bold; }
div.question {  font-style: italic; }

/* Products table */

.productline {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0px;
font-family: 'myriad pro', 'Trebuchet MS',verdana,arial,helvetica,sans-serif;
font-size: 14px;
width: 100%;
}

.productline td, 
.productline th { 
text-align: center;
padding: 5px 10px;
}

.productline td.column1, .productline th.column1 { text-align: left; padding-right: 30px; }

.productline thead tr, .productline tfoot tr {
background: #F4F9FE none repeat scroll 0 0;
}

.productline .even { 
background: #F4F9FE none repeat scroll 0 0;
}

em.price { color: #F03B58; font-weight: bold; font-style: normal; }

span.yes { 
display: block;
width: 9px;
height: 9px;
text-indent: -9000px;
background: url(/media/images/bullet.gif) no-repeat;
margin-left: 50%;
}

span.plus { 
display: block;
width: 20px;
height: 10px;
text-indent: -9000px;
background: url(/media/images/plus.png) no-repeat;
margin-left: 50%;
}

span.minus { 
display: block;
width: 20px;
height: 10px;
text-indent: -9000px;
background: url(/media/images/minus.png) no-repeat;
margin-left: 50%;
}

span.no { display: none; }

a.buynowtable { 
margin-top: 4px;
/* display: -moz-inline-block; */
display: inline-block;
width: 91px;
height: 20px;
text-indent: -9000px;
background: url(/media/images/btn-buynow-table.png);
}

/* Product price table */

.productprice { 
                margin-top: 10px;
                margin-bottom: 20px;
                margin-left: 0px;
                font-family: 'myriad pro', 'Trebuchet MS',verdana,arial,helvetica,sans-serif;
                font-size: 16px;
                color: #00707F;
                width: 100%;
}

.productprice td,
.productprice th { 
                   text-align: left;
                   padding: 0 0px 0 5x;
                   font-weight: bold;
}

.productprice thead td,
.productprice thead th { 
                         padding: 10px 5px 10px 5px;
}

.productprice td.column1 { text-align: left; width: 70%; }
.productprice td.column1_60p { 
							text-align: left; 
							width: 100%; 
							background: #CFE7FF none repeat scroll 0 0;
							color: #F03B58;
}


.productprice .odd { 
                      background: #F4F9FE none repeat scroll 0 0;
}

.productprice .even { 
                     background: #DFEFFF none repeat scroll 0 0;
}

/* Floated images */

.imgleft { 
           float: left;
           margin-right: 30px;
}

.imgright { 
            float: right;
            margin-left: 30px;
}

.imgcenter { 
             margin-left: auto;
             margin-right: auto;
             text-align: center;
 }

/* Testimonials list */

div.testimonial-body {
	padding: 20px 30px 0px 50px;
	background: url(/media/images/quote_open.png) no-repeat;
        font-size: 14px;
}

div.testimonial-author { 
                         font-size: 13px;
                         font-weight: bold;
                         text-align: right;
                         padding-right: 20px;
}

div.testimonial { margin-bottom: 30px; }

/* ############ image replacement banners ############## */

a.banner { display: block;
	   text-decoration: none; }

a.banner span { visibility: hidden; }

a.banner.mobile-license-basic {
    width: 626px;
    height: 186px;
    background: url(/media/images/registerpage/registermobilemonitor_03.png) no-repeat;
}

a.banner.mobile-license-standard {
    width: 626px;
    height: 192px;
    background: url(/media/images/registerpage/registermobilemonitor_05.png) no-repeat;
}

a.banner.mobile-license-professional {
    width: 626px;
    height: 231px;
    background: url(/media/images/registerpage/registermobilemonitor_06.png) no-repeat;
}

a.banner.mobile-license-iphone {
    width: 626px;
    height: 194px;
    background: url(/media/images/registerpage/registermobilemonitor_07.png) no-repeat;
}

a.banner.mobile-license-basic.euro { background: url(/media/images/registerpage/registermobilemonitor_euro_03.png) no-repeat; }
a.banner.mobile-license-standard.euro { background: url(/media/images/registerpage/registermobilemonitor_euro_05.png) no-repeat; }
a.banner.mobile-license-professional.euro { background: url(/media/images/registerpage/registermobilemonitor_euro_06.png) no-repeat; }
a.banner.mobile-license-iphone.euro { background: url(/media/images/registerpage/registermobilemonitor_euro_07.png) no-repeat; }

a.button-robokassa {
		background:transparent url(/media/images/buttons/buy2.png) no-repeat scroll -4px 0;
		display:block;
/*		float:left;		*/
		height:50px;
/*		margin-right:0px;	*/
		width:125px;
}
a.button-sms {
		background:transparent url(/media/images/buttons/sms.png) no-repeat scroll -4px 0;
		display:block;
		float:left;
		height:50px;
		margin-right:0px;
		width:125px;
}
a.button-robokassa span {
		display:block;
		margin-top: 40px;
}

#header {
    margin-top: 0;
    position: relative;
    width: 100%;
    z-index: 20;
}

#header_left {
    background: url("/media/images/root1/header_left.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 81px;
    position: relative;
    width: 22px;
}

#header_center {
    background: url("/media/images/root1/header_center_bg.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 81px;
    position: relative;
    width: 925px;
}

#logo {
    float: left;
    height: 78px;
    width: 195px;
}

#header_right {
    background: url("/media/images/root1/header_right.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 81px;
    position: relative;
    width: 22px;
}

#footer{
	width: 100%; position: relative; height: 195px; clear: both; padding-top: 20px;
}
#footer_left{
	height: 195px; /* background: url('/media/images/root1/footer_left.jpg') no-repeat; */ float: left;
}
#footer_center{
	width: 943px; height: 195px; /* background: url('/media/images/root1/footer_center.jpg') repeat-x; */ float: left;
}
#footer_right{
	height: 195px; /* background: url('/media/images/root1/footer_right.jpg') no-repeat; */  float: left;
}
#copyrights{
	font-size: 12px; color: #7A8792; float: left; margin: 20px 0 0 0;
}
#terms_of_use{
	float: right; margin: 20px 20px 0 0;
}

.foot-warning {
    font-size: 11px;
    color: #7A8792;
    padding-top: 10px;
	float: left;
}

ul.foot-links {
    margin: 0;
    padding: 0;
}

.foot-links li {
    font-size: 11px;
    color: #7A8792;
    float: left;
    list-style-type: none;
    padding-right: 3px;
}

.foot-links li a {
    font-size: 11px;
	color: #7A8792;
}

.foot-links li a:hover {
	text-decoration: none;
}