@charset "UTF-8";
body{color:#333333;font:12px Verdana,Helvetica,Arial,Sans-Serif;margin:25px;background-color:#A7ABA1;}
body.modal{background:#f1f1f1;color:#000;}

a:link,a:visited{text-decoration:none;color:#121212;}
a:focus,a:hover{color:#525252;text-decoration:none;}
h1, h2, h3, h4, h5, h6, p, blockquote, label, ul, ol, dl, fieldset, address{margin:0.5em 0;}
h1, h2, h3, h4{font-size:14px;}
ul, ol{list-style-type:none;margin:0;padding:0;}
p{margin:3px 0;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;}
table td, img{border:0 none;}
table td{vertical-align:top;}
.fl{float:left;}
.fr{float:right;}
.pointer{cursor:pointer;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.mid{vertical-align:middle;}
.hide{display:none}
.stats td img{vertical-align: top;}
li.active{font-weight:bold;}

div.error{background-color:#F6DCDC;border:2px solid #E23131;padding:3px;font-weight:bold;}
div.message{background-color:#d6f6cf;border:2px solid #3db026;padding:3px;font-weight:bold;}
.mainbox{background-color:#EEEEEE;border:5px solid #000000;border-radius:4px 4px 4px 4px;box-shadow:0 1px 4px #000000;margin:0 auto;text-align:left;max-width:1300px;min-width:475px;}

.smallnote{font-size: 7px;float: right;}

.meniu li{display:inline;font-size:19px;margin-right:15px;}
.meniu li a{background-color:#DDDDDD;border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 2px #555555;color: #121212;padding: 1px 7px;text-decoration: none;}
.meniu li.active{font-weight:bold;}
.meniu li:hover{text-decoration:underline;}

.content{margin:11px;}

.allsites li{border: 1px dotted #EC4700;color: #EC4700;display: inline;font-weight: bold;padding: 2px 15px;text-transform: capitalize;}
.allsites li:hover, .allsites li.active{border:1px dotted #FFF;background-color:#EC4700;}
.allsites li a{color:#EC4700;}
.allsites li:hover a, .allsites li.active a{color:#FFF;}

.button {
    border: 1px solid #0074bb;
    border-radius: 5px;
    color: #0074bb;
    display: inline-block;
    font-weight: bold;
    margin: 10px 5px;
    padding: 5px 15px;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    cursor: pointer;
    vertical-align: middle;
}


.webblock{background:#fff}
.wb1{display:inline-block;border:1px solid #d2d2ce;border-bottom:none}
.wb2{display:inline-block;vertical-align:top;border-top:1px solid #d2d2ce}
.wb3{display:inline-block;vertical-align:top;min-height:220px;background:#EEE;border-top:none;}
.wb_nav li{padding: 5px 10px;margin:0;background:#dfdfdf;display: inline-block;min-width: 70px;text-align: center;border: 1px solid #bdbdbd;border-bottom:none}
.wb_nav li a{display:block;}
.wb_nav li:hover,.wb_nav li.active{background:#eee}
.webblock .tab{width:707px;padding: 5px;background:#f8f6f6;display: block;min-height: 199px;border:1px solid #bdbdbd;}
.ranktracker{min-width:700px;}
.ranktracker th{text-align:left}
.ranktracker td{background:#f2f1f1;border-bottom: 1px solid #e8e8e8}
.ranktracker .nobg{background:transparent;border:none}
.showmore{display:block;text-align:center;padding:3px;background:#dfdfdf;border:1px solid #d7d7d7;}

.ranktracker .up{display:inline-block;padding-left:18px;color:#7abb29;background:url('/template/images/icons/up.png') no-repeat 2px}
.ranktracker .down{display:inline-block;padding-left:18px;color:#c6231c;background:url('/template/images/icons/down.png') no-repeat 2px}

table.adminlist {
	width: 100%;
	border-spacing: 1px;
	background-color: #f3f3f3;
	color: #666;
}

table.adminlist td,
table.adminlist th {
	padding: 4px;
}

table.adminlist td {padding-left: 8px;}

table.adminlist thead th {
	text-align: center;
	background: #f7f7f7;
	color: #666;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #fff;
}

table.adminlist thead th.left{
  text-align: left;
}

table.adminlist thead a:hover {
	text-decoration: none;
}

table.adminlist thead th img {
	vertical-align: middle;
	padding-left: 3px;
}

table.adminlist tbody th {
	font-weight: bold;
}

table.adminlist tbody tr {
	background-color: #fff;
	text-align: left;
}

table.adminlist tbody tr.row0:hover td,
table.adminlist tbody tr.row1:hover td	{
	background-color: #e8f6fe;
}

table.adminlist tbody tr.row0 td {
	background: #fff;
	border: 1px solid #F0F0F0;
}

table.adminlist tbody tr.row1 td {
	background: #f0f0f0;
	border: 1px solid #FFF;
}
table.adminlist tbody tr td {
	border-top: 1px solid #FFF;
}


table.adminlist tfoot tr {
	text-align: center;
	color: #333;
}

table.adminlist tfoot td,table.adminlist tfoot th {
	background-color: #f7f7f7;
	border-top: 1px solid #999;
	text-align: center;
}

table.adminlist .pagination {
	display: inline-block;
	padding: 0;
	margin: 0 auto;
}

.fl{float:left;}
.fr{float:right;}
.pagination{margin:15px 0;text-align:center;}
.pagination li{margin-left:2px;display:inline;}
.pagination span.pages{background-color:#FFFFFF;border:1px solid #DFDFDF;color:#000000;margin:2px 8px 2px 2px;padding:2px 4px;}
.pagination .pagenav{background-color:#F3F4F6;border:1px solid #DFDFDF;text-shadow:0 0 1px #DDDDDD;margin:2px;padding:2px 4px;text-decoration:none;}
.pagination span.pagenav, .pagination a:hover{background-color:#E81D1D;border:1px solid #930202;color:#FFFFFF;margin:2px;padding:2px 4px;}
.pagination .pagination-start span, .pagination .pagination-prev span, .pagination .pagination-next span, .pagination .pagination-end span{color:#CCCCCC;background-color:#F3F4F6;border:1px solid #DFDFDF;}

.top_menu{margin:0 auto;border-bottom:5px solid #000;}
.horiznav {background:url(../i/icons.png) repeat-x 0 0 #990000;border-bottom:1px solid #580101;height:37px;}
.horiznav ul li{float:left;padding:0;position:relative;margin:0;background:url(../i/icons.png) repeat-x 0 0 transparent;background-color:#990000;border-left:1px solid #C64949;border-right:1px solid #590202;}
.horiznav ul li,.horiznav ul li a,.horiznav ul li a:visited{color:#EEEEEE;text-shadow:0 2px 2px #555555;}
.horiznav ul li:hover, .horiznav li#current,.horiznav li.active{background-color:#FF6666;background-position:0 -51px;border-left:1px solid #580101;border-right:1px solid #660000;}
.horiznav ul li.notmeniu{background:url(../i/icons.png) repeat-x 0 0 transparent;background-color:#990000;border:none;}
.horiznav ul{list-style:none;line-height:37px;padding-top:0px;}
.horiznav a{display:block;height:37px;padding:0px 25px 0px 25px;margin:0;font:bold 11px Verdana;}
.horiznav span.menutitle{line-height:37px;}
input.meniusearch	{float:right;margin:3px 10px;padding:7px 24px 4px 3px;text-decoration:none;font-size:13px;outline:none;background:#700606; border:1px solid #9B3838; border-bottom:1px solid #AE3737;color:#EEE;background:-moz-linear-gradient(top, #A20E0E, #942222); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A20E0E), color-stop(1, #942222)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#A20E0E', EndColorStr='#942222')"; /* IE8 only */ filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#A20E0E', EndColorStr='#942222'); /* IE6,IE7 only */box-shadow:inset 0 2px 8px #262626;-webkit-box-shadow:inset 0 2px 8px #262626;-moz-box-shadow:inset 0 2px 8px #262626;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
input.meniusearch:hover, input.meniusearch:focus{background:#841717;background:-moz-linear-gradient(top, #A91E1E, #A72929);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #A91E1E), color-stop(1, #A72929)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#A91E1E', EndColorStr='#A72929')"; /* IE8 only */ filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#A91E1E', EndColorStr='#A72929'); /* IE6,IE7 only */}

hr{border-bottom: 1px solid #f1ecec;border-top: 1px solid #cdcaca;border-left: none;border-right: none;color:transparent}

.tab_buttons{margin-top:10px}
.tab_buttons li{display:inline-block;padding:5px 10px;border:1px solid #999;background:#fff;border-bottom:none}
.tab_buttons li a{display:block}
.tab_buttons li.active{background:#dadada;border-color:#000;color:#fff}

.tip-wrap {
	color: #000;
	z-index: 13000;
  border: 1px solid #898774;
  background: #ffeea7;
  max-width: 420px;
  border-radius: 10px;
}
.tip-title {
	font-size: 13px;
	margin: 0;
	color: #000;
	padding: 8px 8px 4px;
}
.tip-text {
	font-size: 12px;
	padding: 4px 8px 1px;
}

.green{color:#006600;}
.red{color:#BF0000;}


.chart-wrap{width: 250px;}
.chart-wrap .title {
	 font-weight: bold;
	 font-size: 1.62em;
	 padding: 0.5em 0 1.8em 0;
	 text-align: center;
	 white-space: nowrap;
}
.chart-wrap.vertical .grid {
	 transform: translateY(-175px) translateX(175px) rotate(-90deg);
}
.chart-wrap.vertical .grid .bar::after {
	 transform: translateY(-50%) rotate(45deg);
	 display: block;
}
.chart-wrap.vertical .grid::before, .chart-wrap.vertical .grid::after {
	 transform: translateX(-0.2em) rotate(90deg);
}
.chart-wrap .grid {
	 position: relative;
	 padding: 5px 0 5px 0;
	 height: 100%;
	 width: 100%;
	 /*
     border-left: 2px solid #aaa;
	 background: repeating-linear-gradient(90deg,transparent,transparent 19.5%,rgba(170,170,170,0.7) 20%);
     */
}
.chart-wrap .bar {
	 width: var(--bar-value);
	 height: 16px;
	 margin: 1px 0;
	 background-color: #e6eff2;
   border: 1px solid #728086;
   position: absolute;top: 0;left: 74px;
} 
.chart-wrap .bar2 {
    width: var(--bar-value);
    height: 10px;
    margin: 5px 0;
    background-color: #bbd3dd;
    position: absolute;top: 0;left: 75px;
}
.chart-wrap .bar3 {
    width: var(--bar-value);
    height: 16px;
    margin: 1px 0;
    background-color:transparent;
    border:1px dashed #000;
    position: absolute;top: 0;left: 75px;
}
.bars{position:relative}
.chart-wrap .bar:hover {opacity: 0.7;}
.chart-wrap .bar3::after,.chart-wrap .bar::after {
	 content: attr(data-name);
	 margin-left: 100%;
	 padding-left: 4px;
	 display: inline-block;
	 white-space: nowrap;
   font-size: 11px;
}
 
.chart-wrap .gdate{font-size: 10px;line-height:19px;padding: 3px 2px;}
.chart-wrap .weekend{background-color:#eee}


@media screen and (max-width: 501px) {
  body{padding:0;margin:0}
  .mainbox{border:none}
  .content{margin:1px;}
  .horiznav a {padding:0px 5px 0px 2px;}
  
  .ranktracker{min-width:auto}
  .ranktracker td{font-size:11px}
  .webblock .tab{width:auto}
  .wb3,.webblock .tab{min-height:auto}
  .wb1,.wb2,.wb3{display:block;border:none}
}