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

/**********************************************************************
 * Custom Styles                                                      *
 **********************************************************************/
[disabled] {	
	background-color: #ffffff;
	color: #6f7285;
	font-family: Verdana, Geneva, ms sans serif;  
	font-size: 10px;
	font-weight: bold;
	border-right: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;	
} 

/*
.LineNonOrderable
*/

/* 'LineGeneral' & 'LineSubstitue' are classes used currently on StationCount detail pages, where the line */
/* is highlighted according to the value held in  StCntDet_LineTypeCode.

.LineNonOrderable is a class that applies to RequisitionDetail records where the line is not orderable
(ReqDet_Orderable = false)  

NOTE: BusinessLogic/Requisitions/RequisitionUtil.ToggleHighlightBackGroundCells references style 'LineNonOrderable', but also has
hardcoding for background colours to table cells where the class-names cannot be changed (e.g. some cells are named 'itemCode' for item qty rounding functionality).

Please ensure that the  background-color set in RequisitionUtil.ToggleHighlightBackGroundCells is set to match 'LineNonOrderable'
*/

.LineGeneral{
	padding: 5px;
	color: #6f7285;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #B2E6FF;
}

.LineSubstitute, .LineNonOrderable{
	padding: 5px;
	color: #6f7285;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #FFFF91;
}

/* e.g. where ReqDet_StockOutEmergency=true, we want high visibility for the line.*/
.LineEmergency{
	padding: 5px;
	color: #CD2836;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #B2E6FF;
}

/* Table Grouping/ display toggle functionality */
#hoverDialog{
	position:absolute;
	border:1px solid #cccccc;
	background-color:#E9FAF7;
	border-radius:5px;
	padding:7px;
	color: #2f4f4f;
	font-family: Verdana, Geneva, ms sans serif; 	
	font-size:10px;
	
}

.hoverDialog{
     display:none; 
}

.dfvEffect {
	color: #6f7285;
	background-color: #FF9933;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 3px;
	}

.tch_grpHeader {
	font-family: Verdana, Geneva, ms sans serif;
	color: #F0F8FF;
	font-size: 16px;
	font-weight: bold;
	}
	
.ttc_grpHeader {
	padding: 5px;
	color: #ffffff;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	text-align: left;
	border-right: 1px #20303D solid;
	border-bottom: 2px #314B5F solid;
	background-color: #7499B6;
	/*background-image:url(../Images/ui-bg-glossyblue.png);*/
	background-position: center right;
	background-repeat: repeat-x;
}

.search_options_label, .sol { 
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	color: #859999;
	padding-left: 4px;
	white-space: nowrap;	
	vertical-align: middle;
	text-align: right;
	}
	

/* The same as ttc -  .ttc_firstrow is used for table grouping/ display toggle functionality*/
	.ttc_firstrow , .ttc_drill_cell, .ttc_groupid, .inputRoundingCtrl, .itemCode 
	{
	padding: 5px;
	color: #6f7286;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #ffffff;
	}
	
	.ttc_drill_icon_exp_noborder
	{
		background:url(../Images/expandIcon.png) 0 1px no-repeat;
		background-color: #ffffff;
		border-bottom: 1px #ffffff ;
	}
	
	.ttc_drill_icon_col_noborder
	{
		background:url(../Images/collapseIcon.png) 0 1px no-repeat;
		background-color: #ffffff;
		border-bottom: 1px #ffffff ;
	}
	
	.ttc_drill_icon_exp, .ttc_drill_icon_col
	{
		padding-left:15px;
		padding-right:0px;
		width:15px;
	}
	
	.ttc_drill_icon_exp{
		background:url(../Images/expandIcon.png) 0 6px no-repeat;
		border-bottom: 1px #cccccc solid;
		background-color: #ffffff;
	}

	.ttc_drill_icon_col
	{
		background:url(../Images/collapseIcon.png) 0 6px no-repeat;
		border-bottom: 1px #ffffff ;
		background-color:#FFFFE3;	
	}
	
	.ttc_point_expanded
	{
		padding-left:15px;
		/*background:url(../Images/icon-triangle.png) 0 6px no-repeat;*/
		background:url(../Images/expandIcon.png) 0 6px no-repeat;
		border-right: 1px #cccccc solid;
		border-bottom: 1px #cccccc solid;
		background-color: #ffffff;	
		background-position:center;		
	}
		
	.ttc_point_collapsed
	{
		/*background-position:0 -84px;*/
		padding-left:15px;
		background:url(../Images/collapseIcon.png) 0 6px no-repeat;
		border-right: 1px #cccccc solid;
		border-bottom: 1px #cccccc solid;
		background-color: #ffffff;	
		background-position:center;
	}
	
	.drilldown_blankrow
	{
		padding: 5px;
		background-color: #ffffff;
	}
	
	.ttc_drilldown_contents
	{
		padding-right: 2px;
		white-space:nowrap;
		background-color:#FFFFE3;
		border-left: 1px #cccccc solid;
		border-right: 1px #cccccc solid;
		border-bottom: 1px #cccccc solid;			
	}
		
	ul.drilldown_contents
	{
		list-style-type:none;
		margin: 0px; padding:4px;
		font-family: Arial, Geneva, ms sans serif;
		font-size: 10px;
		color: #000033;
	}	
/* END Table Grouping/ display toggle functionality */

.charCounter {
	background-color: #ffffff;
	color: #22316c;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 9px;
	font-weight: normal;
	padding: 2px;
	text-align: left;
	}

	
.dBodyText {
	background-color: #ffffff;
	color: #22316c;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	}


.dBodyBoxed{
	background-color: #ffffff;
	color: #22316c;
	border-right: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
	border-top: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	}

.dialog_BottomBody{
	background-color: #ffffff;
	color: #22316c;
	border-right: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	}
	
.dialog_TopBody{
	background-color: #ffffff;
	color: #22316c;
	border-right: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
	border-top: 1px #aaaaaa solid;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	}

	.dialog_Sided{
	background-color: #ffffff;
	color: #22316c;
	border-right: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	}

.ttc_noborder{
	padding: 5px;
	color: #6f7285;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 0px #ffffff solid;
	border-bottom: 0px #ffffff solid;
	background-color: #ffffff;
	}	
/* Use  ttcHilite to highlight a table cell. The class attribute can be added in the code-behind file.  
	Refer to EditBatchStationIssueReceiptsPage as an example in how to implement dynamically.
*/
.ttcHilite2 {
	padding: 5px;
	color: #6f7285;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #E7F3FF;
	}
	
.ttcHilite {
	padding: 5px;
	color: #6f7285;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #F0F8FF;
	}
	
/* High visibility highlighting*/
.ttcHiliteHi {
	padding: 5px;
	color: #F5CBCF;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #791720 solid;
	border-bottom: 1px #791720 solid;	
	background-color: #CD2836;
	}
	
/*  Highlight field value*/
.hfv {
	background-color: #F0F8FF;
	color: 	#22316c;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 3px;
	font-weight: bold;
	}
	
/*  Highlight field label */
.hfls
{	background-color: #F0F8FF;
	color: 	#22316c;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding: 3px 6px 3px 6px;
	vertical-align: middle;
	white-space: nowrap;
}

/*  Warning or high visibility field value*/
.whfv {
	background-color: #FFF7B7;
	color: 	#000000;
	border: 1px #aaaaaa solid;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 3px;
	font-weight: bold;
	}
	
/*  Warning or  high visibility field label */
.whfls
{	background-color: #FFF7B7;
	color: 	#000000;
	border: 1px #aaaaaa solid;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding: 3px 6px 3px 6px;
	vertical-align: middle;
	white-space: nowrap;
}	

.thcwrap{
	color: #22316c;
	font-family: Verdana, Geneva, ms sans serif;
	background-color: #d9e3eb; 
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #aaaaaa solid;	
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
/*	width: 100%;*/
	white-space:wrap;
    width:79px;
	}
	
.bigtext{
	color: #000000;
	font-family: Verdana, Geneva, ms sans serif;
	/*background-color: #d9e3eb; */
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}

.bigtextH{
	color: #000000;
	font-family: Verdana, Geneva, ms sans serif;
	background-color: #F9FDFF;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}

.bfv {
	color: #6f7285;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 3px;
	font-weight: bold;
	}
	
HTML {
	direction: ltr;
	}

	#pwdMeter
	{
		height:2px;
		max-height: expression(3 + "px"); /* IE*/
		display:block;
		float:left;
		/*position:relative;*/
	}

	.strength0
	{
		top:80px;
		width:10px;
		height:2px;
		max-height: expression(3 + "px"); /* IE*/
		background:#FFFFF;
		border-width:1px;
		opacity:0.8;
	}
		
	.strength1
	{
		top:80px;
		width:30px;
		height:2px;
		max-height: expression(3 + "px"); /* IE*/
		background:#ff0000;
		border-width:1px;
		opacity:0.8;
	}

	.strength2
	{
		width:60px; 
		height:2px;
		max-height: expression(3 + "px"); /* IE*/
		background:#FFA500;
		border-width:1px;
		opacity:0.8;
	}

	.strength3
	{
		width:90px;
		height:2px;
		max-height: expression(3 + "px"); /* IE*/
		background:#FFD700;
		border-width:1px;
		opacity:0.8;
	}

	.strength4
	{
		background:#1E90FF;
		width:120px;
		height:2px;
		max-height: expression(3 + "px"); /* IE*/
		border-width:1px;
		opacity:0.8;
	}

	.strength5
	{
		background:#00FF00;
		width:180px;
		height:2px;
		max-height: expression(3 + "px"); /* IE*/
		border-width:1px;
		opacity:0.8;
	}
	
.InfoWrapper{
	border-style:solid;
    border-width:1px;
    border-color:#CC9900;
	background-color:#D9E3EB;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;	
	}

.InfoLabelText{
	color: #22316C;
	font-weight: bold;
	font-size: 14px;
	padding-left: 4px;
   	padding-top: 2px;
   	vertical-align: middle;
	}	

.columnised-table td
{
   vertical-align:baseline;
}	
	
/**********************************************************************
 * Page Center Styles                                                 *
 **********************************************************************/
.pcTable {
	}
.pcTL {
	}
.pcT {
	}
.pcTR {
	}
.pcL {
	padding-left: 1px;
	padding-top: 0px;
	vertical-align: top;
	width: 1px;
	}
.pcC {
	vertical-align: top;
	width: 100%;
	}
.pcR {
	}
.pcBL {
	}
.pcB {
	}
.pcBR {
	}


/**********************************************************************
 * Button Styles                                                      *
 **********************************************************************/
a.button_link, .thc a.button_link, .tic a.button_link, .ttc a.button_link {
	color: #6f7285;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	width: 100%;
	}

a.button_link:hover, .thc a.button_link:hover, .tic a.button_link:hover, .ttc a.button_link:hover {
	color: #222222;
	text-decoration: none;
	}

.button-TL-white, .bTL {
	background-image:url(../Images/buttonTL.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 17px;
	height: 5px;
	}
.button-T-white, .bT {
	background-image:url(../Images/buttonT.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	height: 5px;
	}
.button-TR-white, .bTR {
	background-image:url(../Images/buttonTR.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 16px;
	height: 5px;
	}
.button-L-white, .bL {
	background-image:url(../Images/buttonL.gif);
	background-repeat: no-repeat;
	background-position: center right;
	width: 17px;
	height: 14px;
	}
.button-white, .bC {
	background-image:url(../Images/buttonC.gif);
	height: 14px; 
	white-space: nowrap;
	}
.button-R-white, .bR {
	background-image:url(../Images/buttonR.gif);
	background-repeat: no-repeat;
	background-position: center left;
	width: 16px;
	height: 14px;
	}
.button-BL-white, .bBL {
	background-image:url(../Images/buttonBL.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 17px;
	height: 8px;
	}
.button-B-white, .bB {
	background-image:url(../Images/buttonB.gif);	
	background-repeat: repeat-x;
	background-position: top center;
	height: 8px;
	}
.button-BR-white, .bBR {
	background-image:url(../Images/buttonBR.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 16px;
	height: 8px;
	}


/**********************************************************************
 * Multi-level Menu Styles                                            *
 **********************************************************************/
.MLMmenuAlign { /* menu container alignment */
	padding-bottom: 6px;
	padding-top: 6px;
	}

.MLMmenu { /* menu container */
	}

.MLMmenusub { /* submenu container */
	border: 1px solid #4dbbd3;
	}

.MLMmC { /* menu item */
	background-color: #d1dfee;
	background-image: url(../Images/menuC.gif);
	background-position: top center;
	background-repeat: repeat-x;
	border: 1px solid #4dbbd3;
	color: #666666;
	cursor: pointer !important;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	text-transform: uppercase;
	}

.MLMmC:hover, .MLMmC:hover a, .MLMmoC { /* menu item hover */
	background-color: #ffffff;
	background-image: url(../Images/menuOverC.gif);
	background-position: top center;
	background-repeat: repeat-x;
	color: #888888;
	}

.MLMsubmC { /* submenu item */
	background-color: #e0efff;
	color: #666666;
	cursor: pointer !important;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	text-transform: uppercase;
	}

.MLMsubmoC { /* submenu item over */
	background-color: #ffffff;
	color: #222222;
	}

.MLMmbbg { /* menu bottom trim */
	}

.MLMmenuVAlign { /* vertical menu container alignment */
	padding-left: 6px;
	padding-right: 6px;
	}

.MLMmenuV { /* vertical menu container */
	position: relative;
	}

.MLMmenuVsub { /* vertical submenu container */
	border: 1px solid #4dbbd3;
	}

.MLMmvC { /* vertical menu item */
	background-color: #d1dfee;
	background-image: url(../Images/menuC.gif);
	background-position: top center;
	background-repeat: repeat-x;
	border: 1px solid #4dbbd3;
	color: #666666;
	cursor: pointer !important;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	text-transform: uppercase;
	}

.MLMmvC:hover, .MLMmvC:hover a, .MLMmvoC { /* vertical menu item hover */
	background-color: #ffffff;
	background-image: url(../Images/menuOverC.gif);
	background-position: top center;
	background-repeat: repeat-x;
	color: #888888;
	}

.MLMsubmvC { /* vertical submenu item */
	background-color: #e0efff;
	color: #666666;
	cursor: pointer !important;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	text-transform: uppercase;
	}

.MLMsubmvoC { /* vertical submenu item over */
	background-color: #ffffff;
	color: #222222;
	}

.MLMmveTL {
	}

.MLMmveT {
	}

.MLMmveTR {
	}

.MLMmveBL {
	}

.MLMmveB {
	}

.MLMmveBL {
	}


/**********************************************************************
 * Menu Styles                                                        *
 **********************************************************************/
.menus {
	padding-bottom: 6px;
	padding-top: 6px;
	}

.menusV {
	padding-left: 5px;
	padding-right: 7px;
	}

.menu {
	color: #ffffff;
	font-family: Verdana, Geneva, ms sans serif;
	}
	
a.menu {
	color: #22316c; 
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width: 100%;
	padding-right: 3px;
	padding-left: 3px;
	}

a.menu:hover {
	color: #74bbfb;
}

.menu_on-TL, .moTL {
	background-image: url(../Images/menuOverTL.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 14px;
	height: 3px;
	}
.menu_on-T, .moT {
	background-image: url(../Images/menuOverT.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	height: 3px;
	}
.menu_on-TR, .moTR {
	background-image: url(../Images/menuOverTR.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 5px;
	height: 3px;
	}
.menu_on-L, .moL {
	background-image: url(../Images/menuOverL.gif);
	background-repeat: no-repeat;
	background-position: center left;
	width: 14px;
	height: 15px;
	}
.menu_on, .moC {
	background-image: url(../Images/menuOverC.gif);
	white-space: nowrap;
	height: 15px;
	width: 100%;
	}
.menu_on-R, .moR {
	background-image: url(../Images/menuOverR.gif);
	background-repeat: no-repeat;
	background-position: center left;
	width: 5px;
	height: 15px;
	}
.menu_on-BL, .moBL {
	background-image: url(../Images/menuOverBL.gif);
	background-repeat: no-repeat;
	background-position: Top left;
	width: 14px;
	height: 3px;
	}
.menu_on-B, .moB {
	background-image: url(../Images/menuOverB.gif);
	background-repeat: repeat-x;
	background-position: top center;
	height: 3px;
	}
.menu_on-BR, .moBR {
	background-image: url(../Images/menuOverBR.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 5px;
	height: 3px;
	}

.menu_on a, .moC a {
	color: #22316c;
	font-family: Verdana, Geneva, ms sans serif;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	Width: 100%;
	padding-right: 3px;
	padding-left: 3px;
	}

.menu_off-TL, .mTL {
	background-image: url(../Images/menuTL.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 14px;
	height: 3px;
	}
.menu_off-T, .mT {
	background-image: url(../Images/menuT.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	height: 3px;
	}
.menu_off-TR, .mTR {
	background-image: url(../Images/menuTR.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 5px;
	height: 3px;
	}
.menu_off-L, .mL {
	background-image: url(../Images/menuL.gif);
	background-repeat: no-repeat;
	background-position: center left;
	width: 14px;
	height: 15px;
	}
.menu_off, .mC {
	background-image: url(../Images/menuC.gif);
	white-space: nowrap;
	height: 15px;
	width: 100%;
	}
.menu_off-R, .mR {
	background-image: url(../Images/menuR.gif);
	background-repeat: no-repeat;
	background-position: center left;
	width: 5px;
	height: 15px;
	}
.menu_off-BL, .mBL {
	background-image: url(../Images/menuBL.gif); 
	background-repeat: no-repeat;
	background-position: top left;
	width: 14px;
	height: 3px;
	}
.menu_off-B, .mB {
	background-image: url(../Images/menuB.gif);
	background-repeat: repeat-x;
	background-position: top center;
	height: 3px;
	}
.menu_off-BR, .mBR {
	background-image: url(../Images/menuBR.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 5px;
	height: 3px;
	}

.menuEdgeL, .mel {
	width: 1px;
	}

.menuEdgeR, .mer {
	width: 1px;
	}

.menu_bot_bg, .mbbg { 
	}
	
.menuVerticalOverT, .mvoT {
	background-image: url(../Images/menuVerticalOverT.gif);
	height: 5px; 
	width: 100%;
	}

.menuVerticalOverC, .mvoC {
	background-image: url(../Images/menuVerticalOverC.gif);
	height: 14px;
	text-align: center;
	width: 100%;
	}

.menuVerticalOverB, .mvoB {
	background-image: url(../Images/menuVerticalOverB.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	height: 3px; 
	width: 100%;
	}

.menuVerticalOverC a, .mvoC a {
	color: #22316c;
	font-family: Arial, Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-decoration: none;
	text-align: Left;
	white-space: nowrap;
	}

.menuVerticalOverC a:hover, .mvoC a:hover {
	color: #74bbfb;
	text-transform: uppercase;
	font-weight: bold;
	}

.menuVerticalT, .mvT {
	background-image: url(../Images/menuVerticalT.gif);
	height: 5px; 
	width: 100%;
	}

.menuVerticalC, .mvC {
	background-image: url(../Images/menuVerticalC.gif);
	vertical-align: middle;
	height: 14px;
	width: 100%;
	}

.menuVerticalB, .mvB {
	background-image: url(../Images/menuVerticalB.gif);
	height: 3px; 
	width: 100%;
	}

.menuVerticalC a, .mvC a {
	color: #22316c;
	font-family: Arial, Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: Left;
	text-decoration: none;
	white-space: nowrap;
	}

.menuVerticalC a:hover, .mvC a:hover {
	color: #74bbfb;
	text-transform: uppercase;
	font-weight: bold;
	}


/**********************************************************************
 * Tab Control Styles                                                 *
 **********************************************************************/
.tabBG {
	background-color: #dcbb4a;
	}

.tabBG a {
	color: #777777; 
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.tabBG a:hover {
	color: #99956a;
	}

/**********************************************************************
 * Page Background Styles                                             *
 **********************************************************************/
 	
.pageBorderTL, .pbTL {
	background-color: #ffffff;
	}
.pageBorderT, .pbT {
	background-color: #ffffff;
	}
.pageBorderTR, .pbTR {
	background-color: #ffffff;
	}
.pageBorderL, .pbL {
	background-color: #ffffff;
	}

.pageBorderR, .pbR {
	background-color: #ffffff;
	}
.pageBorderBL, .pbBL {
	background-color: #ffffff;
	}
.pageBorderB, .pbB {
	background-color: #ffffff;
	}
.pageBorderBR, .pbBR {
	background-color: #ffffff;
	}

.page_yellow, .pContent {
	color: #22316C; 
	height: 30px;
	}

.pSectionHead {
	color: #22316C; 
	font-family: Verdana, Geneva, ms sans serif;
	font-weight: bold;
	font-size: 20px;
	}
	
.pageAlignment, .pAlign {
	vertical-align: top;
	}

.borderTable, .pbTable {
	}

.divider { 
	}

.footer {
	color: #2f4f4f;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 12px;
	padding-top: 6px;
	}

.logoBG {
	}

/**********************************************************************
 * Sign In Bar Styles                                                 *
 **********************************************************************/
.signInBar {
	background-image:url(../Images/SignInBarBackground.gif);
	background-repeat: repeat-x;
	color: #666666;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	white-space: nowrap;
	}

.signInBarL {
	background-image:url(../Images/SignInBarL.gif);
	background-repeat: no-repeat;
	}

.signInBar a, .signInBar input {
	color: #666666;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
	}

.signInBarStatus {
	color: #666666;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: right;
	white-space: nowrap;
	}

/**********************************************************************
 * Panel Body Styles                                                  *
 **********************************************************************/
 
.dBody1 {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 4px;
	text-align: left;
	}
.dBody2 {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 4px;
	text-align: Right;
	}
.dBody3 {
	border-right: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	border-top: 1px #aaaaaa solid;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	}

.dialog_body, .dBody {
	border-right: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	}

.dialog_field_value, .dfv {
	color: #6f7285;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 3px;
	}

.dialog_header, .dh {
	background-repeat: repeat-x;
	height: 27px;
	}

.dialogHeaderBackground, .dhb {
	background-image:url(../Images/dialogHeaderT.gif);
	background-repeat: repeat-x;
	}

.dialog_header_text, .dht {
	background-image:url(../Images/dialogHeaderT.gif);
	color: #22316C;
	font-family: Verdana, Geneva, ms sans serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	padding-left: 4px;
   	padding-top: 2px;
   	vertical-align: middle;
	}

.dialogHeaderTextRecord, .dhtr {
	color: #22316C;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 4px;
   	padding-top: 2px;
	text-transform: uppercase;
	}

.dialogHeaderEdgeL, .dhel {
	background-image:url(../Images/dialogHeaderEdgeL.gif);
	background-repeat: repeat-y;
	background-position: top left;
	width: 20px;
	height: 27px;
	}

.dialogHeaderEdgeR, .dher {
	background-image:url(../Images/dialogHeaderEdgeR.gif);
	background-repeat: repeat-y;
	background-position: top right;
	width: 20px;
	height: 27px;
	}

.dialogHeaderIcon, .dhi {
	background-image:url(../Images/dialogHeaderT.gif);
   	padding-top: 2px;
   	vertical-align: middle;
	width: 0px;
	}

.dialogHeaderIconRecord, .dhir {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	}

.dialogHeaderExpandCollapseIcon, .dheci {
	background-image:url(../Images/dialogHeaderT.gif);
	width: 20px;
	height: 14px;
   	vertical-align: middle;
   	padding-top: 2px;
	}

.dialogHeaderPrintEmailIcon, .dhpei {
	padding-Left: 10px;
	padding-Right: 10px;
	text-align: Left;
	vertical-align: middle;
	}
      
.dialogHeaderTotalRecordCount, .dhtrc {
	background-image: url(../Images/dialogHeaderT.gif);
	text-align: right;
	vertical-align: middle;
   	padding-top: 2px;
	padding-left: 20px;
	}

.dialogHeaderTotalRecordCountText, .dhtrct {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	}

.dialog_view, .dv {
	}

.category, .c {
	color: #6f7285;
	padding: 5px;
	}
	
.category_area, .ca {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	vertical-align: middle;
	white-space: nowrap;	
	}

.category_area A, .ca A {
	color: #859999;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-decoration: underline;
	}

.category_area A:hover, .ca A:hover {
	color: #99956a;
	text-decoration: underline;
	}

.subcategory_label, .scl { 
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	color: #859999;
	padding-left: 4px;
	white-space: nowrap;	
	vertical-align: middle;
	}

.subcategory SELECT, .sc SELECT {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	border-top: 1px #555555 solid;
	border-left: 1px #555555 solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	}

.recordPanelButtonsAlignment, .rpbAlign {
	padding-bottom: 5px;
	padding-left: 100px;
	}

.field_label, .fl {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	color: #2f4f4f;
	white-space: nowrap;	
	vertical-align: middle;
	text-align: left;
	padding: 3px 6px 3px 6px;
	}

.field_label_on_side, .fls {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	color: #2f4f4f;
	white-space: nowrap;	
	vertical-align: middle;
	text-align: right;
	padding: 3px 6px 3px 6px;
	}

.field_value, .fv {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 0px;
	}

.field_input, .fi {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	background-color: #ffffff;
	border-top: 1px #555555 solid;
	border-left: 1px #555555 solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	}

.filter_value, .filv {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	}

.filter_button_cell, .filbc {
	padding-left: 8px;
	vertical-align:bottom;
	}

.Filter_Input, .fili {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	border-bottom: 1px #eeeeee solid;
	border-left: 1px #555555 solid;
	border-right: 1px #eeeeee solid;
	border-top: 1px #555555 solid;
	margin: 2px;
	margin-top: 0px;
	}

.filter_area, .fila {
	color: #2f4f4f;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
	vertical-align: middle;
	white-space: normal;
	}
	
.search_area, .sa {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
	}

.search_label, .sl {
	color: #2f4f4f;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	white-space: nowrap;	
	padding: 5px;
	}

.Search_Input, .si {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	background-color: #ffffff;
	border-bottom: 1px #eeeeee solid;
	border-left: 1px #555555 solid;
	border-right: 1px #eeeeee solid;
	border-top: 1px #555555 solid;
	margin-left: 2px;
	}

.rangeFilterText, .rft {
	color: #999999;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: normal;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
	text-transform: none;
	}


/**********************************************************************
 * Pagination Styles                                                  *
 **********************************************************************/
.button_bar_cell, .prbbc {
	background-image:url(../Images/paginationRowT.gif);
	background-repeat: repeat-x;
	padding-bottom: 1px;
	vertical-align: bottom;
	}
	
.prbg {
	background-image:url(../Images/ButtonBarBackground.gif);
	background-repeat: repeat-x;
	color: #666666;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
	}

.pagination_area, .pra {
	background-image:url(../Images/paginationRowT.gif);
	background-repeat: repeat-x;
	color: #003366;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding-bottom: 1px;
	text-align: left;
	vertical-align: bottom;
	white-space: nowrap;	
	}

.pagination_label, .prl {
	color: #003366;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	white-space: nowrap;	
	padding: 2px;
	}

.pagination_value, .prv {
	color: #003366;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	white-space: nowrap;	
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	}

.Pagination_Input, .pri {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	background-color: #ffffff;
	border-bottom: 1px #eeeeee solid;
	border-left: 1px #555555 solid;
	border-right: 1px #eeeeee solid;
	border-top: 1px #555555 solid;
	}

.pagination_row, .pr {
	border-bottom: 1px solid #dcbb4a;
	font-weight: bold;
	vertical-align: middle;
	}

.paginationRowEdgeL, .prel {
	background-image:url(../Images/paginationRowEdgeL.gif); 
	background-repeat: no-repeat;
	width: 20px;
	height: 38px;
	}

.paginationRowEdgeR, .prer {
	background-image:url(../Images/paginationRowEdgeR.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 38px;
	}

.paginationButtonFirst, .prbf {
	background-image:url(../Images/arrow_beg.gif);
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	}

.paginationButtonPrevious, .prbp {
	background-image:url(../Images/arrow_left.gif);
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	}

.paginationButtonNext, .prbn {
	background-image:url(../Images/arrow_right.gif);
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	}

.paginationButtonLast , .prbl {
	background-image:url(../Images/arrow_end.gif);
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	}


/**********************************************************************
 * Table Rows Styles                                                  *
 **********************************************************************/
.header_cell, .thc{
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	background-color: #d9e3eb; 
	padding: 5px;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #aaaaaa solid;
	color: #22316c;
	vertical-align: top;
	}

.thc a:link{
	color: #22316c;
}

.header_cell_empty, .thce {
	background-color: #d9e3eb; 
	border-bottom: 1px #aaaaaa solid;
	}

.column_header, .tch, .tch_firstRow {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	}

.column_header A, .column_header_scrolling A, .tch A, .tchs A {
	color: #22316c;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-decoration: underline;
	} 
	
.column_header A:hover, .column_header_scrolling A:hover, .tch A:hover, .tchs A:hover {
	color: #74BBFB;
	text-decoration: underline;
	}

.columnHeaderFilterPadding, .tchfilp {
	padding-top: 4px;
	text-align: center;
	}

.columnHeaderFilterPadding A, .tchfilp A {
	text-decoration: none;
	}

.columnHeaderFilterPadding A:hover, .tchfilp A:hover {
	text-decoration: none;
	}

.icon_cell, .alt_icon_cell, .tic, .taic {
	padding: 0px;
	color: #444444;
	vertical-align: middle;
	background-color: #ffffff;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	width: 16px;
	}

.icon_cell_highlighted, .alt_icon_cell_highlighted, .tich, .taich {
	padding: 0px;
	color: #444444;
	vertical-align: middle;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	width: 16px;
	background-color: #d9e3eb; 
	}

.icon_cell_selected, .tics {
	padding: 0px;
	color: #444444;
	vertical-align: middle;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	width: 16px;
	background-color: #ebf6ff; 
	}

.icon_cell_empty, .tice {
	background-color: #ffffff;
	border-bottom: 1px #cccccc solid;
	width: 0px;
	}

.icon_cell_highlighted_empty, .tiche {
	background-color: #d9e3eb; 
	border-bottom: 1px #cccccc solid;
	width: 0px;
	}

.icon_cell_selected_empty, .ticse {
	background-color: #ebf6ff; 
	border-bottom: 1px #cccccc solid;
	width: 0px;
	}

.table_cell, .alt_table_cell, .ttc, .tatc, .linePalletQty  {
	padding: 5px;
	color: #6f7285;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #ffffff;
	}

.table_cell_highlighted, .alt_table_cell_highlighted, .ttch, .tatch {
	padding: 5px;
	color: #74bbfb;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #d9e3eb; 
	}

.table_cell_selected, .ttcs , .s_itemCode, .s_inputRoundingCtrl{
	padding: 5px;
	color: #666666;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	/* background-color: #f5fafe; */
	background-color: #ebf6ff; 
	}

.ttc a, .tatc a, .ttch a, .tatch a, .ttcs a, .dfv a, .dialog_field_value a {
	color: #859999;
	}

.ttc a:hover, .tatc a:hover, .ttch a:hover, .tatch a:hover, .ttcs a:hover, .dfv a:hover, .dialog_field_value a:hover {
	color: #99956a;
	}

.totals_cell, .tpttc {
	padding: 5px;
	color: #666666;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #ffffff;
	width: 48px;
	}

.totals_cell_value, .tpttcv {
	padding: 5px;
	color: #666666;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: right;
	background-color: #ffffff;
	}
	
.page_total_label, .tptl {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	padding-left: 20px;
	white-space: nowrap;	
	vertical-align: middle;
	}

.page_total_value, .tptv {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
	}

.grand_total_label, .tgtl {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	padding-left: 20px;
	white-space: nowrap;	
	vertical-align: middle;
	}

.grand_total_value, .tgtv {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
	}

.tableRowsEdge, .tre {
	border-left: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #cccccc;
	}
	

/**********************************************************************
 * Scrolling Table Styles                                             *
 **********************************************************************/
div.tableContainer {
	clear: both;
	height: 285px;  /* defines scrolling region height */
	overflow: auto; /* enables scroll bar */
	}

div.tableContainer table {
	width: 97%; /* defines data region width (provide room for scroll bar) */
	}

thead.fixedHeader tr {
	background-color: #d9e3eb; /* obscures data behind headers */
	position: relative; 	   /* fixes headers in place */
	}

	/*
.scrollContent {
	display: block;
	}
*/
thead.fixedHeader td.button-white {
	white-space: nowrap;
	width: 0%;
	}

thead.fixedHeader table {
	width: 0%;
	}


/**********************************************************************
 * Auto Type Ahead Styles                                             * 
 **********************************************************************/
.autotypeahead_completionListElement {  
	background-color: #ffffff;
	border-bottom: 1px #555555 solid;
	border-left: 1px #555555 solid;
	border-right: 1px #555555 solid;
	border-top: 1px #555555 solid;
	height: 90px;
	list-style-type: none;
	margin: 0px;
	overflow: auto;
	padding: 0px;
	visibility: hidden;
	}

.autotypeahead_highlightedListItem {
	background-color: #d9e3eb; 
	padding-bottom: 1px; 
	}

.autotypeahead_listItem {
	padding-bottom: 1px; 
	}


/**********************************************************************
 * Date Selector Styles                                               *
 **********************************************************************/
.dsTodayDay {
	background-color: #d9e3eb;
	}

.dsDayHeader {
	color: #666666;
	background-color: #d9e3eb;
	font-size: 10px;
	padding: 6px;
	}

.dsSelectedDay {
	padding: 6px;
	}

.dsTitle {
	color: #666666;
	background-color: #ffffff;
	font-weight: bold;
	}

.dsWeekendDay {
	background-color: #eeeeee;
	padding: 6px;
	}

.dsOtherMonthDay {
	background-color: #eeeeee;
	padding: 6px;
	}

.dsDay a, .dsTodayDay a, .dsSelectedDay a, .dsWeekendDay a, .dsOtherMonthDay a {
	color: #666666;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	}


/**********************************************************************
 * Info Panel Styles                                                  *
 **********************************************************************/
.panelInformationDisplayWithImage {
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	}

.panelInformationDisplayWithImage_ImageArea {
	padding: 10px 10px 10px 16px;
	}

.panelInformationDisplayWithImage_InfoArea {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	vertical-align: middle;
	}

.panelInformationDisplayWithImage_InfoTitle {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #777777;
	white-space: nowrap;	
	}

.panelInformationDisplayWithImage_InfoDetails {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding-left: 16px;
	white-space: nowrap;
	}

.panelInformationDisplay {
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	}

.panelInformationDisplay_InfoArea {
	padding: 10px;
	}

.panelInformationDisplay_InfoTitle {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #777777;
	white-space: nowrap;	
	text-align: center;
	}

.panelInformationDisplay_InfoDetails {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	white-space: nowrap;
	text-align: center;
	}


/**********************************************************************
 * Configuration/Error Page Styles                                    *
 **********************************************************************/
.configureErrorPagesText {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	color: #666666;
	}
	

/**********************************************************************
 * Section 508 Compliance Styles                                      *
 **********************************************************************/
.skipNavigationLinks {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	color: #666666;
	}


/**********************************************************************
 * Detail Rollover Popup Styles                                       *
 **********************************************************************/
.detailRolloverPopup {
	position: absolute;
	visibility: visible;
	z-index: 2;
	}

.detailRolloverTitle {
	color: #777777;
	text-transform: uppercase;
	font-family: Verdana, Geneva, ms sans serif;
	font-weight: bold;
	font-size: 11px;
	padding-left: 4px;
   	padding-top: 2px;
   	vertical-align: middle;
	width: 100%;
	}

.detailRolloverTL {
	background-image:url(../Images/detailRolloverTL.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 57px;
	width: 65px;
	}

.detailRolloverTL_noPNG {
	height: 57px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverTL.png');
	}

.detailRolloverT {
	background-image:url(../Images/detailRolloverT.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	height: 57px;
	}

.detailRolloverT_noPNG {
	height: 57px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverT.png');
	}

.detailRolloverTR {
	background-image:url(../Images/detailRolloverTR.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 57px;
	width: 65px;
	}

.detailRolloverTR_noPNG {
	height: 57px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverTR.png');
	}

.detailRolloverL {
	background-image:url(../Images/detailRolloverL.png);
	background-position: center right;
	background-repeat: repeat-y;
	width: 65px;
	}

.detailRolloverL_noPNG {
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverL.png');
	}

.detailRolloverC {
	background-image:url(../Images/detailRolloverC.png);
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	}

.detailRolloverR {
	background-image:url(../Images/detailRolloverR.png);
	background-position: center left;
	background-repeat: repeat-y;
	width: 65px;
	}

.detailRolloverR_noPNG {
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverR.png');
	}

.detailRolloverBL {
	background-image:url(../Images/detailRolloverBL.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 29px;
	width: 65px;
	}

.detailRolloverBL_noPNG {
	height: 29px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverBL.png');
	}

.detailRolloverB {
	background-image:url(../Images/detailRolloverB.png);
	background-position: top center;
	background-repeat: repeat-x;
	height: 29px;
	}

.detailRolloverB_noPNG {
	height: 29px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverB.png');
	}

.detailRolloverBR {
	background-image:url(../Images/detailRolloverBR.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 29px;
	width: 65px;
	}

.detailRolloverBR_noPNG {
	height: 29px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverBR.png');
	}


/**********************************************************************
 * Third Party Controls Styles                                        *
 **********************************************************************/
.thirdparty_button {
 	font-family: Verdana, Geneva, ms sans serif;
	background-color: #FFF2C4;
	color: #859999;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align:middle;
	border:none;
	}

.Tmenu_off {
	color: #859999; 
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border: none;
	background-color: #D9E3EB;
	}

.Tmenu_on {
	color:  #99956a;
	font-weight: bold;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	border: none;
	background-color: #FFF6D5;
	}


/**********************************************************************
 * JavaScript Date Selector Styles                                    *
 **********************************************************************/
.dpTable {
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	color: #333333;
	}

.dpTD {
	border: 1px solid #eeeeee;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: center;
	vertical-align: middle;
	}

.dpDayHighlightTD {
	background-color: #dcbb4a;
	border: 1px solid #cccccc;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: center;
	vertical-align: middle;
	}

.dpTDHover {
	background-color: #dcbb4a;
	border: 1px #eeeeee solid;
	cursor: pointer;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: center;
	vertical-align: middle;
	}

.dpDayTD {
	background-color: #d9e3eb;
	border: 1px #aaaaaa solid;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	text-align: center;
	vertical-align: middle;
	}

.dpTitleText {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	padding-top: 3px;
	text-align: center;
	vertical-align: middle;
	}

.dpDiv {
	}

.dpTR {
	}

.dpTitleTR {
	}

.dpDayTR {
	}