/*
	COPYRIGHT 2009 HTMLGRAPHIC
	This stylesheet is for all positioning of the main elements of the Admin page only
*/

@import url("/css/forms.css");

/*
GENERAL STYLES
*/

body{margin: 0 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
.error_alert { color: #FF0000; font-weight: bold; font-size: 14px; }
#userx, .signout{font-size:11px;}
#userx{margin-right: 4px; float: right; margin-top: 2px; width: auto;}
#logoutx{float:right; margin: -27px 10px 0 0; width:600px; text-align:right;}
#signout {border:#000 solid 1px; padding: 2px; background:#FFFFFF;  float:right; display:block; width:47px;}
#editaccount {border: #000 solid 1px; padding: 2px; background:#ffffff; float: right; display:block; width: 47px; margin-right:2px;}
.signout{color:#333333; text-decoration:none; font-weight:bold;}
h1, h2, h3, h4 {font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
h1 {background: #FFCC66; border-bottom:#CCCCCC solid 1px; height:24px; line-height:24px; font-size: 16px; padding: 0 0 0 5px; color:#333333; }
h2 {width: 400px; background-color: #FFCC99; font-size: 18px; border: 1px dashed #000; text-align: center;}
h3 {width: 625px; font-size: 16px; background-color: #fff; border-bottom:#FFCC66 solid 1px; }
h4 {width: 300px; font-size: 14px; background-color: #efefef; border: 1px solid #CBCBCB; padding:5px;}
h5 {width: auto; font-size: 12px; background-color: #efefef; border: 1px solid #CBCBCB; padding:4px;}
.note{ padding: 5px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:400px;}

.border { border: 1px solid #CCC;}

.row_A, .row_B, .row_A:hover, .row_B:hover, .row_Hover{font-size:12px; line-height:14px;}
.row_A {background-color: #F7F7F7;}
.row_B {background-color: #EFEFEF;}
.row_A:hover, .row_B:hover {background-color: #FFE4AE; cursor: pointer;}
.row_Hover {background-color: #FFE4AE; cursor: hand;}

div.sub_menu { margin-left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div.hiddendiv { display: none;}
div.showdiv {padding-left: 5px; display: block; padding-bottom:100px; float:left;}
div.cDspan { float: left; padding: 5px 5px 10px 5px;}
div.cDspan_sbm{ padding: 10px 150px 100px 150px; float: left;}

.alert{color: #FF0000; font-weight: bold;}


.page_ct{ width:550px;}

/* the following errors are used for the login container for errors */
.error_cont_home {cursor: pointer; position: absolute; z-index: 20; margin: 0 0 0 -325px; width: 540px; color: #CC0000; background: #FFFFCB; border-right: 1px solid #999; border-bottom: 1px solid #999;}
.error_cont_home a { color: #ff0000; }
.error_cont_home .inner {background: url("/images/error_bg.jpg") no-repeat; border: 1px solid #CC0000; min-height: 120px; height: auto!important;height: 120px}
.error_cont_home .inner img { margin: 0 5px 0 0; }
.error_cont_home .inner div { width: 330px; }
.error_cont_home .inner p { line-height: 16px; }
.error_cont_home .inner p.btm { font-size: 10px; line-height: 12px;}
.login_cont{position: absolute; z-index: 30; padding:0;}

.error_cont_page {position: relative; z-index: 20; width: 470px; color: #CC0000; background: #FFFFCB; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
.error_cont_page .inner {background: url("/images/error_bg_40.jpg") no-repeat; border: 1px solid #CC0000; min-height: 20px; height: auto!important;height: 20px; padding: 10px; }
.error_cont_page .inner img { margin: 0 5px 0 0; }
.error_cont_page .inner div { width: 330px; }
.error_cont_page .inner p { line-height: 16px; }
.error_cont_page .inner p.btm { font-size: 10px; line-height: 12px;}
.error_cont_page a { color: #ff0000; }

.success_cont_page {position: relative; z-index: 20; width: 470px; color: #006600; background: #efefef url(/images/success_cont_bg.jpg) repeat-x; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
.success_cont_page .border { border: 1px solid #009900; min-height: 20px; height: auto!important;height: 20px; }
.success_cont_page .inner {background: url("/images/success_bg_40.jpg") no-repeat left; border: 1px solid #fff; min-height: 20px; height: auto!important;height: 20px; padding: 10px; }
.success_cont_page .inner img { margin: 0 5px 0 0; }
.success_cont_page .inner div { width: 330px; }
.success_cont_page .inner p { line-height: 16px; }
.success_cont_page .inner p.btm { font-size: 10px; line-height: 12px;}
.success_cont_page a { color: #009900; }

#listedit_form{float:left;}
#success_form, #error_form{float:left; width:650px;}
	#success_form .success{color:#009900; font-size:1.6em; font-weight:normal;}
	#error_form .error{color: #900; font-size:1.6em; font-weight:normal;}
	
	
/*
SORTABLE TABLE COLUMN STYLES
*/
th, .list_head { font: 12px arial; cursor: pointer; font-weight:bold; padding: 4px; background:#EFEFEF; border-bottom: #CCCCCC solid 1px;  border-right: #fff solid 1px; text-align:left;} 
th a{text-decoration: underline; }
th.r, td.r { text-align: right; }
th:hover {background:#FFCC66;}
th.null:hover{background:#EFEFEF; cursor:default;}

table.tablesorter {}
table.tablesorter th:hover {background:#FFCC66;}
table.tablesorter th.null:hover{background:#EFEFEF;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th { min-width:20px;}
table.tablesorter thead tr .header {
	background-image: url(/images/sorter/small.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(/images/sorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/images/sorter/small_desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #FFCC66;
}