/*  ____ _               _  __ _          _     
   / ___| | __ _ ___ ___(_)/ _(_) ___  __| |___ 
  | |   | |/ _` / __/ __| | |_| |/ _ \/ _` / __|
  | |___| | (_| \__ \__ \ |  _| |  __/ (_| \__ \
   \____|_|\__,_|___/___/_|_| |_|\___|\__,_|___/
*/

/***************************************
* The following elements are used in the 
* ----- classified post flow -----
***************************************/

/* 
-  this is used for the post flow box at the top 
-  which usually holds some kind of copy-line
*/
#bako_post_title {

  color: #FFFFFF;
  background-color: #003366;
  font-family: Verdana,Arial;
  font-size: 20px;
  font-weight: bold;
  padding : 5px;
}


/*
-  This is a style for the box that holds the 
-  "one two three" graphic elements in the 
-  classified post flow
*/
#bako_post_123 {
  padding-top: 3%; 
  padding-bottom: 3%;
  background-color: #FFFFFF;
  text-align: center;
}


/*
-  This style is for the status bar that's shown
-  in the classified post-flow. It's the place 
-  you'll see "you are buying a basic ad" or whatever
*/
#bako_post_status {
  height: 29px;
  background-image: url('http://people.bakersfield.com/graphics/bg_beige_bar.png'); 
  border: 1px solid #000000;
  padding-left: 10px;
  font-size: medium;
  vertical-align: middle;
  margin-bottom: 10px;
}

/*
-  This style is for the status bar that's shown
-  in the classified post-flow. It's the place 
-  you'll see Place an Ad in Farm and Ranch... or whatever
*/
#bako_post_infobar {
  height: 29px;
  background-image: url('http://people.bakersfield.com/graphics/bg_beige_bar.png'); 
  border: 1px solid #000000;
  text-align: center;
  font-size: medium;
  vertical-align: middle;
  margin-bottom: 10px;
}


/*
-  This style is for the status bar that's shown
-  in the classified post-flow. It's the place 
-  you'll see "you are buying a basic ad" or whatever
*/
.bako_post_status_text {
  line-height: 29px;
}

.bako_post_packagebar {

  background-image: url('http://people.bakersfield.com/graphics/bg_blue_bar.png'); 
  height      : 26px;
  color       : #fff;
  font-size   : 14px;
  font-weight : bold;
  padding-left: 8px;
  margin-bottom: 3px;
}

.bako_post_packagebar span {

  line-height : 26px;
}

/*
-  This style is for the bar which holds the title
-  lines for the boxes on the right side of the  
-  classified post flow step 1.5 (where you put in details)
*/
#bako_post_greybar {
  width: 170px; 
  height: 27px;
  background-image: url('http://people.bakersfield.com/graphics/bg_gray_bar.png'); 
  border: 1px solid #000000;
  color: #FFFFFF;
}

.bako_post_greybar {

  background-image: url('http://people.bakersfield.com/graphics/bg_gray_bar.png'); 
  height      : 26px;
  font-size   : 12px;
  font-weight : bold;
  padding-left: 8px;
}

.bako_post_greybar span {

  line-height : 26px;
}

.bako_post_greybar div {

  float       : right;
  line-height : 26px;
  margin-right: 8px;
}

.bako_post_greybar div a {
  
  color           : #000;
  font-size       : 12px;
  text-decoration : underline;
}

/*
- This style sets up the padding and width for the  
- little boxes which contain info about various packages
*/
#bako_post_packagetable {
  width: 50%; 
  margin-right: 30px; 
  margin-bottom: 20px;
}

/*
- This is the style for the table row that contains the 
- descriptive text for each package
*/
#bako_post_packagetr {
  background-color: #eaeaea;
}

/*
- This style is for the inner <td> that 
- handles how the descriptive text is boxed
*/
#bako_post_packagetd {
  border-bottom: thin solid #000000; 
  border-left: thin solid #000000; 
  border-right: thin solid #000000;
}

/*
- This style is for the descriptive text for
- packages.
*/
#bako_post_package_text {
  margin-left: 25px;
  margin-top: 5px;
  margin-right: 8px;
}



/*
- This style is for the stupid redundant box at the
- bottom of the screen on the classified post flow
- that tells you you can build your own package.
*/
#bako_post_idiotbox {
  margin: 10px;
  bgcolor: f0f4f7; /* I got this from an eyedropper, so don't ask */
  border: thin solid #a2bcce;
}

/*****************************************
* End of elements for classified post flow
******************************************/


@import url("top_ads.css");

#bako_adminheader {
  margin-top:0px;
}

div.bako_boxcontent {
  padding-top:0px;
}

div#content {
  margin-top:20px;
}

/* for IE 6 */
/*\*/
* html div#bako_header, * html div#bako_footer {
  margin-left:0px;
}

* html div#bako_leaderboard {

}
/**/

div#bakoClassifieds a, div#adDetails a, div#peopleContent a {
  text-decoration:underline;
}

div#bako_menu {
  margin-bottom:20px;
}

a:focus {
  -moz-outline:0;
}

div#bakoClassifieds div#classifiedAds2 li p, div#bakoClassifieds div#classifiedAds2 li p.category, div#peopleContent div#rightCol ul li p, div#adDetails p, h2.tagCloud, h3.tagCloud {
  line-height:normal !important;
}

div#bakoClassifieds {
  margin:20px 0 20px 0;
  overflow:hidden;
  padding:0px;
  width:580px;
}

/*========================================================
## left & right columns
========================================================*/
div#bakoClassifieds div#leftColumn {
  float:left;
  margin:0px;
  padding:0px;
  width:180px;
}

div#bakoClassifieds div#leftColumn ul li {
  margin:10px 0 0 0;
  padding:0px;
}

div#bakoClassifieds div#leftColumn h2, div#right h2.peopleContent {
  border-top:2px solid #999;
  border-bottom:2px solid #999;
  color:#f7941d;
  font-size:110%;
  margin:0px;
  padding:3px 0 3px 0;
}

div#right h2.peopleContent {
  margin-top:30px;
  width:300px;
}

div#right ul {
  list-style:none;
  margin:10px 0 0 0;
  padding:0px;
  width:300px;
}

div#right ul li {
  margin:0 0 15px 0;
  overflow:hidden;
  padding:0px;
  width:100%;
}

div#right ul li img {
  border:1px solid #000;
  float:left;
  margin:0 10px 0 0;
}

div#right ul li.noContent {
  color:#999;
  font-size:110%;
  font-weight:bold;
  text-align:center;
}

div#right ul li h3 {
  font-size:100%;
  font-weight:normal;
}

div#right ul li span, div#right ul li span a {
  color:#666;
}

div#right ul li.more {
  /*border-top:1px dotted #ccc;*/
  margin:10px 0 0 0;
  /*padding:10px 0 0 0;*/
  padding:0px;
  text-align:center;
}

/* users */
div#right ul#usersInto li {
  float:left;
  height:90px;
  margin:10px 5px 10px 0;
  padding:0px;
  text-align:center;
  width:90px;
}

div#right ul#usersInto li p {
  margin:0px;
  padding:0px;
}

div#right ul#usersInto li img {
  border:0px;
  float:none;
  margin:0px;
}

div#right ul#usersInto li.more {
  /*border-top:1px dotted #ccc;*/
  clear:left;
  float:none;
  height:auto;
  margin:10px 0 0 0;
  padding:0px;
  text-align:center;
  width:300px;
}

div#right ul#usersInto li.noContent {
  border:0px;
  float:none;
  height:auto;
  margin:0px;
  padding:0px;
  text-align:center;
  width:300px;
}

/* category tiles */
div#categoryQuickLinks {
  margin:20px 0 20px 0;
  overflow:hidden;
  padding:0px;
  width:580px;
}

div#categoryQuickLinks h1 {
  background-position:top left;
  background-repeat:no-repeat;
  float:left;
  height:53px;
  margin:0 0 0 16px;
  padding:0px;
  width:133px;
}

div#categoryQuickLinks h1 a {
  background:none;
  display:block;
  font:normal x-small Verdana, Arial, sans-serif;
  height:35px;
  padding-top:18px;
  text-decoration:underline;
}

div#categoryQuickLinks h1 a:hover {
  color:#c00;
}

div#categoryQuickLinks h1.homes {
  background-image:url(http://people.bakersfield.com/graphics/category_homes.gif);
  margin-left:0px;
}

div#categoryQuickLinks h1.homes a {
  padding-left:72px;
  width:61px;
}

div#categoryQuickLinks h1.jobs {
  background-image:url(http://people.bakersfield.com/graphics/category_jobs.gif);
}

div#categoryQuickLinks h1.jobs a {
  padding-left:65px;
  width:68px;
}

div#categoryQuickLinks h1.wheels {
  background-image:url(http://people.bakersfield.com/graphics/category_wheels.gif);
}

div#categoryQuickLinks h1.wheels a {
  padding-left:84px;
  width:49px;
}

div#categoryQuickLinks h1.merchandise {
  background-image:url(http://people.bakersfield.com/graphics/category_merchandise.gif);
}

div#categoryQuickLinks h1.merchandise a {
  padding-left:56px;
  width:77px;
}

div#placeAnAd {
  background:url(http://people.bakersfield.com/graphics/bg_place_ad_bottom.png) bottom left no-repeat;
  margin:20px 0 20px 0;
  padding:0 0 18px 0;
  width:300px;
}

div#placeAnAd h1 {
  background:url(http://people.bakersfield.com/graphics/bg_place_ad_top.png) top left no-repeat;
  font:bold medium Arial, sans-serif;
  margin:0px;
  padding:15px;
  text-align:center;
  width:270px;
}

div#placeAnAd p {
  margin-left:15px;
  margin-right:15px;
}

div#placeAnAd ul {
  margin:0 15px 0 40px;
  padding:0 0 9px 0;
  width:200px;
}

div#placeAnAd ul li {
  margin:0 0 6px 0;
  width:200px;
}

div#placeAnAd h2 {
  background:url(http://people.bakersfield.com/graphics/place_ad_button.gif) top left no-repeat;
  height:30px;
  margin:0 auto 0 auto;
  padding:0px;
  width:160px;
}

div#placeAnAd h2 a {
  float:left;
  height:30px;
  text-indent:-2000px;
  width:160px;
}

div#bako_menu div.ad_box {
  margin:0 0 20px 0;
}

div#bako_menu div.ad_box h2 {
  background:#e5e5e5 url(http://people.bakersfield.com/graphics/title_advertisement.gif) 50% 50% no-repeat;
  height:11px !important;
  font-size:x-small;
  margin:0px;
  padding:0px !important;
  text-indent:-2000px;
  width:300px;
}

/* view web photo box */
div#viewPhoto {
    border:1px solid #000;
    margin:0 0 20px 0;
    width:300px;
}

div#viewPhoto h2 {
    background:#369 url(http://people.bakersfield.com/graphics/right_box_header.png) top left repeat-x;
    border-bottom:1px solid #000;
    color:#fff;
    font-size:small;
    font-weight:bold;
    margin:0px;
    padding:5px 10px 5px 10px;
    width:320px;
}

div#viewPhoto p {
    margin:0px;
    padding:10px;
}

div#viewPhoto form {
    margin:0px;
    padding:0 10px 10px 10px;
    text-align:center;
}


/*========================================================
## people content on category splash page
========================================================*/
h2#peopleContentTitle {
  background:#002257 url(http://people.bakersfield.com/graphics/bg_people_content_title.gif) top left repeat-x;
  color:#fff;
  font:bold medium Arial, sans-serif;
  margin:30px 0 0 0;
  padding:6px 0 5px 21px;
  text-transform:uppercase;
}

div#peopleContent {
  border:1px solid #a2bcce;
  border-top:0px;
  margin:0 0 20px 0;
  overflow:hidden;
  padding:20px;
  width:538px;
}

div#peopleContent h3 {
  border-top:2px solid #999;
  border-bottom:2px solid #999;
  color:#036;
  font-size:110%;
  margin:30px 0 0 0;
  padding:3px 0 3px 0;
}

div#peopleContent h3.first {
  margin-top:0px;
}

div#peopleContent div#leftCol {
  float:left;
  margin:0px;
  padding:0px;
  width:180px;
}

div#peopleContent div#leftCol ul, div#peopleContent div#rightCol ul {
  list-style:none;
  margin:10px 0 0 0;
  padding:0px;
}

div#peopleContent div#leftCol ul li {
  margin:0 0 15px 0;
  overflow:hidden;
  width:100%;
}

div#peopleContent div#leftCol ul li.more {
  border-top:1px dotted #b2c3d2;
  margin-bottom:0px;
  padding-top:10px;
  text-align:center;
}

div#peopleContent div#leftCol ul li h4, div#peopleContent div#rightCol ul li h4 {
  font-size:100%;
  font-weight:normal;
}

div#peopleContent div#leftCol ul li span, div#peopleContent div#leftCol ul li span a {
  color:#666;
}

/* users */
div#peopleContent div#leftCol ul#usersInto li {
  float:left;
  height:90px;
  margin:10px 10px 10px 0;
  padding:0px;
  text-align:center;
  width:80px;
}

div#peopleContent div#leftCol ul#usersInto li p {
  margin:0px;
  padding:0px;
}

div#peopleContent div#leftCol ul#usersInto li img {
  border:0px;
}

div#peopleContent div#leftCol ul#usersInto li.more {
  border-top:1px dotted #ccc;
  clear:left;
  float:none;
  height:16px;
  margin:0px;
  padding:10px 0 0 0;
  text-align:center;
  width:180px !important;
}

/* right column */
div#peopleContent div#rightCol {
  float:right;
  margin:0px;
  padding:0px;
  width:328px;
}

div#peopleContent div#rightCol ul li {
  border-bottom:1px dotted #b2c3d2;
  margin:0 0 15px 0;
  overflow:hidden;
  padding:0 0 15px 0;
  width:328px;
}

div#peopleContent div#rightCol ul li.more {
  border:0px;
  margin:0px;
  padding:0px;
  text-align:center;
}

div#peopleContent div#rightCol ul li h4 {
  font-weight:normal;
}

div#peopleContent div#rightCol ul li p {
  margin:0px;
  padding:0px;
}

div#peopleContent div#rightCol ul li p.user, div#peopleContent div#rightCol ul li p.user a {
  color:#666;
}

div#peopleContent div#rightCol ul li p.user {
  margin-bottom:5px;
}

div#peopleContent div#rightCol ul li img, div#peopleContent div#leftCol ul li img {
  border:1px solid #000;
  float:left;
  margin:0 10px 0 0;
}

/*========================================================
## ad details
========================================================*/
div#adDetails {
  margin:20px 0 0 0;
  padding:0px;
}

div#adDetails h2 {
  font:bold 140% Verdana, Arial, sans-serif;
  margin:0 0 10px 0;
  padding:0px;
}

div#adDetails p#adText {
  font-size:110%;
  margin:0 0 20px 0;
  padding:0px;
}

/*
div#adDetails img {
  margin:0 15px 15px 0;
  padding:0px;
}*/

div#fullBanner {
  /*background:url(/static/new/images/classifieds/ad_label.gif) 56px 0px no-repeat;*/
  clear:left;
  /*margin:30px 0 30px 0;
  padding:8px 0 0 0;*/
  margin:0px;
  padding:0px;
  text-align:center;
}

div#fullBanner img {
  margin:0px;
}

div#adDetails ul {
  margin-left:20px;
}

div#adDetails ul li {
  margin:0 0 15px 0 !important;
}

div#adDetails ul li.more {
  list-style:none;
  margin:0px !important;
}

div#adDetails ul li h3 {
  font-size:100%;
  font-weight:normal;
  margin:0px;
  padding:0px;
}

ul#listingoptions {
  list-style:none;
  margin:0 0 20px 0 !important;
  padding:0px;
}

div#adDetails ul#listingoptions li {
  display:inline;
  margin-right:15px !important;
  padding:0px;
}

ul#listingoptions li.adToolsEmail {
  background:url(http://people.bakersfield.com/graphics/icon_envelope.gif) 0 50% no-repeat;
}

ul#listingoptions li.adToolsPrint {
  background:url(http://people.bakersfield.com/graphics/icon_printer.gif) 0 50% no-repeat;
}

ul#listingoptions li a {
  font-weight:bold;
  margin:0px;
  padding:4px 0 4px 22px;
}

/* right column */
div#right ul li.tagCloudLink {
  background:url(http://people.bakersfield.com/graphics/arrow.gif) 0 12px no-repeat;
  border-top:1px dotted #ccc;
  margin:10px 0 15px 0;
  padding:10px 0 0 14px;
  width:286px;
}

div#right ul li.tagCloudLink.open {
  background:url(http://people.bakersfield.com/graphics/arrow_down.gif) 0 13px no-repeat;
}

div#right ul li.tagCloudLink ul {
  display:none;
}

div#right ul li.tagCloudLink.open ul {
  display:block;
  margin-bottom:0px;
  width:280px;
}

div#right ul li.tagCloudLink.open ul li {
  margin-bottom:0px;
  width:280px;
}

/*========================================================
## search form
========================================================*/
form#classifiedSearchBox {
  background:#ccdbe8 url(http://people.bakersfield.com/graphics/classifieds_subnav_bg.gif) top left repeat-x;
    border:1px solid #369;
    margin:20px 0 20px 0;
    padding:14px;
    text-align:center;
}

form#classifiedSearchBox input#classifiedKeywords {
  width:180px;
}

/* ad details page */
div#right h2.search {
  background:#036;
  color:#fff;
  font:bold medium Arial, sans-serif;
  margin:0px;
  padding:5px 0 5px 11px;
  width:289px;
}

form#classifiedSearchBoxAdPage {
  background:#eef3f6;
  border:1px solid #a2bcce;
  border-top:0px;
  margin:0 0 30px 0;
  padding:10px 10px 0 10px;
  width:278px;
}

form#classifiedSearchBoxAdPage p {
  margin:0px;
  overflow:hidden;
  padding:0 0 10px 0;
  width:100%;
}

form#classifiedSearchBoxAdPage p.button {
  text-align:center;
}

form#classifiedSearchBoxAdPage p.button input {
  font-size:120%;
}

form#classifiedSearchBoxAdPage p label {
  float:left;
  margin:2px 5px 0 0;
  text-align:right;
  width:70px;
}

/*========================================================
## top ads
========================================================*/
div#topAds * {
  border:0px;
}

div#topAds div#autos {
  display:none;
}

div#topAds {
  background:#fc0 url(/static/new/images/bg_topJobs.gif) top right no-repeat;
  margin:0 0 20px 0;
  /*padding:50px 5px 0 5px;*/
  padding:50px 0 0 0;
  position:relative;
  width:300px;
}

div#topAds.autos {
  background:#fc0 url(/static/new/images/bg_topAutos.gif) top right no-repeat;
}

div#topAds h2#jobs_tab {
  background:url(/static/new/images/topAds_jobsTab-sel.gif) bottom right no-repeat;
  cursor:pointer;
  height:30px;
  margin:0px;
  padding:0px;
  text-indent:-2000px;
  /*width:74px;*/
  width:79px;
}

div#topAds h2#jobs_tab.unselected {
  background:url(/static/new/images/topAds_jobsTab.gif) bottom right no-repeat;
}

div#topAds h2#autos_tab {
  background:url(/static/new/images/topAds_autosTab.gif) bottom left no-repeat;
  cursor:pointer;
  height:30px;
  margin:0px;
  padding:0px;
  position:absolute;
  text-indent:-2000px;
  top:50px;
  left:82px;
  width:86px;
}

div#topAds h2#autos_tab.selected {
  background:url(/static/new/images/topAds_autosTab-sel.gif) bottom left no-repeat;
}

div#topAds ul {
  background:#fff;
  margin:0 5px 0 5px;
  padding:0px;
  width:290px;
}

div#topAds ul li {
  border-bottom:1px solid #e6e6e6;
  margin:0px;
  padding:10px;
  list-style:none;
}

/*div#topAds ul li a {
  color:#000;
  display:block;
  padding:10px;
  text-decoration:none;
  width:270px;
}

div#topAds ul li a span {
  color:#00f;
  font-weight:bold;
  text-decoration:underline;
}

div#topAds ul li a:visited span {
  color:#800080;
}

div#topAds ul li a:hover {
  background:#eee;
}*/

div#topAds p {
  margin:0px;
  padding:5px 0 6px 0;
  text-align:center;
}




div#bakoClassifieds div#leftColumn div#categories {
  background:#eee;
  border:1px solid #999;
  margin:0 0 30px 0;
  padding:0px;
  width:178px;
}

div#bakoClassifieds div#leftColumn div#categories h2 {
  background:#999;
  border:0px;
  color:#000;
  font:bold small Arial, sans-serif;
  margin:0px;
  padding:6px 11px 4px 11px;
  text-transform:uppercase;
}

/*========================================================
## categories
========================================================*/
div#bakoClassifieds div#leftColumn div#categories ul {
  list-style:none;
  margin:0px;
  padding:10px 10px 4px 10px;
}

div#bakoClassifieds div#leftColumn div#categories li {
  /*background:url(../images/classifieds/icon_plus_sign.gif) 0px 4px no-repeat;*/
  background:url(../images/classifieds/category_bullet.gif) 0px 6px no-repeat;
  margin:0 0 10px 0;
  padding:0 0 0 12px;
}

/*div#bakoClassifieds div#leftColumn div#categories li.open {
  background:url(../images/classifieds/icon_minus_sign.gif) 0px 4px no-repeat;
}*/

div#bakoClassifieds div#leftColumn div#categories li, div#bakoClassifieds div#leftColumn div#categories li a {
  font:normal small Verdana, Arial, sans-serif;
}

div#bakoClassifieds div#leftColumn div#categories li a:visited {
  color:#00f;
}

div#bakoClassifieds div#leftColumn div#categories li a:hover {
  color:#c00;
}

/*========================================================
## subcategories
========================================================*/
div#bakoClassifieds div#leftColumn div#categories li.open ul {
  display:block;
}

div#bakoClassifieds div#leftColumn div#categories ul ul {
  list-style:disc;
  margin:6px 0 0 16px;
  padding:0px;
}

div#bakoClassifieds div#leftColumn div#categories li li {
  background:none;
  margin:0 0 5px 0;
  padding:0px;
}

div#bakoClassifieds div#leftColumn div#categories li li, div#bakoClassifieds div#leftColumn div#categories li li a {
  color:#000;
  font-size:x-small;
}

div#bakoClassifieds div#leftColumn div#categories li li a:visited {
  color:#000;
}

div#bakoClassifieds div#leftColumn div#categories li li a:hover {
  color:#c00;
}

div#bakoClassifieds div#leftColumn div#categories li li span {
  color:#666;
}

div#newTopAds {
  background:#fc0;
  margin:0 0 20px 0;
  padding:0px;
  width:300px;
}

div#newTopAds h1 {
  background:url(/static/new/images/classifieds/bg_top_ads_top.gif) top left no-repeat;
  font-size:100%;
  height:35px;
  margin:0px;
  padding:0px;
  text-indent:-2000px;
  width:300px;
}

/*/////////////////////////////////////////////////
## tabs
/////////////////////////////////////////////////*/
div#newTopAds div#topTabs {
  display:inline;
  float:left;
  margin:0 0 0 2px;
  padding:15px 0 0 0;
  width:95px;
}

div#newTopAds div#topTabs a {
  background:#ffe680;
  border:1px solid #ecd160;
  border-right:0px;
  color:#000;
  display:block;
  font-family:normal small Arial, sans-serif;
  margin:0px;
  padding:8px 6px 8px 0;
  text-align:right;
  width:88px;
}

div#newTopAds div#topTabs a:hover {
  background:#fff799;
  border:1px solid #ecd160;
  border-right:0px;
}

div#newTopAds div#topTabs a.selected {
  background:#fff;
  font-weight:bold;
  text-decoration:none;
}

div#newTopAds div#topTabs a.selected:hover {
  background:#fff;
  border:1px solid #ecd160;
  border-right:0px;
}

/*/////////////////////////////////////////////////
## ads
/////////////////////////////////////////////////*/
div#newTopAds div#topAdsLinks {
  display:inline;
  float:right;
  margin:0 2px 0 0;
  padding:0px;
  width:201px;
}

div#newTopAds div#topAdsLinks ul {
  background:#fff url(/static/new/images/classifieds/bg_top_ads_list_top.png) top left no-repeat;
  list-style:none;
  margin:0px;
  padding-top:10px;
  width:201px;
}

div#newTopAds div#topAdsLinks ul li {
  border-bottom:1px solid #e6e6e6;
  font-size:x-small;
  margin:0 10px 0 10px;
  overflow:hidden;
  padding:10px 0 10px 0;
  width:181px;
}

div#newTopAds div#topAdsLinks ul li img {
  float:left;
  margin:0 6px 0 0;
}

div#newTopAds div#topAdsLinks ul li.newToday {
  background:#fbecec;
  padding-top:0px;
}

div#newTopAds div#topAdsLinks ul li.newToday h4 {
  color:#c00;
  font-size:100%;
  margin:3px 0 3px 0;
  padding:0px;
  text-align:center;
}

div#newTopAds div#topAdsLinks ul li.moreLink {
  background:url(/static/new/images/classifieds/bg_top_ads_list_bottom.png) bottom left no-repeat;
  border:0px;
  margin:0px;
  padding-bottom:20px;
  text-align:center;
  width:201px;
}

div#newTopAds div#topAdsLinks ul li.moreLink a {
  font-weight:bold;
}

div#newTopAds div#topAdsLinks ul li a:hover {
  color:#c00;
}

div#newTopAds div#topAdsLinks ul {
  display:none;
}

div#newTopAds div#topAdsLinks ul.selected {
  display:block;
}

/*/////////////////////////////////////////////////
## footer
/////////////////////////////////////////////////*/

div#newTopAds p#placeAdLink {
  background:url(/static/new/images/classifieds/bg_top_ads_bottom.gif) bottom left no-repeat;
  clear:both;
  font-size:110%;
  margin:0px;
  padding:10px 0 14px 0;
  text-align:center;
  width:300px;
}

div#newTopAds p#placeAdLink a {
  color:#000;
}

div#newTopAds p#placeAdLink a:hover {
  color:#c00;
}



/*************** PostClassified Styles *****************/

.master_box_left{
 float: left;
 width: 49%;
 margin-bottom: 25px;
}

.master_box_right{
 float: right;
 width: 49%;
 margin-bottom: 25px;
}

.master_box_left .package_container {

    margin-right    : 10px;
}

.master_box_right .package_container {

    margin-left     : 10px;
}

.package_container .package_header {

    color           : white;
    font-weight     : bold;
    font-size       : 13px;

    height          : 26px;
    background-image: url('http://people.bakersfield.com/graphics/bg_blue_bar.png' ); 
}

.package_header div {

    margin-left     : 8px;
    line-height     : 26px;
}

.package_container .package_body {

    border          : 1px solid #999;
    border-top      : 0;
    font-size       : 12px;
    padding         : 8px;
    padding-bottom  : 11px;
    background-image: url('http://people.bakersfield.com/graphics/bg_grey_gradient.png' );
}

.package_body li {

    margin-left     : 20px;
}

.package_button {

    border          : 1px solid #000;
    padding         : 8px;
    padding-top     : 3px;
    padding-bottom  : 3px;
    font-size       : 13px;
    color           : #fff;
    text-decoration : none;
    background-image: url('http://people.bakersfield.com/graphics/bg_green_gradient.png' );    
}

#packageselect select {
  
    margin-right    : 5px;
}

/*
- This style is for the stupid redundant box at the
- bottom of the screen on the classified post flow
- that tells you you can build your own package.
- This goes on the <div> wrapper for the whole thing.
*/
#packages_alacart_notify {
  
    padding         : 15px;
    padding-top     : 8px;
    padding-bottom  : 8px;  
    border          : 1px solid #a2bcce;
    font-size       : 16px;
    font-weight     : bold;
}

/*
- This style is for the stupid redundant box at the
- bottom of the screen on the classified post flow
- that tells you you can build your own package.
- This particular part is for the message text.
*/
#packages_alacart_notify_text {
  margin: 5px; 
  font-size: 13px; 
  font-weight: bold;
}

/*
- This style is for the uber-user-confusin' button
- featured in all the package info boxes. 
*/
#packages_package_select_button {
  padding: 8px; 
  float: right;
}

.centerwrapper {

  padding-left    : 100px; 
  padding-right   : 100px;
}

.centerwrapper textarea {

  font-size       : 12px;
}

.toppadder {

  height          : 16px;
}

.bottompadder {
  
  height          : 32px;
}

.centerwrapper a {

  color           : #0000ff;
  text-decoration : underline;
  font-size       : 14px;
}

.caution {
    padding-top: 15px;
    font-size: 12px;
    font-style: italic;
}

.ad_details, .ad_cost {

  margin          : 10px;
}

.ad_details table td, .ad_cost table td {

  font-size       : 10px;
  color           : #444;
  background-color: #fff;
}

.ad_details_field {
  
  text-align      : right;
  border-bottom   : 1px solid #e5e5e5;
  padding         : 4px;
  padding-right   : 10px;
}

.ad_details_value {

  border-bottom   : 1px solid #e5e5e5;
  padding         : 4px;
  padding-left    : 10px;
}

.ad_cost_field {
  
  text-align      : right;
  border-bottom   : 1px solid #e5e5e5;
  padding         : 4px;
  padding-right   : 10px;
}

.ad_cost_value {

  text-align      : right;
  border-bottom   : 1px solid #e5e5e5;
  padding         : 4px;
  padding-right   : 25px;
}

.newcosts {

  margin-top      : 8px;
}

.newcosts .ad_cost_field, .newcosts .ad_cost_value {

  border-bottom   : 1px solid #c00;
}

.ad_preview {

  margin          : 10px;
  font-size       : 10px;
  height          : 100px;
  overflow        : auto;
}

.ad_full_preview {
    width: 100%;
    text-align: right;
}

#ad_full_preview {
    font-size: 10px;
}

.ad_preview .ad_title {

  font-weight     : bold;
}

.ad_preview .ad_image {

  float           : left;
}

.ad_preview .ad_image img {

  margin-right    : 5px;
  margin-bottom   : 5px;
}

.ad_status {

 color       : #f00;
}

.ad_total {

 color       : #f00;
}

#bako_post_steps {

  margin-top    : 15px;
  margin-bottom : 15px;
  text-align    : center;
}

.ad_option {

  width         : 75px;
  height        : 45px;
}

.ad_borderradio {
  padding-right     : 1px;
  padding-left      : 3px;
}

.ad_bordertext {
  text-align        : center;
  vertical-align    : middle;
  font-weight       : bold;
  color             : #aaaaaa;
}

.ad_borderbackground_0 {

  padding           : 8px;
  background-color  : #ffffff;
  border            : 2px solid #eeeeee !important; 
}

.ad_borderbackground_1 {

  padding           : 8px;
  background-color  : #ffffcc;
  border            : 2px solid #cc0000 !important;
}

.ad_borderbackground_2 {

  padding           : 8px;
  background-color  : #eef3f6;
  border            : 2px solid #a2bcce !important;
}

.ad_borderbackground_3 {

  padding           : 8px;
  background-color  : #fddfbb;
  border            : 2px solid #007236 !important;
}

div#classifiedAds2 .ad_borderbackground_1, div#classifiedAds2 .ad_borderbackground_2, div#classifiedAds2 .ad_borderbackground_3 {

  float             : none;
  padding           : 5px;
  margin            : 0px;
  width             : auto;
}

.ad_line_item {

  border-bottom     : 1px dotted #999;
  padding-bottom    : 2px;
  margin-bottom     : 2px;
  margin-left       : 3px;
}

.ad_line_item a {

  font-size         : 11px;
}


/* AD VIEW */
.adkeywords {

  font-size         : 12px;
  padding-left      : 100px;
}

.adkeywords span {

  font-weight       : bold;
}

.admedia {

  margin-top        : 10px;
  height            : 200px;
  float             : left;
  width             : 48%;
  padding-bottom    : 10px;
}

.admedia a {
  
  font-size         : 12px;
}

#adDetails #mediamapaudio {

  float             : left;
  margin-right      : 5px;
  margin-bottom     : 5px;
}

#adDetails #mediamapaudio #mediamap {

  width             : 200px;
  height            : 160px;
}

.adbutton {

  height            : 23px;
  width             : 117px;
  background-image  : url('http://people.bakersfield.com/graphics/classified_button.png' );
}

.adbutton div {
  
  text-align        : center;
  color             : #fff;
  line-height       : 23px;
  font-size         : 12px;
  font-weight       : bold;
}

div#bakoClassifieds div#classifiedAds2 {
  float:right;
  margin:0px;
  padding:0px;
  width:380px;
}

#viewkeyword div#bakoClassifieds div#classifiedAds2 {

  float : none;
  width : auto;
}

div#bakoClassifieds div#classifiedAds2 h2 {
  border-bottom:1px solid #000;
  color:#900;
  font:bold medium Arial, sans-serif;
  margin:40px 0 10px 0;
  padding:0px;
  text-transform:uppercase;
}

div#bakoClassifieds div#classifiedAds2 h2.first {
  margin-top:0px;
}

div#bakoClassifieds div#classifiedAds2 h2.featured {
  margin-bottom:0px;
}

div#bakoClassifieds div#classifiedAds2 ul {
  list-style:none;
  margin:0px;
  padding:0px;
}

div#bakoClassifieds div#classifiedAds2 li {
  border-top:1px dotted #ccc;
  margin:15px 0 0 0;
  overflow:hidden;
  padding:15px 0 0 0;
  width:380px;
}

div#bakoClassifieds div#classifiedAds2 li.first {
  border:0px;
  margin-top:0px;
  padding-top:0px;
}

div#bakoClassifieds div#classifiedAds2 li.more {
  text-align:center;
}

div#bakoClassifieds div#classifiedAds2 li h3 {
  font-size:100%;
  font-weight:normal;
  margin-bottom:3px;
}

div#bakoClassifieds div#classifiedAds2 li h3.bigheader a {
  font-size:130%;
  font-weight:bold;
  margin-bottom:3px;
}

div#bakoClassifieds div#classifiedAds2 li div.adimage {
  float:left;
  margin:0 10px 0 0;
  padding:0px;
  width:102px;
}

div#bakoClassifieds div#classifiedAds2 li img {
  border:1px solid #000;
  float:left;
  /*margin:0 10px 0 0;*/
  margin:0px;
}

div#bakoClassifieds div#classifiedAds2 li p {
  margin:0px;
  padding:0px;
}

div#bakoClassifieds div#classifiedAds2 li p.category {
  margin:12px 0 0 0;
  padding:0px;
}

div#bakoClassifieds div#classifiedAds2 li p.category a, div#bakoClassifieds div#classifiedAds2 li p.adkeywords a, div#classifiedAds2 li p.adcommentsviews a {
  color:#000;
}

div#bakoClassifieds div#classifiedAds2 li p.postedby a, div#bakoClassifieds div#classifiedAds2 li p.postedby {
  color:#666;
}

div#bakoClassifieds div#classifiedAds2 ul#featuredAds {
  background:#f8eded;
  padding-top:10px;
  padding-bottom:15px;
}

div#bakoClassifieds div#classifiedAds2 li span.adcomments {
  padding-right   : 5px;
}

div#bakoClassifieds div#classifiedAds2 li span.adviews {
  padding-left    : 5px;
  border-left     : 1px dotted #999;
}

div#bakoClassifieds div#classifiedAds2 .adicon {
  margin-right    : 3px;  
  margin-left     : 3px;
  display         : inline;
}

.bako_post_edit {

  background      : url( 'http://people.bakersfield.com/graphics/bg_edit.png' );
  height          : 77px;
  color           : #fff;
}

.bako_post_edit .bako_post_edit_header, .bako_post_renew .bako_post_renew_header {

  padding         : 10px;
  font-size       : 19px;
  font-weight     : bold;       
}

.bako_post_edit_header span, .bako_post_renew_header span {

  font-size       : 13px;
  font-weight     : normal;
}

.bako_post_edit_header img, .bako_post_renew_header img {

  float           : left;
  margin-right    : 10px;
}

.bako_post_renew {

  background      : url( 'http://people.bakersfield.com/graphics/bg_renew.png' );
  height          : 77px;
  color           : #000;
}

div.ad_contact_information input[type='text'] {

  width           : 200px;
}

#adDetails .contactowner {

  margin-bottom   : 5px;
  border          : 1px solid #000;
  font-size       : 13px;
  font-weight     : bold;
  padding         : 5px;
}

#adDetails .contactowner .contactoption {

  color           : #00f;
  font-size       : 13px;
}

#adDetails .contactowner .contactimage {

  float           : left;
  text-align      : center;
}

#adDetails .contactowner .contactuser, #adDetails .contactowner .contactuser a {

  font-size       : 12px;
  font-weight     : normal;
  color           : #777;
  margin-top      : 5px;
}