/*

	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; }
#wrapper{ width: 100%; float: left; min-width: 50em; }
.button{ width: 78px; height: 25px; background: url('/img/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('/img/button_bg.png') transparent left top no-repeat; font-weight: bold; color: #fff; font-size: 0.8em !important; border: none; cursor: pointer;} 



/* Main Layout Components -> Body */
body{ float: left; width: 100%; 
	background: url(/img/bg.jpg) repeat-x #EBF4FB;

}
.widget{ 

/* 	margin:40px 0 0 0; */
	min-height:200px;
	position:relative;
	width:98%;
	font-size: 76%;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: HelveticaNeue-Light,HelveticaNeue,Helvetica,Arial,sans-serif; 


 }
.widget h1 { font-weight: normal; font-size: 2.1em; 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: #3F5766; 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 th{ text-align: left; padding: 2px;color: #203a4c; }
.widget thead th a{ color: #eee; font-size: 1.0em; text-decoration: none; padding: 0 10px;}

/* Main Layout Components -> Tabelized Data */
.table_data{ width: 100%; color: #4b4c4d; float: left; font-size: 1.1em; margin: 0 0 4px 0; }
.table_data tr.even{ background-color: #dfe2e3; }
.table_data tr.odd{ background-color: #e8e8e8; }
.table_data td{ padding: 4px 2px 4px 13px; text-align: left; }
.table_data td a{ color: #4f738a; }
/* .table_data td a:hover{ color: #3F5766; } */
.table_data .large {font-size:1.1em;}
.table_data .larger {font-size:1.2em;}

/* 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('/img/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 !important;
#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('/img/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; top: -55px; right: 5px; 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('/img/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%; }

.btnDiv  {margin-top:3px; padding-left:15px; padding-top:5px; text-decoration:none;}
.btnHS	{margin-left:85px;margin-top:-22px;padding-left:15px;padding-top:5px;text-decoration:none;}

.btnDIVpreview {margin-top:3px; padding-left:15px; padding-top:5px; text-decoration:none;float:left;}
.btnHSpreview {margin-left:85px;margin-top:-17px;padding-left:15px;padding-top:5px;text-decoration:none;}


.btn { display: block; position: relative; background: #aaa; float:right; padding: 6px; color: #eee; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/img/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.orange { background: #FF771F; text-decoration: none;}
.btn.orangeS {background: #FF771F; height:45px;width:175px; text-decoration: none;}
.btn:hover { background-color: #2ae; text-decoration: none; color: white; }
.btn:active { background-color: #2ae; text-decoration: none;}
.btn[class] { background-image: url(/img/shade.png); background-position: bottom; text-decoration: none; color:white;}

.left {float:left !important;font-size: x-large; text-decoration: none;}