/* ******************************************************************************** */
/* SCREEN-ONLY CLASSES
/* ******************************************************************************** */
@media screen {
	#pagecontent_all_the_articles {display: block; float: none; width: 100%; margin: 0; padding: 20px 0 0 0;}
	#pagecontent_all_the_articles .rightcolumn {width: 300px; margin: 0 0 0 16px; padding: 0 0 10px 0; float: right; clear: right; display: block; page-break-before: avoid; position: relative; overflow: hidden;}
	#pagecontent_all_the_articles .rightcolumn img {border: none; display: inline; float: none;}
	#pagecontent_all_the_articles h3 {font-size: 16px; margin: 0 0 12px 0; padding: 0; color: #EA7517; font-weight: bold; display: block;}
	#pagecontent_all_the_articles p {margin: 0 0 16px 0; padding: 0; font-size: 12px !important; line-height: 18px;}
	#pagecontent_all_the_articles ul {font-size: 13px; line-height: 18px;}
	#pagecontent_all_the_articles ul li {margin-bottom: 4px;}
	#pagecontent_all_the_articles .leftchart  {float: left; clear: left; display: inline-block; margin: 0 16px 8px 0; padding: 0; width: auto;  border: solid 1px white;}
	#pagecontent_all_the_articles .rightchart {float: right; clear: right; display: inline-block; margin: 0 0 8px 16px; padding: 0; width: auto; border: none;}

	#pagecontent_all_the_articles .jumpmenu {margin: 16px 0 24px 0; padding: 0; display: block;}
	#pagecontent_all_the_articles .jumpmenu ol {margin: 0; padding: 0; list-style-type: decimal; list-style-position: inside;}
	#pagecontent_all_the_articles .jumpmenu ol li {margin: 0 0 6px 0; padding: 0; font-size: 10px;}
	#pagecontent_all_the_articles .jumpmenu ol li a {padding-right: 20px; background: transparent url(/images/buttons/icon_oarrow.gif) no-repeat center right; text-decoration: none; display: inline-block;}
	#pagecontent_all_the_articles .jumpmenu ol li a:hover {text-decoration: underline;}
	#pagecontent_all_the_articles .jumpmenu ul {list-style-type: none; margin: 0; padding: 0; list-style-position: inside;}
	#pagecontent_all_the_articles .jumpmenu ul li {margin: 0 0 6px 0; padding: 0 0 0 2em; *padding: 0; font-size: 10px;}
	#pagecontent_all_the_articles .jumpmenu ul li a {margin: 0; padding: 0 20px 0 0; background: transparent url(/images/buttons/icon_oarrow.gif) no-repeat center right; text-decoration: none; display: inline-block;}
	#pagecontent_all_the_articles .jumpmenu ul li a:hover {text-decoration: underline;}

	/*#pagecontent_all_the_articles .firstchapter {display: block; clear: both; border: none; padding: 0 0 0 0; position: relative; overflow: auto; margin: 0; width: 100%;}
	#pagecontent_all_the_articles .chapterbreak {border-top: #E87D1E dashed 1px; margin: 0; padding: 20px 0; clear: both; display: block; width: 100%; page-break-before: always; position: relative; overflow: auto;}
	*/

	#pagecontent_all_the_articles .narrowLeftcolumn {max-width: 380px; min-width: 340px; display: inline-block; float: left;}
	#pagecontent_all_the_articles .narrowRightcolumn {max-width: 330px; min-width: 320px; display: inline-block; float: right; clear: right; *margin-left: 10px;}
	#pagecontent_all_the_articles .narrowRightcolumn p {padding-right: 30px;}
	#pagecontent_all_the_articles .overviewbox {width: 300px; background-color: #D7E9EC; float: left; display: block; padding: 12px 0; margin: 0 10px 0 0;}
	#pagecontent_all_the_articles .overviewbox h3 {margin: 0 12px 12px 12px;}
	#pagecontent_all_the_articles .overviewbox p {margin: 0 12px 12px 12px;}
	#pagecontent_all_the_articles .smallgrey {font-size: 10px; color: #666666; clear: both; display: block; width: 600px; float: none; margin: 8px 0 24px 0;}
	#pagecontent_headerdiv, .reportheader {margin: 0; position: static; border: 1px solid #d6e8f2; padding: 0; width: 100%;}

	.reportheader h1 {font-size: 20px; color: #003C78; font-weight: bold; padding: 0; margin: 0 0 2px 0; display: block;}
	.reportheader h3 {color: #009EDB; font-size: 15px; padding: 0; margin: 0 0 2px 0; display: block;}
	.reportheader h5 {font-size: 13px; color: #000000; margin: 0 0 8px 0; padding: 0; font-weight: bold; display: block;}

	#pagecontent_PDFHeaderGraphic {display: none;}
	.cccontbody {margin-top: 0;}
	.cctitle {display: none;}
	.ccsubtitle {display: none;}

	#pagecontent_all_the_articles .legendkey {}
	.iceblue {background-color: #D7E9EC;}
	#pagecontent_all_the_articles p.caption {font-size: 10px; color: #666666; line-height: 11px; margin: 2px 0;}

}

/* ******************************************************************************** */
/* PRINT CLASSES
/* ******************************************************************************** */
@media print {
	body {width: 100%; margin: 0; padding: 0;}
	#pagecontent_all_the_articles {display: block; float: none; width: 100%;}
	#pagecontent_all_the_articles .rightcolumn {margin: 0 0 10px 20px; padding: 0; float: right; clear: right; display: inline-block; page-break-before: avoid;}
	#pagecontent_all_the_articles .rightcolumn img {border: solid 1px white; display: block; float: none;}
	#pagecontent_all_the_articles h3 {font-size: 16px; margin: 0 0 12px 0; padding: 0; color: #EA7517; font-weight: bold; display: block;}
	#pagecontent_all_the_articles p {margin: 0 0 16px 0; padding: 0; font-size: 12px !important; line-height: 18px;}
	#pagecontent_all_the_articles ul {font-size: 13px; line-height: 18px;}
	#pagecontent_all_the_articles ul li {margin-bottom: 4px;}
	#pagecontent_all_the_articles .leftchart {float: left; display: inline-block; margin: 0 16px 8px 0; padding: 0; width: auto; clear: left;}
	#pagecontent_all_the_articles .rightchart {float: right; display: inline-block; margin: 0 0 8px 16px; padding: 0; width: auto; clear: right;}
	#pagecontent_all_the_articles .jumpmenu {display: none;}
	#pagecontent_all_the_articles .firstchapter {display: block; clear: both; border: none; padding: 0 0 20px 0; position: absolute; top: 145pt; left: 0; overflow: auto; page-break-before:avoid;}
	#pagecontent_all_the_articles .chapterbreak {border-top: #E87D1E dashed 1px; margin: 0; clear: both; display: block; padding: 20px 0; page-break-before: always; position: relative; overflow: hidden;}
	#pagecontent_all_the_articles .narrowLeftcolumn {max-width: 46%; display: inline-block; float: left;}
	#pagecontent_all_the_articles .narrowRightcolumn {/* max-width: 44%; */ width: 48%; display: inline-block; float: right; padding: 0;}
	#pagecontent_all_the_articles .overviewbox {width: 50%; background-color: #D7E9EC; border: solid 1px #D7E9EC; float: left; display: block; padding: 12px 0; margin: 0; overflow: auto;}
	#pagecontent_all_the_articles .overviewbox h3 {margin: 0 12px 12px 12px;}
	#pagecontent_all_the_articles .overviewbox p {margin: 0 12px 12px 12px;}
	#pagecontent_all_the_articles .smallgrey:before {content:" "; display: block; clear: both; width: 600px;}
	#pagecontent_all_the_articles .smallgrey {font-size: 10px; color: #666666; clear: both; display: block; width: 600px; margin: 8px 50px 0 0; float: none;}

	#pagecontent_headerdiv, .reportheader {margin: 0; position: static; border: 1px solid #d6e8f2; width: 99%; page-break-after: avoid;}
	.reportheader h1 {font-size: 13pt; color: #003C78; font-weight: bold; padding: 0; margin: 0px;}
	.reportheader h3 {color: #009EDB; font-size: 11pt; padding: 0; margin: 0px;}
	.reportheader h5 {font-size: 9pt; color: #000000; margin: 0px; padding: 0px; font-weight: bold;}
	#pagecontent_PDFHeaderGraphic {width: 100%; margin: 0; padding: 0;}

	#pagecontent_all_the_articles .legendkey {}

	.screenonly {display: none;}
	.contactbox, #signinbox, #divlogin, #tblLogin, #tblWelcome, .loggedin_box, .longbanner, .mstats, .clcolumn, .pcrcolumn, #foot {display: none;} 
	.cccontbody {margin-top: 0;}
	.iceblue {background-color: #D7E9EC;}
	#pagecontent_all_the_articles p.caption {font-size: 9px; color: #666666;}
}


/* ************************************************************************************ */
/*                 TEMPLATE Classes                                                     */
/* ************************************************************************************ */

/* ************************************************************************************ */
/*          To change the EDITOR                                                        */
/*          change these matching classes in                                            */
/*          \WebSource\fckeditor\editor\css\fck_editorarea.css                          */
/*                       Mike Gilligan                                                  */
/* ************************************************************************************ */

/* 
	Classes:
	
	.templateSection        : Full Width
	.templateLeftColumn     : 340 Pixel Width (min-max)
	.templateRightColumn    : 320 Pixel Width (min-max)
	.template300            : 300 Pixel Width
	.template330            : 300 Pixel Width

	.templateLeftFloat   : Left Float
	.templateRightFloat  : Right Float
*/


table.templateTable, img.templateImg 
{
}

img.overviewboxfloater
{
	float:left;
	display:block;
	text-align:center;
}
/* Fixed Width on Screen */
@media screen 
{
	.template300
	{
		width:300px; 
	}
	.template330
	{
		width:330px;
	}
	.template400
	{
		width:400px;
	}
	.templateSection
	{
		width:700px;
	}
	
	img.overviewboxfloater
	{
		margin:12px 25px 12px 25px; /* is SUPPOSED to go into a 300px column */
	}
}

/* Print is 78.5% Smaller*/ 


/* PRINT -- Change Width to PERCENT */
@media print 
{
	/* This is wrong in print.css */
	/* Overwrite it */
	body, .cccontbody, .USCTcccolumn, .pbod, .corps {
		width: 7.0in;
		/*HEIGHT: 10.0in;*/
		display: block;
		margin: 0in;
		padding: 0in;
		TOP: 0px;
		LEFT: 0px;
		background: none;
	}

	.template300
	{
		width:45%;
	}
	.template330
	{
		width:48%;
	}
	.template400
	{
		width:58%;
	}
	.templateSection
	{
		width:100%;
	}
	
	img.overviewboxfloater
	{
		margin:12px 25px 12px 25px; /* is SUPPOSED to go into a 300px column */
	}
}
/* Display */
.templateSection,.templateLeftColumn,.templateRightColumn,.template300,.template330
{
	display:inline;
	text-align:left;
	margin:0 10px 10px 0;
}

/* Float */
.templateLeftColumn,.templateLeftFloat
{
	float:left; clear: left;
}

.templateRightColumn,.templateRightFloat
{
	float:right; clear: right; /* clear right allows for two divs to float together */
}

.templateRightColumn p
{
	padding-right:30px;
}

/* Background Color */
.templateBlue
{
	background:#d7e9ec;
	/*padding: 4px 0px 4px 4px !important;*/ /* small padding for BLUE only */
	display:block;
}

/* Callout - Caption */
.callout
{
	font-size: 10px; 
	line-height: 11px;
	clear: both;
	padding: 5px;
	border: 1px solid #EA7515;
	background-color: #FFC69F;
	margin: 3px 0pt 10px;
}

/* Clearfix */
.clearfix {  
	clear: both;  
} 
.clearfix:after {  
	content: ".";  
	display: block;  
	height: 0;  
	clear: both;  
	visibility: hidden;  
}

/* ************************************************************************************ */
/*          End of TEMPLATE Classes                                                     */
/* ************************************************************************************ */

/* {End MG} */

/* ******************************************************************************** */
/* USCT TABLES  CB-06-14-10   */
/* ******************************************************************************** */

#blueChart {
	font: 8pt Lucida Sans, Verdana;
	border-collapse:collapse;
}

th.tHead {
	color: #003C78;
	font-size:14px;
	font-variant: small-caps;
	font-weight: 900;
	text-align: center;
}
.tsubHead {
	font-size:12px;
	font-variant: small-caps;
	font-weight: 300;
	text-align: center;
}

th .tsubHead {
	color: #003C78;
	font-variant: small-caps;
	text-align: center;
}

th.descriptBlue {
	color:#FFF;
	background-color: #00AEEF;
	font-weight:900;
	vertical-align:bottom;
}

th.descriptOrange {
	color:#FFF;
	background-color: #ea7517;
	font-weight:700;
	vertical-align:bottom;
}
 
td.highBlue {
	color: #000;
	background-color: #E1F4FD;
}

td.highOrange {
	color: #000;
	background-color: #E1F4FD;
}

tr.footer {
	color: #000;
	background-color: #CCC;
	font-weight:700;
}

tr.footer td.highBlue {
	color: #fff;
	background-color: #666;
	font-weight:700;
}

.bordBot {
	border-bottom: dotted 2px #CCCCCC;
}

.bordRt {
	border-right: solid 1px #CCCCCC;
}

.bordTop {
	border-top: solid 1px #666;
}


.lt {
	text-align:left;
}

.rt {
	text-align:right;
}

.ctr {
	text-align:center;
}

/*Table Tabs*/

.Table_tab {
width: 150px;
height: 16px;
line-height: 16px;
padding: 2px 4px 2px 4px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
text-decoration:none;
font-size: 10px;
color: #FFFFFF;
background-color: #ea7517;
border: 1px solid #003C78;
border-bottom: 5px solid #ea7517;
z-index: 0;
margin-top: 8px;
margin-bottom: 0; 
margin-right: 2px;
*position: relative;
}

.Table_tab:hover {
color: white;
background-color: #003C78;
text-decoration:underline;
cursor: pointer;
}

.Table_tab:hover a {
color: white;
background-color: #003C78;
text-decoration:underline;
}


.Table_tab a {
color: #FFFFFF;
text-decoration:none;
}

.Table_tab a:hover {
color: white;
text-decoration:underline;
}

.Table_tab_active {
width: 150px;
_width: 175px;
height: 16px;
line-height: 16px;
padding: 2px 4px 2px 4px;
text-align: center;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
color: #FFFFFF;
background-color: #003C78;
border: 1px solid #003C78;
border-bottom: 5px solid #ea7517;
z-index: 5;
margin-top: 8px;
margin-bottom: -1px;
margin-right: 2px;
*position: relative;
}

.Table_tab_active a {
color: #fff;
}


/* **************** */
/* Buttons  CB-07-01-10   */
/* ************** */

#button {
	font-family: Lucida Sans, san serif;
	font-variant:small-caps;
	background: url(images/buttons/button_sprite.gif) no-repeat 0 0;
	height: 24px;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	display: inline-block;
	padding: 0 0 0 15px;
	font-weight: bold;
	text-decoration: none;
	/*margin-right: -10px;*/
	}
#button span {
	background: url(images/buttons/button_sprite.gif) no-repeat right 0;
	display: inline-block;
	padding: 0 15px 0 0;
	}
#button:hover {
	background:  url(images/buttons/button_sprite.gif) no-repeat 0 -25px;
	color: #036;
	text-decoration: underline;
	}
#button:hover span {
	background:  url(images/buttons/button_sprite.gif) no-repeat right -25px;
	}
#button:active {
	background:  url(images/buttons/button_sprite.gif) no-repeat 0 -50px;
	color: #036;
	text-decoration: underline;
	}
#button:active span {
	background:  url(images/buttons/button_sprite.gif) no-repeat right -50px;
	}