/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

ul.arrowed li a {
    color: #339;
}

h2{
    font-size: 15px;
}
/**
* Generic container to use to hold page content
*/

div.container {
    width: 95%;
    margin: 0 auto;
    text-align: left;
}

/**
* Form items styles
*/

input.button {
    background-color: #CC0000;
    color: #FFF;
}

input.buttonLeft {
    background-color: #336;
    color: #FFF;
}

/**
* Back and forward links
*/
a.back {
    color: #CC0000; 
}

a.forward {
    color: #CC0000;
}

div#mostRecent{
    border: none;
}

/**
* Curves
*/
div#headerContainer .bl, 
div#realFooter .bl,
div#quickSearch .bl {
    background: url(/siteimages/red-bl.gif) 0 100% no-repeat #CC0000; 
}

div#headerContainer .br, 
div#realFooter .br, 
div#quickSearch .br  {
    background: url(/siteimages/red-br.gif) 100% 100% no-repeat;
}

div#headerContainer .tl, 
div#realFooter .tl, 
div#quickSearch .tl {
    background: url(/siteimages/red-tl.gif) 0 0 no-repeat;
}

div#headerContainer .tr, 
div#realFooter .tr, 
div#quickSearch .tr {
    background: url(/siteimages/red-tr.gif) 100% 0 no-repeat;
}

div#mainContentWithSideBar .bl {background: url(/siteimages/grey-bl.gif) 0 100% no-repeat #CCC; }
div#mainContentWithSideBar .br {background: url(/siteimages/grey-br.gif) 100% 100% no-repeat}
div#mainContentWithSideBar .tl {background: url(/siteimages/grey-tl.gif) 0 0 no-repeat #CCC; color: #000;}
div#mainContentWithSideBar .tr {background: url(/siteimages/grey-tr.gif) 100% 0 no-repeat}

div#accountSideNav .bl, div#sideBarUpgradePromo .bl {background: url(/siteimages/dark-grey-bl.gif) 0 100% no-repeat #CCC; }
div#accountSideNav .br, div#sideBarUpgradePromo .br {background: url(/siteimages/dark-grey-br.gif) 100% 100% no-repeat}
div#accountSideNav .tl, div#sideBarUpgradePromo .tl {background: url(/siteimages/dark-grey-tl.gif) 0 0 no-repeat #CCC; color: #000;}
div#accountSideNav .tr, div#sideBarUpgradePromo .tr {background: url(/siteimages/dark-grey-tr.gif) 100% 0 no-repeat}

/**
* Header 
*/

div#headerContainer {
    width: 95%;
    background: none;
    margin: 0 auto;
    height: 20px;
}

div#headerContainer div.container {
/*    width: 985px;*/
}

div#headerRight {
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    margin-right: 10px;
}

div#topHeaderContainer{
    width: 95%;
    padding: 10px 0 5px 0;
    display: table;
    margin: 0 auto;
}

/*
div#topHeaderContainer div#header_real {
    width: 153px;
    height: 68px;
    background: url("/siteimages/header/logo.gif") 0 0 no-repeat;
    float: left;
    margin: 0 0 0 10px;
}

div#header_advertisment{
    width: 468px;
    height: 60px;
    background: url("/siteimages/header/ad.gif") 0 0 no-repeat;
    float: right;
    margin: 0 5px 0 0;
}
*/

/**
* Footer
*/

div#footer {
    width: 95%;
    height: 90px;
    background: none;
    color: #000;
    font-size: 10px;
    margin: 30px auto 0 auto;
    padding: 5px 0 0 0;
}

div#footer div.hr{
    clear: both;
    width: 100%;
    height: 1px;
    margin: 0 0 0 0;
    border-top: 1px solid #999;
}

div#footer ul {
    margin: 5px 0 0 0;
}
    
div#footer a, div#footer ul a, div#realFooter a {
    color: #C00;
    text-decoration: none;
}

div#footer div.column {
    float: left;
    width: 200px;
}

div#footer div#groupHeaders{
    color:#000;
    font-weight:bold;
    font-size: 11px;     
}

div#realFooter{
    width: 95%;
    margin: 30px auto 0 auto;
    font-size: 10px;
}

div#realFooter div.footerBar{
    height: 16px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
}

div#realFooter div.footerBar a {
    color: #FFF;
}

/**
* Offered homepage
*/

div#offeredHome table {
    border-top: 1px #EDA7A7 solid;
}

div#offeredHome table tr.odd {
    background-color: #F9E1E1;
}

div#offeredHome table tr.even {
    background-color: #FDE8E8;
}

div#offeredHome td {
    border-bottom: 1px #EDA7A7 solid;
}

div#offeredHome td a:hover,
div#offeredHome td.over a {
    color: #CC0000;
}

/**
* wanted homepage
*/

div#wantedHome {
    background-color:#EEEEEE;
    height:336px;
    margin:0pt;
    padding:0pt;
}

div#wantedHome div#heightSpecifier {
    height:300px;
    padding:10px;
}

div#wantedHome div#latestAds table {
    border-top: 1px #EDA7A7 solid;
}

div#wantedHome div#latestAds table tr.odd {
    background-color: #F9E1E1;
}
    
div#wantedHome div#latestAds table tr.even {
    background-color: #FDE8E8;
}   

div#wantedHome div#latestAds td {
    border-bottom: 1px #EDA7A7 solid;
}

div#wantedHome div#latestAds h3, div#wantedHome div#leftContent h3 {
    font-size: 13px;
}

div#wantedHome div#leftContent{
    font-size: 11px;
}

/**
* Location browser
*/
div#locationBrowser table#regions {
    border-top: 1px #EDA7A7 solid;
}

div#locationBrowser table#regions tr.odd {
    background-color: #F9E1E1;
}

div#locationBrowser table#regions tr.even {
    background-color: #FDE8E8;
}

div#locationBrowser table#regions td {
    border-bottom: 1px #EDA7A7 solid;
}

div#locationBrowser div.alpha {
    color: #336;
}

div#locationBrowser div#townSelect table {
    border-top: 1px #EDA7A7 solid;
}

div#locationBrowser div#townSelect tr.odd {
    background-color: #F9E1E1;
}

div#locationBrowser div#townSelect tr.even {
    background-color: #FDE8E8;
}

div#locationBrowser div#townSelect td {
    border-bottom: 1px #EDA7A7 solid;
}

/**
* Search results
*/

div#search div#pageNav ul li.selected {
    background-color: #CC0000;
}

div#search div#resultsNav ul li a {
    color: #CC0000;
}

div#search div#pageNav ul li a {
    color: #CC0000;
}

div#search div.promo {
    border: 1px #CC0000 solid;
}

div#search div.promo a.forward {
    color: #CC0000;
}

/**
* Ad Views
*/

div.searchResult div.priority div.title,
div.searchResult div.priority div.titleNew,
div.searchResult div.priority div.titleUpdated {
    color: #CC0000;
}

/**
* Quick search
*/

div#quickSearch {
    background-color: #F9E1E1;
    color: #CC0000;
}

div#quickSearch h2 {
    background-color: #336;
    color: #FFF;
}

div#quickSearch input.button {
    background-color: #FFF;
    color: #CC0000;
}

div#quickSearch a.forward {
    background-image: url('/images/arrow_right.gif');
    color: #CC0000;
}


/**
* My account side nav
*/
div#accountSideNav div#logonLinks a {
    color: #000;
    font-size: 10pt;
}

/**
* Side bar promos
*/
div#sideBarUpgradePromo li {
    color: #CC0000;
}

div#sideBarUpgradePromo input.button {
    background-image: url('/siteimages/button_right_grey.gif');
}

/**
* Upgrade page
*/
div#upgrade div#packageChooser a {
    color: #CC0000;
}

div#upgrade table.prices {
    border: 1px #336 solid;
}

div#upgrade table.prices tr.header {
    background-color: #CCF;
}

div#upgrade table.prices th {
    border: 1px #66C solid;
}

div#upgrade table.prices th.price {
    border-right: 1px #336 solid;
}

div#accountSideNav h2, div#accountSideNav div#logonInfo
{
    background-color: #666666;
}

div#accountSideNav
{
    background-color: #EEE;
    padding: 0;
    margin: 10px 0 0 0;
}


/*.clear {font-size: 1px; height: 1px}*/

div#real_switcher {
    position: relative;
    width: 500px;
    height: 20px;
    margin-top: 5px;
    margin: 0;
}

div#real_switcher #tmp_menu {
margin:0 0 0 0;
}
div#real_switcher #tmp_menu a {
color:#FFFFFF;
text-decoration:none;
}
div#real_switcher a {
color:#CC0000;
font-weight:bold;
text-decoration:none;
}

div#real_switcher #tmp_menu .menubar {

color:#FFFFFF;
padding:0pt 0pt 0pt 7px;
}
div#real_switcher #tmp_menu .menubar ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:-2px 0pt 0pt;
padding:0pt;     
}
div#real_switcher #tmp_menu .menubar li {
background:transparent url(/siteimages/menu/hov_tr.gif) no-repeat scroll right top;
float:left;
margin-right:2px;
position:relative;
width:auto;
}
div#real_switcher #tmp_menu .menubar li a {
background:#CC0000 url(/siteimages/menu/off_t.gif) repeat-x scroll center top;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.0909em;
padding:4px 5px;
width:auto;
}
div#real_switcher #tmp_menu .menubar li a:hover {
background:transparent url(/siteimages/menu/hov_tl.gif) no-repeat scroll left top;
}
div#real_switcher #tmp_menu .menubar li.high {
background:transparent url(/siteimages/menu/on_tr.gif) no-repeat scroll right top;
}
div#real_switcher #tmp_menu .menubar li.high a {
background:transparent url(/siteimages/menu/on_tl.gif) no-repeat scroll left top;
color:#5A5A5A;
padding: 4px;
}
div#real_switcher #tmp_menu .login {
background:transparent url(/siteimages/bar_tr.gif) no-repeat scroll right top;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.2em;
padding:2px 12px 2px 5px;
}

#loginRegister{
    margin: 0 7px 0 0;
}
#headerLogin table{
    margin: 0;
    padding: 0;
}
#headerLogin table td{
    margin: 0;
    padding: 0 0 0 5px;
}
#headerLogin #quickLoginEmail, #headerLogin #quickLoginPassword{
    height: 10px;
    font-size: 9px !important;
}

/* Offered */

div#offeredHome {
    height: 361px;
    background-color: #EEE;
    margin: 0;
    padding: 0;
}

div#offeredHome div#heightSpecifier {
    height: 310px;
    padding: 10px;
}

div#offeredHome div#leftContent div#leftCol, div#wantedHome div#leftContent div#leftCol {
    background: none;
    font-size:11px;
    height:150px;
    padding:5px;
    width:63%;
    background-color: #FFF;
}

div#offeredHome div#leftContent div#rightCol, div#wantedHome div#leftContent div#rightCol {
    background:none;
    font-size:11px;
    height:150px;
    padding:5px;
    width:33%;
}

div.topTitle{
    padding:0px 2px 4px 10px;
    font-size: 13px;
    height: 12px;
    font-weight: bold;
}

div#accountSideNav ul li, div#sideBarUpgradePromo ul li {
    background:transparent url(/images/arrow_right.gif) no-repeat scroll 0pt 3px;
    list-style-type:none;
    margin:0pt;
    padding:0pt 0pt 0pt 10px;
}

div#accountSideNav ul li a, div#sideBarUpgradePromo ul li a {
    color:#C00;
}

div#sideBarUpgradePromo ul {
    margin:0pt 0pt 5px;
    padding-left:10px;
}

div#accountContainer, div#sideBarUpgradePromo div.upgradeContent{
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}

div#accountContainer div#loginInfo{
    background-color: #FFF;
    padding-bottom: 5px;    
}

div.upgradeContent{
    padding: 5px 0;    
}

div#accountContainer div#loginInfo p, div.upgradeContent p{
    padding: 2px 0 0 7px;
    color: #666;
    margin: 0;
}

div#accountContainer div#options{
    border-top: 1px solid #666;
    padding-bottom: 5px;
}

div#sideBarUpgradePromo {
    background-color:#EEE;
    margin-top:10px;
    padding:0px;
    border: none;
}

div#sidebarLinks{
    margin: 10px 0 0 10px;
}

div#sidebarLinks ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0pt;
    padding:0pt;  
}

#sidebarLinks ul li {
    display:inline;
    margin:0pt;
    padding:0pt;
}

#sidebarLinks li a {
    background-image:url(/siteimages/sidebar-links-matrix.gif);
    background-position:0pt;
    background-repeat:no-repeat;
    display:block;
    float:left;
    margin:3px 5px 0pt 0pt;
    overflow:hidden;
    text-indent:-1234em;
    width:167px;
    height:20px;         
}

#sidebarLinks li#offeredLink a {
    background-position:-165px 0px;
}
#sidebarLinks li#offeredLink.current a, #sidebarLinks li#offeredLink a:hover {
    background-position:-165px -20px;
}
#sidebarLinks li#wantedLink a {
    background-position: 0 0;
}
#sidebarLinks li#wantedLink.current a, #sidebarLinks li#wantedLink a:hover {
    background-position: 0 -20px;
}
