@charset "utf-8";
/* CSS Document */
html{
	height:100%;	
}
body {	
	margin:0;
	font-family:Arial;
	font-size:10px;
	width:100%;
	height:100%;
	min-width:1300px;
}
img{
	border:none;
}
p,td,th{font-size:12px;}
ul {	list-style:none;}
li {	}
table {	border-spacing:0;}
tr {}
td {	/*padding:0 0 0 0;*/}
h1 {	margin:10px 0px 10px 0px;}
h2 {	margin:10px 0px 10px 0px;}
a,a:visited { /*color:#6CC;*/color:#0000AA;text-decoration:none; }
a:hover { /*color:#396;*/color:#990000;text-decoration:underline; }
button {	font-weight:bold;}
button:hover {	cursor:pointer;	/*border:2px solid #000000;*/}
textarea {}
input, textarea, select {	/*background-color:#CCFFCC;*/}
input:focus, textarea:focus, select:focus {	/*background-color:#FFFFFF;*/ }
hr{ border:none; border-top:1px dashed #999; }
.header {		
	color:#666;
	font-size:14pt;
	font-weight:bold;
	padding:5px 0;
	font-family:Arial;
}
.header ul {
	color:#FFFFFF;
	float:right;	
}
.header li {
	padding:0 20px 0 20px;
}
.content {
	margin-left:0;
	padding-left:0;	
}
.menu_main { text-align:center;position:relative; }
.menu_main a{ color:#CCCCCC;font-size:11px; }
.menu_main a:hover{ color:#FFFFFF;font-size:11px; }
.menu_side,.project_notification_side{
	padding:0 0 0 20px;
	margin:20px 0;
}
.menu_side li div,.project{
	padding:6px 15px 6px 15px;		
	background:url(../images/bg_menu_left.png) repeat-x;	
	position: relative;
	zoom: 1;
	cursor:pointer;
}
.project_notification_side{
	padding:0 8px 0 20px;
}
.project_notification_side li a{
	text-decoration:none;
	font-size:12px;
}
a.active .project{
	background:#FFFFFF !important;
	color:#77848c;
	border:1px solid #A6B4BD;
	border-right:none;
	margin-right:-9px;	
	cursor:pointer;
}
.user_notification_side{
	padding:0 23px 0 10px;
	margin:20px 0;
}

.menu_side a,.project_notification_side a{
	color:#FFFFFF;
	font-size:14px;
}
.user_notification_side a{
	color:#333333;	
	text-decoration:none;
}

.plesk_response td {border:1px solid #000000;}
.menu_side li,.project_notification_side li,.user_notification_side li{
	/*list-style:url(../images/bullet.png);*/
	padding:3px 0;	
}
.user_notification_side li .user{
	padding:8px 0px 8px 25px;	
	text-align:left;
	background:url(../images/bg_menu_right.png) no-repeat;	
	position: relative;
	zoom: 1;
}

.user_notification_side li a.active div{
	background:url(../images/bg_menu_right_1.png) no-repeat;
}

.submenu_side li{
	padding:6px 20px 6px 0;
}
.submenu_side li a{
	color:#999;
}
.submenu_side li a:hover{
	color:#FFF;
}
.footer {
	background-color:#19212A;
	height:40px;
}

.container {
	margin-left:auto;
	margin-right:auto;
	padding-left:0;
	width:100%;
	height:100%;
	background:url(../images/bg-body.gif) repeat-y;
}

.container-2side {
	margin-left:auto;
	margin-right:auto;
	padding-left:0;
	width:100%;
	height:100%;
}

#left_container_out{
	background:#ebf0f3;
	width:230px;
	border-right:1px solid #A6B4BD;
}

#left_container{
	background-color:#005BC0;
	width:160px;
	color:#FFF;
	border-right:3px solid #FFA800;	
}

#main_container{
	background-color:#FFFFFF;
	padding:0 20px 20px 20px;
	margin-top:15px;
}

#right_container_out{
	border-left:1px solid #A6B4BD;	
	width:230px;
}

#right_container{	
	
}

#top_bar{
	background:url(../images/bg_top.png) repeat-x;
	padding:7px 0;
	text-align:right;
	position:fixed;
	top:0;
	width:100%;
	z-index:5;
}
#top_bar div.top_bar_float{
	float: left;
    font-size: 11px;
    margin: 0 20px;
    padding: 7px 5px 6px;
}

.main {		background-color:#EEEEEE;	padding:5px 25px 20px 25px;}

.clear {	clear:both !important;}
.hidden {	display:none;}
.white{ color:#FFFFFF; }
.gray{ color:#999; }
.required{ color:#FF0000; }
.error {	color:#FF0000;	font-size:12px;	font-style:italic;}
textarea.error{ border:1px solid #F00;padding:2px; }
.text-center{text-align:center;}

.submit {	font-weight:bold;}
.submit:hover {	cursor:pointer;}

.bg-cyan {	background-color:#00FFFF;}
.bg-blue {	background-color:#00CCFF;}
.bg-green {	background-color:#00CC33;}
.bg-yellow {background-color:#FFFF66;}
.bg-orange {background-color:#FF8C00;}
.bg-tangerine {background-color:#FFA812;}
.bg-silver {background-color:#C9C0BB;}
.bg-dark{background-color:#19212A;}

.font-xsmall {font-size:11px;}
.font-small {font-size:12px;}
.font-med {font-size:14px;}
.editable_text, .editable_textarea, .editable_select {font-size:12px;font-family:Tahoma;}

.width-full {width:100%;}
.square-small {	width:45px;	height:45px;}
.square-med { width:85px;height:45px;}
.italic {font-style:italic;}

.roundcorner_all{-moz-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;behavior:url("border-radius.htc");}
.roundcorner_left{-moz-border-radius:15px 0px 0px 15px;border-radius:15px 0px 0px 15px;
	-webkit-border-radius:15px 0px 0px 15px;behavior:url(border-radius.htc);}
.roundcorner_right{-moz-border-radius:0px 15px 15px 0px;border-radius:0px 15px 15px 0px;
	-webkit-border-radius:0px 15px 15px 0px;behavior:url(border-radius.htc);}
.roundcorner_top{-moz-border-radius:15px 15px 0px 0px;border-radius:15px 15px 0px 0px;
	-webkit-border-radius:15px 15px 0px 0px;behavior:url(border-radius.htc);}
.roundcorner_bottom{-moz-border-radius:0px 0px 15px 15px;border-radius:0px 0px 15px 15px;
	-webkit-border-radius:0px 0px 15px 15px;behavior:url(border-radius.htc);}

.popup {
	position:fixed;
	z-index:1000;
	top:90px;
	left:680px;
	width:450px;
	background-color:#19212A;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	border:15px solid #181C21;
}
table.border{
	border:1px solid #999;
	border-collapse: collapse;
    border-spacing: 0;
}
.cellheading {
	padding:8px 5px 8px 5px;	
	font-weight:bold;
	color:#FFFFFF;
	border:1px solid #999;
	background-color:#005BC0;

}
.cellsubheading {
	background:url(../images/cellsubheading.png) repeat;
	padding:5px 5px 5px 5px;
	border:none;
	font-weight:bold;	
	border-bottom:1px solid #ccc;
	color:#333;
}

.cell {
	/*background:url(../images/cell.gif) repeat;*/
	padding:5px 5px 5px 5px;	
	border:1px solid #ccc;	
	background-color:#CCCCCC;
}
.cellfooter {
	background:url(../images/cellfooter.png) repeat;
	padding:5px 5px 5px 5px;
	border-right:1px solid #ccc;
	color:#FFF;
}
.tpl_mode_pre_output ul{	padding:0px 0px 0px 0px;}
.tpl_mode_pre_output ul li{	display:inline-block;	padding:10px 10px 10px 10px;	margin:0px 10px 0px 10px;	background-color:#FFFF00;}
.tpl_mode_pre_output ul li a{	padding:10px 10px 10px 10px;	}
.tpl_link_highlight {background-color:#0000FF;}
.tpl_container_highlight {border:3px solid #0000FF;}

table#plesk_input td{vertical-align:top;}
table.server_plesk_stat{/*font-size:10px;line-height:12px;*/}
table.server_plesk_stat td{vertical-align:top;background:#D1EFD6;padding:5px;}
table.server_plesk_stat table tr:hover td{background:#6CD599;cursor:pointer;}
.plan hr{
	border-bottom:1px solid #CCC;
}
.plan td{
	font-size:11px;
	font-family:Tahoma;
	padding:4px 10px 4px 0;
	vertical-align:top;
}
.plan .show,.plan .hide{
	color:#999;
	text-decoration:underline;
	cursor:pointer;
	background:url(../images/arrow-rb.gif) no-repeat;
	background-position:0 3px;
	padding-left:13px;
}
.plan .hide, .plan .info{
	display:none;
	background-position:0 -45px;
}
.plan .buttons{
	min-width:100px;
	font-family:Tahoma;
}
input:disabled,textarea:disabled{
	background:#EBEBE4;
	border:1px solid #A5ACB2;
	padding: 2px;
}
input.small{
	width:70px;
}
input.medium{
	width:200px;
}
/*** MAIN MENU ***/
.menuArea{
	margin:0;
	padding:0;
	display:inline-block;
	zoom:1; *display: inline;
}
.menu{
	float:left;
}
.menu a{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
.menu a:hover{
	color:#000000;	
}
.menu div{
	padding:3px 15px;
}
/*** PROJECT STATUS ***/
.statusArea{
	margin:20px 20px 0 20px;
	padding:0;
	float:left;
}
.status{
	float:left;
	width:80px;
	text-align:center;
	background:url(../images/bg_button.png) repeat-x;
}
.status a{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
.status a:hover div, .status a.active div{	
	background:#38454d;
}
.status div{
	padding:5px 0;
}
.statusArea .divider{
	float:left;
	background:#38454d;
	width:1px;
	height:24px;
}
.notification{
	background:url(../images/notification.png) no-repeat;
	width:15px;
	height:15px;
	text-align:center;
	float:left;
	margin-left:5px;
	font-size:10px;
	line-height:15px;
	color:#FFFFFF;
}

.nobg{
	background:none;
}

.login-error{
	border: 1px solid #FF4500;
	color: #FF4500;
	text-align: center;
}