/*
*****************************************************************
	Table of Contents
	
	1. Global Rules
	2. Outer Shadow Rules
	3. Content Rules 
	4. Right Column Rules 
	5. Footer Rules 
	6. Tabs Rules 
	7. Modal Window Rules 
	8. Button Rules 
	9. Utility Rules 
	
******************************************************************
*/


/* 
******************************************************************
	1. Global Rules 
******************************************************************
*/
html {
    height: 100%;
}

body {
    min-height: 100%;
    background: #d9d9d9;
    margin: 0;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: auto;
        min-width:250px;
        background-color: #f4f4f4;
        color: black;
        text-align: left;
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
        font-family: sans-serif;
        border-radius: 6px;
        padding: 5px 5px;
        position: absolute;
        z-index: 999999;
        top: 150%;
        left: 50%;
        margin-left: -60px;
        /*box-shadow: 2px 2px grey;*/
        border: 1px solid #948E8E;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            /*border-width: 5px;
            border-style: solid;*/
            /*border-color: transparent transparent #f4f4f4 transparent;*/
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

div#divRFCHelpBubble ul li {
    list-style-type: disc;
    list-style-position: inside;
}

div#divRFCHelpBubble ol li {
    list-style-type: decimal;
    list-style-position: inside;
}
div#divRFCHelpBubble table tr td {
   border:2px solid;
}
#centerPage {
    min-height: 100%;
    display: block;
    padding: 0 15px;
    overflow: visible;
}

#pageWrapper {
    position: relative;
    width: 100%;
    min-width: 954px;
    width: 954px; /*-- this is for fixed width apps*/
    padding: 83px 0 25px;
}

#logo {
    position: absolute;
    top: 19px;
    left: 18px;
    z-index: 1000;
}

    #logo img {
        width: 288px;
        height: 55px;
        background: url(../images/logo.png) no-repeat;
    }

#logoPrint {
    display: none;
}

#ticker {
    padding: 13px 3px 0 1px;
}

#pageShadowTop {
    width: 100%;
}

#pageTable {
    width: 100%;
    text-align: left;
}

#header {
    position: relative;
    height: 90px;
    background: url(../images/header-app.gif) repeat-x;
}

    #header.flash {
        background: url(../images/main-wood.jpg) center top;
    }

        #header.flash #flashMovie {
            width: 934px;
            height: 426px;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 1;
        }

#headerCornerLeft, #headerCornerRight {
    width: 7px;
    height: 7px;
    background: url(../images/header-corner-left.png) left top no-repeat;
    float: left;
}

#headerCornerRight {
    background: url(../images/header-corner-right.png) left top no-repeat;
    float: right;
}

#title #header {
    background: url(../images/main-int2.jpg) center top no-repeat;
}

#header #badging {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 53px;
    width: 182px;
    background: url(../images/logo-fee-calculator.png) no-repeat;
}

    #header #badging img {
        height: 53px;
        width: 182px;
    }

#fahomebuilder #header {
    background: url(/fahomebuilder/images/main-int.jpg) center top no-repeat;
}

#headerLeft, #headerLeft img, #headerRight, #headerRight img {
    width: 10px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
}

#header #headertext {
    position: absolute;
    top: 20px;
    right: 80px;
    width: 400px;
    font-weight: bolder;
}

#header #FirstAmericanTitleAgent_Message {
    position: relative;
    top: 60px;
    right: 30px;
    width: 400px;
    margin-left: 50px;
    font-weight: bolder;
    color: #FFFFFF;
    font-size: 13px;
}

#contentWrapper {
    border-top: 1px solid #fafafa;
    /*width: 934px; -- this is for fixed width apps*/
    width: 100%;
}

td, th {
    vertical-align: top;
}

.hr {
    display: block;
    height: 0px;
    border: 0px none;
    border-bottom: 1px solid #cccccc;
    margin: 5px 0px 17px;
    overflow: hidden;
    clear: both;
}

    .hr.sm {
        margin: 5px 0px;
    }

    .hr.lt {
        border-bottom: 1px solid #e1e1e1;
    }

    .hr.blue {
        border-bottom: 1px solid #b6c5d2;
    }

/* Global Fonts */
body, p, td, input {
    font-family: Arial, Helvetica, sans-serif;
    color: #464646;
    font-size: 12px;
}

#content {
    line-height: 17px;
}

h1 {
    color: #013a6f;
    font-size: 30px;
    line-height: 32px;
    font-style: italic;
    font-weight: bold;
    padding-bottom: 30px;
}

    h1.sub {
        font-weight: normal;
        padding-bottom: 11px;
    }

h2 {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 15px;
}

h3 {
    position: relative;
    color: #464646;
    font-size: 14px;
    font-weight: bold;
}

h4 {
    color: #013a6f;
    font-size: 16px;
    font-weight: bold;
}

h5 {
    color: #013a6f;
    font-size: 12px;
    font-weight: bold;
}

h6 {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    font-style: normal;
    font-weight: 500;
    padding-bottom: 10px;
}

strong {
    font-weight: bold;
}

p {
    padding-bottom: 12px;
}

    p.leadIn {
        font-size: 16px;
        line-height: 20px;
    }

    p.first {
        font-size: 13px;
        line-height: 18px;
    }

.print {
    display: none;
}

.note {
    color: #959595;
    font-weight: normal;
}

#contentTable input {
    height: 16px;
    font-size: 12px;
    padding: 3px;
    border: 1px solid #cccccc;
}


.CalculationOptionList {
    border-style: none !important;
    width: 20px !important;
    height: 13px !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: bottom !important;
    position: relative !important;
    top: -1px !important;
    *overflow: hidden !important;
}

.checkboxLabel {
    display: block !important;
    padding-left: 15px !important;
    text-indent: -15px !important;
}

/* 
******************************************************************
	2. Outer Shadow Rules 
******************************************************************
*/
#shadowTop {
    /*width: 954px; -- This is for fixed width apps */
    width: 100%;
    height: 10px;
    background: url(../images/shadow-t.png) repeat-x;
}

#shadowTopLeft, #shadowTopRight, #shadowTopLeft img, #shadowTopRight img {
    width: 10px;
    height: 10px;
}

    #shadowTopLeft img {
        background: url(../images/shadow-tl.png) no-repeat;
    }

    #shadowTopRight img {
        background: url(../images/shadow-tr.png) no-repeat;
    }

#shadowTopLeftInner, #shadowTopRightInner, #shadowTopLeftInner img, #shadowTopRightInner img {
    width: 15px;
    height: 10px;
}

    #shadowTopLeftInner img {
        background: url(../images/shadow-tl-inner.png) no-repeat;
    }

    #shadowTopRightInner img {
        background: url(../images/shadow-tr-inner.png) no-repeat;
    }

#shadowTopLeft2, #shadowTopRight2 {
    width: 10px;
    height: 11px;
    min-height: 11px;
    max-height: 11px;
}

    #shadowTopLeft2 img, #shadowTopRight2 img {
        width: 10px;
        height: 11px;
        min-height: 11px;
        max-height: 11px;
    }

    #shadowTopLeft2 img {
        background: url(../images/shadow-tl2.png) no-repeat;
    }

    #shadowTopRight2 img {
        background: url(../images/shadow-tr2.png) no-repeat;
    }

.shadowLeft, .shadowLeft img, .shadowRight, .shadowRight img {
    width: 10px;
}

.shadowLeft {
    background: url(../images/shadow-l.png) repeat-y;
}

.shadowRight {
    background: url(../images/shadow-r.png) repeat-y;
}

#shadowBotLeft, #shadowBotRight, #shadowBotLeft img, #shadowBotRight img {
    width: 25px;
    height: 21px;
}

    #shadowBotLeft img {
        background: url(../images/footer-l.png) no-repeat;
    }

#shadowBot {
    width: 100%;
    height: 21px;
}

#shadowBotTop {
    height: 11px;
    width: 100%;
    background-color: #797979;
    overflow: hidden;
}

#shadowBotBot {
    height: 10px;
    width: 100%;
    overflow: hidden;
    background: url(../images/footer-b.png) repeat-x;
}

#shadowBotRight img {
    background: url(../images/footer-r.png) no-repeat;
}

/* 
******************************************************************
	3. Content Rules 
******************************************************************
*/
#contentWrapper .content {
    width: 100%;
    padding: 25px 20px 0px;
}

#leftCol {
    padding: 4px 0 0 20px;
    vertical-align: top;
}

#contentTable {
    background: #f3f3f3;
}

#breadcrumb { /* dark slashes only for the top breadcrumb */
    color: #464646;
}

    #breadcrumb .blue { /* dark slashes only for the top breadcrumb */
        color: #013A6F;
        border: none;
    }

.breadcrumb {
    font-size: 10px;
    line-height: 17px;
    color: #acacac;
    padding-bottom: 13px;
    margin-left: -2px; /* to offset the padding below */
}

    .breadcrumb .blue {
        color: #809cb7;
    }

#footer .breadcrumb .blue, #footer .breadcrumb .blue a, #footer .breadcrumb .blue a:link, #footer .breadcrumb .blue a:visited {
    color: #cccccc;
    border: none;
}

.breadcrumb a, .breadcrumb a:visited, .breadcrumb span, #footer .breadcrumb a, #footer .breadcrumb a:visited {
    color: #acacac;
    text-decoration: none;
    font-weight: normal;
    padding: 0 2px;
}

.breadcrumb .blue span, .breadcrumb .blue a, .breadcrumb .blue a, .breadcrumb .blue a:visited {
    color: #809cb7;
}

.breadcrumb a:hover, #footer .breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb.over, .breadcrumb.over a, .breadcrumb.over a:visited, .breadcrumb.over span, #footer .breadcrumb.over a, #footer .breadcrumb.over a:visited {
    color: #464646;
}

    .breadcrumb.over .blue, .breadcrumb.over .blue a, .breadcrumb.over .blue a:visited, .breadcrumb.over .blue span, #footer .breadcrumb.over .blue a, #footer .breadcrumb.over .blue a:visited {
        color: #013A6F;
    }

#content #breadcrumb.over, .content #breadcrumb.over {
    background: none;
}

.breadcrumb span {
    padding-left: 2px;
}

#content {
    width: 100%;
    min-height: 200px;
    padding: 0px 20px 70px 20px;
    vertical-align: top;
}

    #content ul {
        padding: 2px 0 2px;
    }

    #content li {
        padding: 0 0 10px 10px;
        background: url(../images/sprite-bullets.gif) 0px -74px no-repeat;
    }

    #content ul ul {
        padding: 0 0 0 20px;
    }

#col1, #col2 {
    width: 254px;
    padding-top: 100px;
    float: left;
    overflow: hidden;
}

#col1 {
    padding-right: 49px;
    clear: left;
}

    #col1 h2, #col2 h2 {
        color: #FFFFFF;
        font-size: 20px;
        font-style: italic;
        padding: 0 0 20px 7px;
    }

    #col1 li, #col2 li {
        color: #013a6f;
        font-weight: bold;
        line-height: 13px;
        padding: 0 0 10px 7px;
        background: url(../images/sprite-bullets.gif) 0px -37px no-repeat;
    }

        #col1 li a, #col2 li a {
            text-decoration: none;
        }

            #col1 li a:hover, #col2 li a:hover {
                text-decoration: underline;
            }

        #col1 li span, #col2 li span {
            font-size: 16px;
            font-weight: normal;
        }

.subCol {
    width: 160px;
    float: left;
}

.subCol2 {
    width: 240px;
    float: left;
}

#content .closed, #content .opened, #content .link {
    cursor: pointer;
    padding: 12px 0 8px 7px;
    margin-top: -12px;
}

    #content .closed h3, #content .opened h3, #content .link h3 a {
        color: #013a6f;
        text-decoration: none;
    }

#content .opened {
    padding: 12px 0 0px 7px;
}

#content .closed.over {
    background: #DAE0E6;
}

#content #at.over { /* IE6 did not respect the overridden style using a class */
    background: none;
}

.detail .subCol {
    width: 130px;
}

a {
    color: #013a6f;
}

    a:hover {
        text-decoration: none;
    }




/* Photos w/ Shadows */
.photo {
    padding: 0 10px 0 3px;
}

div.photo {
    padding: 0 0 0 3px;
}

.photo .tl, .photo .tl img, .photo .tr, .photo .tr img, .photo .bl, .photo .bl img, .photo .br, .photo .br img {
    width: 8px;
    height: 8px;
}

.photo .tl {
    background: url(../images/img-shadow-tl.png);
}

.photo .t {
    background: url(../images/img-shadow-t.png);
}

.photo .tr {
    background: url(../images/img-shadow-tr.png);
}

.photo .l {
    background: url(../images/img-shadow-l.png);
}

.photo .r {
    background: url(../images/img-shadow-r.png);
}

.photo .bl {
    background: url(../images/img-shadow-bl.png);
}

.photo .b {
    background: url(../images/img-shadow-b.png);
}

.photo .br {
    background: url(../images/img-shadow-br.png);
}

.photo .wrapper img {
    width: auto;
    height: auto;
}

.thumb .photo .wrapper img {
    width: 77px;
    height: 56px;
}

.thumb .photo {
    margin: 0 14px 5px 0px;
}

.photos {
    padding-left: 2px;
}

    .photos label {
        display: block;
        padding: 0 0 1px 6px;
        font-size: 11px;
        font-weight: bold;
    }

    .photos .photo {
        padding: 2px 10px 8px 0;
        float: left;
    }

        .photos .photo .wrapper img {
            width: 77px;
            height: 56px;
            background: #cdcdcd;
        }
/* End Photos w/ Shadows */

/* Inline Photos */
.inlinePhoto {
    display: inline-block;
    border: 1px solid #C6C6C6;
    color: #464646;
    font-size: 11px;
    margin: 3px 20px 17px 20px;
    padding: 5px;
}

    .inlinePhoto img {
        display: block;
    }

img.alignLeft, img.alignRight, img.alignNone {
    display: inline-block;
    border: 1px solid #C6C6C6;
    color: #464646;
    font-size: 11px;
    margin: 3px 20px 10px 20px;
    padding: 5px;
}

img.alignLeft {
    float: left;
    margin-left: 0px;
}

img.alignRight {
    float: right;
    margin-right: 0px;
}

img.alignNone {
    text-align: inherit;
    margin-left: auto;
    margin-right: auto;
}

div.alignLeft .inlinePhoto {
    margin-left: 0px;
}

div.alignRight .inlinePhoto {
    margin-right: 0px;
}

.caption {
    display: block;
    margin: 0 10px;
    padding: 7px 0 3px;
    line-height: normal;
    text-align: left;
}
/* End Inline Photos */

/* List of Links */
.linkList {
    padding: 4px 0 7px 0;
}

    .linkList td {
        padding-bottom: 4px;
    }

    .linkList th {
        font-size: 11px;
        line-height: 12px;
        font-weight: bold;
        padding: 4px 10px 7px 5px;
    }

    .linkList a {
        font-size: 11px;
        line-height: 12px;
        font-weight: bold;
        display: block;
        padding: 4px 10px 7px 13px;
        background: url(../images/sprite-bullets.gif) 7px -452px no-repeat;
    }

        .linkList a:hover {
            text-decoration: none;
        }

.person .linkList a, .person .linkList span {
    padding: 7px 10px 0px 7px;
    font-weight: normal;
    background: url(../images/sprite-bullets.gif) 1px -455px no-repeat;
}

.person.sub .linkList a, .person.sub .linkList span {
    display: inline;
    padding: 0px 10px 2px 7px;
    background: url(../images/sprite-bullets.gif) 1px -455px no-repeat;
}
/* End List of Links */

/* List of Links w/ Descriptions */
.closed a {
    color: #464646;
    text-decoration: none;
}

.list {
    padding: 4px 0 7px 0;
}

    .list p {
        font-size: 11px;
    }

    .list .group, .list .item {
        font-size: 11px;
        /*padding:0 10px 8px 0; Adding 7 left px for colapsing */
        padding: 0 10px 8px 0px;
        line-height: 12px;
        cursor: pointer;
    }

        .list .item a {
            padding-bottom: 0;
        }

        .list .group.over, .list .item.over {
            background-color: #dae0e6;
        }

    .list a {
        color: #464646;
        font-size: 11px;
        display: block;
        padding: 4px 10px 7px 13px;
        line-height: 12px;
        text-decoration: none;
        background: url(../images/sprite-bullets.gif) 7px -452px no-repeat;
    }

    .list h2 a {
        font-size: 16px;
        display: inline;
        padding: 0px;
        line-height: normal;
        text-decoration: none;
        background: none;
    }

    .list div.subCol {
        color: #464646;
        font-size: 11px;
        display: block;
        padding: 4px 10px 7px 13px;
        line-height: 12px;
        text-decoration: none;
        background: url(../images/sprite-bullets.gif) 7px -72px no-repeat;
    }

    .list a:hover {
        background-color: #dae0e6;
    }

    .list a.off {
        display: none;
    }

    .list a strong {
        color: #013a6f;
        text-decoration: underline;
    }

.actions {
    padding: 8px 0 5px 5px;
}

    .actions a {
        color: #013a6f;
        font-weight: bold;
        text-decoration: underline;
        display: inline;
        padding: 0 0 0 8px;
        background: none;
    }

        .actions a:hover {
            text-decoration: none;
        }

            .actions a:hover strong {
                text-decoration: none;
            }

.list .group a.prim, .list .item a.prim {
    padding-right: 0;
    padding-bottom: 0;
}

#col2 .list .h2, .person h2 {
    display: block;
    color: #013a6f;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    line-height: 16px;
    padding: 0;
}

.list .photo {
    padding: 5px 5px 8px 5px;
    float: left;
}

.list h2 {
    padding: 0;
}

.list h4 {
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 1px 6px;
}

.list .detail {
    line-height: 13px;
    padding: 11px 10px 0 0;
}

#content .list ul {
    padding: 10px 0 2px 13px;
}

    #content .list ul li {
        padding: 0 0 5px 17px;
        background: url(../images/sprite-bullets.gif) 10px -715px no-repeat;
    }
/* End List of Links w/ Descriptions */

/* People (Contact Info) */
.person {
    width: 183px;
    padding: 13px 0 2px 0;
    float: left;
}

table.person {
    width: 280px;
}

    table.person .detail {
        width: 100%;
    }

.person .photo {
    padding: 0 10px 0 3px;
}

.person h2 {
    padding: 7px 0 0 0;
}

.person .detail {
    font-size: 11px;
    line-height: 13px;
}
/* End People (Contact Info) */

#content .box {
    margin-bottom: 20px;
    padding: 5px 8px 7px 8px;
    border: 1px solid #c6c6c6;
    clear: both;
}

/* Page Survey */
#content #pageSurvey.box {
    float: left;
    clear: none;
}

#pageSurvey span {
    float: left;
}

#pageSurvey .stars {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 15px;
    margin: 0px 12px 0 4px;
}

    #pageSurvey .stars img {
        display: inline-block;
        width: 16px;
        height: 15px;
        cursor: pointer;
        background: url(../images/ico-star.png) top no-repeat;
    }

        #pageSurvey .stars img.over {
            background: url(../images/ico-star-over.gif) top no-repeat;
        }

#ratingConfirm {
    background: #FECB33;
    padding: 3px 0 3px 5px;
    position: absolute;
    width: 115px;
    top: -23px;
    left: 10px;
}
/* End Page Survey */

/* Data Table */
#content .box.data {
    padding: 0;
}

    #content .box.data h3 {
        margin: 5px 13px 0;
    }

    #content .box.data .dataTable {
        padding: 0 13px 7px;
    }

.data table {
    width: 100%;
}

.data h3 {
    display: block;
    color: #ffffff;
    background-color: #013a6f;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    font-style: italic;
    padding: 8px 8px 7px 8px;
    margin: 4px !important;
}

.data h2 {
    padding: 4px 0 0 13px;
    font-size: 12px;
    font-weight: bold;
}

.dataError h3 {
    background-color: #C4271B !important;
}


table th {
    font-weight: bold;
}

.data table th {
    padding: 9px 8px 9px 5px;
    font-weight: bold;
}

.data table table th {
    padding: 7px 8px 7px 0px;
    font-weight: normal;
}

.data table tr.first th {
    border-top: 1px solid #c0c0c0;
}

#content .data .dataHead input.txt {
    width: 150px;
    height: 17px;
    border: 1px solid #9b9b9b;
    font-size: 11px;
    padding: 0 3px 0 3px;
}

#content .data .dataHead select {
    height: 19px;
    border: 1px solid #9b9b9b;
    font-size: 10px;
}

.data table th a {
    text-decoration: underline;
}

    .data table th a:hover {
        text-decoration: none;
    }

.data table td {
    padding: 3px 8px 3px 5px;
    border-bottom: 1px solid #e5e5e5;
}

    .data table td strong {
        white-space: nowrap;
    }

.data table tr.over td {
    background: #dae0e6;
}

    .data table tr.over td td {
        background: none;
    }

.data table tr.first td {
    border-top: 1px solid #c0c0c0;
}

.data table tr.last td {
    border-bottom: none;
}

.data table table tr.last td {
    padding-bottom: 11px;
}

.data .footnote {
    padding: 10px 8px 10px;
    border: none;
    background: #e5e5e5;
    font-size: 11px;
    line-height: 13px;
}

.data table .order td {
    border-bottom: none;
    cursor: pointer;
}

.data .detail {
    display: none;
}

#content .data .detail.at {
    display: table-row;
    *display: block;
}

.data .detail .container {
    padding: 0 13px 12px 5px;
}

#content .data .detail .box {
    padding: 0px 8px 0;
    margin: 0;
}

.data .btnPlusMinus img {
    width: 24px;
    height: 21px;
    background: url(../images/btn-plus.png) no-repeat 0px 0px;
}

.data .at .btnPlusMinus img {
    width: 24px;
    height: 21px;
    background: url(../images/btn-minus.png) no-repeat 0px 0px;
}

/* List Table */
#listTable {
    padding: 14px 0 0 0;
}

    #listTable table {
        width: 100%;
        border: 1px solid #c2c2c2;
    }

        #listTable table th, #listTable table td {
            padding: 5px;
            border-bottom: 1px solid #c2c2c2;
        }

        #listTable table th {
            font-size: 16px;
            font-style: italic;
            color: #013a6f;
            background: #fff;
        }

    #listTable #yui-dt0-th-product {
        font-weight: bold;
    }

        #listTable #yui-dt0-th-product a {
            text-decoration: none;
        }

            #listTable #yui-dt0-th-product a:hover {
                text-decoration: underline;
            }

    #listTable td {
        cursor: pointer;
    }

    #listTable .even td, .dataTable .even td {
        background: #ededed;
    }

        .dataTable .even td td {
            background: none;
        }

    #listTable tr div {
        padding: 7px 9px 8px;
    }

    #listTable tr.over div {
        background: #dae0e6;
    }

    #listTable tr#at td, #listTable tr#at div {
        border-bottom: none;
        padding-bottom: 0;
        background: none;
    }

    #listTable tr#at.even td {
        border-bottom: none;
        padding-bottom: 0;
        background: #e7e7e7;
    }

    #listTable tr.detail a {
        color: #464646;
    }

    #listTable table td h3 {
        font-size: 14px;
        color: #013a6f;
        font-weight: bold;
    }

    #listTable table td.yui-dt-col-right, #listTable table td.bold {
        padding-top: 28px;
        font-weight: bold;
    }
/* End List Table */

/* Results / Pagination Table */
.dataHead {
    background: #cccccc;
    margin: 0 13px 0;
    padding: 0 5px 0 5px;
}

    .dataHead.actions {
        margin: 13px 0;
        padding: 7px 6px 10px;
    }

        .dataHead.actions a {
            font-size: 10px;
            font-weight: normal;
        }

    .dataHead.first {
        margin-top: 13px;
    }

.data .dataHead td {
    border-bottom: 1px solid #9b9b9b;
    font-size: 10px;
    padding: 5px;
}

.data .dataHead .last td {
    border-bottom: none;
}

.data .dataHead .resultsDisplay {
}

.pagination {
    text-align: right;
}

    .pagination span {
        font-size: 10px;
    }
/* End Results / Pagination Table */

/* Events */
.event {
    cursor: pointer;
    padding: 5px 8px 8px;
}

    .event label {
        color: #013a6f;
        font-size: 10px;
    }

    .event h3 a {
        color: #464646;
        text-decoration: none;
    }

    .event table {
        width: 100%;
    }

    .event.over {
        background-color: #dae0e6;
    }
/* End Events */

/* Calendar */
table.calendar {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

    table.calendar a {
        display: block;
        padding: 3px;
        text-decoration: none;
        text-align: center;
    }

        table.calendar a.at {
            color: #e62e1f;
            text-decoration: underline;
            font-weight: bold;
        }

    table.calendar .nextMonth a, table.calendar .prev.noline a, table.calendar .next.noline a {
        color: #999999;
    }

        table.calendar .prev.noline a:hover, table.calendar .next.noline a:hover {
            background: none;
            text-decoration: none;
            cursor: default;
        }

    table.calendar .prev a, table.calendar .next a {
        font-size: 14px;
        padding-top: 0px;
    }

    table.calendar .days {
        padding: 3px 0 8px;
    }

    table.calendar a:hover {
        text-decoration: underline;
        background: #dae0e6;
    }

#rightCol .box.calendarSearch input.txt {
    color: #959595;
    width: 184px;
    margin-bottom: 10px;
    float: none;
}

#rightCol .box select.long {
    margin: 3px 0 10px 0;
    width: 192px;
    float: none;
}

#rightCol .box select.month {
    margin: 3px 15px 3px 0;
    width: 56px;
    float: none;
}

#rightCol .box select.day {
    margin: 3px 15px 3px 0;
    width: 46px;
    float: none;
}

#rightCol .box select.year {
    margin: 3px 0px 3px 0;
    width: 54px;
    float: none;
}

#rightCol .box label {
    display: block;
}

#rightCol .box.calendarSearch .btn {
    margin: 9px 0 0 0;
}
/* End Calendar */

/* 
******************************************************************
	4. Right Column Rules 
******************************************************************
*/
#rightCol {
    padding: 66px 20px 20px 0;
}

.rightCol {
    padding: 0px 20px 0px 0px;
}

#rightCol img.spacer {
    width: 224px;
    height: 1px;
}

#leftCol img.spacer {
    width: 205px;
    height: 1px;
}

.rightCol #utilNav {
    font-size: 11px;
    color: #acacac;
    padding: 24px 10px 0px 5px;
}

    .rightCol #utilNav.over {
        color: #464646;
        background: none;
    }

    .rightCol #utilNav.high {
        padding-bottom: 0px;
    }

    .rightCol #utilNav a {
        color: #acacac;
        height: 15px;
        padding: 0 19px 2px 0;
        margin-right: 11px;
        text-decoration: none;
    }

        .rightCol #utilNav a:hover {
            text-decoration: underline;
        }

        .rightCol #utilNav a#printPage {
            background: url(../images/ico-print.gif) no-repeat right top;
        }

        .rightCol #utilNav a#emailPage {
            background: url(../images/ico-email.gif) no-repeat right top;
        }

    .rightCol #utilNav.over a {
        color: #464646;
    }

        .rightCol #utilNav.over a#printPage {
            background: url(../images/ico-print-over.gif) no-repeat right top;
        }

        .rightCol #utilNav.over a#emailPage {
            background: url(../images/ico-email-over.gif) no-repeat right top;
        }

    .rightCol #utilNav span a {
        color: #d7d7d7;
        padding: 0px;
        margin: 0px;
    }

        .rightCol #utilNav span a.at, .rightCol #utilNav.over span a {
            color: #acacac;
        }

        .rightCol #utilNav span a#fontSm {
            font-size: 11px;
        }

        .rightCol #utilNav span a#fontMed {
            font-size: 13px;
        }

        .rightCol #utilNav span a#fontLrg {
            font-size: 15px;
        }

.rightCol img.spacer {
    height: 1px;
    width: 224px;
}

#rightCol .box, #leftCol .box {
    color: #464646;
    font-size: 11px;
    border: 1px solid #c6c6c6;
    padding: 5px;
    margin-bottom: 20px;
}

    #rightCol .box.first, #leftCol .box.first {
        margin-bottom: 0px;
        border-bottom: none;
    }

    #rightCol .box h2, #leftCol .box h2 {
        color: #013a6f;
        padding: 8px 0px 2px 0px;
        margin: 0 10px;
        background: none;
        font-size: 12px;
        font-weight: bold;
        font-style: italic;
        border: none;
        border-bottom: 1px solid #7a96b1;
    }

        #rightCol .box h2.marginBot5, #leftCol .box h2.marginBot5 {
            margin-bottom: 5px;
        }

#rightCol #nextSteps h3 {
    color: #ffffff;
    font-size: 16px;
    font-style: italic;
    background: url(../images/next-steps.png) no-repeat;
    padding: 95px 0 0 15px;
    height: 26px;
}

#rightCol .box h3, #leftCol .box h3 {
    display: block;
    color: #ffffff;
    background-color: #013a6f;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    font-style: italic;
    padding: 8px 10px 7px 10px;
}

#rightCol .box h4, #leftCol .box h4 {
    color: #013a6f;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 10px 0px 10px;
}

#rightCol .box h5, #leftCol .box h5 {
    color: #013a6f;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 10px 0px 10px;
}

#rightCol .thumb {
    margin-bottom: 5px;
}

#rightCol .hr, #leftCol .hr {
    margin: 5px 10px;
}

    #rightCol .hr img, #leftCol .hr img {
        width: 1px;
        height: 0;
    }

#rightCol .box .intro, #leftCol .box .intro {
    display: block;
    color: #464646;
    padding: 7px 0px 3px 0px;
    margin: 0 10px;
}

#rightCol .box.sub .intro, #leftCol .box.sub .intro {
    padding: 0px 0px 4px 0px;
}

#rightCol .box .item, #leftCol .box .item {
    display: block;
    color: #464646;
    padding: 7px 10px 6px 10px;
    text-decoration: none;
}

#rightCol .box a.link, #leftCol .box a.link {
    display: block;
    padding: 0px 0px 5px 0px;
    margin: 0 10px;
}

/* Find Local Office Rules */
#rightCol .locateOffice .map {
    margin-bottom: 5px;
}

#rightCol .locateOffice span.item {
    padding: 2px 10px 1px;
}

    #rightCol .locateOffice span.item a {
        text-decoration: underline;
        cursor: pointer;
        float: right;
    }

        #rightCol .locateOffice span.item a:hover {
            text-decoration: none;
            cursor: pointer;
        }

#rightCol .findOffice .box select {
    width: 192px;
    margin: 10px 0 0px 0;
    float: none;
}

    #rightCol .findOffice .box select.noMargin {
        margin: 0;
    }

/* Calendar Rules */
#rightCol .box.calendar select {
    margin: 0 0 5px 0;
}

#rightCol #nextSteps .box .item {
    padding: 7px 10px 6px 10px;
}

#rightCol #ulBox.box h3 {
    font-size: 16px;
    height: 39px;
    border: none;
    padding: 42px 0 0 10px;
    background: url(../images/ul.jpg) no-repeat;
}

#rightCol #websigningBox.box h3 {
    color: #013a6f;
    height: 24px;
    padding: 57px 0 0 10px;
    background: url(../images/web-signing.jpg) no-repeat;
}

#rightCol #agentfirstBox.box h3 {
    color: #013a6f;
    height: 39px;
    padding: 112px 0 0 10px;
    background: url(../images/thumb-agentfirst-iphone-app.jpg) no-repeat;
}

#rightCol #eagleProBox.box h3 {
    color: #013a6f;
    font-size: 16px;
    height: 24px;
    border: none;
    padding: 57px 0 0 10px;
    background: url(/fahomebuilder/images/thumb-eagle-pro.jpg) no-repeat;
}

#rightCol #eagleStatusBox.box h3 {
    height: 24px;
    padding: 57px 0 0 10px;
    background: url(/fahomebuilder/images/thumb-eagle-status.jpg) no-repeat;
}

#rightCol .box .item.act, #leftCol .box .item.act {
    padding-right: 38px;
    background-image: url(../images/btn-right-col.png);
    background-position: center right;
    background-repeat: no-repeat;
}

#rightCol .box div.item, #leftCol .box div.item {
    padding: 13px 10px 8px 10px;
}

#rightCol .box .item strong, #leftCol .box .item strong {
    font-size: 12px;
}

#rightCol .box a.item strong, #leftCol .box a.item strong {
    font-size: 14px;
}

    #rightCol .box a.item strong.blue, #leftCol .box a.item strong.blue {
        color: #013a6f;
    }

#rightCol .box a.item:hover, #rightCol .box .item.over, #leftCol .box a.item:hover, #leftCol .box .item.over {
    background-color: #dae0e6;
    cursor: pointer;
}

#rightCol .box .first, #leftCol .box .first {
    margin-top: 5px;
}

#rightCol .box .last, #leftCol .box .last {
    border-bottom: 0px none;
}

#rightCol .box a span, #leftCol .box a span {
    display: block;
    padding: 0 0 0 10px;
    background: url(../images/sprite-bullets.gif) 1px 5px no-repeat;
}

    #rightCol .box a span.note, #leftCol .box a span.note {
        display: inline;
        padding: 0;
        background: none;
    }

#rightCol .box input.txt, #leftCol .box input.txt {
    color: #959595;
    width: 103px;
    float: left;
    clear: left;
}

    #rightCol .box input.txt.first, #leftCol .box input.txt.first {
        margin-bottom: 10px;
    }

#rightCol .box select, #leftCol .box select {
    margin: 3px 0 0 0;
    float: left;
}

#rightCol .box .btn, #leftCol .box .btn {
    margin: -1px 0 0 0;
    vertical-align: top;
    float: right;
}

#rightCol #nextSteps .box {
    border-top: 0px none;
}

#rightCol .box .item.quote {
    font-size: 13px;
}

    #rightCol .box .item.quote span {
        display: block;
        white-space: normal;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }

        #rightCol .box .item.quote span.name {
            padding: 5px 0 0 40px;
        }

        #rightCol .box .item.quote span.company {
            padding: 0 0 0 51px;
            font-size: 12px;
        }

#rightCol .box .list a, #leftCol .box .list a {
    padding-left: 16px;
    background-position: 10px -452px;
}

#rightCol .box .list, #leftCol .box .list {
    padding: 5px 0 0 0;
}

/*
******************************************************************
	5. Footer Rules 
******************************************************************
*/
#footer .breadcrumb a {
    display: inline;
}

#footer {
    color: #a6a6a6;
    font-size: 11px;
    padding: 5px 17px 17px 20px;
    background: #797979;
}

    #footer ul li {
        width: 202px;
        font-size: 14px;
        color: #a6a6a6;
        font-weight: bold;
        font-style: italic;
        float: left;
    }

    #footer.faf ul li {
        width: 174px;
    }

    #footer.rep ul li {
        width: 190px;
    }

    #footer ul li.footerAbout {
        width: 464px;
    }

        #footer ul li.footerAbout li, #footer ul li.footerLinks li {
            width: 152px;
        }

    #footer ul li.footerLinks {
        width: 304px;
    }

    #footer ul li a {
        padding-bottom: 12px;
    }

    #footer ul ul li {
        font-size: 11px;
        font-weight: normal;
        font-style: normal;
        padding: 0;
    }

        #footer ul ul li a {
            padding-bottom: 4px;
        }

    #footer ul ul ul li a {
        font-size: 10px;
        font-weight: normal;
        line-height: 11px;
        padding-left: 6px;
        background: url(../images/sprite-bullets.gif) 0px -637px no-repeat;
    }

    #footer a {
        display: block;
        color: #acacac;
        font-weight: bold;
        text-decoration: none;
        padding-bottom: 4px;
    }

        #footer a:hover {
            text-decoration: underline;
        }

    #footer .hr {
        border-bottom: 1px dashed #A6A6A6;
        width: 118px;
        margin: 2px 0 3px 0px;
    }

    #footer .footerNav {
        clear: both;
    }

        #footer .footerNav a {
            display: block;
            float: left;
            margin-top: 40px;
            padding: 5px 20px 5px 0;
        }

    #footer .copyright a {
        display: block;
        font-size: 10px;
        clear: both;
    }

/*
******************************************************************
	6. Tabs Rules
******************************************************************
*/
.tabs {
    position: relative;
    top: 1px;
    height: 35px;
}

    .tabs div {
        background: #e5e5e5;
        border: 1px solid #e5e5e5;
        border-bottom: 1px solid #cdcdcd;
        white-space: nowrap;
        color: #013A6F;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 13px 5px;
        text-decoration: underline;
        vertical-align: middle;
        height: 18px;
        float: left;
        margin-right: 10px;
        overflow: visible;
        cursor: pointer;
    }

        .tabs div.over {
            text-decoration: none;
        }

        .tabs div.at, .tabs div.at.over {
            color: #464646;
            background: none;
            border: 1px solid #cdcdcd;
            border-bottom: 1px solid #F3F3F3;
            text-decoration: none;
            cursor: default;
        }

        .tabs div.close {
            float: right;
            background: none;
            border: none;
            text-decoration: underline;
            font-size: 12px;
            font-weight: normal;
            padding-right: 0;
        }

        .tabs div a {
            display: block;
            padding: 1px 5px 2px 5px;
            color: #464646;
            font-size: 85%;
            font-weight: bold;
            text-decoration: none;
            vertical-align: middle;
        }

            .tabs div a:hover {
                text-decoration: none;
            }

        .tabs div.at span {
            border-color: #6789a9;
        }

        .tabs div.at a {
            color: #ffffff;
            cursor: default;
        }

            .tabs div.at a:hover {
                text-decoration: none;
            }

        .tabs div.done {
            background-color: #ffffff;
            color: #464646;
        }

            .tabs div.done a {
                background-color: #ffffff;
                color: #464646;
            }

        .tabs div.disabled a {
            color: #707070;
            cursor: default;
        }

            .tabs div.disabled a:hover {
                text-decoration: none;
            }

    .tabs .gap {
        padding: 0px;
        border: none;
        width: 4px;
        background: #ffffff;
    }

        .tabs .gap img {
            width: 4px;
            height: 4px;
        }

/* 
******************************************************************
	7. Modal Window Rules
******************************************************************
*/
#modalBackLayer {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../images/modal/cover-black.png);
    z-index: 500;
}

.modalWin {
    width: 380px;
    position: absolute;
    top: 200px;
    left: 200px;
    z-index: 9999;
    text-align: left;
}

    .modalWin table {
        width: 100%;
    }

    .modalWin td.head {
        padding: 0 15px 6px 15px;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        width: 100%;
        background: #6789a9;
    }

    .modalWin h1 {
        padding-bottom: 27px;
    }

    .modalWin h3 .close {
        font-size: 12px;
        font-weight: normal;
    }

    .modalWin h4 {
        padding: 54px 0 4px 20px;
        color: #ffffff;
        font-size: 30px;
        font-weight: bold;
        font-style: italic;
        background: url(../images/modal/modal-header.jpg) 5px 5px no-repeat;
        cursor: move;
    }

    .modalWin .box {
        border: 1px solid #C6C6C6;
        color: #464646;
        margin-bottom: 10px;
        padding: 5px;
    }

        .modalWin .box.last {
            margin-bottom: 0;
        }

    .modalWin .tabContentContainer .box {
        padding: 13px;
        margin-bottom: 20px;
        border: none;
    }

    .modalWin.show .tabContentContainer .box {
        border: 1px solid #C6C6C6;
    }

        .modalWin.show .tabContentContainer .box.last {
            margin-bottom: 0px;
            border-bottom: none;
        }

    .modalWin .box.first {
        border-bottom: medium none;
        margin-bottom: 0;
    }

    .modalWin .box.padded8 {
        padding: 8px 5px;
    }

    .modalWin td.contentWrapper {
        width: 100%;
        background-color: #f3f3f3;
    }

    .modalWin div.contentWrapper {
        border: 1px solid #cdcdcd;
    }

    .modalWin div.content {
        padding: 10px;
        width: auto;
    }

    .modalWin div.buttons {
        width: auto;
    }

    .modalWin .contentWrapper .contentWrapper div.content {
        padding: 20px;
    }

    .modalWin label {
        display: block;
        font-size: 16px;
        padding: 20px 0 7px 0;
    }

    .modalWin input.txt {
        width: 455px;
    }

    .modalWin textarea {
        width: 457px;
        height: 140px ;
        border:1px solid #cccccc;
    }

        .modalWin textarea.sm {
            width: 225px;
            height: 60px;
        }

    .modalWin div.buttons .btn {
        float: left;
        margin: 18px 0 0 0;
    }

    .modalWin div.buttons a {
        float: right;
        margin-top: 23px;
    }

    .modalWin div.buttons input {
        width: auto;
        height: auto;
        margin-right: 4px;
    }

    .modalWin td.tl img, .modalWin td.tr img, .modalWin td.bl img, .modalWin td.br img {
        width: 40px;
        height: 40px;
    }

    .modalWin td.l img, .modalWin td.r img {
        width: 40px;
    }

    .modalWin td.tl {
        width: 40px;
        background: url(../images/modal/modal-tl.png) no-repeat;
    }

    .modalWin td.tr {
        width: 40px;
        background: url(../images/modal/modal-tr.png) no-repeat;
    }

    .modalWin td.bl {
        background: url(../images/modal/modal-bl.png) no-repeat;
    }

    .modalWin td.br {
        background: url(../images/modal/modal-br.png) no-repeat;
    }

    .modalWin td.t {
        width: 100%;
        background: url(../images/modal/modal-t.png) repeat-x;
    }

    .modalWin td.l {
        background: url(../images/modal/modal-l.png) repeat-y;
    }

    .modalWin td.r {
        background: url(../images/modal/modal-r.png) repeat-y;
    }

    .modalWin td.b {
        width: 100%;
        background: url(../images/modal/modal-b.png) repeat-x;
    }

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #959595;
    display: none;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.window {
    position: absolute;
    left: 0;
    top: 0;
    width: 585px;
    height: 500px;
    visibility: hidden;
    z-index: 9999;
}

#modals #modalEmailPage {
    width: 584px;
    height: 470px;
}

#modals #modalFeedback {
    width: 584px;
    height: 532px;
}

#modals #modalLrgForm {
    width: 930px;
    height: 500px;
}

/*
******************************************************************
	8. Button Rules 
******************************************************************
*/
.btn {
    display: inline-block;
    margin: 0 7px 0 0;
    float: left;
}

    .btn div {
        display: inline-block;
        height: 26px;
    }

        .btn div img {
            width: 7px;
            height: 26px;
        }

    .btn button {
        display: inline;
        border: none;
        border-width: 0px;
        background: none;
        font-size: 12px;
        height: 25px;
        line-height: 22px;
        font-weight: bold;
        color: #000000;
        padding: 0px 1px 0 0;
        margin: 0;
        overflow: visible;
        cursor: pointer;
        float: left;
    }

@-moz-document url-prefix() {
    .btn button {
        padding-bottom: 1px;
    }
}
/* Target Firefox */

.btn .btnLeft {
    display: inline-block;
    width: 7px;
    height: 26px;
    background: url(../images/btn2.png) 0px 0px no-repeat; /* Left */
    float: left;
}

.btn .btnMid {
    _position: static;
    display: block;
    *display: inline-block;
    height: 26px;
    background: url(../images/btn2.png) 0px -50px repeat-x; /* Middle */
    float: left;
}

.btn .btnRight {
    display: inline-block;
    width: 7px;
    height: 26px;
    background: url(../images/btn2.png) 0px -100px no-repeat; /* Right */
    float: left;
}

.btn .btnIco {
    background: none;
    float: left;
}

.icoSubmit .btnIco {
    height: 26px;
    background: url(../images/btn2.png) right -150px no-repeat; /* Button Icon */
}

.icoSubmit button {
    padding-right: 13px;
}
/* Button Hover */
#rightCol .box .item .btn.over, #content .box .btn.over, body .modalWin .btn.over {
    background: none;
}

.btn.over button, .btn.submitOver button {
    color: #ffffff;
}

.btn.over .btnLeft, .btn.submitOver .btnLeft {
    background: url(../images/btn2.png) 0px -200px no-repeat; /* Left */
    float: left;
}

.btn.over .btnMid, .btn.submitOver .btnMid {
    background: url(../images/btn2.png) 0px -250px repeat-x; /* Middle */
    float: left;
}

.btn.over .btnRight, .btn.submitOver .btnRight {
    background: url(../images/btn2.png) right -300px no-repeat; /* Right */
    float: left;
}

.icoSubmit.submitOver .btnIco {
    background: url(../images/btn2.png) right -350px no-repeat; /* Button Icon */
}

.btn.over .btnIco {
    background: none;
}
/* Small */
.btn.small button {
    padding: 1px 0 0;
    font-size: 10px;
    line-height: 18px;
    height: 21px;
    float: left;
}

@-moz-document url-prefix() {
    .btn.small button {
        padding-top: 0px;
        padding-bottom: 1px;
    }
}
/* Target Firefox */

.small .btnLeft {
    height: 22px;
    background: url(../images/btn2.png) 0px -400px no-repeat; /* Left */
}

.small .btnMid {
    height: 22px;
    background: url(../images/btn2.png) 0px -450px repeat-x; /* Mid */
}

.small .btnRight {
    height: 22px;
    background: url(../images/btn2.png) right -500px no-repeat; /* Right */
}

.icoSubmit.small .btnIco {
    height: 22px;
    background: url(../images/btn2.png) right -550px no-repeat; /* Button Icon */
}

.icoSubmit.small button {
    padding-right: 11px;
}

.small .btnIco, .small button {
    background: none;
    padding-right: 1px;
}
/* Small Button Hover */
.btn.smallOver button, .btn.smallSubmitOver button {
    color: #ffffff;
}

.btn.smallOver .btnLeft, .btn.smallSubmitOver .btnLeft {
    background: url(../images/btn2.png) 0px -600px no-repeat; /* Left */
}

.btn.smallOver .btnMid, .btn.smallSubmitOver .btnMid {
    background: url(../images/btn2.png) 0px -650px repeat-x; /* Middle */
}

.btn.smallOver .btnRight, .btn.smallSubmitOver .btnRight {
    background: url(../images/btn2.png) right -700px no-repeat; /* Right */
}

.btn.icoSubmit.smallSubmitOver .btnIco {
    background: url(../images/btn2.png) right -750px no-repeat; /* Button Icon */
}

.btn.smallOver .btnIco, .btn.smallSubmitOver .btnIco {
    background: none;
    padding-right: 1px;
}
/* Small Bar with Icons */
.smBar {
    position: absolute;
    right: 3px;
    top: 4px;
    display: inline-block;
    text-align: right;
}

.smBarBtn {
    display: inline-block;
    width: 24px;
    height: 21px;
    background: url(../images/sm-bar-btn.png) no-repeat center center;
}

    .smBarBtn img {
        width: 24px;
        height: 21px;
    }

.smBarLeft img {
    width: 3px;
    height: 21px;
    background: url(../images/sm-bar-left.png) no-repeat top;
}

.smBarBtnLeft, .smBarBtnMid, .smBarBtnRight, .smBarBtnLeft img, .smBarBtnMid img, .smBarBtnRight img {
    display: inline-block;
    width: 18px;
    height: 21px;
    background: url(../images/sm-bar-btn-left.png) no-repeat top;
}

.smBarBtnMid {
    background: url(../images/sm-bar-btn-mid.png) no-repeat top;
}

.smBarBtnRight {
    background: url(../images/sm-bar-btn-right.png) no-repeat top;
}

.smBarRight img {
    width: 3px;
    height: 21px;
    background: url(../images/sm-bar-right.png) no-repeat top;
}

.icoUp img {
    background: url(../images/ico-up.gif) no-repeat center center;
}

.icoPlus img {
    background: url(../images/ico-plus.gif) no-repeat center center;
}

.icoClose img {
    background: url(../images/ico-close.gif) no-repeat center center;
}

.icoMin img {
    background: url(../images/ico-min.png) no-repeat center center;
}

.icoMax img {
    background: url(../images/ico-max.png) no-repeat center center;
}

/*
******************************************************************
	9. Utility Rules 
******************************************************************
*/
.cf {
    clear: both;
    height: 0;
    overflow: hidden;
}

.off {
    display: none;
}



.bold {
    font-weight: bold;
}

.error {
    color: #C4271B;
    padding-bottom: 2px;
    margin-left: 5px;
}

.small {
    font-size: 10px;
}

.blockSm {
    display: block;
    padding-bottom: 4px;
}

.size11 {
    font-size: 11px;
}

.noMargin {
    margin: 0;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginBot5 {
    margin-bottom: 5px;
}

.marginBot10 {
    margin-bottom: 15px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginLeft10 {
    margin-left: 10px;
}

a.viewAll {
    font-size: 11px;
    color: #013a6f;
    background: none;
    text-decoration: underline;
    padding-left: 7px;
}

    a.viewAll:hover {
        background: none;
        text-decoration: none;
    }

.alignRight {
    float: right;
}

.alignLeft {
    float: left;
}

.right {
    text-align: right;
}

.eagleid-notify {
    margin-left: 100px;
    margin-right: 100px;
    background-color: #f1f3f5;
}

.eagleid-notify p {
    color: red;
    font-size: 13px;
}