/*  PROJECT NAME:          essco controls admin	 */
	
	
	/* SMALL RESET */

* { margin:0; padding:0; }
img { border:0; }
a { outline:0; color:#000000; }
a:hover { text-decoration:none; }
ul { list-style:none; }
html, body { width:100%; height:100%; text-align:center; font-family:"Times New Roman"; font-size:16px; }
input, button, select { font-family:"Times New Roman"; font-size:12px; }

	/* ALL THE OTHERS */
	
.fl { float:left; }
.fr { float:right; }
	
div.login { width:250px; height:200px; margin:-130px 0 0 -155px; text-align:left; position:absolute; top:50%; left:50%; border:1px solid #999999; background:#dddddd; padding:30px; -moz-border-radius:10px; -webkit-border-radius:10px; }
	.login span { font-size:22px; color:#555555; clear:left; float:left; }
	.login input { font-size:20px; padding:3px; margin-bottom:20px; width:240px; color:#444444; background:#ffffff; border:1px solid #888888; }
	.login button { padding:10px 20px 10px 20px; background:#999999; color:#dddddd; font-size:20px; border:1px solid #aaaaaa; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; }
	.login p { font-size:12px; color:#000000; }
	.login a { font-size:14px; color:#444444; margin-left:10px; }
	
div.clear{ height:20px; width:100%; float:left; }
div.center { width:900px; margin:0 auto; }
div.wrapper { width:900px; float:left; background:#eeeeee; border:2px dotted #777777; margin:15px 0 15px 0; text-align:left; }
h1.logo { font-size:50px; color:#777777; width:97%; padding:10px 0 10px 3%; border-bottom:2px dotted #777777; }
	.logo a { font-size:16px; text-decoration:none; float:right; color:#000000; margin:20px 20px 0 0; }
	.logo a:hover { color:#999999; }
div.left { float:left; width:218px; padding:0 15px 40px 15px; border-right:2px dotted #777777; }
div.right { float:right; width:620px; padding:15px; }

	.left h3 { float:left; width:215px; border-bottom:1px dotted #777777; padding-left:3px; margin:20px 0 5px 0; color:#444444; }
	.left a { width:210px; float:left; text-decoration:none; color:#000000; margin:1px 0 1px 0; padding-left:8px; }
	.left a:hover, .left a.active { color:#3333ff; }
	
	.right h1 { color:#444444; font-size:22px; clear:both; margin-bottom:20px; }
	
div.row { float:left; padding:10px; margin:0 0 15px 0; border:1px dotted #777777; clear:left; width:598px; background:#dddddd; }
	.row span { float:left; width:120px; }
	.row input, .row textarea, .row select { float:left; background:#ffffff; border:1px solid #888888; padding:2px; width:270px; }
	.row textarea { height:70px; }
	.row option { padding-left:4px; }
	.row p { float:left; width:170px; margin-left:10px; color:#ff0000; font-weight:bold; font-size:14px; }
	.right button { float:left; padding:5px; }
	
div.success { border:1px dotted #00ff00; background:#ccffcc; }
div.error { border:1px dotted #ff0000; background:#ffcccc; }

table.panels { width:610px; border:1px dotted #999999; border-right:0; border-bottom:0; background:#ffffff; text-align:center; border-collapse:collapse; }
	.panels td { border-right:1px dotted #999999; border-bottom:1px dotted #999999; padding:10px; }
	.panels td.text { text-align:left; }
	.panels td.text a { border-top:1px dotted #999999; width:100%; float:left; margin-top:15px; }
	tr.th { font-weight:bold; }
	
ul.list { font-size:12px; float:left; padding-bottom:20px; background:#ffffff; border:1px dotted #999999; padding:15px; }
	.list ul { padding:0 0 0 15px; }
	.list li { padding:3px 0 3px 0; }
	.list li.manuf a { font-weight:bold; color:#ff0000; margin-left:20px; }
	.list li.manuf a:hover { color:#646567; }
	.list a { text-decoration:none; padding:0 2px 0 2px; color:#000000; }
	.list a:hover { color:#888888; }
	.list img { margin-right:10px; }

a.button { float:left; text-decoration:none; font-weight:bold; color:#000000; border:1px dotted #999999; background:#cccccc; padding:5px 10px 5px 10px; margin-top:20px; }
a.button:hover { color:#555555; }
a.cat { float:left; clear:left; }
a.fr { float:right; margin:0; }

div.prompt { width:300px; height:100px; position:absolute; text-align:center; border:1px solid #000000; top:50%; left:50%; margin:-50px 0 0 -150px; background:#dddddd; display:none; }
	.prompt a.x { float:right; padding:0 3px 0 3px; border-left:1px solid #000000; border-bottom:1px solid #000000; text-decoration:none; background:#ffffff; }
	.prompt p { float:left; margin-top:20px; width:100%;}
	.prompt p a { margin:0 10px 0 10px; }

div.add { float:right; margin-left:5px; width:420px; display:inline; }
	.add .row { width:405px; padding:8px; }
	.add h3 { text-align:right; border-bottom:1px dotted #999999; margin-bottom:10px; }
	.add p { margin:0; }
	
div.select { float:right; margin-right:25px; }
	.select select { padding:2px; }
	.select span { font-weight:bold; }
	
table.under { float:right; margin-top:20px; width:auto; }
	.under tr { display:none; }

div.lost { width:400px; margin:-55px 0 0 -230px; text-align:left; position:absolute; top:50%; left:50%; border:1px solid #999999; background:#dddddd; padding:30px; -moz-border-radius:10px; -webkit-border-radius:10px; }
	.lost span { float:left; margin:3px 30px 0 0; font-size:22px; color:#555555; }
	.lost input { float:left; font-size:20px; color:#444444; background:#ffffff; border:1px solid #888888; padding:3px; }
	.lost button { float:left; margin-left:20px; padding:2px 5px 2px 5px; background:#999999; color:#dddddd; font-size:20px; border:1px solid #aaaaaa; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; }
	.lost p { clear:both; text-align:center; padding-top:20px; color:#ff0000; font-weight:bold; }