/****************************************************
********** MasterPage Structure Elements ************
****************************************************/

/*************** Basic Page Structure **************/

/* Basic display elements of the body tag */
body
{
	background-color: #fff;
	background-image: url(../images/bg-body.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	padding-top: 0px;
}

/* Outtermost wrapper for all master pages. */
#mainTable
{
	width: 900px;
	overflow: visible;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 0px;
	padding-top: 0px;
}

/********************* Masthead ********************/

/* Masthead display area contained within mainTable */
.masthead
{
	background: url(../images/bg-header.gif) 0px -4px no-repeat;
	height: 179px;
}

/* Logo display area contained within masthead */
#logoHolder
{
	float: left;
	margin: 3px 0px 0px 0px;
	width: 356px;
	height: 140px;
}

/* Logo image contained within logoHolder */
#logo
{
	margin: 0px;
	padding: 0px;
}

/* Rotating images flash movie display area contained within masthead */
#flashHolder
{
	float: left;
	padding: 8px 0px 0px 40px;
	width: 500px;
}

/********************** Footer *********************/

/* Footer display area contained within mainTable */
.footer
{
	height: 30px;
	background-color: #6D91BF;
	border-top: solid 4px #373737;
	color: #fff;
	padding-top: 6px;
	width: 900px;
	text-align: center;
	float: left;
	display: block;
	height: 30px;
	margin-top: 20px;
}

/* Links contained within footer area */
.footerLink a
{
	color: #001644;
}

.footerLink a:hover
{
	color: #002571;
}

/****************************************************
************* MasterPage Menu Elements **************
****************************************************/

/* Menu display area contained within mainTable */
#navigationHolder
{
	width: 900px;
	float: left;
	display: block;
	padding-bottom: 0px;
	margin-top: 2px;
	height: 34px;
}

/* Primary navigation display area contained within navigationHolder */
#navigationPrimary
{
	width: 740px;
	margin: 0px 0px 5px 0px;
	padding: 6px 0px 0px 0px;
	display: block;
	float: left;
	z-index: 10;
}

/* Menu item states for navigationPrimary (default and hover states) */
#navigationPrimary a, #navigationPrimary a:hover
{
	font-size: 1.2em;
	padding: 3px 8px 5px;
	display: inline-block;
}

/* Secondary navigation display area contained within navigationHolder */
#navigationSecondary
{
	margin: 6px 0px 0px 0px;
	padding: 5px 0px 9px 0px;
	width: 140px;
	float: right;
	text-align: right;
	z-index: 10;
}

/* Secondary navigation menu item contained within navigationSecondary */
#navigationSecondary a
{
	display: inline;
	list-style-type: none;
	margin: 0px 5px 0px 0px;
}

/* Menu item states for navigationSecondary (default and hover states) */
#navigationSecondary a, #navigationSecondary a:hover
{
	font-size: .8em;
	padding: 4px 8px 6px;
}

/* Common menu item styles for navigationPrimary and navigationSecondary 
(default and hover states) */
#navigationPrimary a, #navigationPrimary a:hover, #navigationSecondary a, #navigationSecondary a:hover
{
	text-decoration: none;
	text-transform: uppercase;
}

/* Common menu item styles for navigationPrimary and navigationSecondary 
(default state) */
#navigationPrimary a, #navigationSecondary a
{
	font-weight: bold;
	margin: 0px;
	color: #fff;
	background: #20272f url(../images/bg-nav-primary.png) repeat-x scroll center top;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

/* Common menu item styles for navigationPrimary and navigationSecondary 
(hover state) */
#navigationPrimary a:hover, #navigationPrimary a.active, #navigationSecondary a:hover, #navigationSecondary a.active
{
	color: #323d4a;
	background: #fff url(../images/bg-nav-primary-active.png) repeat-x scroll center top;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

/* Hides the bottom portion of the navigation tab strip due to cross-browser issues */
.navigationCover
{
	width: 900px;
	float: left;
	display: block;
	background-color: #fff;
	height: 5px;
	z-index: 100;
	position: relative;
	top: -1px;
	padding-bottom: 0px;
}

/****************************************************
************* Common MasterPage Elements ************
****************************************************/

/* Page content holder */
#pageContent
{
	width: 900px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

/* Locational indicator bread crumbs */
.breadCrumbs
{
	color: gray;
	position: relative;
	margin-left: 10px;
}

/**************** Page Title (Icons) ***************/

/* Page title holder */
.pageTitleHolder
{
	float: left;
	display: inline;
	height: 70px;
	width: 650px;
}

/* Base class for all icon holders */
.pageTitleBase
{
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0px 20px 60px;
}

/* Policy Module icon holder */
.pageTitlePolicies
{
	background: url(../images/PageTitleIcons/policies.png) left center no-repeat;
}

/* Tag Module icon holder */
.pageTitleTags
{
	background: url(../images/PageTitleIcons/tags.png) left center no-repeat;
}

/* Batch Module icon holder */
.pageTitleBatches
{
	background: url(../images/PageTitleIcons/batches.png) left center no-repeat;
}

/* Statement Module icon holder */
.pageTitleStatements
{
	background: url(../images/PageTitleIcons/statements.png) left center no-repeat;
}

/* Reporting Module icon holder */
.pageTitleReports
{
	background: url(../images/PageTitleIcons/reports.png) left center no-repeat;
}

/* User Administration Module icon holder */
.pageTitleUsers
{
	background: url(../images/PageTitleIcons/users.png) left center no-repeat;
}

/* Base class for all informational alerts */
.infoPanelBase
{
	float: left;
	width: 850px;
	margin-bottom: 15px;
	height: auto;
	display: block;
}

/* User location information message display area */
.infoPanelLocation
{
	background: #deedff;
	color: #4d4d4d;
	border: 1px solid #a1ccff;
	padding: 10px 35px 10px 15px;
}

/* Informational message display area */
.infoPanelMessage
{
	background: #deedff url(../Images/InfoPanelIcons/info.png) 0px 2px no-repeat;
	color: #4d4d4d;
	border: 1px solid #a1ccff;
	padding: 10px 10px 10px 40px;
}

/* Informational message display area */
.infoPanelSuccess
{
	background: #c4df9b url(../Images/InfoPanelIcons/success.png) 0px 2px no-repeat;
	color: #4d4d4d;
	border: 1px solid #a5bc83;
	padding: 10px 10px 10px 40px;
}

/* Error Message display area */
.infoPanelError
{
	background: #eb4848 url(../Images/InfoPanelIcons/error.png) 0px 2px no-repeat;
	color: #fff;
	border: 1px solid #8c2b2b;
	padding: 10px 10px 10px 40px;
}

/* Warning Message display area */
.infoPanelWarning
{
	background: #f6d273 url(../Images/InfoPanelIcons/warning.png) 0px 2px no-repeat;
	color: #896300;
	border: 1px solid #ca9200;
	padding: 10px 10px 10px 40px;
}

/* Warning Message display area */
.infoPanelAlert
{
	background: #f6a0a0 url(../Images/InfoPanelIcons/alert.png) 0px 2px no-repeat;
	color: #4d1010;
	border: 1px solid #6f1d1d;
	padding: 10px 10px 10px 40px;
}

.infoPanelAlertLink
{
	color: #4d1010;
	text-decoration: none;
}

.infoPanelAlertLink:hover
{
	color: #4d1010;
	text-decoration: underline;
}

/****************************************************
****************** Panel Elements *******************
****************************************************/
.panel, .childPanel
{
	border-left: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #808080;
	float: left;
	display: block;
	margin: 20px 0px 0px 0px;
}

.panel
{
	width: 900px;
}

.childPanel
{
	margin-left: 20px;
	width: 830px;
}

.panelHeader
{
	height: 30px;
	background-color: #5882B8;
	border-bottom: solid 1px #808080;
	margin-bottom: 0px;
}

.panelTitle
{
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;
	top: 0px;
	padding-left: 10px;
	padding-top: 2px;
	width: 550px;
	float: left;
	display: block;
}

.panelControlBox
{
	width: 200px;
	display: block;
	float: right;
	height: 22px;
	vertical-align: bottom;
	padding-top: 8px;
	padding-right: 8px;
	text-align: right;
}

.panelContainer
{
	padding: 0px 20px 20px 20px;
	margin-top: 20px;
}

.panelButton
{
	height: 16px;
	width: 16px;
	margin: 0px;
	padding: 0px;
}

.panelWorkArea
{
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.panelSubLabel
{
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #666666;
}

.newButton
{
	float: right;
	display: inherit;
	width: 200px;
	text-align: right;
	position: relative;
	top: 10px;
	margin-top: 30px;
}

/****************************************************
***************** Controls Groups *******************
****************************************************/

/* Control Display */
.controlGroupSearchLeft, .controlGroupSearchRight, .controlGroupSearchSpan
{
	text-align: left;
	width: 375px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* Dual Column Control Display (Left-aligned Element) */
.controlGroupSearchLeft
{
	float: left;
	padding: 0px 0px 0px 20px;
}

/* Dual Column Control Display (Right-aligned Element) */
.controlGroupSearchRight
{
	float: right;
	padding: 0px 10px 0px 0px;
	width: 375px;
}

/* Dual Column Control Display (Spans both left and right column) */
.controlGroupSearchSpan
{
	float: left;
	padding: 0px 0px 0px 20px;
	width: 840px;
}

.controlGroupSearchButtons, .controlGroupButtons
{
	float: right;
}

.controlGroupSearchButtons
{
	margin: 10px 10px 20px 0px;
}

.controlGroupButtons
{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 300px;
	text-align: right;
}

.controlGroupDateEntryLeft
{
	float: left;
	padding: 0px 0px 0px 20px;
	text-align: left;
	width: 375px;
	margin: 0px 0px 5px 0px;
}

.controlGroupDateEntryRight
{
	float: right;
	padding: 0px 0px 0px 20px;
	text-align: left;
	width: 375px;
	margin: 0px 0px 5px 50px;
}

.controlGroupDateEntrySpan
{
	float: left;
	padding: 0px 0px 0px 20px;
	width: 840px;
}

.controlGroupColumnSpan
{
    float:left;
    padding: 0px 0px 0px 00px;
    width: 230px;
}

.leftButton
{
	margin-right: 10px;
}

/****************************************************
***************** Controls Styles *******************
****************************************************/

/* Dual Column Control Display Label Element */
.formLabelDual
{
	text-align: left;
	font-size: 12px;
	font-family: Trebuchet MS, sans-serif;
	font-weight: normal;
	white-space: nowrap;
	display: block; 
	font-weight: bold;
	color: #666666;
	width: 200px;
	margin: 0px 0px 2px 0px;
}

.formLabelSingle
{
    text-align: left;
	font-size: 12px;
	font-family: Trebuchet MS, sans-serif;
	font-weight: normal;
	white-space: nowrap;
	font-weight: bold;
	color: #666666;
}

.formTextboxDual, .formTextboxDualError, select.formDropdownDual, select.formDropdownDualError, select.formDropdownInlineError, .formTextboxInline, .formDropdownInline, html body form .RadInput .formTextboxDual
{
	text-align: left;
	font-size: 12px;
	font-family: Trebuchet MS, sans-serif;
	font-weight: normal;
	background-color: #ebf2fc;
	border: 1px solid #96989a;
	float: left;
	margin: 0px 0px 0px 0px;
	display: block;
}

.formTextboxInline
{
	display: inline;
	float: none;
}

.formTextboxInline:hover
{
	border: 1px solid #000;
}

html body form .RadInput .formTextboxDual
{
	height: 16px;
}

.formTextboxDual, .formTextboxDualError, html body form .RadInput .formTextboxDual, html body form .RadInput .formTextboxDualError
{
	width: 370px;
}

.formTextboxDual:hover, html body form .RadInput .formTextboxDual:hover
{
	border: 1px solid #000;
}

.formTextboxDualError, select.formDropdownDualError, select.formDropdownInlineError, html body form .RadInput .formTextboxDualError
{
	background-color: #f4d6d7;
}

select.formDropdownInlineError, .formDropdownInline
{
	display: inline;
	float: none;
}

.formControlDisabled
{
	background-color: #e1e1e1;
}

.formTextboxDisabled
{
	background-color: #e1e1e1;
}

.formTextboxDualDisabled
{
	background-color: #e1e1e1;
}

select.formDropdownDual, select.formDropdownDualError
{
	width: 373px;
}

.formDataDisabled
{
	text-align: left;
	padding: 1px 2px 1px 3px;
	font-size: 12px;
	font-family: Trebuchet MS, sans-serif;
	font-weight: normal;
	white-space: nowrap;
	display: block;
	width: inherit;
	background-color: #e1e1e1;
	border: 1px solid #96989a;
	height: 18px;
	overflow: hidden;
}

.formErrorMessage
{
	color: #EB4848;
	font-weight: bold;
}

table.formDataGrid
{
	margin: 20px 15px 20px 15px;
	width: 830px;
	float: inherit;
	border-right: 1px solid #a9b5c1;
	border-left: 1px solid #a9b5c1;
	border-bottom: 1px solid transparent;
}

table.formDataGrid tbody td
{
	padding: 2px 2px 2px 2px;
}

/* Alternating row style applied only to tbody trs contained within formDataGrid */
table.formDataGrid tbody tr.formDataGridAlternateRow
{
	background: #e7e7e7 none repeat scroll 0%;
}

td.formDataGridHeader, tr.formDataGridHeader
{
	border-right: 1px solid #a9b5c1;
	border-bottom: 1px solid #4d4d4d;
	font-weight: bold;
	color: #fff;
	background: #727272;
}

td.formDataGridHeader a, tr.formDataGridHeader a
{
	font-weight: bold;
	color: #fff;
}

table.formDataGridHeader td, table.formDataGridHeader tr
{
	padding: 2px 2px 2px 2px;
}

/* Grid view pagination row style */
.formDataGridPagination
{
	padding: 5px 0px 0px 10px;
	background: #b6b6b6 url(../Images/bg-pagination.png) top repeat-x;
	border-right: 0px;
	border-bottom: 0px;
}

/* Grid view pagination strip link style (default and visited states) */
.formDataGridPagination a, .formDataGridPagination a:visited
{
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

/* Grid view pagination strip link style (hover and active states) */
.formDataGridPagination a:hover, .formDataGridPagination a:active
{
	color: #fff;
	background-color: #898e92;
	font-weight: bold;
	outline: none;
}

/* Grid view pagination strip active page style */
tr.formDataGridPagination td span
{
	color: #fff;
	font-weight: bold;
}

tr.formDataGridPagination td span.PagerText
{
	color: #000;
}

.formDataGridAlternatingRow
{
	background-color: #efefef;
}

.formTitle, .formSubTitle
{
	font-size: 14px;
	font-weight: bold;
	display: block;
	width: 840px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: inherit;
	margin-bottom: 20px;
}

.formSubTitle
{
	font-size: 12px;
}

.reportLink
{
	color: #5882b8;
	font-size: 12px;
	font-weight: bold;
}

.reportLink:hover
{
	color: #424e5d;
}

/****************************************************
********************* Tab Strip *********************
****************************************************/
.tabStripHolder
{
	padding-top: 14px;
	position: relative;
	z-index: 20;
	width: 447px;
	float: left;
	margin: 0px 0px 0px 0px;
}

.tabStrip a, .tabStrip a:hover
{
	margin: 0px 2px 0px 0px;
	padding: 4px 10px 4px 10px;
	display: inline-block;
	height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background: #20272f url(../images/bg-nav-primary2.png) repeat-x scroll center top;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

.tabStrip a:hover
{
	background: #fff url(../images/bg-nav-primary-active2.png) repeat-x scroll center top;
	color: #323d4a;
	border-top: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
}

a.tabActive
{
	background: #fff url(../images/bg-nav-primary-active2.png) repeat-x scroll center top;
	color: #323d4a;
	border-top: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
}

a.tabDisabled
{
	background: #fff url(../images/bg-nav-primary-disabled2.png) repeat-x scroll center top;
	color: #323d4a;
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
}

.tabStripPanel
{
	width: 870px;
	z-index: 1;
	border: solid 1px #cacaca;
	padding: 15px;
	margin: 0px 0px 0px 0px;
	display: block;
	position: relative;
	top: -1px;
}

#insuredFieldset
{
	border: solid 1px #cacaca;
	padding: 0px 10px 13px 10px;
	margin: 2px 0px 10px 0px;
	width: 375px;
}

.fieldsetLegend
{
	font-size: 12px;
	font-family: Trebuchet MS , sans-serif;
	color: #666666;
	font-weight: bold;
}

.fieldsetControlGroup
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

.fieldsetControl
{
	width: 335px;
	margin-left: 20px;
}

/****************************************************
******************* Alert Popups ********************
****************************************************/
.alertPop
{
    /*
	height: 21px;
	position: relative;
	display: inline;
    */
}
.alertPopCenter
{
    background-image: url( '../images/alertpop_bg.png' ); background-repeat: repeat-x; height: 29px; text-align: center; color: #ffffff; font-size: 11px; font-family: Trebuchet MS; margin: 0px 0px 0px 0px; z-index: inherit; vertical-align: top;
}
.alertPopLeft
{
	width: 6px;
	height: inherit;
	text-align: right;
	padding: 0px;
	margin: 0px;
	z-index: inherit;
	vertical-align: top;
}

.alertPopLeftImg
{
	padding: 0px;
	margin: 0px;
	height: 21px;
	width: 6px;
	vertical-align: text-top;
	z-index: inherit;
}

.alertPopTextArea
{
	display: inline;
	font-weight: bold;
	z-index: inherit;
}

.alertPopRight
{
	width: 6px;
	height: 21px;
	display: inline;
	text-align: left;
	padding: 0px;
	margin: 0px;
	z-index: inherit;
	vertical-align: top;
}

.alrtPopRightImg
{
	padding: 0px;
	margin: 0px;
	height: inherit;
	width: 6px;
	vertical-align: text-top;
	z-index: inherit;
}

.popPolicyDetail
{
    position: relative;
    left:  -335px;
    top: -11px;
    height: 29px;
    width: 0.1px;
}

.popLayering
{
	position: relative;
    left:  190px;
    top: -40px;
    height: 29px;
    width: 6px;
}

.popSL1
{
    position: relative;
    left:  236px;
    top: -69px;
    height: 29px;
    width: 6px;
}

.popGAP
{
    position: relative;
    left:  285px;
    top: -98px;
    height: 29px;
    width: 6px;
}

.popSL2
{
    position: relative;
    left:  330px;
    top: -127px;
	height: 29px;
	width: 6px;
    
}

/****************************************************
********* Policy Specific Field Formatting **********
****************************************************/
.sl1InsuredCity
{
	margin-left: 126px;
	margin-top: 10px;
	float: left;
}

.sl1InsuredZipCode
{
	margin-top: 10px;
	margin-left: 5px;
}

.sl1RiskCity
{
	margin-left: 126px;
	margin-top: 10px;
	float: left;
}

.gapNumberOfLayers
{
	margin-left: 50px;
}

.gapLimitsOfLiability
{
	margin-left: 53px;
}

.gapPercentOfInsurers
{
	margin-left: 50px;
}

.gapLayerNumber
{
	margin-left: 20px;
}

.sl2NameOfInsured
{
}

.layeringControl
{
	border: solid 1px #e1e1e1;
	margin-top: 10px;
}

.layeringPanel
{
	background-color: #fff;
	vertical-align: middle;
	text-align: center;
}

#environmentLabel
{
	width: 326px;
	border-style: none;
	position: relative;
	top: -50px;
	left: 0px;
	color: Red;
	text-align: left;
	font-weight: bold;
}

.environmentLabel
{
    color: Red;
	text-align: left;
	font-weight: bold;
}

/****************************************************
********* Terms&Conditions Formatting **********
****************************************************/
.TermsWindow
{
	border: 7px solid #506277;
	background: #e7e7e7;
	width: 875px;
	height: 565px;
}
.TermsArea
{
	background-color: #fff;
	height: 500px;
	width: 855px;
	overflow: auto;
	margin-top: 10px;
}
.TermsTitle
{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 7px;
	width: 90%;
}
.TermsText
{
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	width: 90%;
	padding-top: 10px;
}

/****************************************************
********* Requirements Page Formatting **********
****************************************************/

.ReqsWindow
{
	border: 7px solid #506277;
	background: #e7e7e7;
	width: 720px;
	height: 350px;
}
.ReqsArea
{
	background-color: #fff;
	width: 700px;
	overflow: auto;
	margin-top: 10px;
}
.ReqsTitle
{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 7px;
	width: 90%;
}
.ReqsBanner
{
	background: #424E5C;
	left: 0px;
	right: 0px;
	height: 30px;
}
.ReqBannerLeft
{
	left: 0px;
	width: 50%;
	float: left;
	color: White;
	text-align: center;
	vertical-align: middle;
	font-size: large;
}
.ReqBannerRight
{
	right: 0px;
	width: 50%;
	float: right;
	color: White;
	text-align: center;
	vertical-align: middle;
	font-size: large;
}
.ReqBannerCenter
{
	right: 0px;
	width: 100%;
	float: right;
	color: White;
	text-align: center;
	vertical-align: middle;
	font-size: large;
}
.ReqContentsLeft
{
	left: 0px;
	width: 50%;
	float: left;
	color: Black;
	text-align: left;
}
.ReqContentsRight
{
	right: 0px;
	width: 50%;
	float: right;
	color: Black;
	text-align: left;
}
.ReqContentCenter
{
	right: 0px;
	width: 100%;
	float: right;
	color: Black;
	text-align: left;
}
.ReqContent
{
	padding: 5px;
	text-align: center;
}

/****************************************************
********* WebService Landing Page Formatting **********
****************************************************/

.WSLPWindow
{
	border: 7px solid #506277;
	background: #e7e7e7;
	width: 720px;
	height: 580px;
}