@charset "utf-8";

@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(menu.css);
@import url(menusub.css);
@import url(/css/brand/webstudio/colors.css);
@import url(inputs.css);
@import url(fonts.css);
@import url(font.css);
@import url(icons.css);
@import url(custom.css);
/* GENERAL STYLES */
html { height:100% }
body{ margin:0; padding:0; font-family: 'Open Sans', sans-serif;  font-weight:400; font-size:12px; background-color:#ecf0f1; height: 100%%; 
      
}
html { -webkit-font-smoothing: antialiased; }

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; }
h1{ font-size:20px; padding:0px 0px 5px 0px; margin:0px; font-weight:400;}
h2{ font-size:14px; padding:0px; margin:0px; font-weight:400;}
h3{ font-size:14px; padding:0px; margin:0px; font-weight:400;}
h4{
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}
hr{ border: 0; height: 0; margin:0px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.clear{ clear:both;}
a{color:#333;}
img{border:0;}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 0;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #717577;
  background-color: #f2f3f4;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

/* ALERT BOX */
#alert{   padding:10px; background:#c0392b; }
#alertContent{width:1100px; margin:0 auto; color:#fff; font-size:17px;}
#alertContent a{color:#fff;}
#topAlert{ cursor:pointer;}

/* HEADER CONTENT */
#header{padding:0px 0 0px 0;}
.headerContent{width:1100px; margin:0 auto;}
#user{width:250px; margin-top:0px; padding:10px; float:right; color:#7f8c8d;}
#user span{font-size:16px; font-weight:600px;}
#user a{color:#7f8c8d; text-decoration:none;}
#user a:hover{color:#567925; text-decoration:none;}
#user .alert{position:absolute; padding:3px; text-align:center; font-size:11px; color:#fff; background:#c0392b;}
#logo{width:400px; padding:10px; float:left;}

/* MENU CONTENT */
#menu{padding:10px;}
.menuContent{width:1100px;  margin:0 auto; background:#fff; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px;}
.menuContentSub{width:873px;position:relative;  margin:0 auto; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px;
border-bottom:5px solid #cfcfcf;
}


/* BODY CONTENT */
.crumbs {padding:5px 0px 5px 0px;}
/* states */
.valid{border-left:thick solid #2ecc71;}
.invalid{border-left:thick solid #e74c3c;}
.notpayed {border-left:thick solid #9b59b6;}
.none {border-left:thick solid #ffffff;}
.nonebot {margin-left:5px; border-bottom:thick solid #cfcfcf;}
.nonebot2 {padding-left:0px; border-bottom:thick solid #cfcfcf;}
.nonebot2 table {margin-left:3px;}
.supportbot {margin-left:5px; border-bottom:1px dashed #bdc3c7;}
.headerbot {border-bottom:thick solid #cfcfcf;}
.helpbot {border-bottom:thick solid #000000;}
.checking{border-left:thick solid #95a5a6;}
.rejected{border-left:thick solid #1F1D1D;}
.empty {border-left:thick solid #ecf0f1;}
.info{border:thick solid gray;}

.progressbarsmall1 {
    color: #fff;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    height: 10px;
    width: 0;
    background-color: green; 
    border-radius: 0px;
    font-size:10px; 
}
.progressbarsmall2 {
    color: #fff;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    height: 10px;
    width: 0;
    background-color: green; 
    border-radius: 0px;
    font-size:10px; 
}


#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}

.readed{border-left:thick solid #7f8c8d;}
#block{position:absolute; width:650px; height:65px; text-align:center; padding-top:30px; background:#000; color:#FFF; font-size:25px; z-index:10; visibility:visible; opacity:0.8;}

#main{padding:10px;}
.mainContent{width:1100px; margin:0 auto; }
#sidebar{float:left; width:212px;}
#sidebar .box{  -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px; padding:10px;}
#sidebar .infobox{ padding:5px 0px 5px 5px; font-size:12px;}
#sidebar .infoboxsec{ padding:5px 5px 5px 5px; font-size:12px;}
#sidebar .infobox2{background:url(/img/icon-info.png) no-repeat; padding:11px 0px 12px 45px; font-size:15px;}
#sidebar .listbox{background:url(/img/icon-list.png) no-repeat; padding:11px 0px 12px 45px; font-size:15px;}


#sidebar .box ul{ padding:0; margin:0;}
#sidebar .box a li{ list-style:none; padding:5px; border-top: 1px dashed #284269;}
#sidebar .box a:first-child li{border-top: none;}
#sidebar .box a {color:#fff; text-decoration:none;  border-top: 1px dashed #284269; }

.content{float:right; width:873px;}

.contentfull{float:left; width:100%;}
.contentfull .box{ background:#fff; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px; padding:10px;}
.contentfull .box table{ table-layout: fixed; width:100%; border-collapse:collapse;}
.contentfull .box td{border-right:1px dashed #bdc3c7; text-align:center;}
.contentfull .box td:first-child{text-align:left;}
.contentfull .box td span{font-size:10px;}
.contentfull .box td:last-child{border-right:none; text-align:right;}
.contentfull .box td:nth-child(2) {padding-left:10px; text-align:left;}
.contentfull .box td.alignleft { text-align:left; align:left; padding-left:10px; }


.content .box{ background:#fff; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px; padding:10px;}
.content .box table{ table-layout: fixed; width:100%; border-collapse:collapse;}
.content .box td{border-right:1px dashed #bdc3c7; text-align:center;}
.content .box td:first-child{text-align:left;}
.content .box td span{font-size:10px;}
.content .box td:last-child{border-right:none; text-align:right;}
.content .box td:nth-child(2) {padding-left:10px; text-align:left;}
.content .box td.alignleft { text-align:left; align:left; padding-left:10px; }


.content .simplebox{ background:#fff; padding:20px;}
.content .simpleheader{ color:#FFF; -moz-border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;-khtml-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; padding:10px;}
.content .simpleheader h1{color:#fff; font-size:16px; padding:0; margin:0;}
.content .simplefooter{background:#bdc3c7; -moz-border-radius: 0 0 3px 3px;-webkit-border-radius: 0 0 3px 3px;-khtml-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; padding:5px 10px 5px 10px; color:#333;}
.content .simplefooter a:nth-child(2){ text-decoration:none; color:#111;}
.content .simpleheader .embed { background:url(/img/icon-link.png) no-repeat; padding:11px 0px 12px 45px; font-size:15px;}

.column{width:310px; float:left; margin:0px 15px 0px 15px; }
.column:first-child{margin:0px 20px 0px 0px; }
.column:nth-child(3){margin:0px 0px 0px 20px; float:left; }
.column .announcebox{background:url(/img/icon-bullhorn.png) no-repeat; padding:11px 0px 12px 45px; font-size:15px;}
.column .usefulbox{background:url(/img/icon-flag.png) no-repeat; padding:11px 0px 12px 45px; font-size:15px;}
.column .newsbox{background:url(/img/icon-rss.png) no-repeat; padding:11px 0px 12px 45px; font-size:15px;}
.column .contentbox h2{font-size:16px; color:#7f8c8d;}
.column .contentbox h2 a{font-size:16px; color:#7f8c8d; text-decoration:none;}
.column .contentbox a{color:#2980b9; text-decoration:underline;}
.column .contentbox span{color:#7f8c8d;}
.column .contentbox table{ border-top:1px dashed #bdc3c7; margin-top:5px;}

#progress { position:relative; width:320px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
#bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
#percent { position:absolute; display:inline-block; top:3px; left:48%; }

.analitycs table{width:100%; border-collapse:collapse;}
.analitycs td, .analitycs th 
{ font-size:1em;padding:3px 7px 2px 7px; }
.analitycs tr  { border-bottom:1px solid #ccc ;}
.analitycs tr:last-child  { border:none ;}
.analitycs th { font-size:1.1em;text-align:left;padding-top:5px;padding-bottom:4px; color:#333; }
.analitycs tr.alt td { color:#333; }

.sortable1{ list-style-type: none; margin: 0; padding: 0 0 2.5em;  margin-right: 10px; }
.sortable1 li, .sortable2 li { width:280px; margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; }
.sortable2  {width:302px; padding:10px; border:2px dashed #ccc; border-top:none;  border-bottom:none; list-style-type: none; margin: 0;  }
.sortLabel{  border:2px dashed #ccc; border-bottom:none; padding-bottom:12px; margin: 0;}
.sortLabel .label{position:absolute; background:#FFF; margin-top:-12px; margin-left:10px; color:#999; font-size:16px; padding:0px 5px 0px 5px; }
.buttonLabel{ text-align:right;  border:2px dashed #ccc; border-top:none; padding-top:12px; margin-bottom:15px; }
.buttonLabel .label{position:absolute; background:#FFF; margin-top:-6px; margin-left:190px; color:#999; font-size:16px; padding:0px 5px 0px 5px; }

/* FOOTER CONTENT */
#{ background:#bdc3c7; height:30px; }
.footerContent{width:1100px; margin:0 auto; color:#7f8c8d; font-size:14px;}
.footerContent a{color:#333; text-decoration:none;}
.footerContent a:hover{ text-decoration:underline;}


/* LOGIN STYLE */
#loginHeader{ width:400px; margin:0 auto; padding:10px; text-align:center; padding-top:80px}
#loginHeaderSub{ width:400px; margin:0 auto; padding:10px; text-align:center; background:#cfcfcf;}
#loginContainer{ background:#fff; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px; padding:10px 10px 20px 10px; border-bottom: thick solid #567925; width:400px; margin:0 auto;}
#loginContainer input {width:370px; padding:10px; border: 2px solid #bdc3c7; background: #fff; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px; }
#loginContainer input:hover { border: 2px solid #567925; background: #fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px; }
#loginContainer input:focus { outline:0 ; border: 2px solid #567925;webkit-box-shadow: 0px 0px 4px #567925;-moz-box-shadow: 0px 0px 4px #567925; box-shadow: 0px 0px 4px #567925; }
#loginContainer .btnLogin { float: left;width:100%; padding:10px 0px 10px 0px; text-align:center;cursor: pointer;font-family:verdana;font-size:13px;   -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px; text-decoration:none;}
#xxloginContainer .btnRestore{padding:8px 89px 8px 89px;cursor: pointer;font-family:verdana;font-size:13px; margin:10px 0px 10px 0px;   -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px; text-decoration:none;}
#loginSub{width:400px; text-align:center; padding:5px; margin:0 auto;}
#reqBack{padding-top:4px;margin-left:0px; text-align:center; margin:0 auto;}

@media screen and (max-width: 480px) {

.mainContent {width:96%; font-size:7px; }
#sidebar {display:none;}
.content {width:96%;}
.headerContent{width:96%; text-align:center;}
#user {float:none; margin: 0 auto;}
#user img{width:20px;}
#logo {float:none;}
.box img{width:15px;}
.footerContent { width:96%; font-size:6px; padding:2%; }
.menuContent{width:96%; }
.content #reqEmbed {width:90%;}
.content #reqEmbedJs {width:90%;}
#msg {width:100%;}
}
.smallbr {
    height:5px;
}

.alignright { text-align:right;}
.hidden { display:none; }
.sortlink {text-decoration:none; }

                                                                                
/******************* left sidebar **********************/                       
.supportshot-thumb {                                                            
    -webkit-border-radius: 4px;                                                 
    -moz-border-radius: 4px;                                                    
    -o-transition:-o-transform .33s linear;                                     
    -webkit-transition:-webkit-transform .33s linear;                           
}                                                                               
.supportshot-thumb:hover {                                                      
    -o-transform:rotate(-3deg) scale(1.25);                                     
    -webkit-transform:rotate(-3deg) scale(1.25);                                
    -moz-box-shadow: 0px 3px 9px rgba(0,0,0,0.6);                               
    -webkit-box-shadow: 0px 3px 9px rgba(0,0,0,0.6);                            
}                                                                               
 
.containerstat{
    width: 100%;
    border: 1px solid #ddd;
    overflow:hidden;
    display:inline-block;
    margin:0px 0px 0px 0px;
    vertical-align:top;
    background-color:#cfcfcf;
}


container{
    width: 300px;
    border: 1px solid #ddd;
    border-radius: 5px; 
    overflow:hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
}
.progressbar1 {
    color: #fff;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    height: 25px;
    width: 0;
    background-color: green; 
    border-radius: 3px;
    font-size:10px; 
}
.progressbar2 {
    color: #fff;
    text-align: right;
    display: table-cell;
    vertical-align: middle;    
    height: 25px;
    width: 0;
    background-color: green; 
    border-radius: 3px;
    font-size:10px; 
}                            
.progressbar1stats {
    color: #fff;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    height: 18px;
    width: 0;
    background-color: green; 
    border-radius: 3px;
    font-size:10px; 
}
.progressbar2stats {
    color: #fff;
    text-align: right;
    display: table-cell;
    vertical-align: middle;    
    height: 18px;
    width: 0;
    background-color: green; 
    border-radius: 3px;
    font-size:10px; 
}                            
.stick {
    position:fixed;
	top:15px;
}
.loader {
    width:70px;
}
.loader_resel {
    width:120px;
}
.grey {
    color:#707070;
}    
.grey a {
    color:#707070;    
}
#spam_slider, #unsure_slider {                                                                                                                                                                                                            
    width: 200px;                                                                                                                                                                                                                          
    margin-top:15px;                                                                                                                                                                                                                          
    float: right;
    height:10px;                                                                                                                                                                                                                          
    clear: right;                                                                                                                                                                                                                         
}                                                                                                                                                                                                                                         

#spam_slider .ui-slider-range { background: #ef2929; }                                                                                                                                                                                    
#spam_slider .ui-slider-handle { border-color: #ef2929; }                                                                                                                                                                                 
#unsure_slider .ui-slider-range { background: #8ae234; }                                                                                                                                                                                  
#unsure_slider .ui-slider-handle { border-color: #8ae234; }