@charset "utf-8";
/* CSS Document */

body, html { background: #d3d5d5; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

/* Login Section(Page) */
.lsplitter { background: url(../images/login-bg.png) #3e3e3e; } 
.login { background: #FFF; }
	.login h2 { text-align:center; }
	.login .error { color: #C30; font-weight: bold; }
	.login a { color: #06C; text-decoration: none; }
		.login a:hover { color: #039; }
	.login .split { background: #ececec;}

/* Header Setup */
header { background: #1e1e1e; }
	header .logo a { background: #3e3e3e; height: 110px; width: 300px; }
	
	header nav { background: #FFFFFF;  border-bottom: 2px solid #09F;}
		header nav > ul li { border-right: 1px solid #efefef; }
		header nav > ul li.right { border-right: none; border-left: 1px solid #efefef; }
		header nav > ul li:hover { background: #ececec; }
			header nav ul li a { color: #2e2e2e; text-decoration: none; }
				header nav ul li a:hover {  }
		/* Sub Nav */
		header nav > ul li > ul { background: #ececec; box-shadow: #3e3e3e 0px 3px 10px -3px;  }
			header nav > ul li > ul li { border: none; }
			header nav > ul li > ul li:hover { background: #3e3e3e; }
				header nav > ul li > ul li:hover a { color: #FFFFFF; } 

	/* Header Section Mobile Transition */
@media all and (max-width: 700px) {
	header nav > ul li.right { border: none; }
}
@media all and (max-width: 600px) {
	header nav {  }
	nav > a { background: #000;  }
	nav ul, nav:active ul { background: #fff;border: 5px solid #444; }
	header nav > ul > .left, header nav > ul > .right { float:none; }
}

/* Body Setup */
.fixed { }

.body { }
	/* Main Containers Setup for Spacing and Background */
	.body .container { background: #FFFFFF; box-shadow: #3e3e3e 0px 0px 10px -5px;  }
		/* Default Setup */
		.body h1 {background: #efefef;}
		/* Table Default */
		.body table {}
			.body table th { background: #cecece; border-right: 1px solid #FFFFFF; }
			.body table td { background: #f3f3f3; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }	
			.body table tr td:last-child, .body table tr th:last-child { border-right: none; }
	/* Footer in Body */
	.body > footer { font-size: 12px; font-weight: bold; border-top: 2px solid #cecece; }
		.body > footer span { font-weight: normal; color: #C30; }