html *
{
    margin: 0px;
    border-width: 0px;
    padding: 0px;
}

body
{
    margin: 1px;
    padding: 0px;
    color: black;
}

h1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 10px
}

h3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

h4
{
    font-family: Times, serif;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 16px;
}

h5
{
    font-family: Times, serif;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    text-align: center;

}

hr
{
    width: 100%;
    border-top: solid black 1px;
    text-align: center;
    margin: 5 auto 5 auto;
}


blockquote
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 25px 0 25px;
    margin: 20px;

}

p, pre, td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

a, a:visited, a:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #336633;
    text-decoration: none;
}

a:hover, a:active
{
    color: #000000;
    text-decoration: underline;
}


ol, ul
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 0px 0px 4px 4px;
    margin: 0 5px 0 20px ;
}

ul
{
    list-style-image: url("../images/bt.gif");
}

li
{
    padding: 0;
    margin: 1px 0 3px 0;
}

.fine_print
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 10px;
    text-align: justify;
    margin: 2px 25px 4px 25px;
}


.hidden
{
    /*Bug 100: The float:left breaks the submit buttons in IE
               if they are used within this class. If this
               breaks other stuff, move it to ie.css, but
               I think this is left over from something
               and not needed.  The .hidden class is really
               just supposed to group several elements inside
               a div to make hiding them easier.  It should not
               format them.
    float: left; */

    display:none;
}


div#globalContainer
{
    width: 776px;
    overflow: hidden;
    background-color: #79AC71;
}

div#pageContent
{
    float:left;
    min-height: 800px;
    width: 596px;
    padding-left: 2px;
    background-color: white;
    margin: 0px;
}

div#info_message
{
    background-color: #fff888;
    border: solid black 1px;
    clear:left;
    margin:20px;
    padding: 10px;
    width: 510px;

    font-size: 12px;
}

div#errors
{
     clear:left;
     margin:20px;
     padding: 30px;
     width: 500px;
     overflow: hidden;
     border: solid black 1px;
     background-color: #eeaaaa;
}
div#errors p
{
     width: 500px;
     margin-top: 6px;
     font-family: Arial,Helvetica;
     font-size: 12px;
     color: black;
}

/***********************************************************************
    Form Fields and Labels
 ***********************************************************************/
.field {
    width: 300px;
    border: solid #79AC71 1px;
}

.field_invalid {
    width: 300px;
    background-color: #fff888;
    border: solid #79AC71 1px;
}

.field_float
{
    float: left;
}

.clear {
    clear:both;

    height: 7px;
    width: 7px;
    overflow: hidden;
}

label
{
    float: left;
    width: 132px;
    height: 18px;

    font-family: Arial,Helvetica;
    font-size: 12px;
    font-weight: 400;
    color: #336633;

    margin-top: 1px;
}

legend
{
    font-family: Arial,Helvetica;
    font-size: 15px;
    font-weight: 700;
    color: black;
}

fieldset
{
    margin: 25px 0 0 5px;
    padding: 0 5px 25px 5px;
    width: 576px;

    font-family: Arial,Helvetica;
    font-size: 15px;

    color: black;

    border: solid black 1px;
}

fieldset p
{
    clear: left;
    margin-top: 10px;
}

.highlight_button_bookends
{
    position:relative;
    float:right;
    padding:0;
    margin:0;
}

.highlight_button
{
    position:relative;
    float:right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: white;

    background-color: #336633;
    background-image: url("../images/button_background_green.png");
    background-repeat: repeat;
    height:32px;

    padding:0 0 5px 0;
    margin:0;
}

.highlight_button:hover
{
    color: #fff888;
}

.feature_group
{
    float: left;
    width: auto;
    height: auto;

    margin: 5px 0px 0px 5px;
    padding: 0px 10px 0 10px;

    border: solid #336633 1px;
    background-color: #79AC71;
    color: black; 
    font-size: 11px;
}


#best_value
{
    background: url(../images/best_value.png) #79AC71 no-repeat 100% 90%;
}

#options_centered
{
    margin-left:175px;
    width:240px;
    height: auto;
}


.feature_group legend
{
    background-color: white;
    padding: 4px 10px 4px 10px;
    margin: 0px 6px 10px 0px;
    border: solid #336633 1px;
}

.feature_group label
{
    float: left;
    font-size: 11px;
    color: white;
    width: 150px;
}

.feature_group ul
{
    margin-left: 15px;
    list-style-image: url("../images/bt.gif");
}

.feature_group input, .feature_group select, .feature_group textarea
{
    float: left;
    width: auto;
}

.feature_group p
{
    color: black;
    margin: 0px;
    padding: 0px;
    width: 150px;

}

.feature_group input[type=checkbox]
{
    /*Bug 66*/
    margin-right:8px;
}

.totals_row
{
    float: left;
    color: black;
    font-weight: bold;
    font-size: 16px;
    text-align: right;

    border-top: solid black 1px;

    width: 206px;
    margin: 6px 0px 0px 43px;
    padding-right: 56px;
}

/***********************************************************************
    Top Bar and Top Nav
 ***********************************************************************/

div#topBar
{
    width: 780px;
    overflow:hidden;

}

div#topBar img
{
    float:left;
    margin: 0;
    padding: 0;
    border: none;
}


/***********************************************************************
    Side Bar
 ***********************************************************************/

div#sideBar
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: left;
    width: 178px;
    overflow: hidden;
    background-color: #79AC71;
    padding-top: 0px;
    color: white;

}
div#sideBar div
{
    width: 163px;
    background-repeat: no-repeat;
    margin: 9px 3px 0px 6px;
    padding: 0;
    border: solid #336633 1px;

}

div#sideBar h1
{
    font-size: 13px;
    font-weight: bold;
    padding: 11px 0px 10px 4px;
    margin: 0;

    text-align: left;
}

div#sideBar ul
{
    list-style-image: url("../images/bt.gif");
    font-size: 11px;
    font-weight: normal;
    padding: 0px 0px 4px 4px;
    margin: 0 5px 0 20px ;
}

div#sideBar li
{
    padding: 0;
    margin: 1px 0 3px 0;
}

div#sideBar a 
{
    color: white;
}

div#sideBar #home
{
    border: none;
    font-family: Arial,Helvetica;
    font-size: 12px;
    font-weight: 700;

    padding: 0;
    margin: 9px 0 16px 14px;
}

div#sideBar #home img
{
    padding-right: 1px;
}

#menuBG1
{
    background-image: url("../images/menuBG1.jpg");
}

#menuBG2
{
    background-image: url("../images/menuBG2.jpg");
}

#menuBG3
{
    background-image: url("../images/menuBG3.jpg");
}

#menuBG4
{
    background-image: url("../images/menuBG4.jpg");
}



/***********************************************************************
    Footer
 ***********************************************************************/
div#footer_top
{
    width: 598px;
    height: auto;
    overflow: hidden;
    clear: both;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: black;
    background-color: white;

    text-align: center;
    margin: 0px 0 0 178px;
    padding-top: 10px;
}

div#footer_top hr
{
    width:250px;
    border-top: solid gray 1px;
    text-align: center;
    margin: 0 auto 0 auto;
}

div#footer_top p
{
    margin: 4px 0 5px 0;
}

.footer
{
    clear: left;
    color: white;
    width: 777px;
    height: 70px;
    overflow: hidden;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-image: url("../images/ft_right.jpg");
    background-position: top right;

    text-align: center;
}

.footer img
{
    float:left;
}

.footer p
{
    padding: 11px 0px 0 0px;
}

.footer a, .footer a:visited, .footer a:link
{
    color: #FFFFFE;
}

.footer_gray, .footer_gray a
{
    margin-top: 1px;
    color: #CACACA;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}



/***********************************************************************
    Hint Popups
 ***********************************************************************/
div.hint_wrapper
{
    position: absolute; /* Coordinates are set dynamically by Javascript     */
    top: 0px;           /* function when page is loading, as position of     */
    left: 0px;          /* input elements changes (e.g. validation errors)   */
    width: 300px;
    height: auto;

    display:none;       /* hints are only shown for each respective input
                           element, when it has the focus                    */

    background-image: url("../images/hint_box_top.gif");
    background-repeat: no-repeat;
    background-position: left top;
}

div.hint_content
{
    margin-top: 30px;
    margin-left: 69px;
    padding: 10px;
    padding-top: 0;


    border: solid #79AC71 1px;
    border-top-style: none;

    font-family: Arial,Helvetica;
    font-size: 7pt;
    background-color: #dafada;
    color: black;
}

div.hint_content b
{
    font-weight: 900;
    color: green;
}

div.hint_content ul
{
    margin-left: 20px;
    list-style-image: url("../images/bt.gif");
}

div.hint_content li
{
    margin-bottom: 4px;
}

/***********************************************************************
    Ad Display
 ***********************************************************************/
.ad_detail
{
    width: 594px;
    margin-left: 10px;
    overflow: hidden;
}

.ad_detail p
{
    clear: both;

    font-family: Arial,Helvetica;
    font-size: 12px;
    font-weight: normal;

    color: black;

    text-align: left;
}

.ad_detail label
{
    font-family: Arial,Helvetica;
    font-size: 11px;
    color: #79AC71;
    font-weight: bold;
    width: 95px;
    margin: 0;
}

.ad_detail b
{
    color: #79AC71;
}

.ad_title {
    float: right;
    width: 250px;
    height: auto;
}

.ad_title label{
    width: 60px;
}

.column {
    float:left;
    width: 188px;
    margin-right: 6px;
}

.ad_detail h1
{
    font-size: 14px;
    font-weight: bold;
}

.ad_detail h3
{
    clear: both;

    font-family: Arial,Helvetica;
    font-size: 15px;
    font-weight: bold;
    color: 000000;

    margin: 15px 0px 5px 0px;

    border-top: solid black 1px;
/*    border-bottom: solid black 1px;*/

    width: 580px;
}


.bullet
{
    display: list-item;
    list-style-image: url("../images/check.gif");
    margin: 0;
    padding: 0;
}



.thumbnail
{
    /* Bug 67: Need to float pictures for 
               the "existing pictures" box */
    float: left;

    border: solid #79AC71 1px;
    padding: 4px;
    color: #79AC71;
    margin-right: 6px;
}

.thumbnail p {

    color: #79AC71;
    font-size: 10px;
    text-align: center;
}

.thumbnail_bar {

    width: 580px;
    height: auto;

    overflow: auto;

    border-top: solid red 1px;
    border-bottom: solid red 1px;
}

.thumbnail_bar .thumbnail
{
    /* need to turn off floating so the pictures 
       string up to one long row instead of floating 
       to the next "line" underneath */
    float: none;
    margin-right: 2px;
}

/***********************************************************************
    Search Results
 ***********************************************************************/

table.search_results
{
    table-layout: fixed;
    border-collapse: collapse;

    background-color: white;

    width: 580px;
    padding: 0;
    margin-left: 5px;
}

.search_results th
{
    background-color: white;
    color: black;
    border-right: solid white 1px;
    border-bottom: solid white 1px;
}
.search_results th a
{
    color: black;
}

.search_results td
{
    color: black;

    /*border-right: solid #79AC71 1px;
    border-bottom: solid #79AC71 1px;*/

    margin: 0;
    padding: 0px 4px 0px 4px;

    /* left align looks better for message list
       if you need centered use <p> */
    text-align:left;
}

.priority_listing {
    background-color: #f0fff0;
}


.search_results p
{
    color: #79AC71;
    text-align:center;
}

.search_results td a
{
    text-align:center;
}

tr.display_message
{
    background-color: #336633;
    color: #79AC71;
}
tr.seperator {
    background-color: black;
    border: solid black 2px;
}


tr.display_message td, tr.display_message a
{
    color: #79AC71;
}

.search_results td img
{
    margin-left: -4px;
}

.search_results tr:hover
{
    background-color: #dafada;
}

.result_pages
{
    text-align: right;
    color: black;
    margin-right: 15px;
}

.result_pages a
{
    text-decoration: underline;
}

table.invoice
{
    /*border-collapse: collapse;*/
    vertical-align: top;

    background-color: white;

    width: 580px;
    padding: 0;
    margin: 10px;

    text-align: left;
}

table.invoice th, table.invoice td
{
    text-align: justify;
    padding-left: 20px;
}

tr.total
{
    background: #ffe0e0;
    border-top: solid black 2px;
}

td.vertical_separator
{
    border-right: solid black 1px;
}