/*

	Author: Jim Carter <jim@9meter.com> 
	Created: Tuesday 16 October, 2008
	Updated: Tuesday 24 October, 2008 @ 12:43p
	Title: CMS Default Stylesheet

*/

h1,h2,h3,h4,p,div,form,ul{ padding: 0; margin: 0; }
body{ background: #111; font: 0.8em Arial; margin: 0; padding: 0; }
/* body{ background: url('/images/background.gif') #222; font: 0.8em Arial; margin: 0; padding: 0; } */
#wrapper{ width: 100%; float: left; min-width: 50em; }
.button{ width: 78px; height: 25px; background: url('/images/button_bg.png') transparent left top no-repeat; font-weight: bold; color: #fff; font-size: 0.8em !important; border: none; cursor: pointer;} 
.buttonTop{ width: 78px; height: 25px; margin-top:10px;margin-right:10px; background: url('/images/button_bg.png') transparent left top no-repeat; font-weight: bold; color: #fff; font-size: 0.8em !important; border: none; cursor: pointer;} 

.req{color:#900000; padding-left:4px;font-size: small;}

/* Main Layout Components -> Header */
#header{ width: 100%; height: 57px; background: url('/images/header_bg.png') repeat-x; float: left; }
#header .left{ background: url('/images/header_bg_left.png') #090909 left top no-repeat; width: 8px; float: left; height: 37px; }
#header .center{ float: left; padding-top: 5px; width: 95%; }
#header .center #client_logo{ float: right; margin-top: 1px; margin-right: -20px; }
#header .center .navigation{ float: left; list-style: none; margin: 0; padding: 0; font-size: 1.4em; }
#header .center .navigation li{ float: left; margin: 0 0 0 10px; padding: 0; }
#header .center .navigation li a{ color: #fff; text-decoration: none; display: block; padding: 0 8px; }
#header .center .navigation li:hover{ background: url('/images/over_bg.png') right top no-repeat; }
#header .center .navigation li:hover a{ background: url('/images/over_bg_left.png') left top no-repeat; }
#header .center .navigation .selected{ background: url('/images/selected_bg.png') right top no-repeat; }
#header .center .navigation .selected a{ background: url('/images/selected_bg_left.png') no-repeat left top;  }

#header .center .subnavigation{ float: left; margin: 10px 0 0 10px; list-style: none; margin: 0; padding: 0; padding-left:100px;font-size: 1.2em; }
#header .center .subnavigation li{ float: left; margin: 0 0 0 10px; padding: 0; }
#header .center .subnavigation li a{ color: #fff; text-decoration: none; display: block; padding: 4px 8px; }
#header .center .subnavigation li .nolink{ color: #fff; text-decoration: none; display: block; padding: 4px 8px; }
#header .center .subnavigation li:hover{ text-decoration: underline; }
#header .center .subnavigation li:hover a{ text-decoration: underline; }
#header .center .subnavigation .selected{ text-decoration: underline; }
#header .center .subnavigation .selected a{ text-decoration: underline;  }

#header .right{ float: right; height: 37px; width: 8px; margin-top:-27px; }
/* #header .right{ float: right; height: 37px; width: 8px; margin-top:-27px;background: url('/images/header_bg_right.png') #090909 right top no-repeat; } */

/* Main Layout Components -> Body */
#body{ float: left; width: 100%; padding-top: 20px; }
.widget{ float: left; position: relative; background-color: #252525; border: 1px solid #333; margin: 40px 0px 0px 45px;width:800px;min-height:200px; }
.widget_small{ float: left; position: relative; background-color: #252525; border: 1px solid #333; margin: 40px 0px 0px 45px;width:800px;min-height:50px; }
.widget h1 { font-weight: normal; font-size: 2.2em; position: absolute; left: 0; top: -29px; color: #babbbb; }
.widget h3 { font-weight: normal; color: #babbbb; }



.manualAdd {margin-top: 15px;}
.manualAdd label {font-weight: bold;clear:both;}
.manualAdd input {clear:both;padding-top:5px;}

.thumb a:link {border:2px solid gray;}
.thumb a:hover {border:2px solid white;}


.widget h1 span{ color: #595c5d; }

.widget thead{ width: 100%; background-color: #616161; repeat-x; padding: 3px 0 3px 0; border-bottom: 2px solid #4b4a4a; position: relative; }
.widget thead .toolbar_search{ position: absolute; right: 0; top: 0px;}
.widget thead .toolbar_search .search{ background: url('/images/toolbar_search.png') left top no-repeat; border: 0; padding: 4px 6px; color: #ccc; }
.widget thead th{ text-align: left; padding: 2px; }
.widget thead th a{ color: #3b3c3c; font-size: 1.3em; text-decoration: none; padding: 0 10px;}

/* Main Layout Components -> Tabelized Data */
.table_data{ width: 100%; color: #4b4c4d; float: left; font-size: 1.1em; }
.table_data tr.even, .table_data td.even{ background-color: #888; }
.table_data tr.odd, .table_data td.odd{ background-color: #999; }
.table_data td{ padding: 4px 2px 4px 13px; text-align: left; }
.table_data td a{ color: #111; }
.table_data td a:hover{ color: #444; }

/* Main Layout Components -> Delete/Approve/Pagination Links */
.pagination{ margin: 0 auto; font-size: 1.2em; padding: 5px; color: #fff; width: 100%; text-align: center; }
.pagination a{ color: #aaa; text-decoration: none; }


/* Page Specific -> Login */
#login_box{ width: 387px;	height: 145px; padding: 5px; background: url('/images/login_box_bg.png') left top; margin: 175px auto; position: relative; clear: both; }
#login_box #box_header{ width: 377px; padding: 5px 5px 0 5px; float: left; height: 40px; }
#login_box #box_header h1{ float: left; font-size: 1.7em; font-weight: bold; color: #fff; font-weight: normal; }
#login_box #box_header #help{ float: right; border: none; margin-top:-20px; }
#login_box #box_header #help_box{ position: absolute; width: 178px; padding: 8px; height: 107px; right: -205px; top: -100px; background: url('/images/help_box_bg.png') no-repeat; color: #fff; text-align: center; display: none; }
#login_box form{ width: 343px; float: left; margin-left: 20px; }
#login_box label{ width: 75px; text-align: right; float: left; margin-right: 5px; font-weight: bold; color: #fff; padding-top: 5px; font-size: 1.1em; }
#login_box .text_input{ width: 253px; height: 18px; background: url('/images/rounded_input.png') no-repeat left top transparent; border: none; padding: 5px; font-size: 1em; color: #666; float: left; }
#login_box #submit{ width: 78px; height: 25px; font-weight: bold; color: #fff; font-size: 0.9em; border: none; padding-bottom: 5px; float: right; margin-top: 5px; }
#login_box #client_logo{ position: absolute; right:-18px;top:-48px; display:block;}
#login_box #submit:hover{  cursor: pointer; }
#login_box .login_error {margin-left:10px; margin-top:5px;padding-left: 25px; font-size:110%; padding-top:2px;background: url('/images/icons/error.png') 5px 1px no-repeat; color:#fff; font-weight: bold;}


/* Page Specific -> Home */
#stats{ }
#stats #chart{ margin: 5px; float: left; background: url('/rock/imagesicons//chart_icon.png') #9f9f9f center no-repeat; height: 137px; width: 240px; }
#stats #numbers{ height: 137px; width:300px;float: left; margin: 5px 6px 5px 0px; }
#stats #numbers h2{ font-size: 2em; margin-bottom: 10px; font-weight: normal; color: #878888; border-bottom: 1px dotted #333; }
#stats #numbers ul{ margin-left: 20px; list-style: none; font-size: 1.5em; color: #6a6f72; }
#stats #numbers ul li span{ color: #fff; }

/* Page Specific -> Settings */
#settings{ width: 60%; }


input, textarea, select{
	font-family: Arial, Lucida Sans;
	font-size: 12px;
	color: #333;
	padding: 2px;
}