/************************************************************************/	
/************************** BASIC HTML ELEMENTS *************************/
/************************************************************************/	


/* ---------- don't edit collapse defaults*/
div, span 		{margin:0; padding:0; }
a, a img, img 	{border:0; outline-style:none; outline-width:0px;}
table, th, td 	{border-collapse:collapse; border:solid 1px #666;}

/* ----- headlines -----------------------*/
h1, h1 a, a h1 {font-size:24px; color:#336699; line-height:normal; letter-spacing:0; margin-top:0px; margin-bottom:12px;}
h2, h2 a, a h2 {font-size:20px; color:#333333; line-height:normal; letter-spacing:0; margin-top:5px; margin-bottom:10px;}
h3, h3 a, a h3 {font-size:18px; color:#336699; line-height:normal; letter-spacing:0; margin-top:5px; margin-bottom:9px;}
h4, h4 a, a h4 {font-size:16px; color:#333333; line-height:normal; letter-spacing:0; margin-top:4px; margin-bottom:8px;}
h5, h5 a, a h5 {font-size:14px; color:#666666; margin-top:4px; margin-bottom:6px;}
h6, h6 a, a h6 {font-size:12px; color:#000000; margin-top:3px; margin-bottom:6px;}
/* note: declare link attributes for headlines - since  */
/* tools arbitrarily put links inside or outside h tags */


/* ----- links --------------------------*/
a {
	color:#0066FF;
	text-decoration:none;
}
a:hover {
	color:#33CC66;
	text-decoration:underline;
}





/* tables we build - with class of "table_style" applied to table or span wrapper */
span.table_style table, 
span.table_style table th, 
span.table_style table td,
table.table_style, 
table.table_style th, 
table.table_style td {
	border-color:#F00;

}
span.table_style table, 
table.table_style {
	width:100%;

}

table.table_style th,
span.table_style table th {
	background: #99CCCC;
	vertical-align:bottom;
}
table.table_style td,
span.table_style table td {
	vertical-align:top;
}		
















/* tables on shadowed box */
DIV.table_shadow {		
	width:898px;
	background-image:url(/images/table_shadow_bg_bottom.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin:20px 0 0 -8px;
}

DIV.table_shadow h3 {
	display:block;
	width:898px;
	margin:0 !important;
	padding:17px 0 0 0;
	background-image:url(/images/table_shadow_bg_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0;
	color:#325269;
	text-align:center;
}
DIV.table_shadow h4 {
	color:#333;
}
DIV.table_shadow strong {
	color:#333;
}
DIV.table_shadow table {
	margin:10px 0 32px 23px;
	width:850px;
}
DIV.table_shadow table td {
	padding:4px 10px 4px 10px;
	border:solid 1px #CCC;
	background:#FFF;
	color:#000;
	text-align:center;
}
DIV.table_shadow table th {
	padding:4px 10px 4px 10px;
	border:solid 1px #CCC;
	background:#5386AC;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:4px 10px 4px 10px;
	border:solid 1px #CCC;
	font-size:11px;
	vertical-align:bottom;
	text-align:center;
}
DIV.table_shadow table tr.odd td {
	background:#F0F7FB;
}
DIV.table_shadow table tr.divider td {
	background:#DADEE4;
	border-left:solid 1px #DADEE4;
	border-right:solid 1px #DADEE4;
	height:12px;
	font-size:8px;
	padding:0;
}
DIV.table_shadow.centered table td {
	text-align:center;
}
























/* tables user builds - those inside a content area span */
span.content_area_wrapper span table, 
span.content_area_wrapper span table th, 
span.content_area_wrapper span table td,
span.content_area_wrapper table, 
span.content_area_wrapper table th, 
span.content_area_wrapper table td {
	border-color:#000;
	background:#FFF;

}
span.content_area_wrapper span table, 
span.content_area_wrapper table {
	width:779px;
	margin-left:

}
span.content_area_wrapper table th,
span.content_area span table th {
	background:#CCC;
	vertical-align:bottom;
}
span.content_area_wrapper table td,
span.content_area_wrapper span table td {
	vertical-align:center;
	padding:2px;
	color:#000000;
	font-size:13px;
	letter-spacing:0;
}		


span.content_area_wrapper span table td h3 {
	color:#000;
	background: #DDEDFA;
	font-size:14px;
	display:block;
	text-align:center;
	margin:-2px;
	padding:4px;
}		
span.content_area_wrapper span table td h4 {
	font-weight:bold;
	font-size:13px;
	padding:4px;
	letter-spacing:0;
}
span.content_area_wrapper span table td h5, 
span.content_area_wrapper span table td h6 {
	color:#000;
	font-size:12px;
	margin:0;
	padding:0;
	line-height:normal;
}

/*************************************************************************/	
/********************************** FORMS ********************************/
/*************************************************************************/


/* ALL FORM STYLING BELOW ASSUMES YOU WILL WRAP THE FORM IN A THIS SPAN "<span class="form_style"></span>" OTHERWISE SITE USES BROWSER DEFAULTS */


/* labels - assumes label is on left of input, or specify on the container span - e.g. <span class="form_style labels_left"></span> */
span.form_style {
	width:400px;
	display:block;
	margin:10px 0 25px 40px;
	line-height:170%;
}

span.form_style label {
	color:#222; /* have label text a hair lighter than black helps guide the eye */
	font-weight:bold;
	display:inline-block;
	width:150px;
	vertical-align:top;
	margin:7px 2px 1px 0; /* use right margin for space between label and input, use bottom margin to vertically space out lines of form */
	padding:0;
	line-height:normal;
}


/* set default styles on form elements - all widths default to "medium", which assumes full width of a single column */
span.form_style input, 
span.form_style input.medium,
span.form_style select, 
span.form_style textarea  {
	border:solid 1px #AAA;
	margin:0 0 4px 0;
	padding:3px 2px 3px 2px;
	width:200px;
	font-size:11px;
	line-height:normal;
	font:Arial, Helvetica, sans-serif; /* good to declare since some buttons and Safari inputs use Tahoma, etc. by default */
}
span.form_style input.checkbox, 
span.form_style input.radio  {
	width:auto;
	border:none;
}
span.form_style input.file  {
	background:#EEE;
}


span.form_style.labels_top input {
	margin:0 0 3px 0;
}

/* selects are about 5px wider than input to line up */
span.form_style select, span.form_style select.medium {
	width:205px;
}

span.form_style textarea, span.form_style textarea.medium {
	overflow-x:hidden; /* turn off bottom scrollbar by default, some browsers put it in if narrow textarea */
	overflow-y:auto; /* let it scroll vertically if necessary */
	height:80px;
}

/* if you apply a class of "short" to an input, assumes half a column width, select and textarea adjusted a few pix */
span.form_style input.short {
	width:100px;
}
span.form_style select.short {
	width:103px;
}
span.form_style select.short {
	width:97px;
}

/* if you apply a class of "long" to an input, assumes a double column width (or a span), select and textarea adjusted a few pix */
span.form_style input.long {
	width:400px;
}
span.form_style select.long {
	width:403px;
}
span.form_style select.long {
	width:397px;
}

/* make sure checkboxes and radio buttons don't get width setting for other input items */
span.form_style checkbox, span.form_style radio {
	width:auto;
	height:auto;
}

/* buttons */
span.form_style input.button, 
span.form_style button.button
span.form_style a.button {
	border:solid 1px #AAA;
	background-color:#DDD;
	width:auto;
	padding:1px;
	font-weight:bold;
	color:#222;
	margin-top:2px;
	font:Arial, Helvetica, sans-serif; /* good to declare since some buttons and Safari inputs use Tahoma, etc. by default */
}
span.form_style input:hover.button,
span.form_style button:hover.button 
span.form_style a:hover.button {
	border:solid 1px #777;
	background-color:#BBB;
}


span.form_style a.button { /* an href with a class of "button" looks exactly like a button - no need for javascript on button to use it as a link */
	display:inline-block;
	border:solid 1px #AAA;
	background-color:#DDD;
	width:auto;
	padding:0 3px 0 3px;
	font-weight:bold;
	color:#222;
	margin-top:2px;
	height:17px;
}
span.form_style a:hover.button { /* an href with a class of "button" looks exactly like a button - no need for javascript on button to use it as a link */
	text-decoration:none;
		border:solid 1px #777;
	background-color:#BBB;
}
span.form_style label a {
	font-size:10px; 
	font-weight:normal; 
	line-height:10px;
	margin-left:10px;
	color: #006699;
	letter-spacing:0;
}




/*************************************************************************/	
/*************************** BODY CONTENT/STRUCTURE **********************/
/*************************************************************************/


body 	{background-color:#DDDDDD; margin:0; padding:0;}

#container {	
	text-align:left;
	border:solid 1px #000000;
	border-top:none;
	/* cross-browser hack to center div */
	margin-left:auto; 
	margin-right:auto; 
	/**/
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-style: normal;	
	line-height:150%;
	font-weight: normal; 
	font-variant: normal; 
	color:#000000;
	overflow:hidden;
	

}
#header {

}
/* header logo link */
#adminHeader  a#logo_link, #header a#logo_link {
	display:block;
	height:100%;
	width:500px;
	margin:0px 0 0 42px;
}
#adminHeader  a#logo_link span, #header a#logo_link span {
	display:none;
}
#headerContent {
	margin:24px 24px 24px 24px;
	padding:24px 24px 24px 24px;
	color:#99FFFF;
	font:bold 16px/150% Arial, Helvetica, sans-serif; 
	border:solid 1px #CCCCCC;
}
#crumb{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-style: normal;	
	line-height:150%;
	font-weight: normal; 
	font-variant: normal; 
	color:#000000; 
}
#pageBody {
	margin:40px;
	/*border:dashed 1px #DDD;*/
	/* cross-browser hack to set minimum height for page body */
	min-height:360px;
	height:auto !important;
	height:360px;
}

#pageBody ul{
	list-style-type:disc;
	margin-top:3px;
}

#pageBodyTable	{
	width:100%;
	background-image:url(/images/menu_bg_vert.jpg); /* put bg behind entire table to bridge rowspan to */
	background-position:top;
	background-repeat:repeat-x;
	background-color:#F4F4F4;

}
#pageBodyMenuTD{
	width:200px;

}
#pageBodyContentTD{
	background:#FFF;

}
#footer {
	/* cross-browser hack to center div */
	margin-left:auto; 
	margin-right:auto; 
}
#footerContent {
	text-align:center;
}

/*************************************************************************/	
/*************************** INDIVIDUAL PAGES ****************************/
/*************************************************************************/

/* ------HOME PAGE-----*/
DIV#TICKER {
	margin:30px 0 10px 50px;
	width:786px;
	height:30px;
	overflow:hidden;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
}
DIV#TICKER A {
	text-decoration:none;
}
DIV#TICKER TABLE TD { 
	border:solid 1px #FFF;
}
DIV#container.page_11 SPAN.list_item SPAN.thumb {
	margin:0 10px 12px 0;
}
DIV#container.page_11 SPAN.list_item SPAN.thumb IMG.thumb {
	border:solid 1px #BBB;
}

 
/********** Controls **************/

/* Toggle Arrow Control */

a.toggleArrow {
	width:16px;
	height:16px;
	padding:0;
	margin:0;
	display:inline-block;
	vertical-align:middle;
	background:url(/images/icons/toggleArrow.gif);
	background-repeat:repeat-y;
	background-position:0px 0px;
	font-size:1px;
	text-decoration:none;
	text-indent:20px;
	overflow:hidden;
}

/* Buttons */

.loginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:65px !important;
	margin:0 10px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.loginBtn:hover {
	background-color:#ECEFF2;
}

.forgotBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:155px !important;
	margin:0 10px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.forgotBtn:hover {
	background-color:#ECEFF2;
}

.findPasswordBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:152px !important;
	margin:0 10px 0 0;
	padding:0 24px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.findPasswordBtn:hover {
	background-color:#ECEFF2;
}

.returnLoginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:150px !important;
	margin:0 10px 0 0;
	padding:0 24px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.returnLoginBtn:hover {
	background-color:#ECEFF2;
}

/************* EDIT DIVS (WITHIN DISPLAY PAGES) ************/


.loginTable {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-style: normal;	
	line-height:150%;
	font-weight: normal; 
	font-variant: normal; 
	color:#000000; 
}
.loginTable td {
	vertical-align:middle;
	padding:0 3px 8px 0;
}
.loginTableLabelTD {
	text-align:left;
	font-weight:bold;
	color:#393939;
}
.loginTableColumnInput {
	width:245px;
	height:20px;
	margin:0;
	padding:0 1px 0 1px;
	border:solid 1px #AAAAAA;
	font-size:14px;
	letter-spacing:0;
}

.basicTable {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-style: normal;	
	line-height:150%;
	font-weight: normal; 
	font-variant: normal; 
	color:#000000; 
}
.basicTable td {
	vertical-align:middle;
	padding:0 3px 8px 0;
}
.basicTableLabelTD {
	text-align:left;
	font-weight:bold;
	color:#393939;
}

.adminAddBtn {
	background-image: url(/images/admin/add.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	margin:0 10px 0 0;
	padding:0 24px 0 0;
	text-align:left;
	font-weight:bold;
	color:#333;
}
.adminAddBtn:hover {
	background-color:#ECEFF2;
}

.adminImageBtn {
	background-image: url(/images/admin/image.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	margin:0 3px 0 0;
	padding:0 10px 0 0;
	text-align:left;
	font-weight:bold;
	color:#FFF;
}
.adminImageBtn:hover {
	background-color:#ECEFF2;
}


/*************************************************************************/	
/************************ FORMS - class="form_style" *********************/
/*************************************************************************/
* --- FORMS --- */
span.form_style {			 border: solid 1px red;
	display:inline-block;
}
span.form_style label {				
	display:inline-block;
	color:#333;
	margin:0 0 0 0;
	vertical-align:middle;
	font-weight:bold;
}
span.form_style input,
span.form_style button {				
	margin:1px 0 6px 0;
	border:solid 1px #999;
	padding:1px 2px 1px 2px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;

}
span.form_style input.button,
span.form_style button.button {				
	width:auto;
	padding:0 2px 1px 2px; /* see safari hack */
	height:18px;
	line-height:120%;
	font-weight:normal;
	margin:0 3px 6px 0;
}
span.form_style input:hover.button 
span.form_style button:hover.button  {				
	background:#999;
}
span.form_style.labels_left label, label.labels_left {				
	text-align:right;
	width:100px;
}
span.form_style.labels_top label, label.labels_top {				
	display:block;
	text-align:left;
	margin-bottom:0;
}

span.form_style span.checkbox_list {
	display:inline-block;
	vertical-align:top;
	margin-bottom:6px;
}

/* --------------- SPECIC ADMIN FORMS ------------------ */

span.form_style label {				
	width:100px;
}
span.form_style input.medium_width {				
	width:180px;
}

span.error {
	color:#FF0000;
	font-style:italic;
	font-weight:bold;
}


/* --------------- SPECIC ADMIN FORMS ------------------ */
span.form_style.labels_left.login_page {	
	line-height:220%;
}

span.form_style.labels_left.login_page button.button 
span.form_style.labels_left.login_page input.button {	
	width:60px;
}
span.form_style.labels_left.login_page input.checkbox {
	width:auto;
}
span.form_style.labels_left.login_page label {				
	text-align:right;
	width:65px;
}
span.form_style.labels_left.login_page input {				
	width:218px;
}

span.login_logos {
	display:inline-block;
	margin-left:105px;
}
span.login_logos img {
	margin-right:5px;
}
span.login_logos a {
	margin-right:25px;
}
span.login_logos a h4 {
	margin-bottom:5px;
	line-height:normal;
}
span.form_style.forgot label { 
	width:auto;
}


/* ---------------------------------------------------------------- */
/* ----------------------- COMMON CLASSES ------------------------- */
/* ---------------------------------------------------------------- */
.no_display {
	display:none;
}
.hidden {
	display:none;
}









/*************************************************************************/	
/*************************** EDIT BLOCKS **********************/
/*************************************************************************/
span:hover.content_area_wrapper span.content_area, 
span:hover.content_area_wrapper span.content_area span,
span:hover.content_area_wrapper span.content_area div,
span:hover.content_area_wrapper span.content_area img,
span:hover.content_area_wrapper span.content_area p,
span:hover.content_area_wrapper span.content_area h1,
span:hover.content_area_wrapper span.content_area h2,
span:hover.content_area_wrapper span.content_area h3,
span:hover.content_area_wrapper span.content_area h4,
span:hover.content_area_wrapper span.content_area h5,
span:hover.content_area_wrapper span.content_area h6,
span:hover.content_area_wrapper span.content_area table  {
	opacity:0.60;  
	filter:alpha(opacity=60); 
}

span.content_area_wrapper a.editDivIcon {											
	position:absolute;
	display: block;
	margin:5px 0 0 -35px;
	padding:1px 3px 1px 3px;
	border: solid 1px #666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	color:#FFF;
	background-color:#666;
	line-height:100%;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	opacity:0.25;  
	filter:alpha(opacity=40); 
}
span:hover.content_area_wrapper a.editDivIcon, 
span.content_area_wrapper a:hover.editDivIcon {			
	background-color: #C4DEF4;
	color:#000066;
	border-color:#666;
	opacity:1.00;  
	filter:alpha(opacity=100); 
}