body {
    font-family: Trebuchet MS, Calibri, Sans-Serif;
    font-size: 13px;
    color: #000000;
}
th, td, input, textarea, select {
    font-size: 13px;
}

hr {
    border: 0;
    border-top: 1px solid #999;
    height: 0;
}

img {
    border: none;
}

A, Visited, Active {
    color: #003399;
    text-decoration: underline;
}
A:Hover {
    color: #990000;
    text-decoration: underline;
}

A.reverse, A.reverse:visited, A.reverse:active {
    color: #ffffff;
    text-decoration: underline;
}
A.reverse:hover {
    color: #000099;
    text-decoration: underline;
}

/*---------------------------------------------------------------------------------------------*/
/* Print / Send to Friend Support */
#showOnPrint {
    display: none;
}
#printSendFunctions {
    float: right;
}
#printSendFunctions a {
    text-decoration: none;
}

/*---------------------------------------------------------------------------------------------*/
/* Text Formatting */
.pageTitle {
    color: #3e7426;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 26px;
    font-weight: bold;
}
.title {
    color: #3e7426;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
}
.subTitle {
    color: #3e7426;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}
.large {
    font-size: 20px;
}
.medium {
    font-size: 16px;
}
.small {
    font-size: 11px;
}
.caption {
    font-size: 11px;
    color: #666666;
}
.error {
    color: #990000;
}
.notAvailable {
    color: #999999;
    text-decoration: line-through;
}

.finePrint {
    font-size: 11px;
    color: #666666;
}

.reversePageTitle {
    color: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 26px;
    font-weight: bold;
}
.reverse {
    color: #fff;
}
.reverseLarge {
    color: #fff;
    font-size: 20px;
}
.reverseMedium {
    color: #fff;
    font-size: 16px;
}
.reverseSmall {
    color: #fff;
    font-size: 11px;
}
.reverseTitle {
    color: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
}
.reverseSubTitle {
    color: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

.darkPageTitle {
    color: #333;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 26px;
    font-weight: bold;
}
.dark {
    color: #333;
}
.darkLarge {
    color: #333;
    font-size: 20px;
}
.darkMedium {
    color: #333;
    font-size: 12px;
}
.darkSmall {
    color: #333;
    font-size: 11px;
}
.darkTitle {
    color: #333;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
}
.darkSubTitle {
    color: #333;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

.free {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.footerTitle {
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 10px 0;
}

/*---------------------------------------------------------------------------------------------*/
/* Data Display Settings */
.dataBoxBorder {
    border: solid 1px #000000;
    padding: 4px;
}
.dataBoxBody {
}
.dataBoxHeader {
    color: #60854f;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
}
.dataBoxRowTitle {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
.dataBoxRowValue {
    vertical-align: middle;
    text-align: left;
    width: 99%;
}
.dataBoxRowValueBorder {
    border: solid 1px #666666;
}
.dataBoxFooter {
    color: #666666;
    font-weight: bold;
}

/*---------------------------------------------------------------------------------------------*/
/* Control Formatting */
.formButton_tiny {
    background-color: Transparent;
    background-image: url(images/buttonBG_tiny.png);
    background-repeat: no-repeat;
    border: 0px;
    color: #000000;
    cursor: pointer;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 50px;
}
.formButton_small {
    background-color: Transparent;
    background-image: url(images/buttonBG_Small.png);
    background-repeat: no-repeat;
    border: 0px;
    color: #000000;
    cursor: pointer;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    margin: 0px;
    padding: 1px;
    text-align: center;
    width: 100px;
}
.formButton_medium {
    background-color: Transparent;
    background-image: url(images/buttonBG_Medium.png);
    background-repeat: no-repeat;
    border: 0px;
    color: #000000;
    cursor: pointer;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    margin: 0px;
    padding: 1px;
    text-align: center;
    width: 150px;
}
.formButton_large {
    background-color: Transparent;
    background-image: url(images/buttonBG_Large.png);
    background-repeat: no-repeat;
    border: 0px;
    color: #000000;
    cursor: pointer;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    margin: 0px;
    padding: 1px;
    text-align: center;
    width: 200px;
}

.formControl {
    border: solid 1px #000000;
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
    height: 15px;
    padding: 1px 2px 1px 2px;
}
SELECT.formControl {
    border: solid 1px #000000;
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
    height: 20px;
    padding: 0;
    margin: 0;
}

/*---------------------------------------------------------------------------------------------*/
/* Breadcrumbs */
#breadcrumbs {
}
#breadcrumbs.A, #breadcrumbs.A:Visited, #breadcrumbs.A:Active {
    color: #003399;
    text-decoration: underline;
}
A:Hover {
    color: #990000;
    text-decoration: underline;
}

/*---------------------------------------------------------------------------------------------*/
/* Repeater Pagination (not related to grid pagination) */
#pageLinks {
    text-align: right;
}
.pageCurrent {
    font-weight: bold;
}
A.pageNextLink, .pageNextLink:Visited, .pageNextLink:Active {
    color: #003399;
    text-decoration: underline;
}
A.pageNextLink:Hover {
    color: #990000;
    text-decoration: underline;
}
A.pagePrevLink, .pagePrevLink:Visited, .pagePrevLink:Active {
    color: #003399;
    text-decoration: underline;
}
A.pagePrevLink:Hover {
    color: #990000;
    text-decoration: underline;
}

/*---------------------------------------------------------------------------------------------*/
/* Tab Support */
.tabOff {
    background: transparent url(images/tabOff.gif) 0px 0px no-repeat;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    float: left;
    height: 18px;
    margin: 0;
    padding-top: 5px;
    text-align: center;
    width: 115px;
}
.tabOn {
    background: transparent url(images/tabOn.gif) 0px 0px no-repeat;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    float: left;
    margin: 0;
    padding-top: 5px;
    height: 18px;
    text-align: center;
    width: 115px;
}
.tabHeader {
    border: solid 1px #919B9C;
    border-bottom: none;
    padding: 5px 5px 0px 5px;
    margin-top: -3px;
}
.tabBodyOn {
    border-left: solid 1px #919B9C;
    border-right: solid 1px #919B9C;
    padding: 5px 5px 0px 5px;
}
.tabBodyOff {
    display: none;
}
.tabFooter {
    border: solid 1px #919B9C;
    border-top: none;
    padding: 0px 5px 5px 5px;
}



#diskUsage {
    border: solid 1px #000000;
    padding: 10px;
    text-align: center;
    float: right;
}

.sideBox {
    width: 100%;
}
.sideBoxHeader {
}
.sideboxTitle {
    color: #fff;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 5px 0;
    text-align: center;
}
.sideBoxBody {
    color: #000;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
}
.sideBoxBottom {
}


.modalMask {
    background-color: transparent !important;
    background-color: #333;
    background-image: /**/ url(/images/maskBG.png) !important;
    background-image: none;
    background-repeat: repeat;
    display: none;
    filter: alpha(opacity=40);
    height: 100%;
    opacity: .4;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 900;
}
.modalWindow {
    color: #000;
    display: none;
    min-height: 200px;
    left: 0px;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 0px;
    vertical-align: middle;
    width: 550px;
    z-index: 901;
}
.modalWindow .close {
    cursor: pointer;
    float: right;
    position: relative;
    top: -16px;
    left: 16px;
}
.modalWindow table {
    width: 100%;
}
.modal_top {
    background-image: url(/includes/css/images/modal_bg_t.png);
    background-repeat: repeat-x;
}
.modal_left {
    background-image: url(/includes/css/images/modal_bg_l.png);
    background-repeat: repeat-y;
    width: 1%;
}
.modal_right {
    background-image: url(/includes/css/images/modal_bg_r.png);
    background-repeat: repeat-y;
    width: 1%;
}
.modal_bottom {
    background-image: url(/includes/css/images/modal_bg_b.png);
    background-repeat: repeat-x;
}
.modal_body {
    background: #fff;
    width: 99%;
}
.modalTitle {
    background-color: #407B2A;
    color: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
}


.box_part1 {
    background: #b3c9a6 url(/images/box_bottom_left.gif) no-repeat bottom left;
    color: #000;
}
.box_part2 {
    background: url(/images/box_top_left.gif) no-repeat top left;
}
.box_part3 {
    background: url(/images/box_top_right.gif) no-repeat top right;
}
.box_part4 {
    background: url(/images/box_bottom_right.gif) no-repeat bottom right;
    padding: 10px;
    font-size: 12px;    
}
.box_part1 .title {
    color: #fff;
}
.box_part1 .subTitle {
    color: #fff;
}
.box_part1 .total {
    font-size: 16px;
    font-weight: bold;
    color: #3e7426;
}
.box_part1 .dealTitle {
    color: #fff;
    font-family: Tahoma;
    font-size: 28px;
    font-weight: bold;
}

.citiesTitle {
    background-color: #efefef;
    border-bottom: solid 2px #999;
    font-weight: bold;
    margin: -10px -10px 5px -10px;
    padding: 5px;
}

#popupCities {
    background-color: #fff;
    border: solid 2px #999; 
    display: none;
    height: auto;
    max-height: 500px;
    overflow: auto;
    position: fixed; 
    padding: 10px;
    z-index: 99; 
    width: 400px; 
}

.citiesCovered {
    color: #003399;
    cursor: default;
    float: right;
    font-size: 10px;
    padding: 5px 0 0 0;
    text-decoration: underline;
}

.modalWhatIsThis {
    background-color: #fff;
    border: solid 2px #999; 
    display: none;
    height: auto;
    position: fixed; 
    padding: 10px;
    margin: 10px 0 0 0;
    z-index: 999; 
    width: 500px; 
}
