/* CSS Classes Related to Controls */

/*.Cus-corner-bl{ background-position: 0 0; width: 10px; height: 10px; } 
.Cus-corner-br{ background-position: -15px 0; width: 10px; height: 10px; } 
.Cus-corner-tl{ background-position: -30px 0; width: 10px; height: 10px; } 
.Cus-corner-tr{ background-position: -45px 0; width: 10px; height: 10px; } 
.RootGroupArrowDown{ background-position: -60px 0; width: 7px; height: 4px; } 
.bottom{ background-position: -72px 0; width: 9px; height: 9px; } 
.groupImage{ background-position: -86px 0; width: 9px; height: 9px; } 
.groupImageRTL{ background-position: -100px 0; width: 4px; height: 7px; } 
.info_left{ background-position: -109px 0; width: 19px; height: 25px; } 
.info_right{ background-position: -133px 0; width: 19px; height: 25px; } 
.invertedGroupImage{ background-position: -157px 0; width: 4px; height: 7px; } 
.invertedGroupImageRTL{ background-position: -166px 0; width: 4px; height: 7px; } 
.left{ background-position: -175px 0; width: 9px; height: 9px; } 
.menuItemArrow{ background-position: -189px 0; width: 3px; height: 5px; } 
.right{ background-position: -197px 0; width: 9px; height: 9px; } 
.select_bg{ background-position: -211px 0; width: 8px; height: 4px; } 
.tb_bg{ background-position: -224px 0; width: 5px; height: 4px; } 
.title_lefty{ background-position: -234px 0; width: 5px; height: 15px; } 
.title_righty{ background-position: -244px 0; width: 5px; height: 15px; } 
.top{ background-position: -254px 0; width: 9px; height: 9px; } 
.MenuItemBackground{ background-position: -350px 0; width: 144px; height: 28px; } 
.MainItemBackgroundHover{ background-position: 0 -30px; width: 500px; height: 28px; } 

.Cus-pat-l{ background-position: 0 0; width: 10px; height: 1px; } 
.Cus-pat-r{ background-position: -15px 0; width: 10px; height: 1px; } */

/* IE 6 Telerik hacks */
/*
*html .rfdSkinnedButton .rfdDecorated
{
 color: white !important;
}

*html .rfdSkinnedButton:hover .rfdDecorated
{
 color: white !important;
}
*/
/* IE 6 Telerik hacks */

a img {
     border: 0;
     -ms-interpolation-mode: bicubic;
}

select:disabled 
{
	background-color: #EBEBE4;
}

/*	BUTTONS */

.Buttons,
.Buttons_Bold
{
	border-right: #cccccc 1px solid;
	color: white;
	border-top: #cccccc 1px solid;
	font-size: 14px;
	border-left: #cccccc 1px solid;
	cursor: pointer;
	border-bottom: #cccccc 1px solid;
	font-weight: normal;
	background-color: White;
	background-image: url(../../images/blue.gif);
	background-position: right top;
	background-repeat: repeat-x;
	padding: 3px;
/*	background-image: url(images/HorizontalSprite.png); background-position: 0 -30px; width: 5px; height: 21px;
/* I don't know if we are actually using this anywhere; commenting it out seems to have no effect. */
}

.Buttons_Bold
{
	font-weight: bold;
}

.ButtonRight
{
	float: right;
	padding-top: 5px;
}

.ButtonLeft
{
	float: left;
	padding-top: 5px;
}

.EstBtn
{
	margin: 6px 0 0 0;
}

#divSaveBtns.NoItems
{
	margin-top: 6px;
}

.WizardButtonDiv
{
	position: absolute;
	bottom: 2px;
	right: 2px;
}

.WizardPage
{
	height: 25em;
	position: relative;
	background-color: White;
}

.GridFormDiv
{
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	clear: both;
}

/*	END OF BUTTONS */

/* LABELS */

legend
{
	font-family: Arial;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
}

.Labels_PageHeading
{
	font-family: Arial;
	font-size: 18pt;
	color: #3b3b45;
	font-style: normal;
	font-weight: bolder;
	letter-spacing: -1px;
	display: block
}

.Labels_Heading
{
	font-family: Arial;
	font-size: 12pt;
	color: #333333;
	font-style: normal;
	font-weight: bold;
}

.Labels_PageSubHeading
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-style: normal;
	font-weight: bold;
}

.Labels_Validation
{
	font-family: Arial;
	font-size: 12px;
	color: Red;
	font-style: normal;
	font-weight: normal;
}
.Labels_Messages, /* error messages, system messages etc */
.Labels_MessagesBold
{
	font-family: Arial;
	font-size: 12px;
	color: Red;
	font-style: normal;
	font-weight: normal;
}
.Labels_MessagesBold
{
	font-weight: bold;
}
.Labels
{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding-right: 0.5em;
}

.Labels_Required
{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold !important;
	padding-right: 0.5em;
}

.Labels_Optional
{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.Labels_Small
{
	font-family: Arial;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
}
.Labels_Medium
{
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
}
.Labels_Large
{
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.Labels_Bold,
.Labels_Bold_Pad
{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.Labels_Bold_Pad
{
	padding-right: 0.5em;
}

.Labels_SmallBold
{
	font-family: Arial;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
}
.Labels_MediumBold
{
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
}
.Labels_LargeBold
{
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}

.LabelUpsell
{
	font-family: Arial;
	color: Red;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}

.LabelDisabled
{
	color: GrayText;
}


/* END OF LABELS */

/* LINKS */
.Links a:link
{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #27413e;
	cursor: pointer;
	text-decoration: none;
}

.Links a:hover
{
	text-decoration: underline;
}

.LinksRight
{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #27413e;
	cursor: pointer;
	text-decoration: none;
	float: right;
}

.LinksRight a:hover
{
	text-decoration: underline;
}

.LinksBold a:link
{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #27413e;
	cursor: pointer;
	text-decoration: none;
}

.LinksBold a:hover
{
	text-decoration: underline;
}


/* END OF LINKS */

.InputDisabled
{
	background-color: #eaeaea;
	border: #CCCCCC 1px solid;
	color: #000000;
	cursor: default; 
}

.RadPage
{
	padding: 5px 5px 5px 5px;
	background-color: White;
}

.GridNoWrap
{
	white-space: nowrap;
	text-overflow: ellipsis; 
	overflow: hidden;
}

.Textboxes
{
	border: #CCCCCC 1px solid;
	font-size: 12px;
	font-family: Arial;
	margin-right: 5px;
	margin-bottom: 5px;
}

.RadTextboxes
{
	border: #CCCCCC 1px solid;
	border-color: #CCCCCC;
	font-size: 12px;
	font-family: Arial;
	margin-right: 5px;
	margin-bottom: 5px;
}

.RadComboBox
{
	padding-bottom: 5px;
}

.Select
{
	border: #CCCCCC 1px solid;
	font-size: 12px;
	font-family: Arial;
	margin-right: 5px;
	margin-bottom: 5px;
}

.Textboxes_RightAlign
{
	border-right: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	font-size: 12px;
	font-family: Arial;
	text-align: right;
}

.DropDownLists
{
	border-right: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	font-size: 12px;
	font-family: Arial;
	margin-right: 5px;
	margin-bottom: 5px;
}



/* end of css classes related to Controls */



html, body
{
	margin: 0px;
	padding: 0;
	font-family: Arial;
	color: #333333;
}

.bg
{
	background-image: url(images/HorizontalSprite.png);
	background-position: 0 -106px;
	background-repeat: repeat-x;
	background-color: #d4d5db;
}

.main-div
{
	/*background-image: url(images/OLSsprite.png);
	background-position: 0 -1647px;
	background-repeat: repeat-x;
	width:		24px;
	height:		22px; /* background image doesn't repeat. */
	background-image: url(images/blueDivbg.gif);
	background-position: right top;
	background-repeat: repeat-x;
	border-top: 1px solid #684026;
}

ul
{
	padding-left: 20px
}

.ContentFrame
{
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

hr
{
	margin-top: 1px;
}

.RadGrid td
{
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.RadGrid .rgFilterRow td
{
	padding: 2px 2px 2px 2px !important;
}

td
{
	font-family: Arial;
	font-size: 12px;
	color: Black;
	font-style: normal;
	font-weight: normal;
}
td.padding
{
	padding: 2px;
}
td.Center
{
	text-align: center;
}
td.EstShipDate
{
	vertical-align: top;
	text-align: right;
}
.FieldLabels_Bold
{
	font-family: Arial;
	font-size: 12px;
	color: Black;
	font-style: normal;
	font-weight: bold;
}

.HeaderCell
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.GridRecordCountFooter
{
	font-weight: bold;
}

.MenuHelp
{
	color: white;
	font-weight: bold;
}

table.patterntable
{
	border: 1px solid #cdcdcd;
	background-image: url(images/tb_bg.jpg);
}

table#rateSchedule
{
	text-align: left;
	padding: 0 0 0 10px;
}

table#rateSchedule td div
{
	text-align: right;
	width: 40px;
}

.Top
{
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.PanelSection
{
	padding:	10px 0 0 0;
}

.PanelLeft
{
	float:		left;
}

#addressBoxes
{
	float:		left;
}

.txtBoxAddress
{
	width:		250px;
	padding:	10px 10px 0 0;
}

.txtBoxAddress textarea
{
	width:		98%;
	height:		75px;
}

.PanelSection #chkBoxes
{
	padding:	5px 0 0 0;
	width:		25em;
}

.PanelSection #chkBoxes .Labels_Bold
{
	padding:	7px 0 0 20px;
}

/*Master Template Unique classes*/
.headerbg
{
	background-image: url(images/top_bgblue.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	border-bottom: 1px solid #684026;
}


/*App name*/
.appname-tdleft
{
	background-image: url(images/OLSsprite.png);
	background-position: -234px 0;
	width:		5px;
	height:		15px;
}
.appname-tdbg
{
	background-image: url(images/HorizontalSprite.png);
	background-position: 0 -85px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}
.appname-tdright
{
	background-image: url(images/OLSsprite.png);
	background-position: -244px 0;
	width:		5px;
	height:		15px;
}

/*Info name*/
.info-tdleft
{
	background-image: url(images/OLSsprite.png);
	background-position:-109px 0;
	width:		19px;
	height:		25px;
}
.info-tdbg
{
	background-image: url(images/HorizontalSprite.png);
	background-position: 0 -55px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}
.info-tdright
{
	background-image: url(images/OLSsprite.png);
	background-position: -133px 0;
	width:		19px;
	height:		25px;
}


.MilesGridInactive
{
	background-color: #FFCCCC;
}

.MilesGridInactiveAlternating
{
	background-color: #FFDDDD;
}

/*Info tables*/
.cornerTL
{
	background-image: url(images/OLSsprite.png);
	background-position: -30px 0;
	width:		10px;
	height:		10px;
}
.cornerTR
{
	background-image: url(images/OLSsprite.png);
	background-position: -45px 0;
	width:		10px;
	height:		10px;
}
.cornerBR
{
	background-image: url(images/OLSsprite.png);
	background-position: -15px 0;
	width:		10px;
	height:		10px;
}
.cornerBL
{
	background-image: url(images/OLSsprite.png);
	background-position: 0 0;
	width:		10px;
	height:		10px;
}
.edgeT
{
	background-image: url(images/HorizontalSprite.png);
	background-repeat: repeat-x;
	background-position: 0 -15px;
}
.edgeR
{
	background-image: url(images/VerticalSprite.png);
	background-repeat: repeat-y;
	background-position: -15px 0;
}
.edgeB
{
	background-image: url(images/HorizontalSprite.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.edgeL
{
	background-image: url(images/VerticalSprite.png);
	background-repeat: repeat-y;
	background-position: 0 0;
}
.table_borderColor
{
	border: 1px solid #0088B2;
}
/*End Info tables*/

.Clear
{
	clear:		both;
}

.Province
{
	float:		left;
	width:		7em;
}

#ExportFileContent
{
	margin-bottom: 24px;
}

#ExportFileContent .rgCommandTable td,
#ExportFileContent .rgCommandRow
{
	padding: 0px;
}

#ExportFileContent .rgEditRow td
{
	background: #bbd7fd;
}

.WizardButtonDivFixed
{
	position:	fixed;
	bottom:		0px;
	background:	white;
	width:		100%;
	height:		27px;
}

.WizardButtonDivFixed .buttons
{
	float: right;
	width: 123px;
	padding-top: 1px;
}

.Remove
{
	display:	none;
}

.docLink, .docDesc
{
	padding-left: 20px;
}

.docLink
{
	margin-top: 5px;
}

.ConfirmDialog
{
	margin:		5px 2px;
	font-size:	12px;
}

.noPadding 
{
     padding: 0px 0px 0px 0px;
}

/* Include IE Hacks for users on obsolete browsers.
 */
.Address .riTextBox
{
	width: 25.4em !important;
	*width: 24.5em !important;
	_width: 24.5em !important;
}

.DeclaredValue .riTextBox
{
	width: 10em !important;
	*width: 8.9em !important;
	_width: 8.9em !important;
}