/* Standard 68 Classifieds Style Sheet */


body {


        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
        background-image : url("images/bfade.jpg");
        background-color: #e8edf1;
        background-repeat: repeat-x;
        text-align: center;
}


#wrapper {


        text-align: left;


        width: 950px;


        background-color: #FFFFFF;


        border: 1px solid #000000;


        padding: 5px;


        margin: 10px auto;


}


#header {


        text-align: left;


}


.topbar {


        background-image:  url("images/mem_bar.gif");


        background-repeat: repeat-x;


        height: 52px;


        font-family: Verdana, Arial, Helvetica, sans-serif;


        font-size: small;


        color: #333333;


        text-align: center;


        padding: 5px;


}





/* Navigation Styles */


.navigation{


        border: 1px solid #5A89C0;


        width: 175px;


}


.navTitle {


        font-weight: bold;


        color: #FFFFFF;


        background: #5487BF url("images/fade.gif");


        border-bottom: 1px solid #5A89C0;


        text-indent: 5px;


        padding: 5px;


        margin: 5px;


}


.navlist{


        font-weight: bold;


        background-color:#F1F1F1;


        text-indent: 5px;


        padding: 3px;


}


.navlist:hover {


        background-color: #FFFFFF;


}


a.navlist:link { color: #448; }


a.navlist:visited{ color: #667; }


a.navlist:hover { color: #5487BF; font-weight: bold; background-color: #FFFFFF; }








/* Main Table


 * This class handles the appearence of the


 * the main tables used with 68classifieds


 *


*/


table.main {


        border: 1px solid #000000;


        background-color: #FFFFFF;


}





/* TH


 * This class handles the appearence of the


 * the first row in all tables. With the default


 * template this is the blue row.


 *


*/


th {


        font-weight: bold;


        color: #FFFFFF;


        background: #5487BF url("images/fade.gif");


        border-bottom: 1px solid #5A89C0;


        text-indent: 5px;


        padding: 5px;


        margin: 5px;


        font-size: 12px;


}





/* Table Border


 * This class handles the inside table layout


 *


*/


.tableborder {


        border: 1px solid #000;


        width: 95%;


        padding: 0px;


        margin:0px;


}


/* Sortable


* Sort the show listings table


*


*/


table.sortable


{


        border: 1px solid #000;


        width: 95%;


        padding: 0px;


        margin:0px;


}


table.sortable span.sortarrow


{


    text-decoration: none;


        color: #FFF;


}


a.sortheader:link {


        text-decoration: underline;


        color: #FFF;


}


a.sortheader:visited {


        text-decoration: underline;


        color: #FFF;


}


a.sortheader:hover {


        text-decoration: none;


        color: #FFF;


}


/* Featured Listings


 * td.featured handles the display of featured listings


 *


*/


td.featured{


        background-color:#F1F1F1;


}


/* Highlighted Listings


 * td.highlighted handles the display of highlighted listings


 *


*/


td.highlighted{


        /*background-color:#CAE6CE;*/


        background-color:#FFF7D2;


}


/* row1 & row2


 * This section handles alternating rows


 *


*/


.row1{


     background-color:#d0d0d0;


     background-color:#F1F1F1;


}


.row2{


     background-color:#FFF;


}





/* Form styles */


/*


 * The form styles section displays information about the forms


 * formstrip is the part above the form fields


 * formleft & formright deal with the left and right <td> in the form output.


 *


*/


.formstrip { background-color: #FFF; color: #448; font-weight: bold; font-size: 12px; padding: 4px; }


.formstriperror {background-color: #FFF; color: #FF0000; font-weight: bold; font-size: 13px; padding: 4px; text-align: center; }


.formstrip a:link, .formstrip a:active, .formstrip a:visited { color: #448 }


.formstrip a:hover { color: #5487BF }


.formleft  {


        background-color: #FFFFFF;


        font-weight: bold;


        padding: 5px;


        margin: 5px;


}


.formright  {


        background-color: #FFFFFF;


        padding: 5px;


        margin: 5px;


        text-align: left;


}


.formsmall  { background-color: #FFFFFF; color: #000000; padding: 4px; }


input,select,textarea


{


        border: 1px solid #000000;


        color: #000000;


        background-color: #FFFFFF;


        font-family: Verdana, Arial, Geneva;


        font-size: 10px;


}





/* Required fields */


.required {font-size: 9px; font-weight: bold; color: #FF0000; }


.error{


        color: #000000;


        background: #FFF;


        margin: 5px;


        padding: 5px;


        width: 80%;


        border: 1px solid red;


        text-align: center;


}





/* Expired Listings */


.expired {font-weight: bold; color:#000000; }





/* Link Styles


 *


*/


a:link{


        color: #448;


}


a:visited{


        color: #667;


}


a:hover{


        color: #5487BF;


}


a:active {


        color: #FF0000;


}


/* Breadcrumb


 * This class handles the category


 * breadcrumb trail


*/


.breadcrumb{ color: #448; }


a.breadcrumb:link { color: #448; }


a.breadcrumb:visited{ color: #667; }


a.breadcrumb:hover { color: #5487BF; }





/* Pagination


 * This class handles the appearence of the


 * previous and next section


 *


*/


.pageNav td { padding: 2px 4px 2px 4px; }


.pageNav a { text-decoration: none; }





.pagination{


        text-align: right;


        background-color: #7088b0;


        color: #333333;


}


.paginationNum{


        background-color: #FFFFFF;


        color: #333333;


}


.navigationBack{


        background-color: #809ac5;


        color: #FFFFFF;


        font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;


        padding: 3px 6px 3px 6px;


        white-space: nowrap;


}


.navigation{


        font: x-small verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;


}


/* Characters


 * This class is used when a user is placing an ad


 * It formats the characters remaining


*/


.characters{


        color: #666666; font-size: 9px;


}


/* Icons


 * The following classes are used on the userindex page


 * it formats the icons and links.


*/


div.icon   {


        margin: 3px;


        text-align: center;


}


div.icon a {


        display: block;


        height: 93px !important;


        height: 95px;


        width: 108px !important;


        width: 110px;


        vertical-align: middle;


        text-decoration : none;


        border: 1px solid #DDD;


        padding: 2px 5px 1px 5px;


        text-align: center;


}


div.iconimage {


        padding-top: 13px;


        text-align: center;


}



#tsb {
        background: #ff9;

}