
/** Copyright (c) 2007-2008 Autonoto Inc. All rights reserved. **/

dummy {}

form {
    margin: 0px;
    padding: 0px;
}

body, table td, p, input, select, textarea,
a:link, a:visited, a:active, a:hover, a:visited:hover, a:visited:active, a:focus {
    font-family: "trebuchet MS", verdana, arial;
    font-size:9pt;
    text-align:left;
}
img {border:none;}
body, table td, p, input {
    color:#2A2A2A;
}

input, select, textarea {
    border:1px inset #B7B7B7;
}

.checkbox, .radio {
    border:0px;
    height: 10pt;
}

.pTitle { font-size:12pt; color:#DB4503; }

.size_big      { font-size:12pt;}
.size_smallish { font-size:8pt; }
.size_verysmall{ font-size:7pt;}

.bold  { font-weight:bold; }
.ibold { font-weight:bold; font-style:italic; }

.noX, .noX :link, .noX :active, .noX :visited,
.noX :hover, .noX :visited:hover {
    font-size:7pt; 
    font-style:italic;
}
.noX :hover, .noX :visited:hover {
    color:#DB4503
}

.clr_r   { color:#DB4503;}
.clr_lb  { color:#E4EAED;}
.bkg_lb  { background:#E4EAED}

.brb     { border-right: 1px solid #8FA3C7 }
.bbb     { border-bottom:1px solid #8FA3C7 }

.nowrap  { white-space:nowrap;}

/* fgv classes */
.errMsg  { color:#DB4503; white-space:nowrap; }
.infoMsg { color:#111111; white-space:nowrap; }
.invalid { border-color: #ff0000; background-color: #ccccff; padding-right:2px;}

:link, :visited/*, :active */{
    color:#5773CA;
    text-decoration:none;
    
    /*this causes select boxes to tilt tables*/
    /*border-bottom: none !important;*/
    
    /*this causes resizing labels*/
    /*font-size:9pt;*/
}

.improperYesNo {
    text-align: center;
    padding   : 0px;
    margin    : 0px;
    font-size : 8pt !important;
    color     : #535353;
    display   : none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.flagImproper {
    color:#5773CA; 
    text-decoration:none;
    cursor: pointer;
    /* height: 15px; */
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.flagImproperNoOp {
    color:#5773CA; 
    text-decoration:none;
    cursor: pointer;
    /* height: 15px; */
}

select:hover, input:hover, textarea:hover, label:hover, span:hover, a:hover {
    color:#DB4503; 
    text-decoration:none;
}

#midTitleG, .midTitleG {
    color:#B7B7B7;
    font-size:7pt;
    font-weight:bold;
    letter-spacing:3px;
}
#midTitleR, .midTitleR {
    color:#DB4503;
    font-size:7pt;
    font-weight:bold;
    letter-spacing:3px;
}

#menuTabs {
    padding-left:10px;
    min-width: 580px;
    height:23px;
    background-image: url('../../images/menu/bkg.gif');
    clear: both;
}

.divider {
    color:#B7B7B7;
    font-size:12px;
    padding:0px 5px 0px 5px;
}


.faqCatHeadMenu {
    font-weight:bold;
    color:#535353;
}

.faqCatHead {
    font-weight:bold;
    font-size:11px;
    letter-spacing:1px;
    text-align:center;
    background:#DEDEDE;
    padding: 2px 0px 2px 0px;
}


/* --------------- navigation bar --------------- */
.navBarImg {
    border: 0px;
    height: 16px;
    width: 17px;
    margin-left: 3px;
    vertical-align: middle;
}
.navBarActionImg {
    border: 0px;
    height: 18px;
    vertical-align: middle;
}
.navBar a {
    margin-left: 1px;
    margin-right: 1px
}
.navBar .currentPage {
    margin-left: 2px;
    margin-right: 2px;
    font-weight: bold;
}
.navBar .nr {
    font-weight: bold;
}
.navBar .titleR {
    color:#DB4503;
    font-size:0.9em;
    font-weight:bold;
    padding:0px 10px 0px 12px;
}
.titleR {
    letter-spacing:3px;
}
.navBar .pages {
    padding-left: 4.0em;
}
.navBar {
    line-height: 18px;
    clear: both;
}


/* --------------- tables --------------- */

table.tblMenu    { padding: 0px; margin: 4px 0px 0px 0px; height: 20px; }
table.tblMenu td { padding: 0px; margin: 0px; }


.tbl2    { padding: 0px; margin: 0px; }
.tbl2 td { padding: 0px 0px 5px 0px; }

.tbl3       { padding: 0px; margin: 0px; }
.tbl3 td    { padding: 0px 10px 5px 0px; }
.tbl3 .btn  { padding: 10px 10px 5px 0px;}
.tbl3 .btnr { padding: 10px 10px 5px 0px; text-align:right; }

.tbl4       { padding-left: 5px; margin: 0px;}
.tbl4 td    { padding: 0px 10px 5px 0px; }

.tbl4a      { padding-left: 0px; margin: 0px; }
.tbl4a td   { padding: 0px 10px 5px 0px; }

.tbl_main_ur       { width:100%; padding: 0px; margin: 0px;
    background-image: url('../../images/bg_search.gif')}
.tbl_main_ur td    { padding: 0px 10px 5px 15px; }
.tbl_main_ur th    { text-align:left; 
                     padding: 3px 5px 3px 15px;
                     font-size:11pt;
                     font-weight:bold;}
.tbl_main_ur .btnr { padding: 10px 10px 5px 0px; text-align:right; }

.tbl_main_lr       { width:100%; padding: 0px; margin: 0px;
    background-image: url('../../images/bg_login.gif');}
.tbl_main_lr td    { padding: 0px 10px 5px 15px; }
.tbl_main_lr th    { text-align:left; 
                     padding: 1px 5px 1px 15px;
                     color:white;
                     font-size:10pt;
                     font-weight:bold;
    background-image: url('../../images/bg_searchtop.jpg');
	}
	
.tbl_main_lr .btnr { padding: 10px 10px 5px 0px; text-align:right; }

.rateImg { 
cursor: pointer;
position: relative; 
top: 3px;
margin-left: -4px;
margin-right: -4px;
padding: 0
}

/* --------------- main divs --------------- */

div#pageHeader {
    width:600px;
}

#footer {
    clear:both;
    font-size:7pt;
    margin-top:20px;
    text-align:center;
}

div.markerTooltip {
    z-index: 100000;
}

div.maptip {
    -moz-opacity:.80;
    opacity:.80;
}

.overlay {
	display: none;
    position: absolute;
    z-index: 1;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: gray;
	opacity: 0.4;
}

.tooltipBox {
    display: none;
    position: absolute;
    z-index: 255;
    padding: 5px 10px 5px 10px;
    min-width: 200px;
    max-width: 250px;
    width: 250px;
    border:1px solid #535353;
    background: #F8F8F8;
    font-size: 12px;
    line-height: inherit;
}

/* --------------- display ratio divs --------------- */

/* to correctly align ratio bar when num of comments is > 10, */
/* IE displays correctly when float is right, FF & Opera when float is left */

/* this is interpreted by all browsers (including IE) */
div.ratioDisplay{
    float: left;
}

/* this is interpreted only by non-IE browsers, */
/* and overrides previous float setting */
html>body div.ratioDisplay{
    float: left;
}
