/* File History

23 Feb 2011 Eamonn Connolly
	Arch Changes for Release 6 Sprint 13 - 1.0.1102.0405
13 Dec 2011 Huali Zhao
    MISC #67 Policy Number on activation should not wrap
17 Apr 2012 Eamonn Connolly
    Misc #196 Finalize Endorsement screen Summary of changes background
    Changed FinalizeEndorsement-AmendType width from 97 to 100
13 Jun 2012 Huali Zhao
    SBI 68668 TX & NM - Vehicle Modification screen,  white space
04 Jul 2012 Huali Zhao
    SBI 69029 Display issues on AR Coverage screen
23 Jul 2013 Huali Zhao
    SBI 76040 adjust CA pay plan text box length
03 Jan 2014 Huali Zhao
    SBI 78988 Remove white space from Good bye screen in IL direct
11 Apr 2014 Catherine O Donovan
	SBI 80671 - Phase II of Billing Revision: Enhancements to Endorsement  and Reinstatement Processing
24 Apr 2014 Catherine O Donovan
	SBI 80671 - Phase II of Billing Revision: Enhancements to Endorsement  and Reinstatement Processing
13 May 2014 Paul Arnold
    SBI 81620 - HO Safequote: Content is being pushed off the screen in the Insured Section of a HO Safequote.
*/

/********************************
 *         global colors        *
 ********************************/

/*
blue:   #6294c2
gray:   #dddddd
red:    #d04c4f
green:  #48a04c
orange: #de7700
*/

/********************************
 *          base styles         *
 ********************************/

body {
	background-color: white;
	margin: 0;
	padding: 0;
	color: black;
	font: small Arial, Tahoma, Verdana, Helvetica, sans-serif;
	min-width: 700px;
}
	/* set all elements to the same font and line height */
	body * {
		font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
		line-height: 1.4em;
	}

table {
	border-collapse: collapse;
	width: 100%;
}

th, td {
	vertical-align: top;
}

img {
	border: 0;
	vertical-align: middle;
}

acronym {
	border-bottom: 1px black dotted;
	cursor: help;
}

p {
	margin: 0;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: Verdana,Arial,sans-serif;
	font-weight: bold;
	color: black;
	font-size: 1.1em;
}
	/* <em> is used in the html for code readability; override font-style here */
	h1 em,
	h2 em,
	h3 em {
		font-style: normal;
	}




/********************************
 *         preload images       *
 ********************************/
@media projection, screen {
	#preload {
		position: absolute;
		left: -8000px;
		top: -8000px;
	}

		#preload img {
			display: block;
		}
}

@media print {
	.screentable {
		display: none;
	}

	.xslGridSm {
		height: auto !important;
	}

	.xslGridMd {
		height: auto !important;
	}
}

@media screen {
	.printtable {
		display: none;
	}

	.xslGridSm {
		max-height: 250px;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	.xslGridMd {
		max-height: 300px;
		overflow-x: hidden;
		overflow-y: scroll;
	}
}

.dimIframes {
	visibility: hidden;
}


/********************************
 *         page structure       *
 ********************************/
/*
 * These are the top-level html elements with very little color / style.
 * see further below for styling of these elements
 */


#page {
	background-color: #6294c2;
}

	#page #content {
		position: relative;
		overflow: hidden;
		clear: both;
	}

#mainTableDiv {
	margin: 20px 20px 20px 20px;
}

/********************************
 *       base tab styling       *
 ********************************/
/* HTML structure:
	<ul>
		<li> ... background shadow image
			<em> ... top-left round corner
				<a href="">text</a> ... top-right round corner
			</em>
		</li>
	</ul>
*/

.tabs {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

	.tabs li {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: relative; /* so we can use absolute positioning within */
		float: left;
		border-right: 1px white solid;
		background: #6294c2 url(images/tab-shadow-up.png) repeat-x scroll bottom left;
		_background-image: url(images/tab-shadow-up.gif); /* ie6 override */
	}

		.tabs li em {
			display: block;
			float: left;
			margin: 0;
			padding: 0;
			font-style: normal;
			background: transparent url(images/round-tl.png) no-repeat scroll top left;
			_background-image: url(images/round-tl.gif); /* ie6 override */
		}

			.tabs li em a {
				display: block;
				float: left;
				text-decoration: none;
				color: white;
				outline: 0;
				font: 1em Verdana,Arial,sans-serif;
				padding: 5px 10px 3px 10px;
				background: transparent url(images/round-tr.png) no-repeat scroll top right;
				_background-image: url(images/round-tr.gif); /* ie6 override */
			}

				.tabs li em a:hover {
					text-decoration: underline;
				}
		/* the selected tab, defaults to the round corners on top */
		.tabs li.on {
			background-image: none;
			border-bottom-color: #6294c2 !important;
		}

			.tabs li.on a {
				font-weight: bold;
			}

/********************************
 *           identity           *
 ********************************/

#identity {
	background-color: transparent;
	margin-top: 20px;
	overflow: hidden;
}

	#identity #logo {
		width: 100%;
		float: left;
		margin-right: -340px;
	}

		#identity #logo * {
			margin-left: 20px;
		}

	#identity #product {
		width: 310px;
		float: right;
		margin: 0;
		padding: 0 30px 0 0;
		text-align: right;
	}

		#identity #product span.call {
			display: block;
			clear: both;
			text-align: right;
			padding: 0;
			margin: 0;
			line-height: 1em;
		}

/********************************
 *        insured block         *
 ********************************/

#insured {
	margin-bottom: 0;
	background-color: #dddddd;
}
	/* header */
	#insured .header {
		padding: 0;
		margin: 0;
		background: #6294c2 url(images/round-tl.png) no-repeat scroll top left;
		_background-image: url(images/round-tl.gif); /* ie6 override */
	}

		#insured .header em {
			font-style: normal;
			display: block;
			padding: 5px 10px;
			background: url(images/round-tr.png) no-repeat scroll top right;
			_background-image: url(Images/round-tr.gif); /* ie6 override */
		}

		#insured .header span {
			margin-right: 20px;
		}

		#insured .header #timestamp {
			float: right;
			margin: 0;
		}
	/* content of the insured block */
	#insured .left span {
		display: block;
		padding: 1px;
		line-height: 1.2em;
	}

	#insured #name {
		font-weight: bold;
	}
	/* insured data points */
	#insured ul {
		margin: 0;
		overflow: hidden;
		padding-left: 20px;
	}

		#insured ul li {
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
			margin: 0 3px 0 0;
			padding: 0 0 0 8px;
			clear: both;
		}

			#insured ul li * {
				line-height: 1.2em;
			}

			#insured ul li span {
				vertical-align: bottom;
			}

			#insured ul li label {
				font-weight: bold;
				width: 35%;
				display: block;
				float: left;
				padding-top: 3px;
				border: 0;
				font-size: 1em;
			}

	#insured a.button {
		float: right;
		margin: 0;
	}

/********************************
 *             menu             *
 ********************************/

#menu {
	margin: 0 20px;
	border-top: 4px #d04c4f solid;
}

	#menu .right ul { /* align red buttons flush right */
		float: right;
	}

	#menu li em a {
		padding: 3px 10px 5px 10px;
	}

/* turn off rounding for app-actions */
#app-actions li,
#app-actions li em,
#app-actions li em a {
	background-image: none;
}

#app-actions li {
	background-color: #d04c4f !important;
	border-left: 4px white solid;
	border-right: 0;
}
	/* inactive app-actions item */
	#app-actions li.inactive {
		background-color: #aaa !important;
	}
/* fix the overall height of the item for nested elements */
#back-to-search strong {
	line-height: 1em;
}

/********************************
 *            messages           *
 ********************************/

#notices {
	margin: 10px 20px;
	padding: 8px 6px 6px 40px;
	background: transparent url(images/icon-message.png) no-repeat 5px 5px;
}

/********************************
 *           page tabs          *
 ********************************/

#page-tabs {
	background-color: white;
}

	#page-tabs .right ul {
		float: right;
	}

		#page-tabs .right ul li {
			border-right: 0;
			border-left: 1px white solid;
		}

	#page-tabs li {
		border-bottom: 1px white solid;
	}

/********************************
 *            content           *
 ********************************/

#content {
	padding: 15px 15px 5px 15px;
}

	#content .content {
		padding: 15px;
		margin: 0;
	}

#messages {
	margin-bottom: 10px;
	background: white url(images/icon-notice.png) no-repeat 5px 5px;
}

	#messages .content {
		padding: 4px 4px 4px 40px;
	}

.noticeicon {
	padding: 7px 5px 5px 35px;
	background: white url(images/icon-message.png) no-repeat 5px 5px;
}

	.noticeicon p {
		color: #FF0000;
		font-family: 'Microsoft Sans Serif', sans-serif;
		font-weight: normal;
		font-size: 16px;
		margin-left: 5px;
	}

/* override rounding divs for #content's parent, #page */
#page .page-round {
	background-color: white;
}

	#page .page-round * {
		background-color: #6294c2;
	}



/********************************
 *        record actions        *
 ********************************/

#record-actions {
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

	#record-actions span {
		float: right;
	}

	#record-actions a.button {
		float: left;
		margin-left: 5px;
	}

/********************************
 *           unit tabs          *
 ********************************/

#unit-tabs {
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

	#unit-tabs a.button {
		margin-right: 5px;
		margin-left: 0;
	}

		#unit-tabs a.button b {
			background-color: #6294c2;
		}

	#unit-tabs a.on {
		color: black;
	}

		#unit-tabs a.on b {
			background-color: #ddd;
			border-color: #ddd;
		}

			#unit-tabs a.on b b b {
				font-weight: bold;
			}

/********************************
 *        block elements        *
 ********************************/

.header {
	background-color: #6294c2;
	color: white;
	margin-left: 10px;
}

.body {
	padding: 10px;
	overflow: hidden;
	height: 1%;
}

.section .body {
	background-color: #ddd;
	padding-bottom: 0; /* let nested elements set their own bottom margin  */
}

/*Current Endorsement*/
#endorsement {
	background-color: white;
	clear: both;
	margin: 0 0 20px 0;
}

	#endorsement .title {
		padding: 3px 10px;
	}

	#endorsement .content,
	#endorsement .rbottom * {
		background-color: #ddd;
	}

	#endorsement .content {
		margin: 0;
		padding: 5px 10px;
	}

	#endorsement h1 {
		background: none;
	}
	/* override table.list, set below */
	#endorsement table.list,
	#endorsement fieldset {
		margin-top: 0 !important;
		width: 100% !important;
	}

	#endorsement .left table.list {
		margin-top: 0 !important;
		width: 99% !important;
	}

	#endorsement input {
		float: none;
		width: 100%;
		margin: 3px 0 0 0;
	}

	#endorsement label {
		border: 0;
		margin: 0;
	}

	#endorsement .right .rbottom {
		background-color: transparent;
	}

		#endorsement .right .rbottom * {
			background-color: white;
		}

	#endorsement ul {
		list-style-position: outside;
	}

		#endorsement ul li {
			margin-left: -19px;
		}

	#endorsement #recalculate {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		background: white;
		padding: 10px;
		overflow: hidden;
	}

.section {
	margin-top: 10px;
}

.colAlignCenter {
	text-align: center !important;
}

/* h1 is the header of the primary content box */
h1 {
	margin: 0;
	padding: 0;
	background: transparent url(images/tab-shadow-up.png) repeat-x bottom left;
	_background-image: url(images/tab-shadow-up.gif);
}

	h1 em {
		display: block;
		width: 35%;
		margin: 0;
		padding: 0;
		background-color: #ddd;
	}

		h1 em span {
			color: black;
			font-family: Verdana,Arial,sans-serif;
			font-weight: bold;
			display: block;
			font-style: normal;
			padding: 0 10px;
		}

	/* override the color of the rounding divs */
	h1 .rtop *,
	h1 .bottom * {
		background-color: #ddd;
	}

.section .actions {
	overflow: hidden;
	background-color: #ddd;
	padding: 0 10px 10px 10px;
}

.section .footer {
	height: 8px;
	background: transparent url(images/tab-shadow-down.png) repeat-x top left;
	_background-image: url(images/tab-shadow-down.gif);
}

/********************************
 *   imageless rounded corners  *
 *   http://www.html.it/articoli/nifty/index.html
 ********************************/
.rtop,
.rbottom {
	background-color: #6294c2;
	display: block;
}

	.rtop *,
	.rbottom * {
		background-color: white;
		display: block;
		height: 1px;
		overflow: hidden;
		line-height: 1px;
	}

.rbottom_message {
	background-color: #ddd;
	display: block;
}

.rtop_message {
	background-color: #ddd;
	display: block;
}

.rbottom_message * {
	background-color: white;
	display: block;
	height: 1px;
	overflow: hidden;
	line-height: 1px;
}

.rtop_message * {
	background-color: white;
	display: block;
	height: 1px;
	overflow: hidden;
	line-height: 1px;
}

.r1 {
	margin: 0 5px !important;
	font-size: 1px;
}

.r2 {
	margin: 0 3px !important;
	font-size: 1px
}

.r3 {
	margin: 0 2px !important;
	font-size: 1px
}

.r4 {
	margin: 0 1px !important;
	height: 2px !important;
	font-size: 1px
}

.r1left {
	font-size: 1px;
	margin: 0 0 0 5px !important;
}

.r2left {
	margin: 0 0 0 3px !important;
	font-size: 1px
}

.r3left {
	margin: 0 0 0 2px !important;
	font-size: 1px
}

.r4left {
	margin: 0 0 0 1px !important;
	height: 2px !important;
	font-size: 1px
}

.r1right {
	font-size: 1px;
	margin: 0 5px 0 0px !important;
}

.r2right {
	margin: 0 3px 0 0px !important;
	font-size: 1px
}

.r3right {
	margin: 0 2px 0 0px !important;
	font-size: 1px
}

.r4right {
	margin: 0 1px 0 0px !important;
	height: 2px !important;
	font-size: 1px
}


/********************************
 *        layout helpers        *
 ********************************/

/* two column layout, defaults to 50% */
div.two-col {
	overflow: hidden;
}

	div.two-col div.left {
		width: 60%;
		float: left;
		margin-right: -80%;
		overflow: hidden;
		min-width: 20%;
	}

	div.two-col div.mostleft {
		width: 20%;
		float: left;
		margin-right: -80%;
		overflow: hidden;
	}

	div.two-col div.right {
		float: right;
		width: 40%;
		overflow: hidden;
		min-width: 20%;
		margin-left: 20%;
	}

/* display on grey part of Client History screen */
#Application-ConPolicyDetails {
	width: 80%;
}
/* deal with other nested divs */
div.two-col div.left div div {
	padding-right: 85px;
}

/* make the right column wider in #endorsement */
div.wide-right div.left {
	margin-right: -81%;
}

div.wide-right div.right {
	width: 79%;
}

/* set it back to equal width */
div.equal div.left {
	margin-right: -50%;
	width: 45%;
}

div.equal div.right {
	width: 55%;
}

#premium-CA {
	min-width: 40% !important;
}

#Summary-AmountRequiredReinstatePolSubLineLabel {
	font-size: 10px;
	padding: 0 0 0 0;
}

#Summary-ProcessPolicyQuote-ConBillPredictor-BillPredictorEndorsementLabel {
	color: Red;
	margin-left: -4px;
	white-space: nowrap;
}

#Summary-ProcessPolicyQuote-ConBillPredictor-BillPredictorCancelPEndorsementLabel,
#Summary-ProcessPolicyQuote-ConBillPredictor-BillPredictorReinstateEndorsementLabel {
	color: Red;
	margin-left: -4px;
}

#Client-ConBillPredictor-BillPredictorEndorsementLabel {
	color: Red;
	margin-left: -4px;
	white-space: nowrap;
}

#Client-ConBillPredictor-BillPredictorCancelPEndorsementLabel,
#Client-ConBillPredictor-BillPredictorReinstateEndorsementLabel {
	color: Red;
	margin-left: -4px;
}

#Driver-ConBillPredictor-BillPredictorEndorsementLabel {
	color: Red;
	margin-left: -4px;
	white-space: nowrap;
}

#Driver-ConBillPredictor-BillPredictorCancelPEndorsementLabel,
#Driver-ConBillPredictor-BillPredictorReinstateEndorsementLabel {
	color: Red;
	margin-left: -4px;
}

#ExDriver-ConEndorsement-ConBillPredictor-BillPredictorEndorsementLabel {
	color: Red;
	margin-left: -4px;
	white-space: nowrap;
}

#ExDriver-ConEndorsement-ConBillPredictor-BillPredictorCancelPEndorsementLabel,
#ExDriver-ConEndorsement-ConBillPredictor-BillPredictorReinstateEndorsementLabel {
	color: Red;
	margin-left: -4px;
}

#Vehicle-ConEndorsement-ConBillPredictor-BillPredictorEndorsementLabel {
	color: Red;
	margin-left: -4px;
	white-space: nowrap;
}

#Vehicle-ConEndorsement-ConBillPredictor-BillPredictorCancelPEndorsementLabel,
#Vehicle-ConEndorsement-ConBillPredictor-BillPredictorReinstateEndorsementLabel {
	color: Red;
	margin-left: -4px;
}

#Coverages-ConEndorsement-ConBillPredictor-BillPredictorEndorsementLabel {
	color: Red;
	margin-left: -4px;
	white-space: nowrap;
}

#Coverages-ConEndorsement-ConBillPredictor-BillPredictorCancelPEndorsementLabel,
#Coverages-ConEndorsement-ConBillPredictor-BillPredictorReinstateEndorsementLabel {
	color: Red;
	margin-left: -4px;
}

#Applicant-ConEndorsement-ConBillPredictor-BillPredictorEndorsementLabel {
	color: Red;
	margin-left: -4px;
	white-space: nowrap;
}

#Applicant-ConEndorsement-ConBillPredictor-BillPredictorCancelPEndorsementLabel,
#Applicant-ConEndorsement-ConBillPredictor-BillPredictorReinstateEndorsementLabel {
	color: Red;
	margin-left: -4px;
}

#Location-ConEndorsement-ConBillPredictor-BillPredictorEndorsementLabel {
	color: Red;
	margin-left: -4px;
	white-space: nowrap;
}

#Location-ConEndorsement-ConBillPredictor-BillPredictorCancelPEndorsementLabel,
#Location-ConEndorsement-ConBillPredictor-BillPredictorReinstateEndorsementLabel {
	color: Red;
	margin-left: -4px;
}

#Underwriting-ConEndorsement-ConBillPredictor-BillPredictorEndorsementLabel {
	color: Red;
	margin-left: -4px;
	white-space: nowrap;
}

#Underwriting-ConEndorsement-ConBillPredictor-BillPredictorCancelPEndorsementLabel,
#Underwriting-ConEndorsement-ConBillPredictor-BillPredictorReinstateEndorsementLabel {
	color: Red;
	margin-left: -4px;
}

.SummaryDisplayWithNoBillPredictor {
	width: 100% !important;
	float: none !important;
	margin-right: 0% !important;
	overflow: hidden;
}

	.SummaryDisplayWithNoBillPredictor table tbody tr td {
		width: 370px;
		text-align: left !important;
	}

		.SummaryDisplayWithNoBillPredictor table tbody tr td.numeric {
			width: 800px;
			text-align: left !important;
		}

#endorsement .SummaryDisplayWithNoBillPredictor table.list {
	width: 100% !important;
}

#Summary-TotalPremiumLabel {
	width: 370px;
}

#premium {
	min-width: 40% !important;
}

#Summary-ProcessPolicyQuote-ConLastTransMsg-LastTransMsg {
	max-width: 80% !important;
}

#Client-ConEndorsement-LastTransMsg {
	max-width: 80% !important;
}

#Driver-ConEndorsement-LastTransMsg {
	max-width: 80% !important;
}

#RateChangesMsg {
	margin-top: -9px;
}

#EndorseMsg {
	width: 20% !important;
}
/*******************************
 *           buttons           *
 *******************************/

/* use anchors for buttons instead of <button> or <input> ... uses Google's approach:
<a class="button">
	<b>
		<b>
			<b>button text</b>
		</b>
	</b>
</a>
*/
a.button {
	float: left;
	margin: 0;
	text-decoration: none;
	color: white;
	cursor: pointer;
	margin-left: 5px;
}

	a.button b {
		display: block;
		float: left;
		position: relative;
		margin: 0 1px;
		padding: 1px 0;
		font-weight: normal;
	}

		a.button b b {
			background: none;
			display: block;
			position: relative;
			margin: 0 -1px;
			padding: 0 1px;
		}

			a.button b b b {
				margin: 0;
				padding: 2px 6px 2px 6px;
				border-width: 0;
				font: 0.98em Verdana,Arial,sans-serif;
			}

	/* action buttons: add, edit, delete */
	a.button.add b {
		background-color: #48a04c;
	}

	a.button.edit b {
		background-color: #de7700;
	}

	a.button.delete b {
		background-color: #d04c4f;
	}

/*******************************
 *         drop shadows        *
 *******************************/

/* shadows with clean, beautiful css and transparent png's are not supported by ie6, so we have to use tables */
	.shadowbox table {
		width: 100%;
	}

	.shadowbox td {
		padding: 0;
		margin: 0;
	}

	.shadowbox .top .l,
	.shadowbox .top .r,
	.shadowbox .bottom .l,
	.shadowbox .bottom .r {
		width: 10px;
		height: 10px;
		line-height: 1px;
	}

	.shadowbox .top .c,
	.shadowbox .bottom .c {
		line-height: 1px;
	}

	.shadowbox .top .l {
		background: transparent url(images/box-shadow-tl.png) no-repeat bottom right;
	}

	.shadowbox .top .c {
		background: transparent url(images/box-shadow-t.png) repeat-x bottom left;
	}

	.shadowbox .top .r {
		background: transparent url(images/box-shadow-tr.png) no-repeat bottom left;
	}

	.shadowbox .mid .l {
		background: transparent url(images/box-shadow-left.png) no-repeat top right;
	}

	.shadowbox .mid .r {
		background: transparent url(images/box-shadow-right.png) no-repeat top left;
	}

	.shadowbox .bottom .l {
		background: transparent url(images/box-shadow-bl.png) no-repeat top right;
	}

	.shadowbox .bottom .c {
		background: transparent url(images/box-shadow-b.png) repeat-x top left;
	}

	.shadowbox .bottom .r {
		background: transparent url(images/box-shadow-br.png) no-repeat top left;
	}

/********************************
 *         pulldown menus       *
 ********************************/

div.menu {
	position: absolute;
	margin: 0;
	padding: 0;
}

	div.menu table {
		width: auto !important;
	}

	div.menu ol {
		margin: 0;
		padding: 0;
		list-style: none;
		height: auto; /* cancel ie6's hasLayout directive */
		border-bottom: 1px white solid;
		background-color: white;
	}

		div.menu ol li {
			background-color: #6294c2;
			border: 1px white solid;
			border-bottom: 0;
			margin: 0;
			padding: 0;
		}

			div.menu ol li a {
				display: block;
				padding: 2px 8px;
				margin: 0;
			}

				div.menu ol li a,
				div.menu ol li a:visited,
				div.menu ol li a:active {
					color: white;
					text-decoration: none;
				}

/********************************
 *         dialog boxes         *
 ********************************/


#dialog-box .content {
	background-color: white;
	padding: 10px;
}

#dialog-box .footer {
	padding: 10px;
	overflow: hidden;
	text-align: right;
	background-color: #ddd;
}

	#dialog-box .footer span {
		float: right;
	}

	#dialog-box .footer a.button {
		float: left;
		margin-left: 5px;
	}
/* override rounding colors */
#dialog-box .rtop,
#dialog-box .rbottom {
	background-color: white;
	padding: 0;
}

	#dialog-box .rtop *,
	#dialog-box .rbottom * {
		padding: 0;
	}

/* override spacing for .section elements */
#dialog-box .section .body {
	padding: 0;
	background-color: transparent;
}

/********************************
 *          data lists          *
 ********************************/

table.list {
	width: 100%;
	margin-bottom: 10px;
}

	table.list th,
	table.list td {
		padding: 2px 4px;
		text-align: left;
	}

	table.list thead th {
		background-color: #6294c2;
		color: white;
		font-weight: bold;
	}

	table.list tbody td {
		background-color: white;
	}

	table.list thead td.bgwhite {
		background-color: white;
	}

td.numeric,
td.date {
	text-align: right;
}

td.button-actions {
	text-align: right;
}

	td.button-actions span {
		float: right;
	}

	td.button-actions a.button {
		float: left;
		margin-left: 5px;
	}

table.list tbody tr.odd td {
	background-color: #e8f6fe;
}


table.list td ul.button-actions {
	margin-top: 2px;
}

	table.list td ul.button-actions a.button {
		margin-bottom: 2px;
	}

.section .actions a.button { /* line up vertically buttons outside the table with those inside the table */
	float: right;
	margin-right: 4px;
}

/********************************
 *          text styles         *
 ********************************/



/* h2 is the subheader inside a primary content box */
h2 {
	font-size: 1em;
	background-color: #6294c2;
	margin-bottom: 1px;
}

	h2 em {
		display: block;
		margin-bottom: 1px;
	}

	h2 span {
		padding: 0 5px;
		color: white;
	}
	/* override the color of the rounding divs */
	h2 .rtop,
	h2 .rbottom {
		background-color: #ddd;
	}

		h2 .rtop *,
		h2 .rbottom * {
			background-color: #6294c2;
		}

/********************************
 *             forms            *
 ********************************/

input.CheckboxFocus {
	background-color: #ddd;
	outline-color: #ddd;
	outline-width: 2px;
	outline-style: solid;
}

fieldset {
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: white;
}

label {
	background-color: #ddd;
	font-weight: bold;
	display: block;
	padding: 2px 7px;
	font-size: 0.9em;
	border-left: 1px white solid;
}

input, select {
	margin: 3px;
	border: 1px silver solid;
}
	/* get rid of the border for radio and checkboxes ... need to do this in javascript for ie6 */
	input[ type = "radio" ],
	input[ type = "checkbox" ] {
		border: 0;
	}
/* default style - vertical*/
.tx-checkboxList, .tx-radioButtonGroup {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

.tx-GoodByeCheckBoxList {
	width: 51.2em;
}

.vehModsCheckBoxList {
	min-width: 745px;
}

#FinalizeEndorsement-AmendType {
	width: 100%;
}

#Location-LocAddInterestMortgage {
	height: 35px;
}

/* checkbox/radio button style - horizontal*/
.horizontal li {
	display: inline;
	margin-left: 15px;
}

.horizontalILDIRECT li {
	display: inline;
	margin-left: 10px;
}

..horizontal2 table {
	width: 240px !important;
}

..horizontal2 td {
	width: 70px !important;
}

	..horizontal2 td:first-child + td + td {
		width: 50px !important;
	}


fieldset table {
	border-right: 0px white solid;
	margin-bottom: 5px;
}

fieldset .tx-required input,
fieldset .tx-required select {
	border-bottom: 1px red solid;
}

fieldset ul.tx-required.tx-radioButtonGroup li input {
	border-bottom: none;
}

fieldset ul.tx-required.tx-radioButtonGroup li {
	border-bottom: 1px red solid;
}

ul.ui-state-focus {
	background-color: #f4ecc4;
}

/*Radio button allignment*/
.radioalign2options li {
	display: inline !important;
	margin-right: 60px;
}

.radioalign2optionsNONE li {
	display: inline !important;
	margin-right: 47px;
}

.radioalign2Aoptions li {
	display: inline !important;
	margin-right: 49px;
}

	.radioalign2Aoptions li:first-child + li {
		display: inline !important;
		margin-left: 12px;
	}

.radioalign2Boptions li {
	display: inline !important;
	margin-left: 55px;
}

.radioalign2Coptions li:first-child {
	display: inline !important;
	margin-right: 60px;
}

	.radioalign2Coptions li:first-child + li {
		display: inline !important;
		margin-right: 53px;
	}

.radioalign2Doptions li:first-child {
	display: inline !important;
	margin-right: 35px;
}

	.radioalign2Doptions li:first-child + li {
		display: inline !important;
		margin-right: 53px;
	}

.radioalign2Eoptions li:first-child {
	display: inline !important;
	margin-right: 42px;
	margin-left: 15px;
}

	.radioalign2Eoptions li:first-child + li {
		display: inline !important;
		margin-right: 53px;
	}

.radioalign3options li {
	display: inline !important;
	margin-right: 80px;
}

.radioalign3Aoptions li {
	display: inline !important;
	margin-right: 51px;
}

	.radioalign3Aoptions li:first-child + li + li {
		display: inline !important;
		margin-left: -11px;
	}

.radioalign3Hoptions li {
	display: inline !important;
	margin-right: 0px;
	margin-left: 15px;
}

	.radioalign3Hoptions li:first-child + li + li {
		display: inline !important;
		margin-left: 15px;
	}

	.radioalign3Hoptions li:first-child + li {
		display: inline !important;
		margin-left: 28px;
	}

.radioalign3Boptions li {
	display: inline !important;
	margin-right: 38px;
}

	.radioalign3Boptions li:first-child + li + li {
		display: inline !important;
		margin-left: -11px;
	}

.radioalign3Coptions li {
	display: inline !important;
	margin-right: 31px;
}

	.radioalign3Coptions li:first-child + li + li {
		display: inline !important;
		margin-left: -11px;
	}

.radioalign3Doptions li {
	display: inline !important;
	margin-right: 32px;
}

	.radioalign3Doptions li:first-child + li {
		display: inline !important;
		margin-left: 15px;
	}

		.radioalign3Doptions li:first-child + li + li {
			display: inline !important;
			margin-left: -30px;
			padding-left: 15px;
		}

.radioalign3Ioptions li {
	display: inline !important;
	margin-right: 0px;
	margin-left: 15px;
}

	.radioalign3Ioptions li:first-child + li + li {
		display: inline !important;
		margin-left: 15px;
	}

	.radioalign3Ioptions li:first-child + li {
		display: inline !important;
		margin-left: 12px;
	}

.radioalign4options li {
	display: inline !important;
	margin-right: 10px;
}

.radioalign4Aoptions li {
	display: inline !important;
	margin-right: 35px;
}

	.radioalign4Aoptions li:first-child + li + li {
		display: inline !important;
		margin-left: -12px;
		padding-left: 15px;
	}

		.radioalign4Aoptions li:first-child + li + li + li {
			display: inline !important;
			margin-left: -24px;
			padding-left: 25px;
		}

.radioalign4Boptions li {
	display: inline !important;
	margin-right: 47px;
}

	.radioalign4Boptions li:first-child + li + li {
		display: inline !important;
		margin-left: -37px;
		padding-left: 15px;
	}

		.radioalign4Boptions li:first-child + li + li + li {
			display: inline !important;
			margin-left: -49px;
			padding-left: 25px;
		}

.radioalign4Coptions li {
	display: inline !important;
	margin-right: 46px;
}

	.radioalign4Coptions li:first-child + li + li {
		display: inline !important;
		margin-left: -41px;
		padding-left: 15px;
	}

		.radioalign4Coptions li:first-child + li + li + li {
			display: inline !important;
			margin-left: -44px;
			padding-left: 15px;
		}

.radioalign5options li {
	display: inline !important;
	margin-right: 10px;
}

.horizontalwide li {
	display: inline;
	margin-left: 15px;
}

	.horizontalwide li:first-child + li {
		display: inline !important;
		margin-left: 41px;
	}

.radioalign3Eoptions li {
	display: inline !important;
	margin-right: 51px;
}

	.radioalign3Eoptions li:first-child + li {
		display: inline !important;
		margin-left: -4px;
	}

		.radioalign3Eoptions li:first-child + li + li {
			display: inline !important;
			margin-left: -11px;
		}

.radioalign3Foptions li {
	display: inline !important;
	margin-right: 35px;
}

	.radioalign3Foptions li:first-child + li + li {
		display: inline !important;
		margin-left: 5px;
	}

.radioalign3Goptions li {
	display: inline !important;
	margin-right: 32px;
}

	.radioalign3Goptions li:first-child + li {
		display: inline !important;
		margin-left: 15px;
	}

		.radioalign3Goptions li:first-child + li + li {
			display: inline !important;
			margin-left: -20px;
			padding-left: 15px;
		}







td .TLocationRoofInfo span.appearrequired input {
	border-bottom: 1px red solid;
}

td .TLocationRoofInfo span#Location-LocationRoofInfo {
	width: 160px;
}

select[disabled]#Application-ConPolicyDetails-CurrentPolicy {
	font-weight: bold;
}

fieldset span {
	float: left;
	padding: 3px 8px;
}

fieldset h2 span { /* turn off floating for the fieldset's title */
	float: none;
	padding: 0 5px 2px 8px;
}

fieldset a.button { /* make the buttons line up with the fields they're next to */
	margin-top: 4px;
	margin-bottom: 0;
}

fieldset td.on label {
	background-color: #3e719c;
	color: white;
}

fieldset td.inactive {
	background-color: #efefef;
}

	fieldset td.inactive label {
		background-color: #efefef;
		color: gray;
	}

#field-prompt {
	margin: 10px 0 5px 0;
}

	#field-prompt .content {
		padding: 0 10px 0 28px !important;
		background: transparent url(images/icon-info.png) no-repeat 8px 2px;
		_background-image: url(images/icon-info.gif);
	}

	#field-prompt,
	#field-prompt .rtop *,
	#field-prompt .rbottom * {
		background-color: #9ab9d6;
	}

.ReqFieldContent {
	padding-left: 10px !important;
	background-color: White;
	color: Red;
}

#bottom-page,
#bottom-page .rbottom {
	background-color: white;
}

	#bottom-page,
	#bottom-page .rbottom * {
		background-color: #6294c2;
	}

/*Avaeon added syles*/
input.LinkButtonHD {
	text-align: left;
	margin: -1px;
	color: blue;
	border: none;
	font: small Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #dddddd;
	text-decoration: underline;
	cursor: pointer;
	width: 125px;
	vertical-align: bottom;
}

#Application-ConPolicyDetails-BtnCurrentPolicy {
	display: none;
}

#BtnCurrentPolicy {
	display: none;
}

input.LinkButtonHD1 {
	text-align: left;
	margin: -1px;
	color: blue;
	border: none;
	font: small Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #dddddd;
	text-decoration: underline;
	cursor: pointer;
	width: 205px;
}



input.FinalizeButton {
	text-align: center;
	margin: 0px;
	border: 0px;
	height: 19px;
	color: white;
	font: small Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #48a04c !important;
	cursor: pointer;
}

input.LinkButtonTabInactive {
	text-align: center;
	margin: 0px;
	color: white;
	height: 19px;
	border: none;
	font: small Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #aaaaaa !important;
	cursor: pointer;
}

button.AddButton {
	padding: 1px 6px 1px 6px;
	background-color: #48a04c;
}


button.AddButtonMP {
	padding: 1px 2px 1px 2px;
	background-color: #48a04c;
	margin: 0px 0px 0px 0px;
	width: 130px;
	float: left;
}

div.PolicySummaryImg {
	width: 24px !important;
	height: 22px !important;
	margin: 4px 0px 0px 0px;
}

button.ColumnLinkButton {
	padding: 0px 0px 0px 0px;
	background-color: white;
	color: blue;
	margin: 0px;
	border-style: none;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	text-align: left;
	text-decoration: underline;
	font: small Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

tr.odd td button.ColumnLinkButton {
	background-color: #e8f6fe;
}

button.EditButton {
	padding: 1px 6px 1px 6px;
	background-color: #de7700;
}

input.IconImage {
	height: 22px !important;
}

button.EditButtonFit {
	background-color: #de7700;
}

button.DeleteButton {
	padding: 1px 6px 1px 6px;
	background-color: #d04c4f;
}

button {
	margin: 3px;
	border-width: 1px;
	border-color: White;
	font: 0.98em Verdana,Arial,sans-serif;
	cursor: pointer;
	border-style: solid;
	color: white;
}

	button:hover {
		border-color: Black;
	}

	button.ui-state-focus {
		border-width: 1px;
		border-color: Black;
	}

:focus {
	outline-color: #5e9ed6 !important;
}

button.inactive:hover {
	border-color: white;
}

button.inactive {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	opacity: 0.5; /*FF3*/
}

input.AddButton {
	margin: 3px;
	border-width: 1px;
	border-color: White;
	font: 0.98em Verdana,Arial,sans-serif;
	cursor: pointer;
	border-style: solid;
	color: white;
	padding: 1px 6px 1px 6px;
	background-color: #48a04c;
}

input.EditButton {
	margin: 3px;
	border-width: 1px;
	border-color: White;
	font: 0.98em Verdana,Arial,sans-serif;
	cursor: pointer;
	border-style: solid;
	color: white;
	padding: 1px 6px 1px 6px;
	background-color: #de7700;
}

input.DeleteButton {
	margin: 3px;
	border-width: 1px;
	border-color: White;
	font: 0.98em Verdana,Arial,sans-serif;
	cursor: pointer;
	border-style: solid;
	color: white;
	padding: 1px 6px 1px 6px;
	background-color: #d04c4f;
}

input.PayDetailsLink {
	text-align: left;
	margin: 0px;
	color: blue;
	border: none;
	font: small Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: white;
	text-decoration: underline;
	cursor: pointer;
}

#SafewayMainPanelManagerTable div {
	border-right: 1px white solid;
	border-bottom: 1px white solid;
	font: 1em Verdana,Arial,sans-serif;
	font-weight: normal;
}


.heading1 {
	color: black;
	font-family: Verdana,Arial,sans-serif;
	font-weight: bold;
	display: block;
	font-style: normal;
}

table.listright {
	width: 100%;
	margin-bottom: 10px;
}

	table.listright th,
	table.listright td {
		padding: 2px 4px;
	}

	table.listright thead th {
		background-color: #6294c2;
		color: white;
		font-weight: bold;
	}

	table.listright tbody td {
		background-color: white;
	}

table.list tbody tr.RepeaterOdd td button.ColumnLinkButton {
	background-color: #e8f6fe;
}



table.listright tbody tr.RepeaterOdd td {
	background-color: #e8f6fe;
}

/*****************************************************************************************
 *Copy of Listright for odd line on every other line rather than every other repeater item*
 ******************************************************************************************/

table.listrightodd {
	width: 100%;
	margin-bottom: 10px;
}

	table.listrightodd th,
	table.listrightodd td {
		padding: 2px 4px;
	}

	table.listrightodd thead th {
		background-color: #6294c2;
		color: white;
		font-weight: bold;
	}

	table.listrightodd tbody td {
		background-color: white;
	}

	table.listrightodd tr.odd td {
		background-color: #e8f6fe;
	}


/*********General styling***********/
.ui-helper-hidden {
	display: none !important;
}

input.ui-state-disabled {
	opacity: .80;
	filter: Alpha(Opacity=80);
	background-image: none;
}

button.ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none;
}

	button.ui-state-disabled:hover {
		opacity: .35;
		filter: Alpha(Opacity=35);
		background-image: none;
		border: 1px solid;
	}

/********** Menu Styling *************/
ul.tx-menu {
	margin: 0px;
	padding: 0px;
}

.tx-topmenu a {
	font: 1em Verdana,Arial,sans-serif;
	white-space: nowrap;
	padding: 0px 10px;
}

	.tx-topmenu a:hover {
		cursor: pointer;
		background: #6294c2;
		text-decoration: underline;
	}

.tx-topmenu .ui-state-disabled a:hover {
	cursor: default;
}

.tx-topmenu ul {
	padding-left: 0px;
	background-color: White;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	position: absolute;
	list-style-type: none;
}

	.tx-topmenu ul:hover {
		cursor: pointer;
	}

li.tx-topmenu {
	background-color: #6294c2;
	LINE-HEIGHT: 1.4em;
	color: White;
	margin-left: 1px;
	padding: 3px 0px;
}

	li.tx-topmenu.ui-state-default {
		-moz-border-radius-bottomleft: 8px;
		-webkit-border-bottom-left-radius: 8px;
		border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-webkit-border-bottom-right-radius: 8px;
		border-bottom-right-radius: 8px;
		BACKGROUND: url(images/tab-shadow-down.png) #6294c2 repeat-x left top;
		_background-image: url(images/tab-shadow-down.gif);
	}

li:hover.tx-topmenu {
	position: static !important;
}

li.tx-submenu {
	padding: 0px 10px;
	background: #6294c2;
	border-top: 1px solid white;
}

li:hover.tx-submenu {
	background-color: #44779d;
}

.tx-submenu a {
	padding: 0px;
}

	.tx-submenu a:hover {
		background-color: #44779d;
		text-decoration: none;
	}

.tx-submenu.ui-state-disabled {
	color: #44779d;
}

	.tx-submenu.ui-state-disabled a:hover {
		cursor: default;
		background-color: #6294c2;
	}

li:hover.tx-submenu.ui-state-disabled {
	cursor: default;
	background-color: #6294c2;
}
/**********End of Menu Styling *************/

/***********Tabs styling *********************/
ul.tx-tab {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.tx-tab li {
	margin-right: 1px;
	padding: 3px 0px 3px 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-topleft-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}

	.tx-tab li.ui-state-active {
		color: white;
		background-color: #6294c2;
		border-bottom: 1px #6294c2 solid;
	}

	.tx-tab li.ui-state-default {
		color: white;
		background: url(images/tab-shadow-up.png) #6294c2 repeat-x scroll bottom left;
		_background-image: url(images/tab-shadow-up.gif);
		margin-bottom: 1px;
	}

.tx-tab a {
	font: 1em Verdana,Arial,sans-serif;
	color: white;
	padding: 0px 10px;
	text-decoration: none;
}

.tx-tab .ui-state-disabled a:hover {
	cursor: default;
	text-decoration: none
}

.tx-tab .ui-state-disabled a {
	color: #3e719c !important;
}

.tx-tab a:hover {
	text-decoration: underline;
}

.tx-tab .ui-state-active a {
	font-weight: bold;
}

#Application-MainPanelManager-SummaryPanelLI, #Application-MainPanelManager-PurchasePanelLI {
	margin-left: 30px;
}
/***********End of Tabs styling *********************/

.menuP A:hover {
	text-decoration: underline;
}

.menuP A {
	font: 1em Verdana,Arial,sans-serif;
}

/*********** Cursor Styling *************/
.tx-cursor {
	font: 0.98em Verdana,Arial,sans-serif;
	font-weight: bold;
	border: 1px white solid;
	margin-right: 10px;
	padding: 2px 5px;
	display: inline-block;
	margin-bottom: 4px;
}

	.tx-cursor.ui-state-active {
		background-color: #dddddd;
	}

	.tx-cursor.ui-state-default {
		font-weight: normal;
		background-color: #4089b9;
		color: white;
	}
/***********End of Cursor Styling *************/

/*************** Popup/static Grid Styling**************/
.tx-grid thead tr, .tx-staticGrid thead tr {
	position: relative;
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
}

.tx-grid tr, .tx-grid td {
	height: auto !important
}

.tx-grid td {
	white-space: nowrap;
}

div.tx-grid table {
	width: auto;
	background-color: White;
}

.tx-grid {
	margin: 0 auto;
}


	.tx-grid thead td {
		background-color: #6294c2;
		color: white;
		font-weight: bold;
	}

	.tx-grid tr.ui-state-focus, .tx-grid tr.odd.ui-state-focus td, .tx-staticGrid tr.ui-state-hover, .tx-staticGrid tr.odd.ui-state-hover td {
		background-color: #78A1AD !important;
		color: white;
	}

.tx-staticGrid tbody tr.odd {
	background-color: #e8f6fe;
	color: Black;
}

	.tx-staticGrid tbody tr.odd:hover {
		background-color: #78A1AD !important;
		color: White;
	}

.tx-staticGrid tbody tr:hover {
	background-color: #78A1AD !important;
	color: White;
}


/*********End of Popup/static Grid*****************/

/********Msg box *********/
.tx-msgbox {
	min-width: 300px;
	padding: 3px;
	max-width: 720px;
}

.tx-msgbox-header, .tx-dialog-header, .TopoixDialogCaption, .dialogCaption {
	BACKGROUND: #6294c2 url(images/tab-shadow-up.png) repeat-x left bottom;
	_background-image: url(images/tab-shadow-up.gif);
	padding: 5px 10px;
	font-weight: bold;
	color: white;
}

.tx-msgbox-content {
	background-image: url(images/icon-notice.png);
	background-repeat: no-repeat;
	background-color: #dddddd;
	padding-top: 5px;
	background-position: 10px 10px;
	text-align: center;
}

	.tx-msgbox-content button {
		padding: 1px 6px;
		background-color: #48a04c;
		border: 1px solid black;
	}

	.tx-msgbox-content div {
		padding: 0px 20px 0px 50px;
	}

	.tx-msgbox-content button:hover {
		cursor: pointer;
	}
/********End of Msg box ********************/

div.PanelDisabled A {
	cursor: default;
	color: #3e719c !important;
}

	div.PanelDisabled A:hover {
		text-decoration: none !important;
	}

/* Cursor Styling */
span.TabActive {
	background-color: #dddddd;
	font: 0.98em Verdana,Arial,sans-serif;
	font-weight: bold;
	border: 1px white solid;
	margin-right: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	display: inline-block;
	margin-bottom: 4px;
}

span.TabInActive {
	background-color: #4089b9;
	font: 0.98em Verdana,Arial,sans-serif;
	color: White;
	border: 1px white solid;
	margin-right: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	display: inline-block;
	margin-bottom: 4px;
}

span.TabDisabled {
	background-color: navy;
	font: 0.98em Verdana,Arial,sans-serif;
	color: gray;
	border: 1px gray solid;
	margin-right: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

/* Grid Highlighting*/
.staticGridRow tr:hover {
	background-color: #78A1AD !important;
	color: White;
}
/*Lookup Grid styles*/
div.picklist table.list tbody tr.odd td {
	background-color: #e8f6fe;
}

div.picklist table {
	width: auto;
	background-color: White;
}

.picklist {
	margin: 0 auto;
}

	.picklist TR, .picklick TD {
		height: auto !important
	}

	.picklist TD {
		white-space: nowrap;
	}

	.picklist thead tr {
		position: relative;
		top: expression(offsetParent.scrollTop); /*IE5+ only*/
	}


	/*grid header*/
	.picklist THEAD TD {
		background-color: #6294c2;
		color: white;
		font-weight: bold;
	}

/*grid row*/
tr.highlightRow {
	background-color: #78A1AD !important;
	color: White;
}

.highlightRow {
	background-color: #78A1AD !important;
	color: White;
}

.bodyStaticGrid {
	padding-left: 10px;
	padding-right: 10px;
}



table.list tbody tr.RepeaterOdd td {
	background-color: #e8f6fe;
}

table.list tbody.RepeaterOdd tr td {
	background-color: #e8f6fe;
}

table.list tbody td button {
	margin: 0px;
}



.dialogSection {
	overflow: hidden;
	background-color: #ddd;
	padding: 0 10px 0px 10px;
}

.modalDialogBody {
	padding: 10px 0px 3px 0px;
	background-color: #dddddd;
}

.modalDialog {
	display: none
}

#modalDialogWarning {
	background-image: url(images/icon-notice.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 10px 10px;
}

#modalDialogOuter {
	overflow: hidden;
	background-color: #ddd;
}

#ol {
	background-color: Gray;
	filter: alpha(Opacity=65) !important;
	opacity: 0.65; /*FF*/
}

#panelSearchResults {
	overflow-x: hidden;
	width: 100% !important; /*added for search results - check if needed*/
	background-color: #ffffff !important;
	position: relative; /*This is used in conjunction with MarketingMsgClose which is set to absolute.*/
}

/* styles for panel when search results are displayed */

#marketingMsgInnerDiv.SearchResults {
	margin: 0px 0px 0px 0px !important;
	border-style: none;
	width: 100%;
	background-color: #ffffff;
}

#marketingMsgMiddleDiv.SearchResults {
	padding: 0px 0px 0px 0px !important;
}

.NewAutoImage {
	background: white url(images/Car-16.gif) no-repeat 12px 3px;
	width: 16px;
}

.NewHomeownerImage {
	background: white url(images/Home-16.gif) no-repeat 7px 3px;
	width: 16px;
}

table.list tbody tr.odd td.NewHomeownerImage {
	background-color: #e8f6fe;
}

table.list tbody tr.odd td.NewAutoImage {
	background-color: #e8f6fe;
}

table tbody tr.odd {
	background-color: #e8f6fe;
}


/* styles for panel when marketing messages are displayed */
#marketingMsgOuterDiv {
	background-color: #ffffff !important;
	height: 360px;
}

#marketingMsgInnerDiv {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #6294c2 !important;
	padding: 0px 6px 0px 0px; /*displays border around vertical scroll*/
}

#marketingMsgMiddleDiv {
	padding: 30px 30px 30px 30px; /*thick white border */
}

/*Marketing News*/
#marketingMsgInnerDiv div {
	background-color: #eaeef5 !important;
}

/*searchResults*/
#marketingMsgInnerDiv.SearchResults div {
	background-color: #ffffff !important;
}

#marketingMsgInnerDiv table tbody tr td[class="message"] {
	background-color: #eaeef5 !important; /*marketing messages background*/
}

.marketingMsgNewsPanel {
	padding: 0px 4px 0px 0px !important; /*prevents message text disappearing under vertical scroll bar. If changed, must adjust right margin on #marketingMsgInnerDiv*/
	background-color: #eaeef5 !important; /*bottom part of marketing messages - causes search page to take on background color - need to handle this dynamically*/
}

.searchResultsPanel {
	padding: 0px 0px 0px 0px !important;
	background-color: #ffffff !important;
}

table.list tbody tr.marketingMessagesEven td.message {
	padding: 10px 20px 15px 45px; /*right padding here prevents message text disappearing under vertical scroll bar.*/
	background: white url(images/aball1fa.gif) no-repeat 15px 12px;
}

#MarketingMsgClose {
	position: absolute;
	top: 0;
	right: 0;
}

input.tx-required,
.inetFieldSetSQ input.tx-required {
	border-bottom-color: Red;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.inetFieldSet input.tx-required, tx-listbox.tx-required {
	border-bottom-width: 1px;
	border-bottom-color: Silver;
}

tx-listbox {
	margin: 3px;
	border: 1px silver solid;
}

#Vehicle-VehLocFlag {
	margin-top: 1px;
}

#Vehicle-VehLienFlag {
	margin-top: 1px;
}

#Vehicle-VehLienAIFlag {
	margin-top: 1px;
}

.inetFieldSet span.tx-required {
	border-bottom-width: 0px;
}

span.inerror {
	color: Red;
}

span.selectRequired {
	border-bottom-color: Red;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

	SPAN.selectRequired INPUT {
		margin: 0px !important;
		border-style: none !important;
	}

.inetFieldSet span.selectRequired {
	border-bottom-color: Silver;
	border-bottom-width: 0px;
}

.inetFieldSet select.tx-required {
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 0px;
	border-bottom: 1px solid silver;
}

select.tx-required {
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 0px;
	border-bottom: 1px solid red;
}

span.selectRequired select {
	margin-left: 0px;
	margin-right: 0px;
}

input.ui-state-focus {
	background-color: #f4ecc4;
}
/* moved this below input.ui.state-focus as we dont what these 2 buttons turning yellow on focus*/

input.LinkButtonTab {
	text-align: center;
	margin: 0px;
	color: white;
	height: 19px;
	border: none;
	font: small Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #d04c4f;
	cursor: pointer;
}

input Button.ui-state-focus {
	background-color: #de7700;
}

span.ui-state-focus {
	background-color: #f4ecc4;
}

select.ui-state-focus {
	background-color: #f4ecc4;
}

select:focus {
	background-color: #f4ecc4;
}

#ConstraintMessages {
	margin-bottom: 10px;
}

	#ConstraintMessages .contentError {
		padding: 4px 4px 4px 40px;
		background: white url(images/icon-message.png) no-repeat 7px 0px;
	}

	#ConstraintMessages .contentWarning {
		padding: 4px 4px 4px 40px;
		background: white url(images/icon-notice.png) no-repeat 5px 0px;
	}

	#ConstraintMessages .contentReview {
		padding: 4px 4px 4px 40px;
		background: white url(images/icon-review.png) no-repeat 7px 0px;
	}

.coverpremhighlight {
	color: #800000;
}


#dialog-yesno .content {
	background-color: #dddddd;
	padding: 10px;
}

/* override spacing for .section elements */
#dialog-yesno .section .body {
	padding: 0;
	background-color: transparent;
}


.radioButtonGroup input {
	margin: 0px;
}

.Affinity li input {
	margin-right: 10px;
}

.Option5 li {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 12px;
}

#Purchase-ConQuotationSummary-ConOption6M-Option6M td {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 12px;
}

#Purchase-ConQuotationSummary-ConOption6MAfterRC-Option6MAfterRC td {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 12px;
}

#Purchase-ConQuotationSummary-ConOption12M-Option12M td {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 12px;
}

#Purchase-ConQuotationSummary-ConOption12MAfterRC-Option12MAfterRC td {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 12px;
}

.inetFieldSet span.ui-state-focus {
	background-color: Transparent;
}

div.title h3 span {
	margin: 0;
	padding: 0;
	font-family: Verdana,Arial,sans-serif;
	font-weight: bold;
	color: black;
	font-size: 1.0em;
}

.makePaymentCheckBox span {
	background-color: #ddd;
	font-weight: bold;
	display: block;
	font-size: 0.9em;
}

#iframeHolder iframe {
	width: 100%;
	height: 100px;
	background-color: #dddddd;
}

#Application-Progress table {
	width: auto;
}

#Application-NavBar button {
	padding: 1px 6px 1px 6px;
	background-color: #48a04c;
	margin: 3px;
	border-width: 1px;
	border-color: White;
	font: 0.98em Verdana,Arial,sans-serif;
	cursor: pointer;
	border-style: solid;
	color: white;
}

	#Application-NavBar button.ui-state-focus {
		border-width: 1px;
		border-color: Black;
	}

#TopoixErrorDivInner4 {
	background-image: url(images/icon-notice.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	background-position: 10px 10px;
}

#TopoixErrorDivInner3 {
	margin-top: 0px !important
}

#TopoixErrorDivMessage {
	vertical-align: middle;
	max-width: 800px;
}


#TopoixErrorDivButton {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #48a04c;
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-LEFT-COLOR: black;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: black;
	BORDER-TOP-COLOR: black;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: black;
}


button.SurcDiscButton {
	text-align: left;
	FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	vertical-align: top;
	background-color: #6294c2;
	text-decoration: underline;
}

button.EndorseExplainWhiteButton {
	text-align: left;
	color: #000000;
	FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	vertical-align: top;
	background-color: #ffffff;
	text-decoration: underline;
}

button.EndorseExplainBlueButton {
	text-align: left;
	color: #000000;
	FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	vertical-align: top;
	background-color: #e8f6fe;
	text-decoration: underline;
}

.accountLeft {
	width: 100%;
	float: left;
	margin-right: -40%;
	overflow: hidden;
}

.accountRight {
	float: right;
	width: 40%;
	overflow: hidden;
}

	.accountRight td {
		text-align: center;
	}

iframe.dialog-overlay {
	filter: alpha(Opacity=50) !important;
}

.phaseout {
	background-color: #000;
}

#iframeHolder {
	background-color: #6294c2;
}

/********************************
 *         iNet Styles          *
 ********************************/

.inetFieldSet,
.inetFieldSetSQ {
	border: 0;
	margin: 0 0 10px 0;
	padding: 0px;
	padding-bottom: 0px;
	background-color: white;
}

	.inetFieldSet table,
	.inetFieldSetSQ table {
		margin-bottom: 5px;
	}

	.inetFieldSet td,
	.inetFieldSetSQ td {
		padding-left: 10px;
	}

	.inetFieldSet span,
	.inetFieldSetSQ span {
		padding: 3px 0px 0px 0px;
	}

	.inetFieldSet input,
	.inetFieldSetSQ input {
		margin: 3px 0px 0px 0px;
		padding: 0px;
	}

	.inetFieldSet select,
	.inetFieldSetSQ select {
		margin: 3px 0px 3px 0px;
	}

.newbiz input {
	margin: 3px;
	padding: 0px;
	border: 1px silver solid;
}

span.iNetRequired {
	color: red;
	font-size: large;
	vertical-align: middle;
}

input.iNetText {
	height: 18px
}

.iNetCaption {
	vertical-align: middle;
}

.iNet-SubCaption {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #d04c4f;
}

.iNet-SubCaption-Premium {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-color: #d04c4f;
}

.iNet-Premium-ListItem {
	border-left-style: solid;
	border-left-width: 1px;
	border-color: #d04c4f;
	text-align: right;
}

.iNet-PaymentCaption {
	border-top-style: solid;
	border-bottom-width: 1px;
	border-color: #d04c4f;
}

.Hidden {
	display: none;
}

input.ButtonFocus {
	BORDER-COLOR: black !important;
}

button.ButtonFocus {
	border-color: black !important;
}

#BatchProcess-ReasonGrid-BatchProcess-ReasonGridWindowDiv Table {
	width: 800px !important;
}

	#BatchProcess-ReasonGrid-BatchProcess-ReasonGridWindowDiv Table Tbody Tr Td {
		white-space: normal !important;
	}

.InetCoverValues {
	font-size: 12px;
}



.rtopiNet *,
.rbottomiNet * {
	display: block;
	height: 1px;
	overflow: hidden;
	line-height: 1px;
}

.rtopiNet * {
	background-color: #6294c2;
}

.rbottomiNet * {
	background-color: #9ab9d6;
}

.rtopiNet,
.rbottomiNet {
	background-color: white;
	display: block;
	width: 177px;
	float: right
}

.rtopQDetails *,
.rbottomQDetails * {
	background-color: white;
	display: block;
	height: 1px;
	overflow: hidden;
	line-height: 1px;
}

.rtopQDetails,
.rbottomQDetails {
	background-color: #9ab9d6;
	display: block;
	width: 167px;
}


#Application-MainPanelManager-IssueQuotePanelTD {
	border-right: solid 300px white;
}

#Application-MainPanelManager-CoveragesHOPanelTD {
	border-right: solid 450px white;
}


.iNet-rbottom {
	background-color: white;
	display: block;
}

.iNet-rtop {
	background-color: white;
	display: block;
}

.iNet-rbottom * {
	background-color: #ddd;
	display: block;
	height: 1px;
	overflow: hidden;
	line-height: 1px;
}

.iNet-rtop * {
	background-color: #6294c2;
	display: block;
	height: 1px;
	overflow: hidden;
	line-height: 1px;
}

.iNet-rbottom_message {
	background-color: #ddd;
	display: block;
}

.iNet-rtop_message {
	background-color: #ddd;
	display: block;
}

.iNet-rbottom_message * {
	background-color: white;
	display: block;
	height: 1px;
	overflow: hidden;
	line-height: 1px;
}

.iNet-rtop_message * {
	background-color: white;
	display: block;
	height: 1px;
	overflow: hidden;
	line-height: 1px;
}

.iNet-r1 {
	margin: 0 5px !important;
	font-size: 1px
}

.iNet-r2 {
	margin: 0 3px !important;
	font-size: 1px
}

.iNet-r3 {
	margin: 0 2px !important;
	font-size: 1px
}

.iNet-r4 {
	margin: 0 1px !important;
	height: 2px !important;
	font-size: 1px
}

#identityiNet {
	background-color: transparent;
	margin-top: 20px;
	overflow: hidden;
	width: 920px;
}

	#identityiNet #logo {
		width: 100%;
		float: left;
		margin-right: -360px;
		background-color: transparent;
	}

		#identityiNet #logo * {
			margin-left: 45px;
		}

	#identityiNet #product {
		width: 310px;
		float: right;
		margin: 0;
		padding: 0 40px 0 0;
		text-align: right;
	}

/* Sidebar */

#sidebar {
	float: right;
	width: 177px;
	clear: right;
	background-color: #9ab9d6;
	color: White;
}

#sidebarMain {
	float: right;
	margin-right: 43px;
	margin-top: 38px;
	width: 177px;
}

#sidebar ul {
	margin: 0;
	padding: 5px;
}

#sidebar li {
	margin-bottom: 3px;
	margin-left: 12px;
	color: white;
}

	#sidebar li li {
		padding-top: 5px;
	}

#sidebar_top {
	float: right;
	width: 177px;
	height: 19px;
	background-color: #6294c2;
	margin-bottom: 1px;
	font-weight: bold;
	color: White;
	text-align: center;
}

#sidebar_bottom {
	float: right;
	width: 175px;
	clear: right;
	background-color: #e8f6fe;
}

#sidebar table {
	width: 167px;
	color: Black;
	background-color: White;
	font-size: 8pt;
}

#sidebar td {
	padding-left: 5px;
}

#iNet-content {
	padding: 0 0 0 60px;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: url('images/img02.jpg') repeat-y;
}

#wrapper2 {
	background: url('images/img10.jpg') no-repeat left bottom;
}

/* Header */

#iNet-header {
	height: 140px;
	background: #087FE7 url('images/img14.jpg') no-repeat;
}

#footer {
	height: 108px;
	background: url('images/img05.jpg') no-repeat;
}

	#footer p {
		margin: 0;
		padding-top: 45px;
		text-align: center;
		color: #8E8E8E;
	}

	#footer a {
		color: #666666;
	}

#PaymentTable td {
	padding-top: 4px;
}
/********Added Styles from choicepointdetail.css**********/
div.mvr BODY {
	FONT-FAMILY: Monospace;
	FONT-SIZE: 10pt;
}

div.mvr TABLE {
	FONT-FAMILY: Monospace;
	FONT-SIZE: 10pt;
	width: 100%;
}

	div.mvr TABLE CAPTION {
		background-color: lightgrey;
		FONT-WEIGHT: bold;
		BORDER-TOP: black 1px solid
	}

	div.mvr TABLE THEAD {
		background-color: whitesmoke;
		text-align: left;
	}

	div.mvr TABLE TH {
		border-bottom: solid 1px black;
	}

div.mvr PRE {
	margin: 0px;
}

div.mvr .ErrorMsg {
	font-weight: bold;
	color: red;
}

textarea.ui-state-focus {
	background-color: #f4ecc4;
}

@media print {
	#menu, #logo, #sidebar {
		display: none;
	}
}

.radioBtnStyle td {
	width: 80px;
	padding: 0px;
}


.rbStyle label {
	display: inline;
	background-color: white;
	font-weight: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.rbStyle input {
	border: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 16px;
}

button.AddButtonClientMerge {
	padding: 1px 6px 1px 6px;
	background-color: #48a04c;
	margin-top: 3px !important;
}

#rbTable {
	border-width: 4px !important;
	border-color: #ddd !important;
}

.rbStyle2 {
	background-color: #ddd;
	padding: 10px 4px 0px 10px;
	width: 185px;
}


.closedCountiesCheckBox {
	height: 150px;
	width: 8em;
	overflow-y: scroll;
	border: solid 1px #dddddd;
	margin-left: 3px;
}

.closedCountyListBox span select {
	width: 8.1em;
}

.closedCountiesGridScroll {
	overflow: auto
}

.closedCoversCheckBox {
	height: 40px;
	overflow-y: scroll;
	border: solid 1px #dddddd;
	margin-left: 3px;
}

.tx-text-left {
	text-align: left;
}

.tx-text-center {
	text-align: center;
}

.tx-text-right {
	text-align: right;
}

.bill-tx-text-left {
	text-align: left;
	padding-left: 3px;
}

.bill-tx-text-center {
	text-align: center;
}

.bill-tx-text-right {
	text-align: right;
	padding-right: 3px;
}

.tx-text1-right {
	padding-right: 300px;
	text-align: right;
}

.tx-text1-left {
	text-align: left;
}

.underlinebold {
	text-decoration: underline;
}

.redText {
	color: Red;
}

.billType {
	width: 6em;
}

.ILTWDropdown {
	float: right;
	width: 10em;
}