/* grid view styles*/

.ResultsgridRowStyle {
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 11px;
}

.ResultsgridHeaderStyle {
	background-color: #003087;
	color: white;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.MaxWidthCenter {
	text-align: center;
	width: 100%;
}

.HiddenButton {
	height: 0;
	VISIBILITY: hidden;
	width: 0;
}

.RequiredField {
	color: #af272f;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.RequiredFieldCell {
	/* was: vertical-align: bottom;   but causes the red asterisk to drop to the baseline, which is weird */
	width: 8px;
}

.LabelCell {
	width: 125px;
}

.InputCell {
	text-align: left;
	width: 290px;
}

.login {
	background-color: #f5f1e7;
	border-color: Black;
	border-spacing: 0;
	border-style: ridge;
	border-width: 2px;
	cursor: default;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.login label {
	padding-right: 3px;
}

.hiddenFooter {
	color: #54585a;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 7.5pt;
	line-height: 15px;
	text-align: center;
}

.hiddenPrintDisplayPanel {
	vertical-align: top;
}

.hiddenDisplayPanel {
	display: none;
}

.PrintDisplayPanel {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;
	vertical-align: top;
}

.ResultsHeader {
	background-color: #003087;
	color: white;
	font-family: arial, Tahoma, Trebuchet MS, helvetica, georgia, times, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.gridAltRowStyle {
    background-color: #ffffff;
    cursor: pointer;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
}

.gridRowStyle {
    background-color: #b2b4b2;
    cursor: pointer;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
}

.gridFooterStyle {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
}

.buttonInGrid, td.buttonInGrid input {
	background-color: black;
	border-style: outset;
	border-width: thin;
	color: white;
	font-size: 11px;
}

/* the table cell behind the button */
td.buttonInGrid {
	background-color: inherit;
}

.button, .buttonFloat {
	border: 0;
	background: black; /*#002855; */
	/* ReSharper disable once CssBrowserCompatibility */
	border-radius: 2px;
	color: white;
	-webkit-transition-duration: 0.2s; /* Safari */
	/* ReSharper disable once CssBrowserCompatibility */
	transition-duration: 0.2s;
	cursor: pointer;
}

.button:hover, .buttonInGrid input:hover, .buttonFloat:hover,
.button:focus, .buttonInGrid input:focus, .buttonFloat:focus {
	background-color: #003087; /* too subtle #002855; too much #7f7f7f */
}

/* having trouble with IE, it works so long as it's not combined with others that IE doesn't understand. */
.button:disabled,
.buttonFloat:disabled {
	background-color: #7f7f7f;  /* ezjacket uses: gray; */
}

/* do not combine with those above, IE will stop working. */
.button[disabled=disabled],
.buttonFloat[disabled=disabled] {
	background-color: #7f7f7f;  /* ezjacket uses: gray; */
}

.textBoxInGrid,
td.textBoxInGrid input {
    font-family: Tahoma, sans-serif;
	font-size: 11px;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 0;
	padding-bottom: 1px;
}

tr.gridRowStyle td select.dropdown,
tr.gridAltRowStyle td select.dropdown {
	margin-left: 2px;
	text-transform: uppercase;
}

td .labelInGrid {
    font-family: Tahoma, sans-serif;
	font-size: 11px;
	padding-left: 2px;
}

.AgentgridHeaderStyle {
	background-color: #003087;
	color: white;
	cursor: pointer;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.gridHeaderStyle {
	background-color: #003087;
	color: white;
	cursor: pointer;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.endGrid {
	/* was: 397px; narrow gutter  403px;  also defined in the RateCalc.aspx div that contains CssClass="endGrid" */
	Width: 392px;
}

.endGridHeaderStyle {
	background-color: #003087;
	color: white;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	/* font-size: removal works in FireFox, not Chrome */
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.endRowStyle {
	background-color: silver;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	Font-Size: 10px;
}

.endAlterRowStyle {
	background-color: White;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	Font-Size: 10px;
}

.endColumnNoShow {
	width: 0;
}

.endColumnSmall {
	width: 50px;
}

.inLineDiv {
	display: inline;
}

.button {
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
}

#header {
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	top: 15px;
}

.dropdown {
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 10px;
	position: inherit;
}

.errorMsg {
	color: #af272f;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.hidden {
	display: none;
}

.hyperlink {
	color: #1164ff;
	cursor: pointer;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

.headerArea {
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10%;
	padding-top: 5px;
}

#headerdescArea {
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}

#userinfoArea {
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}

#messageArea {
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
	text-align: left;
}

.largelabel {
	color: #000000;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.headerlabel {
	color: White;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding-left: 25px;
	padding-right: 20px;
	width: 500px;
}

.hiddenDivheader {
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	width: 960px;
	margin: 0 auto;
}

.hiddenDivheader .headerlabel {
	padding-right: 12px;
	text-align: right;
}

.hiddenDivheaderPublic {
	width: 500px;
}

.label {
	color: #000000;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.labelError {
	color: #af272f;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.lookupListBox {
	font-family: Arial, Tahoma, Times New Roman, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}

.searchlink {
	color: #1164ff;
	cursor: pointer;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

.boldlink {
	color: #1164ff;
	cursor: pointer;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.modalDivBg {
	background-color: Gray;
	-webkit-filter: alpha(opacity=60);
	-moz-filter: alpha(opacity=60);
	-o-filter: alpha(opacity=60);
	/* ReSharper disable once CssBrowserCompatibility */
	filter: alpha(opacity=60);
	-ms-opacity: 0.7;
	/* ReSharper disable once CssBrowserCompatibility */
	opacity: 0.7;
}

.messageStyle {
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 40px;
	text-align: center;
}

.modalPopup {
	background-color: #f5f1e7;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-right-color: #000000;
	border-style: solid;
	border-top-color: #000000;
	border-width: 3px;
	cursor: default;
	padding-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

.loginTitle {
	background-color: #f5f1e7;
	border-width: 0;
	color: Black;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}

.modalPopupHeader {
	background-color: #003087;
	color: #ffffff;
	cursor: pointer;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-top: 2px;
	text-align: left;
	vertical-align: middle;
}

.textbox150 {
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 11px;
	width: 150px;
}

.textbox {
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 11px;
	width: 70px;
}

.divDiscounts {
	height: 356px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	text-align: left;
	width: 490px;
}

.divClosingDisclosure {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	text-align: left;
}

/* Master Page Styles */

#headerpane {
	background: no-repeat center top url(../images/bg_masthead.gif);
	height: 95px;
	padding: 0;
	text-align: left;
}

/* leftpane       does not exist in RateCalculator, which explains menu.gif not existing. */
/* bottomleftpane does not exist in RateCalculator, which explains menu.gif not existing. */

#headertextArea {
	float: left;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 32px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 35px;
	position: relative;
	vertical-align: middle;
}

.ListSearchExtenderPrompt {
	background-color: white;
	border: none 0 Transparent;
	color: Gray;
	font-family: Tahoma, Trebuchet MS, helvetica, arial, georgia, times, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.validatorCalloutHighlight {
	background-color: #fffacd;
}

/* Rate Calculator specific, really belongs in a separate CSS file */

/* manage the width of dropdowns with very wide content width: 280px left no gutter, 270 too much, 275? */
.InputTable select {
	width: 270px;
	overflow: hidden;
	white-space: pre;
	/* ReSharper disable once CssBrowserCompatibility */
	text-overflow: ellipsis;
	/* this causes Chrome to NOT show the right hand down arrow on collapsed dropdowns 
	-webkit-appearance: none; */
}
.InputTable select option {
	border: solid 1px #fefefe;
}

/* provide the gutter between inputs and the calculated results */
[id$=dataentryHeader] {
	padding-left: 3px;
	margin-right: 7px;
}

.textBoxInGrid,
td.textBoxInGrid input {
    font-family: Tahoma, sans-serif;
	font-size: 11px;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 0;
	padding-bottom: 1px;
}

/* was 600px in EzJacket dropped entirely, 400 still too wide for RC */
#CplChargesTotalAreaZero table,
#CplChargesArea,
#CplChargesAreaGridView,
#CplChargesTotalArea {
	width: 300px;
}

/* 200px works */
.InputTable select.dropdownInGrid {
	width: 150px;
}

#CplChargesTotalArea,
[id$=CplChargesTotalArea] {
	display: none;
	visibility: hidden;
}

.phonelink {
	color: #1164ff;
	cursor: default;
	font-family: MuseoSans_500, Trebuchet MS, helvetica, arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

/* turn off the phone number link except on phones */
@media not handheld and (min-width: 800px) {
	.phonelink {
		pointer-events: none;
	}
}

.label-note {
	color: #1164ff;
}

.label-note-cplCharge {
	width: 337px;
	position: relative;
	left: 5px;
	line-height: 90%;
}