﻿#body legend {
    color: #1d497a;
    margin-bottom: 15px;
    margin-top: 10px;
    font-size: 21.6px;
    font-weight: 700;
}

#bodyTable {
    margin: 0 auto;
    width: 100%;
}

.MasterDiv {
    font: 90%/1.2em;
    font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
}

.clear {
    clear: both;
}

#tuscanoLink {
    float: left;
    margin: 8px;
}

#logo {
    float: left;
}

#head {
    margin: 0 auto;
    width: 900px;
}

#headLeft {
    float: left;
}

#headRight {
    float: right;
}


/*
#staffContainer {
    width: 900px;
    position: relative;
}

#staffListing {
    float: left;
    width: 655px;
}

    #staffListing table th {
        text-align: left;
        padding: 10px 20px 10px;
        border-bottom: 1px solid #000;
    }

    #staffListing table td {
        padding: 10px 20px 10px;
    }

    #staffListing table {
        margin-bottom: 30px;
        border-collapse: collapse;
        width: 555px;
    }

.staffTable {
    display: none;
}
*/

#phoneBox {
    width: 225px;
    position: fixed;
    margin-left: 650px;
    margin-top: 16px;
    border: 1px solid #F00;
    padding: 5px;
}

.back-btn {
    background: none;
    border: none;
    color: #1D497A;
    font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
    font-size: 14px;
    text-decoration: underline;
}

    .back-btn:hover {
        text-decoration: none;
        cursor: pointer;
    }

input[type=text],
textarea,
select,
input[type=password],
input {
    background: url("input_bg.gif") repeat-x scroll 0 0 #FFFFFF;
    border-color: #B0B0B0 #CCCCCC #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-size: 0.9em;
}

.valRequired {
    color: #E60000;
}

.upper {
    float: right;
    margin-top: 0;
}

.productInfoHeader {
    background: #FFF8E6 url(images/guis/r2u_gui/r2u_gui.gif) repeat-x;
    color: #3c4c6b;
    padding: 2px 6px;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid #8ca6c0;
    margin: 0;
}

/**********************************************************************************************************************/

/* ######################### SITE-WIDE STYLES #################### */
/* ############################################################### */

.error {
    background: #ffcccc;
}

.push, .footer {
    height: 190px;
}

form {
    height: 100%;
}

h1, h2, h3, h5 {
    color: #1d497a;
	background: none;
	padding: 4px 0;
}

H1 {
    margin-bottom: 15px;
    margin-top: 10px;
}

H2 {
    margin-bottom: 15px;
    margin-top: 10px;
}

H3 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 15px;
}

/*H4 {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
}*/

H5 {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 10px;
}


ul {
    margin: 0 0 0 16px;
    padding: 0;
}

    ul li {
        margin-top: 0;
        margin-bottom: 4px;
    }

li ul {
    margin-left: 15px;
}

ol {
    margin: 0 0 0 30px;
    padding: 0;
}

    ol li {
        margin: 10px 0;
        padding: 0;
    }

img {
    border: 0;
}

P {
    line-height: 1.4em;
    margin: 8px auto 8px 0;
}

.sub1 {
    margin-left: 60px;
}

.sub2 {
    margin-left: 100px;
}

.sub3 {
    margin-left: 140px;
}

.sub1color {
    margin-left: 60px;
    color: #000066;
}

.sub2color {
    margin-left: 100px;
    color: #000066;
}

.sub3color {
    margin-left: 140px;
    color: #000066;
}

span.new {
    color: Red;
    font-style: italic;
}

.color {
    color: #1d497a;
}

.clear {
    clear: both;
}




/*.ContentWrapper {
    margin: 0 10px;
    padding: 0;
    border: 0px solid #000;
}*/

.wntButton {
    background: url("images/buttons/button_wntCustom.gif") repeat-x scroll 0 -4px transparent;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 2px 4px;
}


/* Incremental searchbox dropdown list styles */
.completionListElement {
    visibility: hidden;
    margin: 0px!important;
    cursor: default;
    overflow: auto;
    max-height: 200px;
    list-style-type: none;
    z-index: 500;
    background-color: #fff;
    color: windowtext;
    border: #888;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    font-size: .9em;
    padding: 0px;
}

.completionListItem {
    background-color: window;
    color: windowtext;
    padding: 4px;
    background: #eee;
}

.completionListItemHighlight {
    background-color: #ffff99;
    color: black;
    padding: 4px;
}

/* ########### pageLinks for PaginatedList ########## */
.pageLinks {
    text-align: center;
    font-size: 1em;
    background: #efefef;
    padding: 5px 0;
}

    .pageLinks a {
        padding: 0 4px;
    }

        .pageLinks a.previous {
            padding-right: 15px;
        }

        .pageLinks a.next {
            padding-left: 15px;
        }

        .pageLinks a.selected {
            font-size: 1em;
            font-weight: bold;
        }


/* FIX FOR AJAX CALENDAR CONTROL */
.ajax__calendar_title {
    width: 140px;
    margin: auto;
}

/* ################################################################ */
/* ##################### RATER STYLES ############################# */
.raterNav {
    width: 600px;
    height: 30px;
    margin: 0;
    padding: 2px;
}

.raterNavTable {
    background: #dddad1;
    color: #595856;
}

    .raterNavTable td {
    }

    .raterNavTable a {
        display: block;
        line-height: 20px;
        width: 115px;
        color: #595856;
        text-align: center;
        text-decoration: none;
        font-size: 11px;
        border: 1px solid #6b685e;
    }

.NewQuote {
    background: #ced7e0;
    color: #41566e;
}

.raterNavTable a:hover {
    background: #eee;
    text-decoration: none;
}
/* END RATER PAGE NAVIGATION STYLES */


/* RATER TABLE STYLES */
table.Rater, table.QuoteTable, table.RaterRepDetails {
    border-width: 1px;
    border-color: #C7C7C7;
    border-style: solid;
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}

    table.Rater th, table.QuoteTable th {
        background-color: #C7C7C7;
        font-size: 12px;
        text-align: left;
        padding: 3px;
    }

    table.Rater td {
        padding: 6px;
    }




        /* Use ControlDock for any TDs containing Controls */
        table.Rater td.ControlDock {
            padding: 0px;
        }

.spacer {
    height: 8px;
}





/* Use RaterControl for external UserControls */
table.RaterControl {
    border-width: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    table.RaterControl th {
        background-color: #c7c7c7;
        font-weight: bold;
        font-size: 11px;
        text-align: left;
        padding: 3px;
    }

table.RaterControlItem {
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 0;
}

    table.RaterControlItem th {
        background: #ffeed7;
    }

    table.RaterControlItem td {
    }





table.QuoteTable td {
    border: 1px solid #DCDCDC;
}

table.LinedTable td {
    border: 1px solid #DCDCDC;
}


table.QuoteTable td.SectionHead {
    padding: 0px;
    margin: 1px;
    background-color: #DCDCDC;
    font-weight: bold;
    text-align: center;
}



/* RATER AGREEMENTS */
.agreement {
    margin: 15px 30px;
}

    .agreement ol {
    }

        .agreement ol li {
            margin: 10px;
        }



/* RATER HEADER - REP DETAILS */
table.RaterRepDetails {
    background: url(images/rater_images/RepDetail_BG.gif) repeat-x;
    border: 1px solid #B1CFE4;
}

    table.RaterRepDetails td {
        padding: 0 4px;
    }

div.RaterRepDetails {
    background: url(images/rater_images/RepDetail_BG.gif) repeat-x;
    border: 1px solid #fff;
}

.inputFieldError {
    background-color: #FA8072;
}
/* table style */
/*table.yui-datatable-theme*/
yui-datatable-theme {
    font-family: arial;
    font-size: small;
    border: solid 1px #7f7f7f;
}

/* the sort header link */
.yui-datatable-theme th a {
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #000;
    display: block;
}

/* header cell styles */
.yui-datatable-theme th {
    background: url(images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}

/* data data cell style */
.yui-datatable-theme td {
    padding: 4px 10px 4px 10px;
    /*border-right: solid 1px #cbcbcb;	*/
    border: 1px solid #cbcbcb;
}

/* alternating row style */
.yui-datatable-theme .alt-data-row {
    background-color: #edf5ff;
}

/* mouseover row style */
.yui-datatable-theme .row-over {
    background-color: #b2d2ff;
}

/* select row style */
.yui-datatable-theme .row-select {
    background-color: #426fd9;
    color: #fff;
}

.yui-datatable-theme .pager {
    color: #3c4c6b;
    font-weight: bold;
    background: #FAFAFA url(images/sprite.png) 0 0 repeat-x;
    height: 3em;
    border-collapse: collapse;
}

.pager td {
    white-space: nowrap;
    overflow: hidden;
    padding: 0px;
    border-collapse: collapse;
}

.pager a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    padding: 4px 8px 4px 8px;
}

    .pager a:hover {
        overflow: hidden;
        white-space: nowrap;
        clear: both;
    }

.pager span {
    display: block;
    padding: 4px 8px 4px 8px;
    background: #b2d2ff url(images/sprite.png) 100% 0 repeat-x;
}

.premiumCellBg {
    background-color: #E9E9E9;
}

.premiumCellTitle {
    background-color: #FAFAFA;
    font-weight: normal;
}

.premiumTotalDue {
    /*background: url(images/sprite.png) repeat-x 0px 0px;*/
    background: #eff4f8;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    font-weight: bold;
    color: #1C5BA1;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom;
}
/*~~~~~~~~~~~~~~~~~~~~~~~Custom GridView Progress indicator~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.YUI-progress {
    display: block;
    position: absolute;
    padding: 2px 3px;
}

.YUI-container {
    border: solid 1px #808080;
    border-width: 1px 0px;
    z-index: 2;
    text-align: left;
    width: 250px;
}

.YUI-header {
    background: url(images/sprite.png) repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;
    font-family: arial,helvetica,clean,sans-serif;
}

.YUI-body {
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    /*padding: 10px;*/
}
/*~~~~~~~~~~~~~~~~End of custom Custom GridView Progress indicator~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.Rater2 {
    margin: 0 auto;
    border-collapse: collapse;
}

    table.Rater2 td {
        padding: 3px;
    }

.printDocument {
    border-color: #ffffff;
    border-style: ridge;
    border-width: 2px;
    padding: 2px 8px 3px 8px;
    background: url(images/buttons/button_wntCustom.gif) 0 -4px repeat-x;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    clear: both;
    text-align: center;
    letter-spacing: 2px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*									Online Submission										 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.BoatSideBar {
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    vertical-align: top;
    border-left: 1px solid #C7C7C7;
    border-bottom: 1px solid #C7C7C7;
    border-top: 1px solid #C7C7C7;
}

.SideBar {
    width: 200px;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    vertical-align: top;
    border-left: 1px solid #C7C7C7;
    border-bottom: 1px solid #C7C7C7;
}


/*
    .SideBar table {
        width: 200px;
        border-collapse: collapse;
        border-bottom: 1px solid #C7C7C7;
        background: #FFFFFF url(images/pl_home/photo_bg.jpg);
    }

    .SideBar td {
        border-collapse: collapse;
        border-bottom: 1px solid #C7C7C7;
    }

    .SideBar a {
        width: 200px;
        display: block;
        text-decoration: none;
        margin-left: 0;
    }

    .SideBar td a:active {
        color: green;
        font-weight: bold;
    }

    .SideBar a:hover {
        background: #FAFAFA;
    }
*/



/*```````````````Navigation button```````````````*/
.Navigation {
    background: #F5F5F5 url(images/News_Header_BG.gif) repeat-x 0 100%;
    text-align: right;
    padding: 5px;
}

    .Navigation table {
        width: 100%;
        /*border-top: 1px solid #C7C7C7; 
	border-left: 1px solid #C7C7C7; */
        border-collapse: collapse;
    }

    .Navigation td {
        text-align: center;
    }


/*`````````````````````Wizard content````````````````````````*/

.wzContent {
    background: #FFFFFF;
    border-collapse: collapse;
    border: 1px solid #C7C7C7;
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 2em;
}

.tblDataEntry {
    border-left: 1px solid #909090;
    border-bottom: 1px solid #909090;
    border-right: 1px solid #909090;
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    font-size: 12px;
}

.tblDataEntry span{
        font-size: 14px;
    }

.tblDataEntry label{
    padding-right: 8px;
}


.wzContent .inputForm {
    width: 100%;
    border-collapse: collapse;
    border-style: none;
    background: #FFFFFF url(images/graybg.gif) 100% 0;
    border-right: 1px solid #C7C7C7;
    font-size: 12px;
}

.inputForm .divRow {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    overflow: hidden;
}

.divRow .leftCol {
    float: left;
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 5px;
}

.divRow .rightCol {
    float: left;
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
}

.dataEntrySubtable {
    width: 300px;
}
    .dataEntrySubtable td {
        width: 150px;
    }
    .dataEntrySubtable label{
    display:inline-block;
    height:19px;
    margin-left:3px;
    margin-bottom: 5px;
    vertical-align:middle;
}


.submissionHeader {
    padding: 6px 5px;
    text-align: left;
    background: #FFFFFF url(images/News_Header_BG.gif) repeat-x 0 0;
    font-weight: bold;
    color: #191970;
    border: 1px solid #C7C7C7;
}

.optional {
    background: #F8F8FF;
}

/*View submission details*/

.photoFrame {
    margin: 0;
    padding: 5px;
}

    .photoFrame .topLeft {
        background: #FFFFFF url(images/grayTopBox.gif) no-repeat;
        height: 14px;
    }

    .photoFrame .topRight {
        height: 14px;
        margin-left: 10px;
        background: #FFFFFF url(images/grayTopBox.gif) 100% 0 no-repeat;
    }

    .photoFrame .centerLeft {
        background: #FFFFFF url(images/grayMiddleBox.gif) repeat-y;
    }

    .photoFrame .centerRight {
        margin-left: 10px;
        padding-right: 10px;
        background: #FFFFFF url(images/grayMiddleBox.gif) 100% 0 repeat-y;
    }

    .photoFrame .bottomLeft {
        background: #FFFFFF url(images/grayBottomBox.gif) no-repeat;
        height: 12px;
    }

    .photoFrame .bottomRight {
        margin-left: 10px;
        padding-right: 10px;
        height: 12px;
        background: #FFFFFF url(images/grayBottomBox.gif) 100% 0 no-repeat;
    }

.aRaterNameClass {
    font-size: 12px;
    font-family: Verdana;
}

.infoSummary {
    width: 100%;
    padding: 0;
    margin: 0;
    /*background: #c7c7c7;*/
}

    .infoSummary table {
        border: 1px solid #909090;
        border-collapse: collapse;
        width: 100%;
    }

    .infoSummary td, .infoSummary th {
        border: 1px solid #909090;
        border-collapse: collapse;
    }

    .infoSummary .summaryHeader {
        font-size: 14px;
        text-align: left;
    }

    .infoSummary .ckSelection {
        border-style: none;
        border: 0px solid #ffffff;
        width: 100%;
    }

        .infoSummary .ckSelection table {
            border-style: none;
            border: 0px solid #ffffff;
            width: 100%;
        }

        .infoSummary .ckSelection td {
            border-style: none;
            border: 0px solid #ffffff;
            padding: 0;
            margin: 0;
        }

        .infoSummary .ckSelection img {
            border: 2px solid red;
        }

    .infoSummary .boldText {
        font-weight: bold;
        text-align: center;
    }

    .infoSummary .boldTextLeft {
        font-weight: bold;
        text-align: left;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*									Submission Details  								     */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.dwelling {
    padding: 0;
    margin: 0;
    background: #FFFFFF;
}

.subHeader {
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
}

.dwellingBoxInfo {
    width: 410px;
    height: 290px;
    float: left;
    border: 1px solid #C6C6C6;
    padding: 3px;
}

.dwellingUpdateBox {
    border: 1px solid #C6C6C6;
    height: 300px;
    padding: 3px;
    width: 410px;
    float: left;
    margin-top: -1px;
}

.dwellingCoverageBox {
    border: 1px solid #C6C6C6;
    height: 350px;
    padding: 3px;
    width: 410px;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
}

.dwelling .dwellingText {
    width: 220px;
    float: left;
}

.dwelling .dwellingAnswer {
    width: 180px;
    float: left;
    /*border: 1px solid red;*/
}

.underwriting {
    padding: 0;
    margin: 0;
    background: #FFFFFF;
    width: 860px;
}

    .underwriting .question {
        width: 800px;
        float: left;
        padding: 3px;
        margin-top: -1px;
        border: 1px solid #c7c7c7;
    }

    .underwriting .answer {
        width: 45px;
        margin-left: -1px;
        margin-top: -1px;
        float: left;
        padding: 3px;
        border: 1px solid #c7c7c7;
        text-align: center;
        overflow: hidden;
    }

.basicInfo {
    padding: 0;
    margin: 0;
    background: #FFFFFF;
}

    .basicInfo .agencyInfo {
        width: 250px;
        height: 160px;
        float: left;
        padding: 3px;
        border: 1px solid #C6C6C6;
    }

    .basicInfo .insuredInfo {
        width: 250px;
        height: 160px;
        float: left;
        padding: 3px;
        margin-left: -1px;
        border: 1px solid #C6C6C6;
    }

    .basicInfo .dwellingBasicInfo {
        width: 350px;
        height: 160px;
        float: left;
        padding: 3px;
        margin-left: -1px;
        border: 1px solid #C6C6C6;
    }

.dwellingBasicInfo .basicInfoText {
    width: 100px;
    float: left;
    border: 1px solit red;
}

.dwellingBasicInfo .basicInfoAnswer {
    width: 225px;
    float: left;
}

.sectionHeader {
    width: 875px;
    padding: 3px 4px;
    font-weight: bold;
    background-color: #F5F5F5;
}

.inforBox {
    width: 875px;
    border: 1px solid #F5F5F5;
    padding: 3px;
}

.invisible {
    /*display: none;*/
    visibility: hidden;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*									End of Online Submission							     */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*									Vacant Rater										     */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.quotePremiums {
    margin: 0;
    padding: 1px;
}

    .quotePremiums .premiumCategoryHeader {
        width: 100%;
        border: 1px solid #fff;
        background: #fff url(images/rater_images/box_background_2.gif) repeat-x top left;
        margin-bottom: 3px;
        margin-top: 3px;
    }

    .quotePremiums .premiumCategoryHeaderContent {
        width: 100%;
        display: block;
        overflow: hidden;
        margin: 0 0 4px 0;
        font-size: 12px;
        font-weight: bold;
        /*border-bottom: 1px solid #F5F5F5;*/
    }

.premiumCategoryHeader .headerSpacer {
    width: 27%;
    float: left;
    text-align: right;
    padding-right: 20px;
}

.premiumCategoryHeader .headerLeftColumn {
    width: 32%;
    float: left;
    display: block;
    overflow: hidden;
}

.premiumCategoryHeader .headerRightColumn {
    width: 32%;
    float: left;
    display: block;
    overflow: hidden;
}

.premiumCategory {
    width: 100%;
    border: 1px solid #C7C7C7;
    background: #fff url(images/rater_images/box_background_2.gif) repeat-x top left;
    margin-bottom: 3px;
    margin-top: 3px;
}

    .premiumCategory .header {
        font-weight: bold;
        background: #fff url(images/rater_images/sprite.png) repeat-x left -205px;
        border-bottom: 1px solid #C7C7C7;
        padding: 2px 0 4px 0;
        /*color: #1d497a;*/
    }

    .premiumCategory .content {
        width: 100%;
        display: block;
        overflow: hidden;
        margin: 0 0 7px 0;
    }

        .premiumCategory .content .leftColumn {
            width: 27%;
            float: left;
            text-align: right;
            padding-right: 20px;
        }

        .premiumCategory .content .centerColumn {
            width: 32%;
            float: left;
            display: block;
            overflow: hidden;
        }

        .premiumCategory .content .rightColumn {
            width: 32%;
            float: left;
            display: block;
            overflow: hidden;
        }

        .premiumCategory .content .minimumEarned {
            float: left;
            text-align: right;
        }

        .premiumCategory .content .withoutTria {
            width: 50%;
            float: left;
            display: block;
            overflow: hidden;
        }

        .premiumCategory .content .withTria {
            width: 45%;
            float: left;
            display: block;
            overflow: hidden;
        }

        .premiumCategory .content .withoutTria2 {
            width: 55%;
            float: left;
            display: block;
            overflow: hidden;
        }

        .premiumCategory .content .withTria2 {
            width: 35%;
            float: left;
            display: block;
            overflow: hidden;
        }

.premiumDetailed {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    font-size: 12px;
    background: #FAFAFA;
}

    .premiumDetailed th {
        background: #ffffff url(images/rater_images/sprite.png) repeat-x left -205px;
        padding: 5px;
        border-top: 1px solid #C6C6C6;
        border-bottom: 1px solid #C6C6C6;
        border-collapse: collapse;
        color: #1d497a;
    }

    .premiumDetailed td {
        text-align: right;
    }

    .premiumDetailed .premiumHeader {
        text-align: center;
        padding: 5px;
        font-weight: bold;
        text-align: -moz-center; /*for firefox*/
    }

    .premiumDetailed .title {
        color: #000;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        background: #FFFFFF url(images/rater_images/sprite.png) repeat-x left -1615px;
    }

.boxHeader {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    background: #FFFFFF url(images/rater_images/sprite.png) repeat-x left -200px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    border-bottom: 1px solid #C7C7C7;
}

.boxFooter {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    background: #FFFFFF url(images/rater_images/sprite.png) repeat-x left -1620px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 10px;
    border-top: 1px solid #C7C7C7;
}

.exclusion {
    width: 80%;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #C7C7C7;
}

    .exclusion td {
        padding: 4px;
    }

.company {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/*Math Berseth's style*/
.yui .ajax__tab_header {
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    border-bottom: solid 5px #2647a0;
}

    .yui .ajax__tab_header .ajax__tab_outer {
        background: #d8d8d8 url(images/rater_images/sprite.png) repeat-x;
        margin: 0px 0.16em 0px 0px;
        padding: 1px 0px 1px 0px;
        vertical-align: bottom;
        border: solid 1px #a3a3a3;
        border-bottom-width: 0px;
    }

    .yui .ajax__tab_header .ajax__tab_tab {
        color: green;
        padding: 0.35em 0.75em;
        margin-right: 0.01em;
    }

.yui .ajax__tab_hover .ajax__tab_outer {
    background: #bfdaff url(images/rater_images/sprite.png) repeat-x left -1300px;
}

.yui .ajax__tab_active .ajax__tab_tab {
    color: #fff;
}

.yui .ajax__tab_active .ajax__tab_outer {
    background: #2647a0 url(images/rater_images/sprite.png) repeat-x left -1400px;
}

.yui .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.25em 0.5em;
    background-color: #fff;
    border: solid 1px #808080;
    border-top-width: 0px;
}
/*End of Math Berseth's style*/

.anchorButtonStyle {
    background: url(images/buttons/button_wntCustom.gif) 0 -4px repeat-x;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 2px 4px 5px 4px;
    border-style: ridge;
    border-width: 2px;
    border-color: #fff;
}

.txtWaterMark {
    color: #C7C7C7;
    font-size: 12px;
    font-style: italic;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*									End of Vacant Rater										 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.selectedIndex {
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #c7c7c7;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*										Online Payment										 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.payment {
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 1.5em;
}

    .payment .title {
        font-size: 15px;
        font-weight: bold;
    }

    .payment .bankInfo {
        width: 100%;
    }

        .payment .bankInfo div {
            padding: 3px 0;
        }

        .payment .bankInfo .agencyName {
            font-weight: bold;
            margin-left: 0;
            font-size: 12px;
        }

    .payment .dataEntry {
        width: 100%;
    }

        .payment .dataEntry div {
            padding: 3px 0 0 0;
        }

.paymentTitle {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    background: #FAFAFA;
    border: 1px solid #C6C6C6;
    padding: 4px;
    margin-top: 5px;
}

.payment .paymentNav {
    text-align: left;
    padding: 5px;
}

.payment .dataEntry .myCalendar {
    margin: 0;
    padding: 0;
    display: block;
}

.myCalendar .ajax__calendar_header {
    /*background: #eff4f8;*/
    background: url(images/sprite.png) repeat-x 0px 0px;
    border-top: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    color: #004488;
    overflow: hidden;
}


.myCalendar .ajax__calendar_prev {
    white-space: nowrap;
    float: left;
    margin-top: -4px;
}

.myCalendar .ajax__calendar_title {
    float: left;
    margin-top: -18px;
    margin-left: 40px;
}

.myCalendar .ajax__calendar_next {
    margin-top: -10px;
    padding: 0;
    float: right;
}

.myCalendar .ajax__calendar_body {
    border: 1px solid #c6c6c6;
    background: #fafafa;
}

.myCalendar .ajax__calendar_other {
    color: #909090;
}

.myCalendar .ajax__calendar_dayname {
    font-weight: bold;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    color: #004488;
    text-align: center;
}

.myCalendar .ajax__calendar_active {
    font-weight: bold;
    color: #004488;
    border: 1px solid #c6c6c6;
}

.myCalendar .ajax__calendar_footer {
    display: none;
}

.myCalendar .ajax__calendar_container {
    z-index: 300 !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*									End of Online Payment									 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*									Online Payment       									 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.accountTitleHeader {
    /*background: url(images/sprite.png) repeat-x 0px 0px;*/
    background: #eff4f8;
    font-weight: bold;
    color: #1C5BA1;
    padding: 4px 5px 8px 5px;
    vertical-align: bottom;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*									End of Online Payment									 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~End of Thai's Style~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~HACKS TO MAKE MVC/ASPX PAGES MATCH WHILE PROJECT IS IN TRANSITION~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Styles needed to make the ASPX page header match the MVC*/
.header, .header a, .siteWideAlert {
    font-family: 'Merriweather Sans', Verdana, Geneva, 'DejaVu Sans', sans-serif;
}

    .header ul {
        margin:16px 0;
    }






/* DATA DISPLAY STYLES FOR GRIDVIEWS, REPEATERS, ANY MULTI-ROW DATA */
.grid
{
	width: 98%;
	border: 1px solid #ccc;
	margin-top: 10px;
	border-collapse: collapse;
}
.grid td 
{
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.gridHeader
{
	background: #edf3f5;
	height: 14px; 
	border-bottom: 1px solid #a39586; 
	color: #5d6f94;
	font-family: Verdana; 
	font-size: 11px; 
	font-weight: bold; 
	padding: 2px 4px;
}
.gridHeader2
{
	background: #ddd;
	height: 14px; 
	border: 1px solid #a39586; 
	color: #444;
	font-family: Verdana; 
	font-size: 11px; 
	font-weight: bold; 
	letter-spacing: 3px; 
	padding: 2px 4px;
}

.gridItem
{
	padding: 40px;
}
.gridAlternatingRow
{
	background: #fafcfe;
}
.gridPager
{
}
.gridPager td
{
	padding: 8px;
}
.gridPager td table td
{
	padding: 4px;
}
.gridPager td table td a
{
}
.gridPager td table td span
{
	color: #00ac5f;
}

.tdPageContent { vertical-align: top; }


.Proxima-Nova-Light {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 35px;
    color: #00A84F;
}

.label {
    color: black !important;
}

.longTextbox input[type=text] {
    min-width: 300px;
}