/* 
	+----------------------------------------------------+
	| GENERAL HTML DIRECTIVES
	+----------------------------------------------------+
*/
xml { display: none; }
	/* MOZILLA: makes the contents of these tags always invisible */

* { box-sizing: border-box; -moz-box-sizing: border-box; }
	/* MOZILLA:resolves the cross-browser box model issue for all tags */
	
body {padding: 0px; 
	  background: #ffffff;
	  color:#000000;
	}
	/* MOZILLA: the body doesn't fill the window by default */

html 
{
	/*TURN THIS BACK ON TO PREVENT SCROLLING*/
	/*overflow: hidden;*/
	margin:0px;
	padding:0px;
	width:auto;

	
}

/* MOZILLA: makes pesky scrollbars on entire window stay hidden */

table, caption {
	/* Fixes the v4-era problems that browsers have inheriting text styles down into tables */
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-variant: inherit;
	/* I'd like add this too, but I'm not sure of the ramifications:  color: inherit;  -- KJ */
}


/*
 +-------------------------+
 | LINKS FONT & COLOR CSS  |
 +-------------------------+
*/
/* DEFAULT NO CSS */
a{text-decoration:none;color:#000000;}
a:visited {text-decoration:none;color:#000000;}
a:disabled {text-decoration:none;color:#ff0000;}
a:hover {text-decoration:underline;}

/* HIGHLIGHT YELLOW */
a.highlight_yellow{text-decoration:none;color:#EBE024;font-weight:bold;font-size:11px;font-family:Tahoma;}
a.highlight_yellow:visited {text-decoration:none;color:#EBE024;}
a.highlight_yellow:hover {text-decoration:underline;}

/* HIGHLIGHT RED */
a.highlight_red{text-decoration:none;color:#C7013C;font-weight:bold;}
a.highlight_red:visited {text-decoration:none;color:#C7013C;font-weight:bold;}
a.highlight_red:hover {text-decoration:underline;}

/* HIGHLIGHT WHITE */
a.highlight_white{text-decoration:none;color:#FFFFFF;}
a.highlight_white:visited {text-decoration:none;color:#FFFFFF;}
a.highlight_white:hover {text-decoration:none;}


/* HIGHLIGHT ORANGE */
a.highlight_orange{text-decoration:none;color:#D97125;font-weight:bold;font-size: 11px;}
a.highlight_orange:visited {text-decoration:none;color:#D97125;font-weight:bold;font-size: 11px;}
a.highlight_orange:hover {text-decoration:underline;font-weight:bold;font-size: 11px;}

/* HIGHLIGHT COPYRIGHT */
a.highlight_copyright{text-decoration:none;color:#ffffff;}
a.highlight_copyright:visited {text-decoration:none;color:#ffffff;}
a.highlight_copyright:hover {text-decoration:underline;color:#ffffff;}

a.highlight_Guide{text-decoration:none;color:#333333;font-weight:bold;font-size:14px;font-family:Tahoma;}
a.highlight_Guidevisited {text-decoration:none;color:#333333;}
a.highlight_Guide:hover {text-decoration:underline;}



/* 
	+----------------------------------------------------+
	| MAIN STRUCTURE FOR PAGE	
	+----------------------------------------------------+
*/

.appBody
{
	border:0px;
	margin :0px;
	font-family  : Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

	background-color:#ffffff;
	
}


/* 
	+----------------------------------------------------+
	| HEADER CSS	
	+----------------------------------------------------+
*/
.header
{
	position:relative;
	height:79px;
	margin:0px;
	padding:0px;
	width:100%;
	vertical-align:top;
	background: #054979 url(../images/top_bg.png) repeat-x top;
}

.tblHeader{
		height:79px;
		width:100%;
		margin:0px;
		padding:0px;
		border:0px;
		background: url(../images/top_left_corner_logo.png)  no-repeat top left;
		border-collapse: collapse;
}


.header_left{
		margin:0px;
		padding:0px;
		width:0px;
		display:none;
		
}
.header_left_spacer{
	width:0px;
	display:none;
}

.header_right{
	width:0px;
	
	margin:0px;
	padding:0px;	

	vertical-align:top;
	display:none;
	
}


.header_middle{
	width:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	vertical-align:top;
}

.header_info
{
	/*note 40 + 10 margin = 50 total height*/
	height:44px;
	margin:0px;
	padding:0px;
	padding-right:20px;
	margin-top:10px;
	text-align:right;
	/*background:#ff00ff;*/
	
	}

.header_menu
{
	height:25px;
	margin:0px auto;
	overflow:hidden;
	/*background  :#ff0000;*/
	padding-top:0px;
	padding-right:0px;
		
	
}

.header_bar
{
	height:29px;
	margin:0px auto;
	overflow:hidden;
  /* background  :#0000ff;*/
}
/* 
	+----------------------------------------------------+
	| CONTAINER CSS	
	+----------------------------------------------------+
*/

.container
{
	position:relative;
	/*border:solid 0px #0000ff;*/
	width:100%;
	margin:0px;
	padding:0px;

}

table>.tblContainer
{
	
	margin:0px;
	padding:0px;
	color:#000000;
	border-collapse:collapse;
	border-spacing :0px;
	width:100%;
}


/*
+----------------------------------------------------------------+
| The Following is critical to the design template:
| structRow,structLeft,structContent,structRight are the main classes
| Which determine the minimum structure the layout will have. Setting 
| the widths of these elements dynamically change spacer images which
| force the structure. Setting the widths to 0px will essentially
| remove the item.
+----------------------------------------------------------------+
*/
.structRow{height:1px;}
.structLeft{width:10px;border:0px;height:1px;display:none; }
.structContent{border:0px;height:1px;}
.structRight{width:10px;border:0px;height:1px;display:none; }
	

.content_left
{
	width:10px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	display:none;   

}
.content_right
{
	width:10px;
	max-width:1px;
	min-width:1px;	
	margin:0px;
	padding:0px;	
	vertical-align:top;
	display:none; 
	
} 

.content_middle
{
	width:100%;
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
 
	font-size:12px;
	background: #ffffff;
	
}


/* 
	+----------------------------------------------------+
	| footer CSS	
	+----------------------------------------------------+
*/


.bottom
{
	
	position:relative;
	height:36px;
	margin:0px;
	margin-top:5px;
	padding:0px;
	
}

.tblBottom{
		height:36px;
		width:100%;
		margin:0px;
		padding:0px;
		border:0px;
}
.bottom_left{
		margin:0px;
		padding:0px;
		width:40%;
	    overflow:hidden;
        text-align:right;
}

.bottom_right{
	width:40%; 
	margin:0px;
	padding:0px;	
	vertical-align:top;
	overflow:hidden;
	text-align:left;
}

.bottom_middle{
	width:20%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	text-align:center;
}


.footer
{
	
	position:relative;
	height:24px;
	margin:0px;
	margin-bottom:-24px;
	padding:0px;
	text-align:center;
	font-size: 10px;
	padding:0px;
	background: #054979 url(../images/bottom_bg.png) repeat-x top;
	
}

.tblFooter{
		height:24px;
		width:100%;
		margin:0px;
		padding:0px;
		border:0px;
}
.footer_left{
		margin:0px;
		padding:0px;
		width:18px;
		height:18px;

}

.footer_right{
	width:18px; /*18px*/
	margin:0px;
	padding:0px;	
	vertical-align:top;
}

.footer_middle{
	width:97%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}


/* 
	+----------------------------------------------------+
	|----------------------------------------------------|
	|----------------------------------------------------|
	| THE FOLLOWING IS THE ASSOCIATED POPUP STRUCTURE	
	|----------------------------------------------------|
	|----------------------------------------------------|
	+----------------------------------------------------+
*/


.p_appBody
{  
	background:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}


.p_container
{
	position:relative;
	background:#ffffff;
}

.p_header {
	padding: 0px;
	margin: 0px;
	height: 4px;
	text-align:left;
	font-family:Tahoma;
	font-size:8px;
	/*background: #678FC2;*/
	color:#ffffff;
	visibility:hidden;
	display:none;
	
}

.p_content_full {
	overflow:auto;
	margin:0px;
	margin-top:4px;
	background-color:#FFFFFF;
	top	: 0px;
	border:solid 1px #999999;
	border-bottom:0px;
	padding:4px;

}
.p_footer {  

	position:relative;
	background-color :#ffffff;
	border:solid 1px #999999;
	border-top:0px;
	height:50px;	
	text-align: right;	
	vertical-align:middle;
	padding:0px;
	margin:0px;
}

.p_footer_Sep
{
	position:relative;
	margin:0px
	padding:0px;
	border:solid 0px #ff0000;
	height:15px;
}
.p_footer_Content
{
	position:relative;
	margin:0px;
	padding:0px;
	border:solid 0px #0000ff;
	margin:0px;
	margin-left:12px;
	margin-right:12px;
	

}


/* 
	+----------------------------------------------------+
	|----------------------------------------------------|
	|----------------------------------------------------|
	| THE FOLLOWING IS THE ASSOCIATED CLEAN POPUP STRUCTURE
	| MORE COMMONLY USED FOR THE SNEAK PEAK PAGES
	|----------------------------------------------------|
	|----------------------------------------------------|
	+----------------------------------------------------+
*/


.pc_appBody
{  
	background:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow:hidden;
	margin:2px;
	padding:0px;
}

.pc_container
{
	position:relative;
	background:#ffffff;
}

.pc_header {
	padding: 4px;
	padding-left:6px;
	padding-bottom: 0px;
	margin: 0px;
	height: 20px;
	text-align:left;
	font-family:Tahoma;
	font-size:14px;
	color:#678FC2;
	font-weight:bold;
	
}

.pc_content_full {
	overflow:auto;
	min-height:200px;
	margin:0px;
	background-color:#FFFFFF;
	top	: 0px;
	border:0px;
	padding:4px;

}