body {}

.DealerMessagesCount {border-radius:50%;background:#F1AF24;position:absolute;left:20px;top:-5px;width:15px;border:solid 1px black;padding:2px;text-align:center;font-size:smaller;cursor:pointer}
.DealerMessages {position:absolute;left:50px;top:10px;font-size:9pt}
.MasterMenuItemStatic a:hover, .MasterMenuItemDynam a:hover{color:#D9722C;background-color: #FFFFFF;}

.NMDiv{width:100%;white-space: nowrap;font-size:8pt;font-family:Arial;text-align:left;color:#414141;font-weight:bold;}
.NMDiv ul li, .NMDiv ul li ul li{border: 1px solid #83abc6;background-color:#EDF7FF;}
.NMDiv ul li ul li {width:100%;}
.NMDiv ul li {width:155px;}

.NMDiv240 {
	width: 100%;
	white-space: nowrap;
	font-size: 8pt;
	font-family: Arial;
	text-align: left;
	color: #414141;
	font-weight: bold;
}
.NMDiv240 ul li, .NMDiv240 ul li ul li {
	border: 1px solid #83abc6;
	background-color: #EDF7FF;
}
.NMDiv240 ul li ul li {
	width: 100%;
}
.NMDiv240 ul li {
	width: 240px;
}

#myGallery {
	position: relative;
	width: 800px; /* Set your image width */
	height: 600px; /* Set your image height */
}

	#myGallery img {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		height: 600px;
		width: 800px;
		border-width: 0px;
		cursor: pointer;
	}

#myGallery img.active {
	display: block;
}

.NMSList, .NMDList{z-index:100;padding:0px;}
#ctl00_ctl00_ContentPlaceHolder1_MasterMenu .dynamic {color:#414141;}
#ctl00_ctl00_ContentPlaceHolder1_MasterMenu .static {color:#414141;}
#ctl00_ctl00_ContentPlaceHolder1_MasterMenu .static a {padding:3px 6px 3px 6px;}
#ctl00_ctl00_ContentPlaceHolder1_MasterMenu .dynamic a {padding:3px 6px 3px 6px;}
#ctl00_ctl00_ContentPlaceHolder1_MasterMenu .highlighted {color:#D9722C;background-color:white;}
#ctl00_ctl00_ContentPlaceHolder1_MasterMenu .aspNetDisabled {color:gray;background-color:#EDF7FF;}

.mainTable
{
	padding-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 950px;
	/*width: 100%;*/
	padding-top: 0px;
	clip: rect(1px auto auto 10px);
	background-color:White;
}
.mainTable2
{
	padding-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 950px;
	padding-top: 0px;
	background-color:White;
}
.headerAboveLogoRow
{
	height:5px;
	background-color: #CBCDCC;
}
.headerLogoRow
{
	background-image: url(../images/header.jpg);
	height:59px;
}
.AppsheaderLogoRow
{
	background-image: url(../images/WebAppsHdr.jpg);
	height:59px;
}
.headerText
{
	font-size: 9pt;
	color: white;
	font-family: Arial;
}
.headerText_Yellow
{
	font-size: 9pt;
	color: Yellow;
	font-family: Arial;
}
.headerBoldText
{
	font-size: 9pt;
	color: white;
	font-family: Arial;
	font-weight: bold;
}
.headerBoldText_14pt
{
	font-size: 14pt;
	color: white;
	font-family: Arial;
	font-weight: bold;
}
.headerBoldText_Yellow
{
	font-size: 9pt;
	color: Yellow;
	font-family: Arial;
	font-weight: bold;
}
.tdDoorInfo
{
	width:160px;
	text-align: right;
	vertical-align:top;
	float:right;
}
/* handles the font for the asp:panels groupingText */
legend
{
	color: #013367;
}

.tableZeroPads
{
	padding: 0px;
}
.topAlign
{
	vertical-align: top;
}

.rightJustified
{
	text-align: right;
}

.centerJustified
{
	text-align: center;
}
.leftJustified
{
	text-align: left;
}
.posRelative
{
	position: relative;
}
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
	height:0px;
	font-family: Arial;
	font-size: 10pt;
	text-align: Left;
	text-decoration: none;
		font-weight: normal;
}
.collapsePanelHeader
{
	width: 100%;
	height: 20px; /*background-repeat: repeat-x;*/
	color: blue;
	font-size: 8pt;
	font-family: Arial;
	padding-left: 2px;
	vertical-align: middle;
	background-color:white;
	cursor: pointer;
}

.costItemErrored
{
	background-color: Orange;
}

/* *******************************************************************************
		navigation
********************************************************************************** */
.MenuBarDivWrapper
{
	width: 100%;
	border-bottom: #FFFFFF 1px solid;
	padding-top:0px;
	padding-bottom: 0px;
	background-color: #CBCDCC;	
	height:17px;
}
.MenuBarDiv
{
	padding-top:0px;
	padding-bottom: 0px;
	background-color: #CBCDCC;	
}
.MenuBarDivSeparator
{
	color: #414141;
	width: 2px;
	background-color: #CBCDCC;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	font-weight: bold;
	float:left;
}
.MenuItemStatic
{
	width: 120px;
	color: #414141;
	font-family: Arial;
	text-align: center;
	text-decoration: none;
	font-size: 9pt;
	background-color: #CBCDCC;
	font-weight: bold;
}
.MenuItemStaticHover
{
	width: 120px;
	color: #535CA2;
	font-family: Arial;
	font-size: 9pt;
	text-align: center;
	text-decoration: none;
	background-color: #CBCDCC;
		font-weight: bold;
}
.MenuItemDynam
{
	width: 120px;
	color: #414141;
	font-family: Arial;
	text-align: center;
	text-decoration: none;
	font-size: 9pt;
	background-color: #CBCDCC;	
	border-right: #013367 1px solid ;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;	
}
.MenuItemDynamHover
{
	width: 120px;
	color: #535CA2;
	font-family: Arial;
	font-size: 9pt;
		font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #CBCDCC;
	border-right: #53579E 1px solid ;
	border-top: #53579E 1px solid;
	border-left: #53579E 1px solid;
	border-bottom: #53579E 1px solid;	
}
/* *******************************************************************************
		Tabs Menu
********************************************************************************** */
.menuTabs
{
	position:relative;
	top:1px;	
	left:10px;
	text-align:left;
	vertical-align:middle;
}
.WebAppsTabs_Theme
.WebAppsTabs_Theme .WebAppsTabs_Row
{
	padding-left:10px;
	background-color:Gray;
	height:20px;
	border-bottom:2px solid Black;		
}
.WebAppsTabs_Theme .WebAppsTabs_Container
{
	background-image:Url("~/images/tabImg.jpg");
	text-align:center;
	vertical-align:middle;
}
.WebAppsTabs_Theme .WebAppsTabs_tabFont
{
	background-image:Url("~/images/tabImg.jpg");
	padding: 0px 10px 0px 10px;
	font-family:Arial;
	font-size: 12px;
	font-style: normal;
	color: Black;	
}
.WebAppsTabs_Theme .WebAppsTabs_selectedTab
{
	background-image:Url("~/images/tabImg.jpg");
	padding:0px 10px 0px 10px;
	font-family:Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: Black;
}	
.tab
{
	border:Solid 1px black;
	border-bottom:none;
	padding:0px 10px;
	background-color:#eeeeee;
	font-family:Arial;
	font-size: 12px;
	font-style: normal;
	color: Black;	
}
.selectedTab
{
	border:Solid 1px black;
	border-bottom:Solid 1px white;
	padding:0px 10px;
	background-color:white;
	font-family:Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: Black;
}
.tabBody
{
	border:Solid 1px black;
	padding:20px;
	background-color:white;
}
/* *******************************************************************************
End Tab Menu
********************************************************************************** */
.NavBarLine
{
	width: 100%;
	height: 21px;
	padding: 0px;
	border-top: #013367 1px solid;
	border-bottom: #013367 1px solid;
	background-color: black;
}
.NavLine
{
	width: 100%;
	height: 21px;
	padding-top:0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: black;

}
.NavLineDiv
{
	padding-top:0px;
	padding-bottom: 0px;
	background-color: black;	
	float:left;
	height:20px;	
}
.NavLineItemCurrPage
{
	width: 140px;
	height: 20px;
	color: #CBCDCC;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 2px;
}
.NavLineItem
{
	width: 100%;
	height: 20px;
	color: #CBCDCC;
	font-family: Arial;
	font-size: 10pt;
	padding-top:2px;
	background-color: black;
}
.NavLineItemButtonHover, .NavLineItemButton
{
	font-family: Arial;
	font-size: 10pt;
	background-color: #CBCDCC;
	border-style: none;
	width: 140px;
	padding-top: 1px;
	text-decoration: none;
}
.NavLineItemButton
{
	color: #CBCDCC;
	background-color: black;
}
.NavLineItemButtonHover
{
	color: black;
	background-color: #CBCDCC;
}
.NavLineArrow
{
	vertical-align:middle;		
	padding-left:8px;
	padding-right:4px;
	float: left;
}
.NavLineArrowImage
{
	vertical-align:middle;		
	height:15px;
	padding-top:2px;
}
/* *******************************************************************************
		please wait display
********************************************************************************** */
.Progress{z-index:100050;border:solid 1px #AAA;background:white;font-family:Tahoma;font-size:9pt;white-space:nowrap;position:absolute;text-align:center;vertical-align:middle}
.ProgressTemplate{z-index:100010;text-align:center; position:absolute;background-color:#FFFFE3;border:solid 1px #AAA;filter:alpha(opacity=80);opacity:0.8;overflow:hidden;top:0px;left:0px}
.Progress2{z-index:2147483648;border:solid 1px #AAA;background:white;font-family:Tahoma;font-size:9pt;white-space:nowrap;position:relative;text-align:center;vertical-align:middle;}
.ProgressTemplate2{z-index:2147483647; width:100%; height:100%; vertical-align:middle; text-align:center; position:absolute; background-color:#FFFFE3;border:solid 1px #AAA;filter:alpha(opacity=80);opacity:0.8;top:0;left:0}
.prog-border{height:15px;width:250px;background:#fff;border:1px solid silver;margin:0px;padding:0px;text-align:left}
.prog-bar{height:13px;margin:0px;padding:0px;padding-top:2px;background:#B9CDDC}
.prog-Stat{padding-left:20px;position:absolute;margin:0px;color:black;font-family:Tahoma;font-size:9pt;font-weight:bold}
/* *******************************************************************************
		widths
********************************************************************************** */
.width25px
{
	width: 25px;
}
.width40px
{
	width: 40px;
}
.width50px
{
	width: 50px;
}
.width60px
{
	width: 60px;
}
.width70px
{
	width: 70px;
}
.width75px
{
	width: 75px;
}
.width75px_topAlign
{
	width: 75px;
	vertical-align:top
}
.width80px_topAlign
{
	width: 80px;
	vertical-align:top 
}
.width80px
{
	width: 80px;
}
.width85px
{
	width: 85px;
}
.width90px
{
	width: 90px;
}
.width100px
{
	width: 100px;
}
.width100px_topAlign
{
	width: 100px;
	vertical-align:top 
}
.width110px
{
	width: 110px;
}
.width120px
{
	width: 120px;
}
.width120px_topAlign
{
	width: 120px;
	vertical-align:top 	
}
.width130px
{
	width: 130px;
}
.width130px_topAlign
{
	width: 130px;
	vertical-align:top 	
}
.width140px
{
	width: 140px;
}
.width150px
{
	width: 150px;
}
.width160px
{
	width: 160px;
}
.width170px
{
	width: 170px;
}
.width180px
{
	width: 180px;
}
.width190px
{
	width: 190px;
}
.width200px
{
	width: 200px;
}
.width250px
{
	width: 250px;
}
.width275px
{
	width: 275px;
}
.width620px
{
	width: 620px;
	border-bottom: gray thin solid;
}
.width630px
{
	width: 630px;
}
.width640px
{
	width: 640px;
}
.width650px
{
	width: 650px;
}
.width750px
{
	width: 750px;
}
.width755px
{
	width: 755px;
}

/* *******************************************************************************
		Fonts
********************************************************************************** */
.Arial_12pt_Bold_Black
{
	font-weight: bold;
	color: black;
	font-family: Arial;
	font-size: 12pt;
}
.Arial_12pt_Bold_Black_topAlign
{
	font-weight: bold;
	color: black;
	font-family: Arial;
	font-size: 12pt;
	vertical-align: top;
}
.Arial_11pt_Bold_Black
{
	font-weight: bold;
	color: black;
	font-family: Arial;
	font-size: 11pt;
}
.Arial_11pt_Bold_Black_topAlign
{
	font-weight: bold;
	color: black;
	font-family: Arial;
	font-size: 11pt;
	vertical-align: top;
}
.Arial_11pt_Bold_Red
{
	font-weight: bold;
	color: red;
	font-family: Arial;
	font-size: 11pt;
}
.Arial_10pt_Bold_Black
{
	font-weight: bold;
	color: black;
	font-family: Arial;
	font-size: 10pt;
}
.Arial_10pt_Bold_Black_Total
{
	border-bottom:double medium black;
	border-top:solid thin black;
	font-weight: bold;
	color: black;
	font-family: Arial;
	font-size: 10pt;
}
.Arial_10pt_Black
{
	color: black;
	font-family: Arial;
	font-size: 10pt;
}
.Arial_9pt_Bold_Black
{
	font-weight: bold;
	color: black;
	font-family: Arial;
	font-size: 9pt;
}
.Arial_9pt_Bold_Black_GreenBck
{
	font-weight: bold;
	color: black;
	font-family: Arial;
	font-size: 9pt;
	background-color: #DFFFDF;
}
.Arial_9pt_Black 
{
	color: black;
	font-family: Arial;
	font-size: 9pt;
}
.Arial_9pt_Black_25px
{
	color: black;
	font-family: Arial;
	font-size: 9pt;
	width: 25px
}
.Arial_8pt_Bold_Black
{
	font-weight: bold;
	color: black;
	font-family: Arial;
	font-size: 8pt;
}
.Arial_8pt_Black 
{
	color: black;
	font-family: Arial;
	font-size: 8pt;
}
.Arial_8pt_Black_25px
{
	color: black;
	font-family: Arial;
	font-size: 8pt;
	width: 25px;
	
}
.Arial_8pt_Blue
{
	color: #5D7B9D;
	font-family: Arial;
	font-size: 8pt;
}
.Arial_8pt_Blue_Bold
{
	color: #5D7B9D;
	font-weight: bolder;
	font-family: Arial;
	font-size: 8pt;
}
.Arial_8pt_Blue_Total
{
	border-bottom:double medium #5D7B9D;
	border-top:solid thin #5D7B9D;
	color: #5D7B9D;
	font-family: Arial;
	font-size: 8pt;
}
.Arial_8pt_Red
{
	color: red;
	font-family: Arial;
	font-size: 8pt;
}
.fontUpper
{
	text-transform: uppercase;
}
.Arial_8pt_Bold_RedBG_25px
{
	color: black;
	font-family: Arial;
	font-weight: bold;
	font-size: 8pt;
	background-color: Red;
	color: yellow;
	width: 25px;
	text-transform: uppercase;
}
.Arial_10pt_Bold_Blue
{
	font-weight: bold;
	color: #5D7B9D;
	font-family: Arial;
	font-size: 10pt;
}
/* *******************************************************************************
		Error Display
********************************************************************************** */
.errorDisplay
{
	visibility: visible;
	width: 200px;
	background-color: Red;
	border-width: 1px;
	position: absolute;
	left: 555px;
	color: yellow;
}
.errorHide
{
	visibility:hidden;
	width:200px;
	background-color:Yellow;
	border-width: 1px;
	position:absolute;
	left:555px;	 
}

/********************************************************************************
FOG Message
*/
.MsgMainTable
{
	width: 575px;
}
.MsgDetail
{
	font-family: Tahoma;
	font-size: 9pt;
}

/********************************************************************************
Modal Popup
*/
.modalBackground
{
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalPopup
{
	width: 700px;
}
.modalPopup img
{
	border: solid 5px #fff;
}
.modalPopup-text
{
	display: block;
	color: #000;
	background-color: #fff;
	text-align: left;
	border: solid 2px #000;
	padding: 10px;
	font-family: Tahoma;
	font-size: 9pt;
	overflow: auto;
}
.modalPopup-text input
{
	width: 75px;
}
.feedback
{
	color: #00cc00;
	font-weight: 700;
}
.MsgMainTable
{
	width: 700px;
	vertical-align: top;
	text-align: left;
}
.MsgLabel
{
	text-align: right;
	white-space:nowrap;
	width: 150px;
}

/* *******************************************************************************
		Input panel show and hide
********************************************************************************** */
.InputPanelHide
{
	visibility:hidden;
	
}
.InputPanelShow
{
	visibility:visible;
}

/* *******************************************************************************
		hyperlink with no boarder and text decoration
********************************************************************************** */
a.NoBoarder:link
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
a.NoBoarder:visited
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
a.NoBoarder:active
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
a.NoBoarder:hover
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
img.NoBoarder
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
/* *******************************************************************************
		Main input
********************************************************************************** */
.ModelNameTable
{
	background-color: white;
	color: black;
	text-align:center;
}
.ModelNameTableTitle
{
	font-weight:100;
	font-family:Arial;
	font-size:12pt;
	color:Black;
}
.ModelNameTableModel
{
	font-weight:bold;
	font-style:italic;
	font-family:Arial;
	font-size:12pt;
	color:Black;
}
/* *******************************************************************************
		help popup
********************************************************************************** */
.HelpPopUp
{
	position: absolute; 
	white-space: nowrap;
	visibility: hidden;
	width: 350px;
	z-index:500;
}
.InputsHelpHeader
{
	background: black;
	border-style: solid;
	border-width: 1px;
	border-bottom-color: white;
	border-right-color: black;
	border-left-color: Black;
	border-top-color: Black;
	font-weight: bold;
	color: white;
	font-family: Arial;
	width: 350px;
	padding: 2px;
}
.InputsHelpBody
{
	background-color: #CBCDCC;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	color: black;
	font-style: normal;
	font-family: Arial;
	width: 350px;
	padding: 2px;
	text-align: left;
	text-decoration: none;
}


/* *******************************************************************************
		Modal window styles
********************************************************************************** */
.ErrorModalWindowHeader
{
	background: #013367;
	border-style: solid;
	border-width: 1px;
	border-bottom-color: #98CB00;
	border-right-color: #98CB00;
	border-left-color: Black;
	border-top-color: Black;
	font-weight: bold;
	color: #98CB00;
	font-style: italic;
	font-family: Arial;
	text-decoration: underline;
	width: 300px;
	padding:2px;
}
.ErrorModalWindowBody
{
	background-color: #dad9ed;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	color: black;
	font-style: normal;
	font-family: Arial;
	width: 300px;
	padding: 2px;
	text-align: left;
	text-decoration: none;
}

/* *******************************************************************************
		always visable window styles
********************************************************************************** */
.AlwaysVisibleHeader
{
	background: black;
	border-style: solid;
	border-width: 1px; /* border-bottom-color: #013367;
	border-right-color: #013367; */
	border-bottom-color: white;
	border-right-color: black;
	border-left-color: Black;
	border-top-color: Black;
	font-weight: bold;
	color: white;
	font-family: Arial;
	width: 140px;
	height: 17px;
	font-size: 15px;
	text-align: left;
}
.AlwaysVisibleBody
{
	background-color: #CBCDCC;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	color: black;
	font-style: normal;
	font-family: Arial;
	width: 140px;
	text-align: left;
	text-decoration: none;
}



/* *******************************************************************************
		combo box controls
********************************************************************************** */
.InputListBox
{
	/*position:absolute;*/
	white-space: nowrap;
	visibility: hidden;
	height: 100px;
	color: black;
	font-family: Arial;
	font-size: 8pt;
	z-index: 10;
}
.InputPanel
{
	vertical-align: bottom;
	padding: 0px;
}


/* *******************************************************************************
		xxxxx
********************************************************************************** */
.rayDropDownTDwrapper
{
	font-weight:100;
	padding-left:10px;
}
.InputValueSmallUpper
{
	color: black;
	font-family: Arial;
	font-size: 12px;
	text-transform: uppercase;
	background-color: White;
	/*position: relative;*/
	border:  #7F9DB9 1px solid;
	padding-left: 5px;
	vertical-align: middle;
}

.InputValueSmallUpperError
{
	color: yellow;
	font-family: Arial;
	font-size: 12px;
	text-transform: uppercase;
	background-color: Red;
	padding-left: 5px;
	vertical-align: middle;
	font-weight: bold;
	font-style: italic;
}

.rayTextBox
{
	vertical-align: top;
	padding-top: 0px;
	text-align: left;
	height: 20px;
	border-collapse: collapse;
}

.LabelSmallBlack
{
	color: black;
	font-family:Arial;
	font-size: 8pt;
}

.PanelTextSmallBlue
{
	color:Blue;
	font-family:Arial;
	font-size: 8pt;
	font-weight:bold;
}
.PanelTextLargeBlue
{
	color:Blue;
	font-family:Arial;
	font-size: 10pt;
	font-weight:bold;
}

.setControlFocus
{
	display: none;
	position: absolute;
	height: 0px;
}
.rayDropDown
{
	border-right: none;
	border-top: #7F9DB9 1px solid;
	border-left: #7F9DB9 1px solid;
	border-bottom: #7F9DB9 1px solid;
	vertical-align: top;
	padding-top: 0px;
	text-align: left;
	height: 20px;
	border-collapse: collapse;
}

.rayDDInputSmallUpper
{
	color: black;
	font-family: Arial;
	font-size: 8pt;
	text-transform: uppercase;
	background-color: White;
	/*position: relative ;*/
	border: none;
	padding-left: 5px;
	vertical-align:middle;
}
.rayDDInputSmallUpperError
{
	color: yellow;
	font-family: Arial;
	font-size: 8pt;
	text-transform: uppercase;
	background-color: Red;
	position: relative;
	border: none;
	padding-left: 5px;
	vertical-align: middle;
	font-weight: bold;
	font-style: italic;
}

.rayDropDownImage
{
	border-right: #7F9DB9 1px solid;
	border-top: #7F9DB9 1px solid;
	border-left: none;
	border-bottom: #7F9DB9 1px solid;
	vertical-align:middle;
	padding-top: 0px;
	text-align: left;
	border-collapse: collapse;
}

.rayDropDownImage2
{
	border-right: #7F9DB9 1px solid;
	border-top: #7F9DB9 1px solid;
	border-left: none;
	border-bottom: #7F9DB9 1px solid;

}
.rayDropDown2
{
	border-top: #7F9DB9 1px solid;
	border-left: #7F9DB9 1px solid;
	border-bottom: #7F9DB9 1px solid;
	border-right: #7F9DB9 1px solid;
	width:75px;
 text-align:right;
}

.Progress
{
	position: absolute;
	white-space: nowrap;
	background-color: #FFFFE3;
	width: 600px;
	height: 20px;
	border: solid 1px #AAAAAA;
	font-family: Tahoma;
	font-size: 9pt;
}


/* *******************************************************************************
		OverlayMain
********************************************************************************** */
.SegStyleNote
{
	font-weight: bold;
	font-size: 14pt;
	color: black;
	font-style: italic;
	font-family: Arial;
}

.lblDynamicContainer
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-style: italic;
	font-family: Arial;
}
/* *******************************************************************************
		Cart Panel
********************************************************************************** */
.CartPanel
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-align: center;
	vertical-align: bottom;
	text-decoration: none;
}


/* *******************************************************************************
		Main comp screen
********************************************************************************** */
.CompPanel
{
    text-align: left;
}
.bodyHeaders
{
	font-size: 8pt;
	color: #013367;
	font-family: Arial;
	text-align: center;
	text-decoration: underline;
	vertical-align:top;	
}
.bodyDetail
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
	text-decoration: none;
}
.bodyDetailHelper
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-align: left;
	vertical-align:bottom;	
}
.bodyDetailTD
{
	text-align: center;
}

/* *******************************************************************************
		Section Weights Screen
********************************************************************************** */
.gridCD, .gridCD td, .gridCD th {
	font-size: 8pt;
	font-family: Arial;
	border: 1px solid #013367;
}
.gridCD td, .gridCD th {
	padding-left: 5px;
	padding-right: 5px;
}
.gridCD td {
}
.gridCD th {
	color:#414141;
	background: #CBCDCC;
}

.grid
{
	border-right: #013367 1px solid;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;	
}
.gridLabel{
    border:none;
	color:black;
	text-align:right;
	font-size: 8pt;
	font-family: Arial;
	padding-right: 5px;	
}
.gridHeader
{
	font-size: 8pt;
	font-family: Arial;
	color:#414141;
	background: #CBCDCC;
	vertical-align: top;
	border-right: #013367 1px solid;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;
}
.gridItem
{
	font-size: 8pt;
	font-family: Arial;
	vertical-align: top;
	border-right: #013367 1px solid;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;
	padding-left: 5px;
	padding-right: 5px;	
}
.gridItem10
{
	font-size: 10pt;
	font-family: Arial;
	vertical-align: top;
	border-right: #013367 1px solid;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;
	padding-left: 5px;
	padding-right: 5px;	
}

.gridItemRight
{
	font-size: 8pt;
	font-family: Arial;
	vertical-align: top;
	border-right: #013367 1px solid;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;	
}
.gridItemCenterNoBorder
{
	font-size: 8pt;
	font-family: Arial;
	vertical-align: top;
	text-align: center;
}
.gridItemRed
{
	font-size: 8pt;
	font-family: Arial;
	color:Red;
	vertical-align: top;
	border-right: #013367 1px solid;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;
	padding-left: 5px;
	padding-right: 5px;	
}
.gridItemUpper
{
	font-size: 8pt;
	font-family: Arial;
	vertical-align: top;
	border-right: #013367 1px solid;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;
	padding-left: 5px;
	padding-right: 5px;	
	text-transform: uppercase;
}
.gridItemRed
{
	font-size: 8pt;
	font-family: Arial;
	color:Red;
	vertical-align: top;
	border-right: #013367 1px solid;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;	
}
.gridItemHighLighted
{
	font-size: 8pt;
	font-family: Arial;
	color:#FF9900;
	vertical-align: top;
	border-right: #013367 1px solid;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;	
}
.gridItemNoBorder
{
	font-size: 8pt;
	font-family: Arial;
	vertical-align: top;
}
.gridItemNoBorderRed
{
	font-size: 8pt;
	font-family: Arial;
	vertical-align: top;
	color:Red;
}
.gridItemNowrap
{
    white-space:nowrap;
}
.gridItemButton
{
    margin-left:3px;
    margin-right:3px;
    font-size:7pt;
    font-family:Arial;
    border-radius:2px;
	/*background-color: #EDF7FF;*/
    border:1px solid #AAAAAA;
    background-color: #cccccc;
    height:18px;
    vertical-align:middle;
    text-align:center;
    color:ButtonText;
}
.gridItemButton:hover
{
	/*background-color: #FFFFFF;*/
    border:1px solid Gray;
	background-color:#AAAAAA;
    border-radius:2px;
    cursor:pointer;
}
.gridItemButton[disabled]:hover
{
	/*background-color: #FFFFFF;*/
    border:1px solid #AAAAAA;
    background-color: #cccccc;
    border-radius:2px;
    cursor:default;
}
.gridItemButton:active
{
	/*background-color:#EDF7FF;*/
	background-color:ThreeDHighlight;
    cursor:wait;
}
/* *******************************************************************************
		Trussing Info Screen
********************************************************************************** */
.outerRP
{
	border-right: #013367 1px solid;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.outerRPHeader
{
	font-size: 9pt;
	font-family: Arial;
	color: #414141;
	background: #CBCDCC;
	vertical-align: top;
	border-right: #013367 1px solid;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	border-bottom: #013367 1px solid;
	text-align: center;
	font-weight: bold;
}
.outerRPItem
{
	font-size: 8pt;
	font-family: Arial;
	vertical-align:middle;
	border-top: #013367 1px solid;
	text-align: center;
	height: 15px;
}
.outerRPItemDetails
{
	font-size: 8pt;
	font-family: Arial;
	vertical-align:middle;
	border-top: #013367 1px solid;
	border-left: #013367 1px solid;
	text-align: center;
	height: 15px;
}
.innerRPItem
{
	font-size: 8pt;
	font-family: Arial;
	vertical-align: top;
	text-align: center;
}


/* *******************************************************************************
		Comp BOM, Costing, Routing pages
********************************************************************************** */
.GridDataError
{
	font-size: 9pt;
	font-family: 'Arial';
	color: Red;
}
.GridDataErrorHeader
{
	font-weight: bold;
	font-size: 9pt;
	font-family: 'Arial';
	color: Red;
}
.GridData
{
	font-size: 9pt;
	font-family: 'Arial';
}
.GridDataHeader
{
	font-weight: bold;
	font-size: 9pt;
	font-family: 'Arial';
}
.ActionButton
{
	font-size: 8pt;
	color: Green;
}
.CompButton
{
	width:95px;
	font-size: 8pt;
	/*color: Blue;*/
}
.CmdButton
{
    font-family:Arial;
	height:25px;
	margin-left:20px;
	margin-right:20px;
	background-color:ButtonFace;
    color:ButtonText;
}
.CmdButton:hover
{    
	/*background-color: #FFFFFF;  */
	background-color:ButtonHighlight;
    cursor:pointer;
}
.CmdButtonOrginal
{    
	width:75px;
	height:25px;
	margin-left:20px;
	margin-right:20px;
}
.CompTitle
{
	font-family: Tahoma;
	font-size: 12pt;
	color: Black;
}

/* *******************************************************************************
		Summary Repeater Control
********************************************************************************** */
.repeater
{
	width: 99%;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
.repeaterHead
{
	border-bottom: black 1px solid;
	font-weight: bold;
	font-size: 12pt;
	color: black;
	font-family: Arial;
	text-align: center;
}
.repeaterHead
{
	border-bottom: black 1px solid;
	font-weight: bold;
	font-size: 12pt;
	color: black;
	font-family: Arial;
	text-align: center;
}
.repeaterDetail
{
	font-weight: bold;
	font-size: 10pt;
	text-transform: uppercase;
	font-family: Arial;
	text-align: right;
	width: 150px;
	padding-right: 3px;
	border-left: black 1px solid;
}
.repeaterText
{
	font-size: 10pt;
	font-family: Arial;
	text-align: left;
	padding-left: 5px;
	border-left: black 1px solid;
}

/* *******************************************************************************
		No - Price Model Window
********************************************************************************** */
.modalNoPriceWindow
{
	width:450px;
	height:90px;
	border: solid 2px #000;
}
.modalNoPriceHeader
{
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
	font-family: Arial;
	font-size: 10pt;
}
.modalNoPriceLabel
{
	text-align: right;
	white-space:nowrap;
	font-family: Arial;
	font-size: 9pt;
	width:225px;
	padding-right:3px;
}
.modalNoPriceTxtBox
{
	width:75px;
	font-family: Arial;
	font-size: 9pt;
}
.modalNoPriceTxtArea
{
	text-align: left;
	white-space:nowrap;
	width:225px;
	padding-left:3px;
}
.modalNoPriceErrLabel
{
	text-align: left;
	font-weight: bold;
	color: red;
	font-family: Arial;
	font-size: 9pt;
	padding-left:8px;
}

/* *******************************************************************************
		Order Confirmation Page
********************************************************************************** */
.BorderHeaderOrderConfirmation
{
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-bottom: solid 1px black;
	text-align: center;
	white-space: pre;
}
.BorderLastHeaderOrderConfirmation
{
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
	text-align: center;
	white-space: pre;
}
.BorderSideOrderConfirmation
{
	border-left: solid 1px black;
	white-space: pre;
}
.BorderLastOrderConfirmation
{
	border-left: solid 1px black;
	border-right: solid 1px black;
	white-space: pre;
}
.BorderBottomOrderConfirmation
{
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	white-space: pre;
} 
.BorderFooterOrderConfirmation
{
	border-top: solid 1px black;
}

/* *******************************************************************************
		Tab Panels
********************************************************************************** */
.RayTabPanel .ajax__tab_header 
{
	font-family:verdana,tahoma,helvetica;
	font-size:11px;
	background:url(../images/tabs/tab-line.gif) repeat-x bottom;
	text-align:left;
}
.RayTabPanel .ajax__tab_outer 
{
	padding-right:4px;
	background:url(../images/tabs/tab-right.gif) no-repeat right;
	height:21px;
}
.RayTabPanel .ajax__tab_inner 
{
	padding-left:3px;
	background:url(../images/tabs/tab-left.gif) no-repeat;
}
.RayTabPanel .ajax__tab_tab 
{
	height:13px;
	padding:4px;
	margin:0;
	background:url(../images/tabs/tab.gif) repeat-x;
}
.RayTabPanel .ajax__tab_hover .ajax__tab_outer 
{
	background:url(../images/tabs/tab-hover-right.gif) no-repeat right;
}
.RayTabPanel .ajax__tab_hover .ajax__tab_inner 
{
	background:url(../images/tabs/tab-hover-left.gif) no-repeat;
}
.RayTabPanel .ajax__tab_hover .ajax__tab_tab 
{
	background:url(../images/tabs/tab-hover.gif) repeat-x;
}
.RayTabPanel .ajax__tab_active .ajax__tab_outer 
{
	background:url(../images/tabs/tab-active-right.gif) no-repeat right;
}
.RayTabPanel .ajax__tab_active .ajax__tab_inner 
{
	background:url(../images/tabs/tab-active-left.gif) no-repeat;
}
.RayTabPanel .ajax__tab_active .ajax__tab_tab 
{
	background:url(../images/tabs/tab-active.gif) repeat-x;
}
.RayTabPanel .ajax__tab_body 
{
	font-family:verdana,tahoma,helvetica;
	font-size:10pt;
	border:1px solid #999999;
	border-top:0;
	padding:8px;
	background-color:#ffffff;
}
/* *******************************************************************************
		Orders
********************************************************************************** */
.OrderButtons
{
	font-family: Arial;
	font-size: 8pt;
	text-align: Center;
	text-decoration: none;
		font-weight: normal;
		background-color:#32CD32;
}
/* *******************************************************************************
	Begin- Work with BidPackages
********************************************************************************** */
.CartPageNotes
{
	font-family: Arial;
	font-size: 7pt;
	text-align: Left;
	text-decoration: none;
	font-weight:normal;
}
.CartPanelHeaderUnderline
{
	font-family: Arial;
	font-size: 9pt;
	text-align: Left;
	text-decoration: underline;
		font-weight:normal;
}
.CartPanelHeader
{
	font-family: Arial;
	font-size: 9pt;
	text-align: Left;
	text-decoration: none;
		font-weight:normal;
}
.CartPanelDetail
{
	font-family: Arial;
	font-size: 10pt;
	text-align: Left;
	text-decoration: none;
	font-weight:normal;
}
.CartPanelDetailUpper
{
	font-family: Arial;
	font-size: 10pt;
	text-align: Left;
	text-decoration: none;
	font-weight:normal;
	text-transform: uppercase;
}
.CartPanelDetailCentered
{
	font-family: Arial;
	font-size: 10pt;
	text-align: Center;
	text-decoration: none;
		font-weight:normal;
}
.CartPanelDetailCenteredRed
{
	font-family: Arial;
	font-size: 10pt;
	text-align: Center;
	text-decoration: none;
		font-weight:normal;
		color: Red;
}
.CartPanelHeaderBackGround
{
	background-color: #FAFAD2;
}
.QuoteOrderInformationPanel
{
	font-family: Arial;
	font-size: 11pt;
	text-align: Left;
	text-decoration: none;
	font-weight: normal;
}
.ButtonMarginL20R20
{
    margin-left:20px;
    margin-right:20px;
}
.BidpackageTableMargin
{
    margin: 4px 0 4px 0;
}
.BidPackageButtons
{
	font-family: Arial;
	font-size: 9pt;
	text-align: Center;
	text-decoration: none;
    font-weight: normal;
	height: 22px;
    border-radius:2px;
    border:1px solid #AAAAAA;
    background-color: #cccccc;
}
.BidPackageButtons:hover
{    
	/*background-color: #FFFFFF;  CmdButton*/
    border-radius:2px;
    border:1px solid Gray;
	background-color:#AAAAAA;
    cursor:pointer;
}
.BidPackageButtons[disabled]:hover
{    
	/*background-color: #FFFFFF;  CmdButton*/
    border-radius:2px;
    border:1px solid #AAAAAA;
    background-color: #cccccc;
    cursor:default;
}
.BidPackageHeader
{
	color: #535CA2;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: WHITE;
	font-weight: normal;
}
.BidPackageTemplateWhite
{
	color: #414141;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: WHITE;
		font-weight: normal;
}
.BidPackageTemplateColor
{
	color: #414141;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: #DCDCDC;
		font-weight: normal;
}
.BidPackageFooter
{
	color: #414141;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: #DCDCDD;
		font-weight: normal;
}
.RevisionHeaderWhite
{
	color: #535CA2;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: WHITE;
		font-weight: normal;
}
.RevisionHeaderColor
{
	color: #535CA2;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: #DCDCDC;
		font-weight: normal;
}
.RevisionTemplateWhite
{
	color: #414141;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: WHITE;
		font-weight: bold;
}
.RevisionTemplateColor
{
	color: #414141;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: #DCDCDC;
		font-weight: bold;
}
.QuoteHeaderWhite
{
	color: #535CA2;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: WHITE;
		font-weight: normal;
}
.QuoteHeaderColor
{
	color: #535CA2;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: #DCDCDC;
		font-weight: normal;
}
.QuoteTemplateWhite
{
	color: #414141;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color:  WHITE;
		font-weight: bold;
}
.QuoteTemplateColor
{
	color: #414141;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: #DCDCDC;
		font-weight: bold;
}
/* ********************************************************************************
   	End- Work with BidPackages
  ******************************************************************************** */ 
/* ********************************************************************************
   	Start- Work Acknowledgement
  ******************************************************************************** */ 
.WorkAckText
{
	font-family: Arial;
	font-size: 10pt;
	text-align: Left;
	text-decoration: none;
		font-weight:normal;
}
/* ********************************************************************************
   	End- Work Acknowledgement
  ******************************************************************************** */ 
.TemplateNote
{
	color: #414141;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: WHITE;
		font-weight: normal;
}
.msgSummary
{
	height: 58px;
	overflow: auto;
	width: 99%;
	border: #013367 2px solid;
	font-size: 9pt;
	font-family: Tahoma;
	color: Red;
	vertical-align: top;
}
.GridDataError
{
	font-size: 9pt;
	font-family: 'Arial';
	color: Red;
}
.GridDataErrorHeader
{
	font-weight: bold;
	font-size: 9pt;
	font-family: 'Arial';
	color: Red;
}
.SearchTemplate
{
	color: #414141;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	height:12px;
	text-decoration: none;
	background-color: WHITE;
		font-weight: bold;
}
.popupControl
{
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}
/* 	
Rounded
*/
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#4C82FC; border-left:1px solid Black; border-right:1px solid Black;}

.xb1 {margin:0 8px; background:Black;}
.xb2 {margin:0 6px; background:Black;}
.xb3 {margin:0 4px; background:Black;}
.xb4 {margin:0 3px; background:#4C82FC; border-width:0 5px;}

.xb5 {margin:0 2px; background:#4C82FC; border-width:0 4px;}
.xb6 {margin:0 2px; background:#4C82FC; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#4C82FC; border-width:0 3px; height:2px;}

/* 	
Master Menu
*/
.MasterMenuItemStatic, .MasterMenuItemDynam,.MasterMenuItemStaticHover, .MasterMenuItemDynamHover
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border: #83ABC6 1px solid;
	padding: 3px 5px 3px 3px;
	z-index: 1;
}
.MasterMenuItemStatic, .MasterMenuItemDynam
{
	color: #414141;
	background-color: #EDF7FF;
}
.MasterMenuItemStaticHover, .MasterMenuItemDynamHover
{
	color: #D9722C;
	background-color: #FFFFFF;
}
.MasterMenuBlock
{
	text-align:left;
	background-color:#EDF7FF;
	border: #83ABC6 1px solid;
	vertical-align:top;
}

/*******************************************************************************************
Header Levels Repeater 
*******************************************************************************************/
.Level1Main
{
	width:100%;
	text-align:left;
	vertical-align:top;
	padding: 0 10 0 0;
}
.PadRight20
{
	padding-right:20;
}
.Level1Headers
{
	font-size: 12pt;
	color: white;
	font-family: Arial;
	font-variant:small-caps;
	font-weight:bold;
	text-align:center;
	vertical-align:top;	
	background-color:#535CA2;
}
.Level2Headers
{
	font-size: 10pt;
	color: #013367;
	font-family: Arial;
	text-align: center;
	vertical-align:top;
	text-decoration: underline;	
}
.Level1bodyDetail
{
	font-size: 10pt;
	color: black;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
	text-decoration: none;
}
.Level2bodyDetail
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-align:left;
	font-weight: normal;
	vertical-align: top;
	text-decoration: none;
}
.Level1TemplateWhite
{
	color: #414141;
	font-family: Arial;
	font-size: 10pt;
	text-align: Left;
	text-decoration: none;
	vertical-align: top;
	background-color: WHITE;
		font-weight: normal;
}
.Level1TemplateColor
{
	color: #414141;
	font-family: Arial;
	font-size: 10pt;
	text-align: Left;
	vertical-align: top;
	text-decoration: none;
	background-color: #DCDCDC;
		font-weight: normal;
}
.Level2TemplateWhite
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-align:left;
	font-weight: normal;
	vertical-align: top;
	text-decoration: none;
	background-color: WHITE;
		font-weight: normal;
}
.Leve2TemplateColor
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-align:left;
	font-weight: normal;
	vertical-align: top;
	text-decoration: none;
	background-color: #DCDCDC;
		font-weight: normal;
}
.LevelbodyDetailTD
{
	text-align: center;
}
.SelectedRowStyle
{
	background-color:#E1F4E1;	
	color:#555555;
}
.NonSelectedRowSyle
{
	background-color:White;	
	color:Black;
}
.NonSelectedAltRowSyle
{
	color: #414141;
	background-color: #DCDCDC;
}
/* *******************************************************************************
		Calender
********************************************************************************** */
.CalendarPopUp
{
	position: absolute;
	white-space: nowrap;
	visibility: hidden;
	width: 250px;
}
.CalendarPopUp2
{
	border: solid 2px Black;
	background-color: Yellow;
	color:Black;	
}
.cal_Theme1 
.ajax__calendar_container   
{    
	background-color: #e2e2e2;     
	border:solid 1px #cccccc;
}
.cal_Theme1 
.ajax__calendar_header  
{    
	background-color: #ffffff;     
	margin-bottom: 4px;
}
.cal_Theme1 
.ajax__calendar_title,
.cal_Theme1 
.ajax__calendar_next,
.cal_Theme1 
.ajax__calendar_prev
{    
	color: #004080;     
	padding-top: 3px;
}
.cal_Theme1 .ajax__calendar_body
{    
	background-color: #e9e9e9;     
	border: solid 1px #cccccc;
}
.cal_Theme1 .ajax__calendar_dayname 
{    
	text-align:center;     
	font-weight:bold;     
	margin-bottom: 4px;     
	margin-top: 2px;
}
.cal_Theme1 .ajax__calendar_day 
{    
	text-align:center;
}
.cal_Theme1 
.ajax__calendar_hover 
.ajax__calendar_day,
.cal_Theme1 
.ajax__calendar_hover 
.ajax__calendar_month,
.cal_Theme1 
.ajax__calendar_hover 
.ajax__calendar_year,
.cal_Theme1 
.ajax__calendar_active  
{    
	color: #004080;     
	font-weight: bold;     
	background-color: #ffffff;
}
.cal_Theme1 .ajax__calendar_today   
{    
	font-weight:bold;
}
.cal_Theme1 
.ajax__calendar_other,
.cal_Theme1 
.ajax__calendar_hover 
.ajax__calendar_today,
.cal_Theme1 
.ajax__calendar_hover 
.ajax__calendar_title 
{    
	color: #bbbbbb;
}

/*  SiteMap */
.RaynorSiteMap
{
	background:black;
	padding-left: 3;
	text-align: left;
	vertical-align:middle;
	text-transform:capitalize;	
}
.RaynorSiteMapSeperator
{
	text-align:center;
	background-image:url("~/images/smArrow.jpg");
}
/* *******************************************************************************
		please wait display
********************************************************************************** */
.BigBoldText
{
	color: black;
	font-family: Tahoma;
	font-size: 9pt;
	font-weight: bold;
}
.Progress
{
	z-index: 100001;
	border: solid 1px #AAAAAA;
	background: white;
	font-family: Tahoma;
	font-size: 9pt;
	white-space: nowrap;
	position: absolute;
	text-align: center;
	vertical-align: middle;
}

.ProgressTemplate
{
	z-index: 10000;
	text-align: center;
	position: absolute;
	background-color: #FFFFE3;
	border: solid 1px #AAAAAA;
	filter: alpha(opacity=80);
	opacity: 0.8;
	overflow: hidden;
    height: 1px;
    width: 1px;
}

.prog-border {
	height: 15px;
	background: #fff;
	border: 1px solid silver;
	margin: 0;
	padding: 0;
	text-align:left;
	margin-left:1em;
	margin-right:1em
	/*margin-left:10pt;        */
}
.prog-bar {	
	height: 15px;
	margin: 0px;
	padding: 0;     
	/*background: #B9CDDC;	 #C9DDEC*/
	background-image: url(../images/ProgressFill1.jpg);
	background-repeat:repeat;
}
.PopupHeaderText {
	background-color: #4C82FC;
	text-align: center;
	border: solid 2px #000;
	border-bottom-width: 0px;
	font-weight: bold;
}
.PagingButtons
{
	background-color:transparent;
	text-decoration:underline;
	color:Blue;
	font-family:Verdana;
	font-size:14px;
	border:none;
}
.PagingButtons:hover
{
	color:Navy;
	font-weight:bold;
}
.PagingHeading
{
	color:#000099;
	font-family:Verdana;
	font-size:12px;		
}
.SortHeader
{
	color:#000099;
	background:transparent;
	text-decoration:none;
}
.SortHeader:hover
{
	color:#336699;
}
.indent10px
{
	margin-left: 10px;
}
.space5px
{
	padding-top:10px;
}
.FavoriteDetailRowColor
{	
	color: #414141;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: #F2F2F2;
		font-weight: bold;
}
.FavoriteDetailRowWhite
{
	color: #414141;
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
	background-color: WHITE;
		font-weight: bold;
	
}
#CartTotals
{
	background-color:transparent;
	font-family:Arial;
	font-size:8pt;
	text-transform:none;
	vertical-align:text-top;
	color:Black;
	padding-right:1em;
	float:Right;
}


/****************************************************************************************
* Cart review image support used on Favorites requested by customer to display like Parts
*****************************************************************************************/
/*MasterPage Search*/
.SearchBG{background-color:White;padding:0px;height:16px;vertical-align:top;width:175px;float:left;margin-top:1px;}
.sCart{vertical-align:top;padding-left:5px;}
.SearchTB{color:rgb(153,153,153);font-weight:normal;padding:0px 0px 0px 2px;height:16px;vertical-align:top;width:150px;}

/*Cart ModalPU*/
.cPUPnl{width:650;font-size:9pt;font-family:Arial;text-align:left;}
.cPUHdr{background:black;border-style:solid;border-width:1px;border-color:Black Black White Black;font-weight:bold;color:white;padding:2px;}
.cPUHdrTxt{width:630px;float:left}
.cPUBdy{font-weight:normal;background-color:#CBCDCC;border:solid 1px Black;color:black;width:650px;padding:2px;text-decoration:none;height:400px;overflow:auto}
.cPUBdyTxt{height:370px;overflow:auto;}


.MedText, .MedRedText, .MedBoldText, .MedBlackText{font-family:Tahoma;font-size:8pt}
.InputButton{font-size:9pt;color:black;font-family:Tahoma;margin-left:20px;margin-right:20px}
.helpRow1{background-color:#dad9ed;white-space:normal;vertical-align:top;}
.helpRow2{background-color:White;white-space:normal;vertical-align:top;}

/****************************************************************************************
* DIV id CSS entries
*****************************************************************************************/
#DIV_Header
{
	background: #fff;
	width:100%;
	height:10px;
}
#DIV_Footer
{
	background: #fff;
	width:100%;
	height:50px;
}

/****************************************************************************************
* Maintenance page CSS entries
*****************************************************************************************/
.alignleft
{
 text-align:left;
}

/****************************************************************************************
* Home Page
*****************************************************************************************/
.CustomerDivRM
{
	height:73px;	
}
.CustomerDivNotRM
{
	height:50px;	
}

.MenuBarDivWrapper2{width:100%;padding-top:0px;padding-bottom:0px;background-color:#CBCDCC;height:18px;white-space:nowrap}

.tmFR{float:right;padding-right:10px}
.tmFL{padding-left:5px;float:left}
.tm:hover{color:#535CA2}
.BCItm a[disabled="disabled"], .BCItm a.disabled,.tm
{color:#414141;height:16px;padding-top:2px;padding-left:5px;padding-right:5px;font-family:Arial;font-size:9pt;text-align:center;text-decoration:none;background-color:#CBCDCC;font-weight:bold;border-right:1px solid #414141}

.headerLogoDiv{width:100%;text-align:right;vertical-align:bottom;border-top:solid 5px #CBCDCC;background-image:url(/SectionalUI/images/RAYNOR_background.jpg)}

.NavBarLine2{width:100%;height:18px;padding:1px 0px 0px 0px;border-top:#013367 1px solid;border-bottom:#013367 1px solid;background-color:black;text-align:left}

.BCItm, #MPH_mBCN1 ul li, #mBCN1 ul li{font-family:Arial;font-size:10pt;color:#CBCDCC;}
.BCItm:hover{color:black;background-color:#CBCDCC}
#MPH_mBCN1 ul li,#mBCN1 ul li{white-space:nowrap;padding:1px 1px 0px 20px;background-image:url(/raynorui/images/smArrow.gif);background-position:left;background-repeat:no-repeat;}
#ctl00_ctl00_mBCN1 ul li, #ctl00_mBCN1 ul li{white-space:nowrap;padding:1px 1px 0px 20px;background-image:url(/raynorui/images/smArrow.gif);background-position:left;background-repeat:no-repeat;}
#ctl00_ctl00_mBCN1 ul li, #ctl00_mBCN1 ul li{font-family:Arial;font-size:10pt;color:#CBCDCC;}

.CDRptHeader, .CDRpt {
	font-family: Arial;
	font-size: 8pt;
	text-align: Left;
	text-decoration: none;
}
.CDRptHeader
{
	color: #535CA2;
	font-weight: normal;
}
.CDRpt
{
	color: #414141;
	font-weight: bold;
}
.CDColor {
	background-color: #DCDCDC;
}

.floatLeft{
	float:left;
}

.Svrty, .SvrtyE, .SvrtyW, .SvrtyI{
	float:left;
	width:16px;
	height:16px;
	background-image:url(../images/Severity.gif);
}
.SvrtyE{
	background-position:-8px -8px;
}
.SvrtyW{
	background-position:-8px -72px;
}
.SvrtyI{
	background-position:-8px -40px;
}

.CDBPanel, .CDHPanel {
	border: 1px black solid;
}
.CDHPanel {
	background-color: #fafad2;
}
.CDBPanel {
	background-color: #edf7ff;
}

/****************************************************************************************
* Home Page Additional
*****************************************************************************************/

.InputsHelpContentDoor{
	width:333px;
	white-space:normal;
	overflow:auto;
	height:250px;
}
.InputsHelpHeaderDoor{
	font-family:Tahoma;
	font-size:9pt;
	background:black;
	border-style:solid;
	border-width:1px;
	border-bottom-color:white;
	border-right-color:black;
	border-left-color:Black;
	border-top-color:Black;
	font-weight:bold;
	color:white;
	font-family:Arial;
	padding:2px;
	width:350px;
	text-align:left;
}
.InputsHelpContentTextDoor{
	width:331px;
	float:left;
}
.helpDragPanel{
	visibility:hidden;
	position:absolute;
}