/*
 * Styles used on HO/FO and Auto quote/app.
 */

/* <a href> */
.commandLink {
}

/* specific button <input type=submit> */
.copyButton {
        background: #6587DC;
        color: white;
        text-align: center;
        font-weight: bold;
        font-size: medium;
        border: 1px;
}

/* <input type=submit> */
.core-button {
        font: 11px arial,helvetica, sans-serif;
        font-weight: bold;
        letter-spacing: 1;
        color:black;
        cursor: pointer;
        cursor: hand;
        background-image : url("../images/button/brown.gif");
        background-color : White;
}

.columnClassCenter {
        background-color: window;
        align: center;
        text-align: center;
}
.columnClass1 {
        background-color: window;
}

.columnClass2 {
        background-color: ThreeDFace;
}

.columnClassTop {
        vertical-align: top;
}

.columnClassLeft {
        text-align: left;
}

.columnClassRight {
        text-align: right;
}

/* jsf data table */
.dataTable {
}

/* divider for tables (non-jsf) */
td.divider {
        background: #6487DC;
        color: white;
        text-align: center;
        font-weight: bold;
}

/* errors */
.errors { 
        color: red;
}

/* jsf dataTable footer class */
.footerClass {
        background-color: ThreeDFace;
        color: WindowText;
        border-width: 0px;
        border-style: none;
        padding:0px;
        padding-left:4pt;
        padding-right:4pt;
        font-weight: 400;
}

/* <form> */
.form {
}

/* header <span class="header"> or jsf class */
.header {
        font-weight: bold;
}

/* jsf dataTable headers */
.headerClass {
        background-color: ThreeDFace;
        color: WindowText;
        border-width: 1px;
        border-style: solid;
        border-color: ThreeDShadow;
        margin:2px;
        padding:0px;
        padding-left:4pt;
        padding-right:4pt;
        padding-bottom:2px;
        font-weight: bold;
        font-size: 75%;
}

/* used by the pageHeader tag for the centered page title */
.headerPageTitle {
        color: #000000;
        font-family: Tahoma;
        font-size: 2em;
}


/* jsf input fields */
.inputText,.outputText {
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        }
.rightAlignInput{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
		text-align:right
		}

/* this one needs to be a little wider than default */
.inputTextVin {
		font-family: Arial, Helvetica, sans-serif;
		color: black;
		width: 215px;
		}

/* jsf input textarea */
.inputTextarea {
       font-family: Arial, Helvetica, sans-serif;
}

.inputTextarea3 {
       font-family: Arial, Helvetica, sans-serif;
}

/* messages (similar to errors) */
.messages {
}

/* jsf label, similar to outputText */
.outputLabel {
        color: #000000;
        font-weight: bold;
        }

.outputLabel1 {
        color: #000000;
        font-weight: bold;
        }

.boxtext {
        background-color: #dde3ff;
        BORDER-BOTTOM: thin ridge;
        BORDER-LEFT: thin ridge;
        BORDER-RIGHT: thin ridge;
        BORDER-TOP: thin ridge;
        font-weight: bold;
        /* font-size: 10pt; */
        text-align: right;
}

/* jsf output field (non-editable) */
.outputText {
        color: black;
        }

/* jsf output field (non-editable) */
.outputText2 {
        color: black;
        }

/* jsf output field (non-editable) */
.outputText3 {
        color: black;
        }

/* jsf output field (non-editable) */
.outputText4 {
        color: black;
        }

/* jsf divider */
.outputDivider {
        font-weight: bold;
        color: white;
        }

/* jsf panel for holding buttons */
.panelButtons {
        text-align: right;
        margin-left: 80%;
        margin-right: 0;
}

.panelButtonsSearch {
}

/* jsf panel (rendered as <table>) */
.panelGrid {
}

/* jsf panel header */
.panelGridhead {
        background-color: #6487DC;
        text-align: center;
}


/* jsf output */
.printText {
        border:1px;
        border-style:none;
        border-color:windowframe;
        font-family: sans-serif;
        font-decoration: none;
        color: black;
}

/* like errors, but this one is red */
.redMessage {
        color: red;
}

/* like divider and output divider */
.sectionhead {
        border:1px;
        border-style:none;
        border-color:windowframe;
        font-family: sans-serif;
        font-weight: bold;
        font-decoration: none;
        color: white;
        text-align: center;
}

/* used for the number identifying an underwriting question */
.underwritingQuestionNumber {
        color: black;
        text-align: center;
}

/* like messages and redMessage */
.warning {
        color: red;
}


.rowClass1 {
        background-color: window;
}

.rowClass2 {
        background-color: ThreeDFace;
}

.pagerDeluxe {
        background-color: ThreeDFace;
        border-color: ThreeDFace;
        border-width: 1px;
        border-style: solid;
}

.pagerDeluxe TD {
        padding: 0px;
        margin: 0px;
        border-width: 1px;
        border-color: ThreeDShadow;
        border-style: solid;
        background-color: transparent;
}

.pagerDeluxe_button {
        padding: 0px;
        margin: 0px;
        width:  22px; 
        height: 19px; 
        background-color: ThreeDFace;
        border-style: solid;
        border-width: 1px; 
        border-color: Window; 
        font-size: 0px;
}

.pagerDeluxe_text {
        vertical-align: middle;
        text-align: center;
        padding: 0px;
        padding-left:  8px;
        padding-right: 8px;
        margin: 0px;
        background-color: ThreeDFace;
        border-width: 0px; 
        border-style: solid;
        border-color: ThreeDFace;
        font-size: 12px;
        color: windowtext;
}

.pagerDeluxe_button_twistie {
        color:  windowtext;
        border-color: windowtext; 
        list-style-type: none;
}

body    {
        font-family: Arial, sans-serif;
        font-size: small;
        /* background-image: url(../images/background1.gif); */
        margin: auto;
        background-color: #f0f0f0;
        padding-bottom: 25px;
}
        
.oddRow {
        background-color: #d3d3d3; /* light gray */
        FONT: "Arial", sans-serif;
        FONT-STYLE: normal;
        FONT-WEIGHT: normal;
        TEXT-DECORATION: none;
        TEXT-ALIGN: left;
        BORDER-STYLE: none;
}

/*.oddRow {
        background-color: #d3d3d3;
}

.evenRow {
        background-color: #b0c4de;
}*/

.evenRow {
        background-color: window;
        FONT: "Arial", sans-serif;
        FONT-STYLE: normal;
        FONT-WEIGHT: normal;
        TEXT-DECORATION: none;
        TEXT-ALIGN: left;
        BORDER-STYLE: none;
}



.pageheaderstyle {
        width: 100%;
        background-color: #e3e3e3;
        border-top: 2px #003399 solid;
        border-right: 2px #003399 solid;
        border-bottom: 2px #003399 solid;
        border-left: 2px #003399 solid;
}

.agentName {
        font-weight: bold;
}

.agentName2 {
        font-weight: bold;
}

.agencyInfo {
        border-top:    2px #6487DC solid;
        border-right:  2px #6487DC solid;
        border-bottom: 2px #6487DC solid;
        border-left:   2px #6487DC solid;

}

.ratingPageHeader {
        font-family: Tahoma;
        font-size: 2em;
}