﻿.mainContent2 {
    height: 1%;     /* add hasLayout to attempt to fix whitespace problems */
	position: relative;
}

.mainContent2>.mainPadding {
    height: auto;   /* reset fix above for IE6 browsers */
}

.mainContent2, .mainContent2 span, .mainContent2 td, .mainContent2 th, .mainContent2 label, .mainContent2 legend {
	font-size: 12px;
	font-family: Verdana;
}

.mainContent3, .mainContent3 span, .mainContent3 td, .mainContent3 th, .mainContent3 label, .mainContent3 legend {
	font-size: 11px;
	font-family: Verdana;
}
.mainContent3 td {
	color: #333;
}


/* ---------- */
#locatormap {
    position: relative;
}
div#locatorfields {
    position: absolute;
    top: 4px;
    right: 7px;
}
.locatesearchfields h4, #canadianprovinces h4 {
    color: #333; 
    font-size: 15px; 
    font-family: Arial, Helvetica, Sans-Serif; 
    font-weight: bold; 
    margin: 4px 0 0 0;
    padding: 0 0 0 2px;
}
.locatesearchfields h5 {
    padding: 0 0 0 2px;
    margin: 0 0 2px 0; 
    font-size: 10px; 
    color: #333;
}
.locatesearchfields th {
    text-align: right;
    font-weight: normal;
    font-size: 14px;
}
.locatesearchfields table tr td {
    padding-top: 2px;
}
.locatesearchfields input {
    height: 14px;
    font-size: 11px;
    line-height: 1px;
    padding: 2px 0 0 0;
    margin: 0;
}
.locatesearchfields .text {
    width: 108px;
}
.locatesearchfields .button {
    height: auto;
    padding: 2px 6px;
}
.locatesearchfields select {
    height: 18px;
    font-size: 12px;
    line-height: 1px;
    padding: 0;
    margin: -1px 0 0 0;
}
.locatesearchfields .select {
    width: 178px;
}
#canadianprovinces {
    position: absolute;
    top: 245px;
    left: 0;
    width: 150px;
}
#canadianprovinces ul {
    list-style-image: url(/images/locator/locarrow.jpg);
    margin: 2px 0 0 10px;
    padding: 0 0 0 10px;
    width: 150px;
}
#canadianprovinces li {
    font-size: 12px;
    margin-bottom: 2px;
}

#adminpage {
    margin-left: 180px;    
}

#adminnav {
    float: left;
    border: solid 1px #8F0100;
    padding: 2px;
    margin: 0 30px 30px 0;
}

#adminnav ul {
    width: 140px;
    margin: 0;
    padding: 2px 0 0 0;
    list-style-type: none;
}

#adminnav li {
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 2px;
}

#adminnav li a {
    display: block;
    background: #000 url(/images/locator/menubg.gif) 0 0 repeat-x;
    padding: 2px 4px;
    text-decoration: none;
    color: #fff;
}

#adminnav li a:hover {
    background: #fff none;
    padding: 2px 4px;
    text-decoration: underline;
    color: #8F0100;
}

.densegrid {
}

.densegrid td, .densegrid th {
    border: solid 1px #ddd;
    padding: 3px;
}

.formtable th {
    font-weight: bold;
    font-size: 11px;
    padding: 3px 10px 3px 3px;
    vertical-align: top;
}

.formtable td {
    font-weight: normal;
    font-size: 11px;
    padding: 3px;
    vertical-align: top;
}

.formtable td input.text {
    width: 340px;
}

table tbody tr th {
    text-align: left;
}

.moreRepSearch {
}

    .moreRepSearch h4 {
        color: #333; 
        font-size: 15px; 
        font-family: Arial, Helvetica, Sans-Serif; 
        font-weight: bold; 
        margin: 4px 0 0 0;
    }
    
    .moreRepSearch p {
        padding: 0;
        margin: 0 0 14px 0;
    }
    
h2.errorText, h2.nameText, h2.nameText span {
    font-size: 18px!important;
    text-transform: none;
}

h4.nameText, h4.nameText span {
    font-size: 13px;
    color: #333;
    padding: 0;
    margin: 0;
}

.redlink {
    display: block;
    margin: 0;
    padding: 0;/* 0 0 14px;*/
    /*background: transparent url(/images/locator/redlinkarrows.gif) 0 3px no-repeat;*/
}

    .redlink b, .redarrows {
        font-size: 14px;
        font-weight: bold;
        color: #DD0000;
        padding: 0 4px 0 4px;
    }

    .redlink a:visited {
        color: #474CB4;
    }
    
    .redlink tr, .redlink td {
        vertical-align: top;
    }
    
.splitpage {
    position: relative;
    background: transparent url(/images/locator/splitpage_bg.gif) 464px 0 repeat-y!important;
}

    .splitpage .rightcol {
        float: right;
        width: 190px;
    }

    .splitpage .leftcol {
        float: left;
        width: 450px;
    }
    
.densegrid td span.na {
    font-size: 80%;
    background-color: #FFFAAF;
}

.main2 {
    width: 720px!important;
    background: #fff url(/images/mainBkgd2.gif) 50% 0% repeat-y!important;
}
