@charset "utf-8"; /* CSS Document */
/* universal formatting */
* { margin:0px; padding:0px; }

body { background:#ededef url(../img/main-bg.gif) repeat-y center; text-align:center; }
body, table, tr, td, div { font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif; color:#363636; }
h1 { font-size:170%; font-family: Georgia, "Times New Roman", Times, serif; }
h2 { padding-bottom:2px; font-size:14px; font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; color:#030303; }
h3 { padding-bottom:6px; font-size:14px; font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; color:#030303; }
h4 { padding:0 0 4px 0; margin:0; font-size:110%; font-weight:bold; }
p { padding-bottom:10px; }
a { color:#015fb6; text-decoration:none; }
a:hover { color:#cd0000; }

input, select, textarea { font-family:Arial, Helvetica, sans-serif; }
input, select { font-size:12px; vertical-align:middle; }
textarea { font-size:12px; }
form { padding:0; margin:0; }
img { border: none; }
ol { padding-left:8px; margin-left:15px; }
ul { list-style-type: none; padding-left: 0; margin-left: 0; }
ul li { padding-left: 12px; background-image: url(../img/bullet.gif); background-repeat: no-repeat; background-position: left 4px; }
ol li { padding:0; margin:0; }
ol li, ul li { padding-bottom:2px; }
label { display:block; }

/* Common Elements */
.clear { clear:both; }
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* STRUCTURAL STYLES */
#wrapper { width:770px; margin:0 auto; text-align: left; background-color:#fff; }
#container { text-align:left; }
#topnav { background:url(../img/nav-bg.gif) top left repeat-x; height:18px; color:#fff; font-size:11px; padding:0px 10px; }
#content { padding:10px; }
#left-col { float:left; width:170px; }
#left-col .inactive li { color:#a1a1a1; font:14px Georgia, "Times New Roman", Times, serif; font-weight:800; background:#eeeeee; margin-bottom:10px; border:1px solid #e4e4e6; padding:5px 10px; }

#left-col .inactive li.selected { color:#363636; font:14px Georgia, "Times New Roman", Times, serif; font-weight:800; background:#E9F8FF ; margin-bottom:10px; border:1px solid #afd7e9; padding:5px 10px; }
#left-col .open-nav { border:1px solid #e4e4e6; background-color:#fff; padding-bottom:8px; margin-bottom:10px; }
#left-col .open-nav h3 { padding:8px 8px 4px 8px; }
#left-col .open-nav .active li { background:none; color:#999; padding:4px 8px; }
#left-col .open-nav .active li.selected { background:url(../img/right-arrow-black.gif) 8px 8px no-repeat #e9f8ff; padding-left:17px; font-weight:bold; color:#363636; }

.editable { color:#363636; padding-top:0px; }
.editable .btn-edit { padding-bottom:4px; text-align:right; padding-right:4px; padding:0px; }
.editable .btn-edit a { background:url(../img/classified-v3_19.gif) 0px 1px no-repeat; padding-left:11px; padding-bottom:2px; }
.editable .grey-box { background:#eee; padding:5px; margin-bottom:6px; }

.editable p { font-size:10px; padding-top:4px; }

.editable p strong { font-size:11px; }
.btn-edit { background:#fff; }

#right-col { float:right; width:565px; padding-bottom:20px; }

/* TOP AREA */
#nydn-logo { background:url(../img/dn-logo.gif) no-repeat; display:block; width:201px; height:18px; float:left; margin-right:10px; }
#spacer { margin-right:10px; float:left; }
h1 { background:url(../img/place-ad.gif) no-repeat; height:22px; width:145px; float:left; }
h1 span { display:none; }
.login { float:right; padding-top:1px; }
.login .username { font-weight:800; margin-left:5px; margin-right:12px; }
.login .logout { margin-left:12px; color:#fff; }

/* MAIN CONTENT STYLES */
#right-col h2 { font-size:20px; font-weight:normal; }
#right-col .left { float:left; margin-right:10px; padding-top:2px; }
#right-col .right { float:right; margin-left:10px; }

.btn-blue { background:url(../img/btn-blue-bg.gif) repeat-x; padding:5px 12px; color:#fff; text-transform:uppercase; }
.btn-blue-landing { background:url(../img/btn-blue-bg.gif) repeat-x; padding:3px 12px; color:#fff; text-transform:uppercase; display:block; float:left; }
.btn-blue-landing:hover { color:#ccc; background:url(../img/btn-blue-over-bg.gif) repeat-x; }
.btn-black { background:url(../img/btn-black-bg.gif) repeat-x #000; height:24px; width:70px; text-align:center; color:#fff; text-transform:uppercase; border:1px solid black; }
a.btn-black {padding-top:5px; height:19px; }
a.btn-black:hover { color:#fff; }
a.btn-blue-landing span {background:url(../img/right-arrow.gif) right 4px no-repeat; padding-right:10px; }

.top-line { background:url(../img/dotted-line.gif) repeat-x; padding-top:10px; margin-top:10px; }

.bottom-line { background:url(../img/dotted-line.gif) bottom left repeat-x; }

.red { color:#FF0000; font-weight:bold; font-size:14px; }

.postscript { padding-top:15px; } 

.postscript p { font-size:11px; }

/* Landing page styles */
.label-left { float:left; display:block; width:200px; }

.x-small { font-size:10px; }
.small { font-size:11px; }

.landing {padding-top:25px; padding-bottom:10px; }

.landing h3 { padding-right:20px; }

/* Landing page - jobs */
#header-jobs { background:url(../img/header-bg.gif) top left repeat-x #e5e5e7; height:28px; padding-top:10px; padding-left:10px; padding-bottom:8px; }

#header-jobs img { float:left; }

#header-jobs h1 { background:url(../img/place-ad.gif) 0px 8px no-repeat; height:30px; width:154px; float:right; }

/* Category page styles */
#right-col .category { padding-bottom:15px; margin-bottom:15px; }
#right-col .category h2 { padding-bottom:4px; font-size:18px; }
.category-dropdown { width:300px; margin-right:5px; }
#right-col .category form { padding-bottom:4px; }

/* package styles */
#right-col .package { padding-bottom:8px; margin-bottom:8px; }
#right-col .package p, #right-col .package h3 { margin-left:25px; }
#right-col .package ul { margin-left:35px; margin-bottom:10px; }
#right-col .package input { float:left; }

/* schedule your ad */
#right-col .schedule { padding-bottom:8px; margin-bottom:8px; }

#calendar { width:530px; border-collapse:collapse; margin-bottom:10px; }
#calendar td { border:1px solid #e4e4e6; padding:10px 4px; }
#calendar .day { text-align:center; color:#fff; background:#363636; padding:3px 0px; }

#calendar .month-1 { text-align:center; background:#cfefff; padding:0px 5px; }

#calendar .month-2 { text-align:center; background:#addaf0; padding:0px 5px; }

#pub-deadlines { width:530px; border:1px solid #e4e4e6; padding:5px; }

#pub-deadlines th { background-color:#e4e4e6; padding:2px 5px; }

#pub-deadlines td { padding:2px 5px; }

.odd { background-color:#eee; }

/* layout styles */
.layout { padding-bottom:20px; }
.layout h3 { float:left; }

#borders-shading { margin-left:20px; margin-bottom:10px; }
#borders-shading td { width:200px; padding:2px 5px; }
#borders-shading input { margin-right:4px; }

#attention { border-collapse:collapse; margin-left:20px; margin-bottom:10px; }
#attention input { float:left; margin-right:5px; }
#attention td, #sample-ads td { border:1px solid #e4e4e6; padding:5px; height:40px; width:170px; }
#attention img { } /* height:30px; width:150px; looks bad though */

#sample-styles { border-collapse:collapse; margin-left:0px; margin-bottom:10px; }
#sample-styles p input { padding-right:5px; }
#sample-styles p { background:#e4e4e6; padding:4px 5px; font-weight:bold; margin-bottom:5px; }
#sample-styles td { border:1px solid #e4e4e6; vertical-align:top; }
#sample-styles img { padding:2px; }

/* Cookie crumbs section */
#reviewBorder { }

#reviewAttnGetter { }
#reviewAttnGetter img { }

/* Create Ad - Autos */
#vehicle-info { width:560px; }
#vehicle-info td {padding:3px 0px; }

#photo-browse { padding-bottom:20px; }

.photo-target { display:block; border:1px solid #e4e4e6; width:100px; height:70px; float:left; margin:3px; }

/* Create Ad - Jobs */
#employer-info { }
#employer-info td { padding:3px 0px; }

#about-job { }
#about-job td { padding:3px 0px; }

/* Review Ad */
#review td { padding:3px 0px; }

#print-preview { background:url(../img/print-grad.jpg) repeat-x #d7d7d9; border:1px solid #e4e4e6; padding:12px 30px; float:left; margin-bottom:10px; margin-right:15px; }

.online-preview h3 { float:left; }

/* Checkout */
#credit-card { width:540px; }
#credit-card td { padding:3px 0px; }
/*search ads*/
#search-ads {margin-top:10px; margin-left:60px; }
#search-ads td { padding:5px 0px; }
.ad-info {width:320px; margin-left:10px; }

.ad-info td { padding:10px 3px; }

.pickup { margin-bottom:15px; }

#user-info { margin-top:10px; }

#user-info td { padding:5px 0px; }