@import(surface.inc.css);
@import(login.inc.css);


body {
	margin: 0px;
	padding: 0px;
	font: 9pt Verdana;
	background: #fff;
	overflow: visible;
}
 h3 {
	margin: 0px;	
 }
#head, #body {
	overflow: visible;
}


#head .title {
	width: 100%;
	height: 78px;
	background: #000 url("../images/title.jpg") repeat-x;
}

#head .title a {
	display: block;
	width: 80px;
	height: 78px;
	float: left;
	background: #000 url("../images/breeze.jpg") no-repeat;
}
.main {
	padding-left: 0px;
	float: left;
	width: 100%;
	height: 68px;
	overflow: visible;
	background: #000 url("../images/menu.jpg") no-repeat top left;
 }
.main ul.x-menu  {
	overflow: visible;	
	height: 30px;
	float: left;
 }
 
.main .x-menu ul {
	overflow: visible;
	background: url("../images/menuItem.png") no-repeat;
	border: solid   1px #fff;
	padding: 5px 0px 5px 0px;
 }
 

 .main li.x-hover,
 .main a:hover {
	background:  url("../images/over.png") no-repeat;
	color: #000;
 }
.main ul.x-menu li, 
.logout {
	font: 10pt Tahoma;
	padding: 7px 15px 20px 15px;
 }
.main ul.x-menu li li {
	padding: 3px 10px 3px 10px;
	width: 100px;
 }
.main li a,
.logout {
	color: #fff;
	text-decoration: none;
	display: block	
 }
 .logout{
	margin-left: 5px;
	float: left;	
 }
 
#head .crumbs {
	clear: both;
	margin: 0px 15px 0px 15px;
	color: #fff;
	background: transparent;
	float: left;
 }
 #head  a.node {
	color: #fff;
	text-decoration: none;	
 }
 
 .error { color: #ff0000; }
.flow {
	overflow: hidden;
	float: left;	
}

.content {
	overflow: visible;
	float:left;
	margin: 25px 0px 0px 10px;
	min-height: 600px;
}
.content h2 {
	padding: 3px 5px 3px 5px;
	margin: 0;
}

#sideKickPanel {
	float: left;
	width: 171px;
	margin: 25px 0px 0px 10px;
	overflow: hidden;
	height: 600px;
}
#sideKickPanel h3,
.glassEffect {
	height: 24px;
	padding: 3px 5px 3px 10px;
	color: #fff;
	font: normal 10pt Tahoma;
}

#sideKickPanel h3 {
	background: url("../images/sidePanelTitle.gif") no-repeat top left;
	width: 171px;	
}

.glassEffect {
	background: url("../images/miniTitle.gif") repeat-x top left;
}

#footer {
	height: 75px;
	width: 100%;
	display: block;
	background: #ccc;
	left: 0px;
	position: relative;
	float: left;

}

.form label {
	display: block;
	float: left;
	width: 150px;	
}
.form div {
	margin: 5px;	
}

input.glassButton {
	background: url("../images/layout/button.gif") no-repeat top center;
	font: 10pt Tahoma;
	display: block;
	border: none;
	width: 83px;
	height: 20px;
}
input.glassButtonOv {
	background: url("../images/layout/buttonOv.gif") no-repeat top center;
}
input.glassButtonDn {
	background: url("../images/layout/buttonDn.gif") no-repeat top center;
}

#basic {
	width: 610px;
	height: 163px;
	margin: auto;
	position: absolute;
	padding: 50px 0px 50px 75px;
}

#basic .x-login {
	overflow: visible;
	border: solid 1px #666;
	height: 160px;
	width: 535px;
	background: #eee;
	
}
#basic .x-login h3 {
	background: url("../images/miniTitle.gif") repeat-x top left;
	margin: 0px 0px 10px 25px;
	padding: 3px 3px 3px 5px;
	padding-left: 5px;
	width: 475px;
	display: block;
	color: #fff;
}
#basic .x-login label {
	width: 100px;
	display: block;
	float: left;	
}
#basic .x-login  div {
	display: block;
	overflow: visible;
	float: right;
	height: 25px;
	width: 350px;
	clear: both;	
}
#basic .x-login input {
	display: block;	
	float: left;
}
#basic .x-login .rememberMeDiv  {
	margin: 10px 0px 10px 55px;
}
#basic .x-login .rememberMeDiv label {
	width: 300px;	
}
#basic .x-login .failureDiv {
	float: left;
	clear: none;
	left: 50px;
	width: 200px;
	position: relative;
	color: #ff0000;
}
#basic .x-login .submitDiv {
	width: 200px;
}