/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/* Overall page styling */
.page
{
		width: 915px;	
		font-family:Arial;
		font-size:12px;
		color:black;
		font-weight:normal
}

/* Main application width */
.DivClass {width: 915px}

/* Content classes - per section */
.HeaderDivClass {height:50px;}
.HeaderBanner {width: 915px}
.HeaderLogo {width: 155px;}
.HeaderAPDLogo {width: 800px}
.HeaderHelp {width: 25px}
.HeaderExit{width: 20px;}

.BannerDivClass {height:30px;}

.MenuDivClass {height:30px;}
.SubMenuDivClass {height:30px;}

.SubTitleClass {font-size:20px;}
.TitleBoldClass {font-weight:bold;}

.MainDivClass {}
.MainNoMenuDivClass {}

.FooterDivClass {height:50px;}

.ScriptDivClass	{}

/* Styling for the box around the main content area */ 
.ContentBorder {border-bottom:solid 1px Gray;border-top:solid 1px Gray;border-left:solid 1px Gray;border-right:solid 1px Gray;}
.ContentPadding {padding:2px 2px 2px 2px}

/* Generic Styling */
.RowPaddingTop	{padding-top:3px;}
.RedTopBorder	{border-top:solid 1px #B40300;} 

/* Menu border styling */
.MenuBottomBorder	{border-bottom:solid 1px #B40300;}
.SubMenuBottomBorder	{border-bottom:solid 1px Gray;}
.SubMenuTopBorder		{border-top:solid 1px Gray;}

/*These are classes for the main menu*/
.AdpTabContainer .AdpTabHeader {color:White;font-family:Arial;font-size:11px;font-weight:bold;}
.AdpTabContainer .AdpTabMain {width:50px;}
.AdpTabContainer .AdpTabOuter {width:10px;height:14px;padding-top:3px;padding-left:0px;position:relative;float:left;background:url("/images/topTab_left_unselected.gif")}
.AdpTabContainer .AdpTabInner {width:10px;height:14px;padding-top:3px;padding-right:0px;position:relative;float:left;background:url("/images/topTab_right_unselected.gif")} 
.AdpTabContainer .AdpTabContent {padding-top:3px;position:relative;float:left;background:url("/images/topTab_unselected.gif") repeat-x;}
.AdpTabContainer .AdpTabSpacer {position:relative;float:left;width:10px;height:17px;} 

.AdpTabContainer .AdpTabActive .AdpTabHeader {font-family:verdana,tahoma,helvetica;font-size:11px;font-weight:bold;}
.AdpTabContainer .AdpTabActive .AdpTabOuter {width:10px;padding-top:3px;padding-left:0px;position:relative;float:left;background:url("/images/topTab_left_selected.gif");}
.AdpTabContainer .AdpTabActive .AdpTabInner {width:10px;padding-top:3px;padding-right:0px;position:relative;float:left;background:url("/images/topTab_right_selected.gif");}
.AdpTabContainer .AdpTabActive .AdpTabContent {padding-top:3px;position:relative;float:left;color:Black; background:url("/images/topTab_selected.gif") repeat-x; }
.AdpTabContainer .AdpTabActive .AdpTabSpacer {position:relative;float:left;width:10px;height:17px;}  

/*These are classes for the sub menus*/ 
.AdpSubTabContainer .AdpSubTabHeader {color:White;font-family:Arial;font-size:11px;clear:left;width:100%;font-weight:bold;}
.AdpSubTabContainer .AdpSubTabMain {width:50px;}
.AdpSubTabContainer .AdpSubTabOuter {width:24px;height:14px;padding-top:3px;padding-left:2px;position:relative;float:left;background:url("/images/left_tab.gif")}
.AdpSubTabContainer .AdpSubTabInner {width:24px;height:14px;padding-top:3px;padding-right:2px;position:relative;float:left;background:url("/images/right_tab.gif")} 
.AdpSubTabContainer .AdpSubTabContent {padding-top:3px;position:relative;float:left;background:url("/images/tab_1pix_tile.gif") repeat-x;}
.AdpSubTabContainer .AdpSubTabSpacer {position:relative;float:left;width:10px;height:17px;} 
.AdpSubTabContainer .AdpSubTabFillPage {position:relative;clear:left;float:left;width:1px;height:99%;}  

.AdpSubTabContainer .AdpSubTabActive .AdpSubTabHeader {font-family:verdana,tahoma,helvetica;font-size:11px;clear:left;font-weight:bold;}
.AdpSubTabContainer .AdpSubTabActive .AdpSubTabOuter {width:24px;padding-top:3px;padding-left:2px;position:relative;float:left;background:url("/images/left_selected_tab.gif");}
.AdpSubTabContainer .AdpSubTabActive .AdpSubTabInner {width:24px;padding-top:3px;padding-right:2px;position:relative;float:left;background:url("/images/right_tab_selected_tab.gif");}
.AdpSubTabContainer .AdpSubTabActive .AdpSubTabContent {padding-top:3px;position:relative;float:left;color:Black; background:url("/images/1pix_tab_selected.gif") repeat-x; }
.AdpSubTabContainer .AdpSubTabActive .AdpSubTabSpacer {position:relative;float:left;width:10px;height:17px;}  
.AdpSubTabContainer .AdpSubTabFillPage {position:relative;clear:left;float:left;width:1px;width:99%;} 

.AdpTabContainer .ajax__tab_body
{
	border-width: 1px;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	border-right-style: solid;
	border-right-color: #C0C0C0;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
	border-left-style: solid;
	border-left-color: #C0C0C0;
}

/* ADP sub tab theme */
.AdpTabContainer_sub  .AdpTabHeader 
{
    font-family:Arial;
    font-size:12px;
    color:Black;

}

.AdpTabContainer_sub  .AdpTabOuter {right:auto;background:url("/images/right_tab.gif") no-repeat right;} 
.AdpTabContainer_sub  .AdpTabInner {left:auto;background:url("/images/left_Tab.gif") no-repeat; }
.AdpTabContainer_sub .ajax__tab_body
{
	border-width: 1px 0px 0px 0px;
	border-top-style: solid;
}

.AdpTabContainer_sub .AdpTabContent
{
	background: url("/images/tab_1pix_tile.gif") repeat-x;
}


.AdpTabContainer_sub  .AdpTabActive .AdpTabHeader {color:black;font-family:verdana,tahoma,helvetica;font-size:11px; font-weight:bold;}
.AdpTabContainer_sub  .AdpTabActive .AdpTabInner {left:auto;background:url("/images/left_selected_Tab.gif") no-repeat; }
.AdpTabContainer_sub  .AdpTabActive .AdpTabOuter { right:auto;background:url("/images/right_tab_selected_tab.gif") no-repeat right;border-top-width: 0px;}

.AdpTabContainer_sub .AdpTabActive .AdpTabContent
{
	background: url("/images/1pix_tab_selected.gif") repeat-x;
}


.AdpTabContainer_sub  .AdpTabActive .AdpTabHeader {color:black;font-family:verdana,tahoma,helvetica;font-size:11px;}
.AdpTabContainer_sub .AdpTabActive .ajax__tab_body
{
	border-width: 0px;
}

.adp_text
{
	font-family: Arial;
	font-size: 12px;

}

.adp_text .adp_text_bold
{
	font-weight:bolder;

}

.outlineStyle{
	border-collapse:collapse;
	border-color:Red;
	empty-cells:show;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
}

.style1{width: 612px;}

.ImageButton
{
    position: relative;
    float: left;
}

.ImageButton .ButtonLeft
{
    float: left;
    background-repeat:no-repeat;
}
.ImageButton .ButtonMiddle
{
    float: left;
    background-repeat: repeat-x;
}
.ImageButton .ButtonRight
{
    float: left;
    background-repeat:no-repeat;
}
.ImageButton .ButtonText
{
    text-decoration: none;
    padding:2px;
    width:100%;
}

.altButton .ButtonLeft
{
    width: 8px;
    background-image:url("/images/button_alt_left.gif");
    height:23px;
}
.altButton .ButtonMiddle
{
    background-image:url("/images/button_alt_center.gif");
    text-align:center;
    height:23px;
}
.altButton .ButtonRight
{
    width: 8px;
    background-image:url("/images/button_alt_right.gif");
    height:23px;
}
.altButton .ButtonText
{
    color: Black;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
  
}

.adp_text_header_small
{
	font-family: Arial;
	font-size: 10px;
	color:Red;
	vertical-align:text-bottom;

}
.noBorders
{
 border:none;
}


/***************************************/
/*			DCS 01/2010   			   */
/***************************************/

/* MISC  
----------------------------------------------------------*/
.logon { padding-left:5px; font-family:Arial; font-size:small; }
.logon .label { font-weight:bold; }
.logon .legal { color:#B40300; font-style:italic; font-size:x-small }
.logon .textbox { width: 115px }

.clear { clear: both; }

.error { color:Red; }

.page .checkbox { font-size: smaller; }

ul#menu li a.selected { background-color: #fff; color: #000;
    }

/***************************************/
/*			Grid					   */
/***************************************/
.Grid { border: 1px solid #DEDFDE !important; height:1px;}
.Grid TH { border: solid 1px #DEDFDE; color: #FFFFFF;font-size: Smaller; background-color:#6B696B;padding: 2px 2px 2px 2px;background-color: #6B696B;text-align:left;vertical-align:top; }
.Grid TD { font-size:x-small; text-align:left;vertical-align:top;padding: 2px 2px 2px 2px; border-left: solid 1px #DEDFDE;}
.Grid TR.odd { background-color: #F7F7DE; }
.Grid thead.GridHeader TR { position: relative }
/*.Grid TR:nth-child(even) {background: #FFFFFF}
.Grid TR:nth-child(odd) {background: #F7F7DE}*/
/*.Grid .Row {background-color: #F7F7DE;}
.Grid .AlternatingRow {background-color: #FFFFFF;}
.Grid .HighlightRow {background-color: #CE5D5A;}*/
/*.Grid .Row TD, .Grid .AlternatingRow TD, .Grid .HighlightRow TD, .Grid .InactiveUserRow TD, .Grid .IsPriorityRow TD { border-bottom: 1px solid #DEDFDE !important;font-size: x-small;padding: 4px;padding-left: 5px;text-align:center;vertical-align:top;}*/
.Grid TH a{	text-decoration:none !important; color:#FFFFFF !important;}
.Grid TH a:hover {	text-decoration:underline !important;}

.pager { padding-top:10px; }
.pager a { padding: 3px 5px; border: solid 1px #6B696B; text-decoration:none; margin-right:5px; color:#656044; float:left;}
.pager label {  margin-top:8px; text-decoration:none; margin-right:5px; color:#656044; float:left;}

.pager .selected { padding: 3px 5px 3px 5px; border: solid 1px #6B696B; text-decoration:none; margin-right:5px; color:#fff; background-color: #6B696B; float:left;}
.pager .totalrecords { float:right; margin-top:0.5em; color:#777; font-style:italic; padding-right:10px;}
/***************************************/
/*			End Grid				   */
/***************************************/


/***************************************/
/*			Scrollable Table		   */
/***************************************/

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 285px;
	overflow: auto;
	width: 756px
}
 
/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 756px
}
 
/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 740px
}
 
/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 756px
}
 
/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}
 
/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}
 
/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}
 
/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}
 
/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}
 
/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	width: 100%
}
 
/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
 
tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
 
/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 200px
}
 
html>body thead.fixedHeader th + th {
	width: 240px
}
 
html>body thead.fixedHeader th + th + th {
	width: 316px
}
 
/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 200px
}
 
html>body tbody.scrollContent td + td {
	width: 240px
}
 
html>body tbody.scrollContent td + td + td {
	width: 300px
}
/***************************************/
/*			End Scrollable Table	   */
/***************************************/