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

/* GLOBAL LAYOUT */
html, body { height:100%; }
body {
	background: #DADADA url('../img/tawn_bg.jpg') repeat-x;
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}

#login { margin:0 auto; width:410px; height:410px; background:url('../img/login_bg.png') no-repeat; margin-top:100px; }
#login #logo { padding:55px 0px 10px 0px; text-align:center; }
#login #error { margin:0 auto; width:250px; color:#FFF; font-size:14px; text-align:center; }
#login #form { margin:0 auto; width:250px; padding:30px; }
#login .field label { color:#FFF; font-size:14px; }

form,table,th,tr,td { margin:0px; padding:0px; }
img { border:0px; }

/* LIST STYLES */
#crumbs { font-size:10px; font-weight:bold; }

/* DATA ROWS */

.title_row { text-transform:uppercase; font-weight:bold; color:#FFF; background-color: #E0DFE1; height:5px; border: 1px solid #CCC; border-bottom: 0px; display:block; clear:both; width:650px; }
.title_row li { display:block; float:left; text-align:left;  padding:0px 16px 0px 16px; }

.sub_title_row { width:858px;margin-top:30px;padding:10px; height:12px;color:#FFF;background:#2A4764; font-size:12px; }

.section_row { font-size:12px; background-color:#EEE; color: #333; font-weight:bold; display:block; clear:both; border: 1px solid #CCC; border-top:0px; height:48px; width:100%; margin:0px; }
.section_row:hover { cursor: pointer; background-color:#E9E9E9; }
.section_row ul { margin:0px; padding:0px; }
.section_row li { display:block; float:left; height:32px; padding:16px 16px 0px 6px; vertical-align:middle; Font-size:14px; }
.section_row li a { font-weight:bold; }
.section_row li a:hover {  }
.section_row li.icon { width:24px; float:right; padding:12px 16px 0px 0px; }
.section_row li.icon img { padding-top:0px; }
.section_row li.l_icon { width:24px; padding:12px 0px 0px 10px; }

.item_row { font-size:12px; background-color:#FFF; border: 1px solid #CCC; border-top:0px; min-height:48px; overflow:hidden; display:block; clear:both; width:100%; margin:0px; }
.item_row ul { margin:0px; padding:0px; }
.item_row li { display:block; float:left; padding:16px 16px 26px 16px; }
.item_row li a { font-weight:bold; }
.item_row li a:hover { }
.item_row li.icon { width:24px; float:right; padding:12px 16px 0px 0px; }
.item_row li.icon img { padding-top:0px; }
.item_row li.l_icon { width:24px; float:left; padding:12px 0px 0px 10px; }
.item_row a, .item_row a:hover { font-weight:bold; }


#list { width:100% }
#list_header { width:100%; }
#list_header a { color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; }
#list_header a:hover { color:#FFC430; font-size:11px; font-weight:bold; text-decoration:none; }
#list_header #left_cap { width:11px; height:32px; background:url('../img/hc_cap_left.png') no-repeat; float:left; }
#list_header #bar { width:898px ;height:32px; background: url('../img/btn_bg2.jpg') repeat-x; float:left; }
#list_header #bar h1 { font-size:14px; color: #FFF; font-weight:bold; text-decoration:none; display:block; width:100%; height:100%; margin-top:8px;  }
#list_header #bar input { margin-top: 5px; height:12px; }
#list_header #bar select { margin-top:7px; }
#list_header #bar a { margin-right:10px; }
#list_header #right_cap { width:11px; height:32px; background:url('../img/hc_cap_right.png') no-repeat; float:left;  }

.edit_link { float:right; }

#sub_details { clear:both; padding:30px; border:1px #CCC solid; width:868px; }

#list_search { border-right: 1px #333 solid; width:145px; float:left; margin-top:2px; }
input.search_text {	padding-left:20px; background-image: url(../ico/search.gif); background-repeat: no-repeat; background-position: 2px 0px; }
.search_text { font-size:10px; color:#738DA6; border:1px #333 solid; margin-right:10px; }

#list_filter { border-right: 1px #333 solid; float:left; padding-left:15px; padding-right:10px; }
#list_empty { width:918px; height:100px; text-align:center; padding-top:60px; border: 1px #CCC solid; clear:both; }

#show_page { border-left: 1px #333 solid; width:100px; float:right; padding-left:10px; text-align:right; }

#pager { border-left: 1px #333 solid; float:right; height:12px; text-align:left; padding:8px 20px 0px 20px; font-size:12px; }
#pager .strong {
	float:left;
	color:#C96C1C;
	vertical-align:top;
	padding:0px 5px 0px 5px;
	font-size:12px;
	margin-right:10px;
}
#pager a { float:left; vertical-align:top; padding:0px 5px 0px 5px; font-size:12px; margin-right:10px; }
#pager a:hover { font-size:12px; }
#pager a img { vertical-align:middle; }
#pager .bump { float:left; padding:0px 5px 0px 5px;  margin-right:10px; }

#page_error { border:1px #F7A408 solid; margin:0px 0px 30px 0px; padding:30px; width:590px; color:#F7A408; font-weight:bold; font-size:14px; background:#EEE; }
#sub_page_error { margin:0px; padding:0px; width:760px; color:#CC6600; font-weight:bold; }



/* HELPER CLASSES */

.strong { font-weight:bold; }
.left { float:left; text-align:left; }
.right { float:right; text-align:right; }
.clear { clear:both; }

.top { vertical-align:top; }
.fixed { width:auto; }
.cursor { cursor:pointer; }
.border { border: 1px solid #666; }
.lborder { border-left: 1px solid #666; }
.tborder { border-top: 1px solid #666; }
.rborder { border-right: 1px solid #666; }
.bborder { border-bottom: 1px solid #666; }
.error { color:#FC0; }

.red { color:#333; font-weight:bold; }

/* FORM CLASSES */

/*
.field { height:20px; margin:0px 0px 20px 0px; clear:both; }
.field label { width:100px; float:left; }
.field input, .field select { width:300px; float:left; }
.field .radio, .field .checkbox { width:300px; float:left; }
.field .radio label, .field .checkbox label { width:auto; float:left; padding:3px 10px 0px 5px; }
.field .radio input, .field .checkbox input { float:left; width:20px; }
*/

.textbox { color:#06C; font-size:14px; }

.file { color:#06C; width:500px; }

.btn { background: #313D44 url('../img/btn_bg2.jpg') 0 0 repeat-x; color:#FFF; border: 2px #FFF solid; outline:solid #000 1px; padding: 0px 10px 0px 10px; font-size:11px; font-weight:300; height:36px; text-transform:uppercase; vertical-align:top; }
.btn:hover { background: #313D44 url('../img/btn_bg3.jpg') repeat-x; border: 2px #FFF solid; outline:solid #000 1px; }

.sel_file, .sel_file:hover { margin-left:0px; height:47px; outline:0px; }


.field { min-height:30px; margin:0px 0px 20px 0px; clear:both; }
.field INPUT, .field TEXTAREA {
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#039;
	font-weight:normal;
	line-height:20px;
	padding:4px;
	width:98%;
	height:22px;
	outline:none;
}

.field .value { border:1px #CCC solid; background:url('../img/txt.jpg') repeat-x; padding:5px 10px 5px 10px; }
.field .value input { border:0px; background:transparent; padding:5px; width:100%; }
.field .value select { border:0px; background:transparent; padding:5px; width:100%; font-weight:normal; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#039; }
.field .value textarea { border:0px; background:transparent; padding:5px; width:100%; resize:vertical; }

.field .btn { width:42px; height:47px; border:0px; background:url('../ico/browse.gif'); }
.field .go { width:46px; height:32px; background:url('../ico/btn.gif'); color:#FFF; border:0px; font-size:12px; }
.field .sel { height:44px; background:url('../ico/btn_sel.gif'); }

.field input.login { height:37px; width:50px; }


.field label { display:block; font-weight:bold; margin-top:0px; margin-bottom:5px; color:#123; }
.field textarea { height:100px; width:98%; }
.field select.textbox { width:910px; }
.field .select { padding:0px; }

.field .radio { float:left; margin:15px 50px 15px 0px; }
.field .checkbox { clear:both; display:block; font-size:12px; margin:15px; }
.field .radio label { width:auto; float:left; padding:5px 10px 0px 5px; margin-right:20px; font-weight:bold; color:#039; vertical-align:top; }
.field .radio input { float:left; width:20px; padding:0px; border:0px; }

.field .checkbox label { width:auto; float:left; padding:2px 10px 10px 5px; margin-left:10px; font-weight:bold; color:#039; vertical-align:top; }
.field .checkbox input { float:left; width:20px; margin:0px; border:0px; }

.field input.short { width:550px; }
.field select.short { width:555px; }
.field textarea.short { width:550px; }
.field input.finder { width:435px; }


/* SELECTORS */

#wrapper { margin:0 auto; padding:0px; min-width:1000px; width:1000px; overflow:auto; margin-top:50px; }

#header { background:url('../img/header_bg.png') no-repeat; width:1000px; height:132px; }
#header #logo { padding:20px 0px 0px 40px; float:left; width:250px; }
#header #userpanel { float:right; width:250px; text-align:right; margin:55px 50px 0px 50px; color:#FFF; font-weight:bold;  }
#userpanel h1 { color:#FFF; display:inline; }
#userpanel a { color:#F7A408; }
#userpanel a:hover { color:#FFF; }

#nav { background:url('../img/nav_bg.png') no-repeat; width:1000px; height:30px; }
#nav ul { list-style:none; padding:0px; margin:0px; }
#nav ul li { float:left; height:30px;  border-right: 1px solid #FFF; }
#nav ul li a { display:block; width:100%; height:23px; font-size:13px; color:#FFF; font-weight:bold; text-transform:uppercase; margin:0px 15px 0px 15px; padding:7px 15px 0px 15px; }
#nav ul li a:hover { color:#F7A408; }
#nav ul li a.cur { color:#F7A408; }

#content { clear:both; background:url('../img/content_bg.png') repeat-y; padding:30px; overflow:auto; color:#333; font-size:14px; }

#info { display:inline; width:920px; padding-right:20px; vertical-align:top; float:left; }
#info h1 { display:inline; margin-bottom:5px; }
#info #edit { border:1px #EEE solid; padding:20px; }

#info .detail_edit { border:1px #EEE solid; padding:20px; margin-bottom:20px; }
.detail_edit .field { margin:0px; font-size: 12px; color:#039; }
.detail_edit .field  label { display:inline; margin-right:10px; font-size:12px; color:#333; }
.detail_edit .block { float:left; width:400px; margin-top:20px; }

#console { float:left; width:650px; }

#menu { display:inline; width:222px; padding-left:10px; margin-right:30px; vertical-align:top; float:right; }
#menu h2 { padding-bottom:5px; color:#999; font-size:18px; }
#menu ul { padding:0px; margin:0px; list-style:none; }
#menu ul li { height:60px; padding:0px; margin-bottom:5px; background:url('../img/btn_bg_over.png') no-repeat; }
#menu ul li:hover { background:url('../img/btn_bg.png') no-repeat; }

#menu ul li a { width:100%; height:100%; color:#EEE; font-size:14px; font-weight:bold; }
#menu ul li a #icon { float:left; width:48px; height:48px; padding:4px 0px 0px 10px; }
#menu ul li a #text { float:left; width:140px; height:48px; padding:18px 20px 0px 0px; text-align:right;  }
#crumbs { display:block; }

#buttons { margin:20px 0px 20px 0px; padding:20px 0px 20px 0px; clear:both; }
#buttons .btn { margin-right:20px; float:left;  }
#buttons form { display:inline; float:right; }

#footer { margin:0 auto; min-width:1000px; background:url('../img/footer_bg.png') no-repeat; width:1000px; height:30px; }
#credits { margin:10px auto; width:1000px; }
#credits a { color:#FFF; font-weight:bold; }


/* CONTENT MENUS */

.menu_item { margin:20px 0px 0px 0px; padding:10px 10px 30px 10px; width:300px; float:left; border-bottom:1px #EEE solid; height:50px; }
.menu_item .menu_icon { float:left; margin:10px 20px 10px 10px; width:50px; }
.menu_item .menu_content { float:left; width:210px; margin-top:15px; }
.menu_item .sub_text { font-size:11px; }
.menu_item h2 { margin:0px; padding:0px; }

.stat { height:10px; border-bottom: 1px #EEE solid; padding:5px 0px 5px 0px; margin:0px 0px 10px 0px; }
.stat label { float:left; width:180px; font-size:12px; color: #999; font-weight:bold; }
.stat .val { float:right; width:30px; text-align:right; font-size:12px; color:#333; font-weight:bold;  }