/* Screen style-sheet for WebFusion Control Panel
Author - Pipex Communications Hosting Ltd. (c)2006 Pipex Communications Hosting Ltd. 
Created Jan 2006 - TJS (Modified Nov 2006, TC) */

/* ******************************************************************* initialise */
.hide, .url { display: none; }
.show { display: inline; }  
a img { border: none;  } 
html { 
	height: 100%; 
	min-height: 100%;
}
body { 
	background-color: #fff; 
	color: #666; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 76%; 
	text-align : center; 
	height: 100%; 
	min-height: 100%; 
	margin-top: 0; 
	margin-bottom: 0;
} 
html > body { overflow: visible; }
 
/* div that everything sits in */
#container { 
	position: relative; 
	text-align: left; 
	width: 766px; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 0; 
	padding-top: 5px; 
	height: 100%; 
	min-height: 100%; 
} 
body > #container {
	height: auto;
}

/* ******************************************************************** typography  */
p, a, ul, li { 
	font-size: 1em;
}
p {
	margin: 0 0 0.9em 0;
}
  
/* ******************************************************************** linkology */
a { 
  font-size: 1em; 
  color: #63778D; 
  text-decoration: underline; 
}
a:hover { 
  color: #63778D; 
  text-decoration: none;
}
a:link {
  text-decoration: underline;
}
a:link:hover {
  text-decoration: none;
}
a:visited {
  text-decoration: underline;
  color: #666;
}
a:visited:hover {
  text-decoration: none;
  color: #666;
}

/* ******************************************************************** other components */
input[type="submit"] { /* CSS2 browsers only */
	background: url(/images/green_button_back.jpg) repeat-x green;
	color: #fff;
	font-weight: bold;
	border: 1px solid #666;
}
input.submit { /* reiterate for old school browsers */
	background: url(/images/green_button_back.jpg) repeat-x green;
	color: #fff;
	font-weight: bold;
	border: 1px solid #666;
} 
 
/* ******************************************************************** cp login screen */
body#loginscreen {
        background: url(/images/login_grad.jpg) repeat-x #dcedcb;
}
#loginscreen #container { /* center align */
	width: 440px;
	border: 0;
	height: 200px;
	min-height: 200px;
	margin-top: 75px;
}
#loginscreen #logintop {
	width: 436px;
	_width: 425px;
	height: 1px;
	background-color: #ccc;
}
#loginscreen #login {
	margin: 0;
	background: url(/images/login_grad_side.jpg) repeat-y right top white;
	width: 435px;
	border-left: 1px solid #ccc;
	padding: 5px;
}
* html #loginscreen #login {
	/* tan box hack */
	width: 445px;  
	width: 435px; 
}
#loginscreen #loginbottom {
	background: url(/images/login_grad_bottom.jpg) no-repeat top;
	height: 11px;
	width: 445px;
	_width: 430px;
	margin: 0;
	padding: 0;
}
/* login content */
#loginscreen #login .errormess {
	color: #69BA3F;
}
#loginscreen #login img { 
	margin-bottom: 1em; 
}
#loginscreen #login p {
	margin: 0 20px;
}

#title {
	width: 250px;
	padding-bottom: 0.5em;
}

#loginscreen #login form {
	margin-top: 10px;
	margin-left: 100px;
	width: 220px;
	text-align: center;
}
#loginscreen #username,
#loginscreen #password {
	height: 2em;
}
#loginscreen #username span,
#loginscreen #password span {
	display: block;
	float: left;
	font-weight: 800;
	color: #467D2A;
}
#loginscreen #username input,
#loginscreen #password input {
	display: block;
	float: right;
	width: 150px;
}
#loginscreen #remember {
	clear: both;
	height: 2em;
	margin: 0 0 10px 58px;
}
#loginscreen #email {
	height: 2em;
	padding: 10px 0 10px 10px;
}
#loginscreen #email input {
	width: 260px;
}
#loginscreen #submit {
	margin-left: 65px;
}
#loginscreen #submit input {
	width: 125px;

}
#loginscreen #forgotten 
{
	padding-top: 0.5em;
	margin-left: 65px;
}

/* the end */