/*
### Easy Web Sites Ltd.
### Control Panel v1.2
### Black #363636### Mid tone #999### Silver #ccc### Highlight #e2e2e2###
*/



.smallbtn{
display: block;
background: #e2e2e2;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align: left;
margin-right: 10px;
padding: 4px 10px;
color: #363636;
}

.setwidth{
width: 190px;
height: 28px;
padding: 0px;
padding-top: 4px;
padding-left: 10px;
margin-bottom: 2px;
}

div.cp_field{
padding: 5px;
background: #e2e2e2;
margin-bottom: 1px;
}

form.cp_form{
text-align: center;
background: #999;
padding: 4px;
min-height: 30px;
}

form.cp_form label{
display: block;
font-weight: bold;
color: #363636;
background: #ccc;
padding: 2px 20px;
margin-bottom: 1px;
}

form.cp_form input{
border: 1px solid #999;
margin-bottom: 3px;
width: 300px;
}

form.cp_form textarea{
border: 1px solid #999;
margin-bottom: 3px;
}

form.cp_form select{
border: 1px solid #999;
margin-bottom: 3px;
}

form.cp_form input.cp_submit{
display: block;
width: 100px;
margin-left: 230px;
padding: 3px 30px;
border: 1px solid #363636;
}

form.cp_form input.smallsub{
display: inline;
width: 80px;
margin-left: 0px;
background-repeat: no-repeat;
background-position: 4px 4px;
}




.cpblock{
width: 95%;
text-align: center;
border: 1px solid #c2c2c2;
background: #ececec;
margin-right: 20px;
margin-bottom: 10px;
overflow: hidden;
color: #363636;
height: 160px;
}

.cpblock_halfwidth{
float: left;
width: 300px;
text-align: center;
border: 1px solid #c2c2c2;
background: #ececec;
margin-right: 20px;
margin-bottom: 10px;
overflow: auto;
}

.cpblock_head{
height: 25px;
width: 100%;
background-image: url(../images/headrep.png);
background-repeat: repeat-x;
text-align: left;
overflow: auto;
}

div.cpblock h1{
letter-spacing: 1px;
padding: 4px 0px 0px 8px;
color: #111;
margin: 0px;
}

.cpblock_stats{
margin: 0px;
padding: 3px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
overflow: auto;
height: 32px;
color: #363636;
}

.cpblock_buttons{
margin: 3px 0px;
margin: 10px;
overflow: auto;
}

.auto{
width: 95%;
height: auto;
padding: 8px;
margin-bottom: 10px;
color: #363636;
}

.auto h1{
color: #363636;
}


div.editbox{
clear: both;
float: left;
margin: 4px 0px;
}




input.logoutbtn{
border: 1px solid #6f00bd;
color: white;
font-size: 9px;
font-weight: bold;
display: inline;
background: #9f55d3;
}



#common_tasks a{
clear: both;
display: block;
padding: 3px 9px 3px 40px;
width: 600px;
background-repeat: no-repeat;
background-position: 10px 4px;
background-color: #e2e2e2;
margin-bottom: 1px;
}

.item_select{
padding: 2px 10px;
min-width: 200px;
}



.success{
float: left;
margin: 0px;
padding: 8px;
padding-left: 50px;
background-color: #c3ecc5;
background-image: url(../images/cp_tick.png);
background-repeat: no-repeat;
background-position: top left;
border: 3px double #50d356;
color: #363636;
}

















#xbar{
width: 98%;
background-image: url(../images/xbar_grad.png);
background-repeat: repeat-x;
color: white;
height: 24px;
border-bottom: 2px solid white;
text-align: left;
padding: 3px 10px;
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
}

#xbar_l{
width: 48%;
float: left;
}

#xbar_r{
width: 48%;
float: left;
text-align: right;
}

#xbar a.xbar_btn{
padding: 2px 12px;
font-size: 11px;
background: #0072b9;
border: 1px solid #e2e2e2;
display: block;
float: left;
margin-right: 3px;
color: white;
}

#xbar h2{
float: left;
margin: 0px 20px 0px 10px;
}

#xbar a.xbar_btn:hover{
border: 1px solid #e2e2e2;
color: #e2e2e2;
}

#xbar_r a.xbar_btn{
float: right;
}


#xbar input.xbar_txt{
padding: 2px 12px;
font-size: 11px;
border: 1px solid #e2e2e2;
display: block;
float: left;
margin-right: 3px;
color: #363636;
}