/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  background: url("../images/mine/top-bgg.jpg") repeat-x #fff;
min-width: 980px;
}
a {color: #1BA5DF; text-decoration: none; }
a:hover {text-decoration: underline; }
.saclear {clear: both; height: 1px; margin: 0; padding: 0; }
.saclearlight {clear: both; margin: 0; padding: 0; }
.clear { clear: both; height: 1px; margin: 0; padding: 0; }
input[type=text], input[type=password], input[type=email], textarea {border-radius: 2px; }
button {text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); height: 30px; background: url("../images/mine/sin-bg.jpg") repeat-x #99CC33; border: 1px solid #99CC66; padding: 0 9px;font-family: Trebuchet MS; font-size: 13px; font-weight: bold; color: #FFFFFF;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.6) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none; }
button:hover {background: #99CC33; text-decoration: none; box-shadow: 0 1px 1px #99CC33 inset, 0 0 8px #99CC33; }
.printadhtd {padding: 10px 0 0 25px; display: block; background: url("../images/mine/printer-h.jpg") left bottom no-repeat #fff;}

/* Like System */
.htdlikethis {color: #888 !important; font-size: 12px !important;  padding: 0 0 0 15px; }
.btn-like, .btn-dislike {
    background-color: hsl(0, 0%, 97%);
    background-repeat: no-repeat; 
    border: none;           
    cursor: pointer;       
    height: 32px;          
    padding-left: 40px;    
    vertical-align: middle;
    color: hsl(0, 0%, 33%);
    border-color: hsl(0, 0%, 60%);
    -webkit-box-shadow: inset 0 1px 0 hsl(0, 100%, 100%),0 1px 0 hsla(0, 0%, 0%, .08);
    box-shadow: inset 0 1px 0 hsl(0, 100%, 100%),0 1px 0 hsla(0, 0%, 0%, .08);
}
.btn-like { background-position: 2px 3px;}
.btn-dislike { background-position: 2px -31px;}
.btn-like-active, .btn-dislike-active {
    background-image: url("../images//mine/like.png");
}
.btn-like-inactive, .btn-dislike-inactive {
    background-image: url("../images/mine/likebw.png");
}
#dj-classifieds .like-dislike {    
	float: right;
	padding: 10px 0;
    text-align:middle;
}
#response {display: none;}
#dj-classifieds .alert {
    background-color: #FFFCEB;
    border: 1px solid rgba(226, 131, 39, 0.3);
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	float: left;
    margin: 0 10px 0 0;
}
#dj-classifieds .alert-success {
    background: none repeat scroll 0 0 #F2FAE3;
    color: #659F13;
}
#dj-classifieds .alert-danger, #dj-classifieds .alert-error {
    background: none repeat scroll 0 0 #FFF1F0;
    color: #D85030;
}

/* Sign up in social */
.lr_social_login_basic_150 #lr_providers .lr_providericons { background: none; height: 28px; width: 185px; }
.lr_social_login_basic_150 #lr_providers .lr_facebook { background: url("../images/mine/sfglog.png") no-repeat 0 -28px transparent; }
.lr_social_login_basic_150 #lr_providers .lr_google { background: url("../images/mine/sfglog.png") no-repeat 0 0 transparent; }
.lr_social_login_basic_150 #lr_providers .lr_facebook:hover { height: 28px; width: 185px; background: url("../images/mine/sfglog.png") no-repeat 0 -28px transparent !important; }
.lr_social_login_basic_150 #lr_providers .lr_google:hover { height: 28px; width: 185px; background: url("../images/mine/sfglog.png") no-repeat 0 0 transparent !important; }
a.LoginRadius {float: right; font-size: 10px; color: #bbb; padding: 0 10px 0 0; margin: 0 0 10px 0; }
.howdregbits {float: right; width: 350px; margin: 100px 0 0 0; }
.howdregbits h4 { margin: 15px 0; color: #bbb; font-weight: bold; font-family: Trebuchet MS; font-size: 19px; }
.howdregbits .lr_social_login_basic_150 {margin: 0 0 0 10px;  }
.lr_social_login_basic_150 #lr_providers .lr_icons_box, .lr_social_login_basic_150 #lr_providers .lr_icons_box div { float: none;}

.howdregbitslogin {float: right; width: 400px; margin: 20px 0 0 0; }
.howdregbitslogin h4 { margin: 15px 0; padding: 0; color: #fff; font-weight: normal; font-family: Trebuchet MS; font-size: 19px; }
.howdregbitslogin .lr_social_login_basic_150 {width: 186px; }


/* Pagination */
.pagination {float: right; clear: both; margin: 15px 10px; }
.pagination ul {display: block;
    height: 19px;
    list-style: none outside none;
    margin: 0;
    padding: 0; }
.pagination li {float: left; height: 28px; overflow: hidden; }
.pagination li span{  background: none repeat scroll 0 0 #888;
    border-top: 1px solid #666;
    color: #ddd;
    display: block;
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    height: 19px;
    margin: 1px 0 0;
    padding: 4px 9px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
.pagination li a {  background: none repeat scroll 0 0 #699DD2;
    border-top: 1px solid #517CD2;
    color: #FFFFFF;
    display: block;
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    height: 19px;
    margin: 1px 0 0;
    padding: 4px 9px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}


/* Top */
.howduserspacer {width: 100%; border-bottom: 4px solid #73A7D9; height: 25px; }
.howduserout {background: #4C4C4C; position: fixed; width: 100%; height: 26px; }
.howduserinner ul { padding: 0; margin: 0; text-align: right; }
.howduserinner li { padding: 5px 0; margin: 0; float: right; list-style: none outside none; }
.howduserinner a { padding: 0 20px 0 0; text-decoration: none; }

.howdtop { width: 100%;  }
.howdtopoverlay {height: 90px; background: transparent url("../images/mine/overlay-how.png") no-repeat 170px; margin: 0 auto; width: 972px; }
.howdtopcenter { background: url("../images/mine/logo-how.png") no-repeat 30px;}
.howduserinner {margin: 0 auto; width: 972px; }
.howdlogo { float: left; }
.howdtopmenu {float: right; position: relative; height: 30px; }
.howdtopmenu ul {display: block; padding: 0; margin: 0; }
.howdtopmenu li {float: left; list-style: none outside none; }

.howdtopmenu a {display: block;  font-family: Trebuchet MS; padding: 4px 9px; margin: 0;  color: #fff; font-size: 13px; font-weight: bold;}
.howdtopmenu a:hover {text-decoration: none;  color: #eee; }
.howdtopmenu a.htd-signin {text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #8DC718; border-radius: 0 0 5px 0; border-right: 1px solid #517CD2; border-bottom: 1px solid #517CD2;  }
.howdtopmenu a.htd-signup {text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #699DD2; border-radius: 0 0 0 5px; border-left: 1px solid #517CD2; border-bottom: 1px solid #517CD2; }
.howdtopmenu a.htd-manacc {background: #99CC33; border-radius: 0 0 5px 5px;}
.howdtopmenu a.how-loggy {font-size: 11px !important;}

.howdmainmenu {clear: right;
    float: right;
    height: 19px;
    list-style-type: none;
    margin: 32px 0 0; }
.howdmainmenu ul {display: block; padding: 0; margin: 0; list-style: none outside none; height: 19px; }
.howdmainmenu li {float: left; height: 28px;
    overflow: hidden;}
.howdmainmenu li.first a {border-radius: 5px 0 0 0; border-left: 1px solid #517CD2; }
.howdmainmenu li.last a {border-radius: 0 5px 0 0; }
.howdmainmenu a {margin: 1px 0 0 0; display: block; height: 19px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #699DD2; border-top: 1px solid #517CD2; font-family: Trebuchet MS; padding: 4px 9px;  color: #fff; font-size: 13px; font-weight: bold;}
.howdmainmenu a:hover {text-decoration: none; color: #eee;  }

.howdmainmenu a.how-mpostad {text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: url("../images/mine/sup-bg.jpg") repeat-x #FF9933; border-right: 1px solid #CC9933; border-left: 1px solid #CC9933; border-top: 1px solid #CC9933; padding: 4px 14px; margin: 1px 10px 0 0; }
.howdmainmenu a.how-mpostad:hover {border-right: 1px solid #FF9933; border-left: 1px solid #FF9933; border-top: 1px solid #FF9933;}

/* Alerts */

#system-message-container {z-index: 1; position: fixed; bottom: 0; left: 0; color: #fff; }
#system-message-container .alert {margin: 0 0 0 15px; background: url("../images/mine/signin-bg.jpg") repeat scroll right top #555555; width: 444px; padding: 7px 10px; opacity: 0.9;}
#system-message-container .alert .close { cursor: pointer; float: right; }


/* Mid */
.howdbreadout {background: #fff; margin: 12px 0 0 0;}
.howdbreadinner {margin: 0 auto; width: 972px; padding: 5px 0 5px 28px; background: url("../images/mine/bread.png") no-repeat 0 -1px #eee; }
.howdbreadinner ul { display: block; padding: 0; margin: 0;}
.howdbreadinner li {display: inline; }
.howdbreadinner span {color: #999; }
.howdbreadinner a {font-family: Trebuchet MS; padding: 5px 7px; font-size: 13px;  }
.howdbreadinner a:hover { }
.howdbreadinner a.notactivebc {color: #999;  }
.howdbreadinner a.notactivebc:hover {text-decoration: none;  }
a.notactivediv {}
a.notactivediv:hover  {text-decoration: none; }

.howdmid {min-height: 500px; }
.howdmidcenter {margin: 0 auto; width: 972px;}

/* Account Stats */
.djcf_user_points h4 {background: url("../images/mine/stats.jpg") no-repeat left #fff; font-size: 12px; margin: 10px 0; padding: 5px 0 5px 25px; border-bottom: 1px solid #ccc;}
.djcf_upoints_box {margin: 0 0 0 10px; }
.djcf_upoints_box div { min-width: 80px; background: #f7f7f7; border: 1px solid #ccc; padding: 15px 5px; margin: 0 10px 0 0; float: left; }
.djcf_upoints_box span { display: block; text-align: center; }
span.djcf_upoints {font-size: 18px; }
span.djcf_upoints_label {font-size: 10px; }

/* My Content */
.howdmycontentmax {padding: 0 0 0 15px; width: 100%; }
.howdmycontent {float: left; padding: 0 0 0 15px; width: 750px; }
.howdmycontent .howd-acclinks { margin: 30px 10px; }
.howdmycontent .howd-acclinks a {  font-family: Trebuchet MS; font-size: 13px; font-weight: bold; padding: 7px 7px 7px 33px; margin: 0 10px 0 0; border: 1px solid #aaa; color: #fff;}
.howdmycontent .howd-acclinks a:hover {border: 1px solid #999; text-decoration: none; }

.customhtdaccdash h4 {background: url("../images/mine/info.jpg") no-repeat left #fff; font-size: 12px; margin: 20px 0 10px 0; padding: 5px 0 5px 25px; border-bottom: 1px solid #ccc; }

.howdmycontent a.howd-acclinksedit {background: url("../images/mine/bits.png") no-repeat -2px -2.5px #99CC33; }
.howdmycontent a.howd-acclinksman {background: url("../images/mine/bits.png") no-repeat -2px -47.5px #99CC33; }
.howdmycontent a.howd-acclinksfav {background: url("../images/mine/bits.png") no-repeat -2px -97px #99CC33; }
.howdmycontent a.howd-acclinksad {background: url("../images/mine/bits.png") no-repeat -2px -143.5px #99CC33; }

.htdfaqupper {padding: 10px;  border-bottom:1px dashed #CCCCCC;  }
.htdfaqupper h1 {color: #666666;
    font-size: 25px;
    margin: 0;
    padding: 10px 0 25px;
    text-align: left;  }
.htdfaqupper h4 {font-size: 17px; color: #666; margin: 0; padding: 10px 0;   }
.htdfaqupper a { display: block; }
.htdfaqside { float: left; width: 50%;}
.htdfaqmain {margin: 15px 0; padding: 10px; border:1px solid #ccc; border-radius: 5px;  }
.htdfaqmain h2 {font-size: 20px; color: #666;  }
.htdfaqmain h3 {font-size: 13px; font-weight: normal; }
.htdfaqmain p {padding: 5px; background: infobackground; }
.htdfaqmain b {color: red; }

.customhtdtopmessagedash h1 { font-size: 25px; text-align: left; color: #666; padding: 10px 0 25px 0; margin: 0;}
.customhtdtopmessagecus h1 { font-size: 25px; text-align: center; color: #666; padding: 10px 0 1px 0; margin: 0;}
.customhtdtopmessagecus p {font-size: 12px; text-align: center; color: #666; font-weight: normal; padding: 0 0 15px 0; margin: 0; }
.customhtdtopmessageacc h1 { font-size: 25px; text-align: left; color: #666; padding: 10px 0 1px 0; margin: 0;}
.customhtdtopmessageacc p {font-size: 12px; text-align: left; color: #666; font-weight: normal; padding: 0; margin: 0; }
.customhtdtopmessage h1 { font-size: 25px; text-align: center; color: #666; padding: 10px 0 1px 0; margin: 0;}
.customhtdtopmessage p {font-size: 12px; text-align: center; color: #666; font-weight: normal; padding: 0; margin: 0; }
.customhtdtopmessagemar h1 { font-size: 25px; text-align: center; color: #666; padding: 10px 0 1px 0; margin: 0;}
.customhtdtopmessagemar p {font-size: 12px; text-align: center; color: #666; font-weight: normal; padding: 0; margin: 0; }

/* Login */
.howdlogin {background: url("../images/mine/signin-bg.jpg") repeat-x #555; min-height:300px; margin: 25px 0 10px 0; }
.howdlogin fieldset {border: 0px solid #fff; padding: 35px 0 0 0; margin: 0 auto; width: 250px;  }
.howdlogin input#username {border: 1px solid #ccc; padding: 7px; margin: 5px 0; width: 250px;  }
.howdlogin input#password {border: 1px solid #ccc; padding: 7px; margin: 5px 0; width: 250px;  }
.howdlogin label {color: #fff;  }
.howdlogin button { margin: 12px 0 0 0; float: right; }
.howdlogin button:hover { text-decoration: none; }
.howdform-actions a {float: left; display: block; padding: 0; }
.howdcontrol-group { padding: 5px 0 3px 0; }
.howdlogin .star {color: #FF6666; }

/* Register */
.howdregistration {width: 450px; padding: 35px 0 35px 0; background: url("../images/mine/reg-bg.jpg") repeat-x #555; min-height:300px; margin: 25px 0; }
.howdregistration .red, .howdregistration .star {color: #FF6666; }
.howdregistration fieldset {border: 0px solid #fff; padding: 0; margin: 0; }
.howdregistration form {margin: 0 auto; width: 270px;   }
.howdregistration input {border: 1px solid #ccc; padding: 7px; margin: 5px 0; width: 250px;  }
.howdregistration label {color: #fff;  }
.howdregistration button { margin: 12px 0 0 0; float: right; }
.howdregistration button:hover { }
.howdlinksmore {float: left; padding: 7px 0; }
.howdlinksmore a {display: block; padding: 0 0 1px 0; }
.howdcontrol-group { padding: 5px 0 3px 0; }

#jfbc_loginregister_newuser {width: 450px; padding: 35px 0 35px 0; background: url("../images/mine/reg-bg.jpg") repeat-x #555; min-height:300px; margin: 25px 0; }
#jfbc_loginregister_newuser .red, .howdregistration .star {color: #FF6666; }
#jfbc_loginregister_newuser fieldset {border: 0px solid #fff; padding: 0; margin: 0; }
#jfbc_loginregister_newuser form {margin: 0 auto; width: 270px;   }
#jfbc_loginregister_newuser input {border: 1px solid #ccc; padding: 7px; margin: 5px 0; width: 250px;  }
#jfbc_loginregister_newuser label {color: #fff;  }
#jfbc_loginregister_newuser button { margin: 12px 0 0 0; float: right; }
#jfbc_loginregister_newuser button:hover { }
.howdlinksmore {float: left; padding: 7px 0; }
.howdlinksmore a {display: block; padding: 0 0 1px 0; }
.howdcontrol-group { padding: 5px 0 3px 0; }

/*Reset */
.howdresetmain {background: url("../images/mine/signin-bg.jpg") repeat-x #555; min-height: 150px; margin: 25px 0; padding: 35px 0 0 0;  }
.howdreset fieldset {border: 0px solid #fff; padding: 0; margin: 0 auto; width: 270px; }
.howdreset input {border: 1px solid #ccc; padding: 7px; margin: 5px 0; width: 250px;  }
.howdreset label {color: #fff;  }
.howdreset button {margin: 12px 0 0 0; float: right; padding: 6px 9px;  }
.howdreset button:hover { }
.howdresetbut { margin: 0 auto; width: 270px;}


.howd-titles-pages h1 {font-size: 25px; font-weight: bold; padding: 10px 0 0 0; margin: 0; text-align: center; color: #666; }
.howd-titles-pages h2 {font-size: 12px; font-weight: normal; padding: 0; margin: 0; text-align: center; color: #666; }
.tooltip { }


/* Footer */
.howdfoot {background: #699DD2; border-top: 1px solid #4388CD; width: 100%; }
.howdfootcenter {position: relative; height: 152px; margin: 0 auto; width: 972px;}
.howdfootcenter ul {display: block; padding: 0; margin: 0; }
.howdfootcenter li {display: inline; }

.howdfoothold {padding: 30px 0 0 0;}
.howdfoothold a {color: #eee; padding: 0 7px 0 0;}
.howdfootmenuone { width: 100%; border-bottom: 1px solid #fff; padding: 0 0 5px 0;  }
.howdfootmenuone a { font-size: 13px;  }
.howdfootmenutwo a { font-size: 12px; }

.quickylinks {background: #6495C5; width: 100%;  bottom:0; position: absolute; border-radius: 5px 5px 0 0; }
.quickylinks p {color: #fff; padding: 3px; margin: 0; font-size: 10px; }
.quickylinks a {color: #fff; padding: 0 0 0 3px; margin: 0; font-size: 10px; }
.quickylinks b {color: #99CC33; }

.howdfootmenutwo img {float: right; }

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/* Large desktop */
@media (min-width: 1200px) {
  
}

/* Ad list */
.howd-classifieds {  }

.howd_row0 {border-bottom: 10px solid #669BD2; display: block; height: 32px;  padding: 0; }
.howd_row0 ul { display: block; margin: 0; padding: 0; }
.howd_row0 li {display: block; float: left; margin: 0; padding: 0; }
.howd_row0 a {font-weight: bold; background: url("../images/mine/mid-bg.jpg") repeat-x #8BBEE8; color: #FFFFFF; display: block; margin: 0 5px 0 0; padding: 8px 20px; text-decoration: none; }
.howd_row0 a:hover {background: #8DC718; text-decoration: none; }

.howd-sort {background-color: #434343; }
.howd-sort p {margin: 0; padding: 7px 0px 0 5px; color: #fff; font-weight: bold; }
.howd-sort ul {display: block; margin: 0; padding: 0; }
.howd-sort li {display: block; float: left; margin: 0; padding: 0; }
.howd-sort a {color: #FFFFFF; display: block; padding: 7px; text-decoration: none; }
.howd-sort a:hover { }
.howd-sort img { padding: 0 0 0 5px; vertical-align: top; }

.oaslistings .p_first { }
.oaslistings .p_first li {}
.oaslistings .modyouter { background: #fff; margin: 0 !important; padding: 1px 0 0 1px !important; border-bottom: 1px solid #ddd; }
.oaslistings ul {padding: 7px 0 0 5px; margin: 0; }
.oaslistings li { background: none repeat scroll 0 0 #FFFFFF; display: block; height: 64px; text-align: left; padding: 0; margin: 0; }
.oaslistings li.first { float: left; padding: 0 5px 0 0 !important; width: 8%; }
.oaslistings li.name { float: left; padding: 0 0 0 5px !important; width: 90%;  }
.oaslistings li.name h3 { font-size: 14px !important; padding: 3px 0 15px 0; margin: 0; font-weight: normal; }
.oaslistings p { }
.oaslistings li.price { }

.osainfo {padding: 0; }
.osainfo p { padding: 0 25px 0 0; margin: 0; float: left; color: #999; }
.osainfo p.howdcustomf {font-weight: bold; }

.howdcustomf {padding: 0 !important; }
.howdcustomf span {width: 45px; height: 22px; display: block; }
.howdcustomf .howd_car { background:  url(../images/mine/v-icons.png) no-repeat left 0px; }
.howdcustomf .howd_motorbike { background: url(../images/mine/v-icons.png) no-repeat left -25px;}
.howdcustomf .howd_bus { background: url(../images/mine/v-icons.png) no-repeat left -82px;}
.howdcustomf .howd_largegoodsvehicle {background: url(../images/mine/v-icons.png) no-repeat left -53px; }
.howdcustomf .howd_truck {width: 50px; background:  url(../images/mine/v-icons.png) no-repeat left -107px;}

.howdcustomadi-empty {padding: 0; margin: 0; color: #999; float: right !important; }
.howdcustomadi {color: #fff !important; float: right !important; padding: 1px 25px 1px 3px !important; border: 1px solid #ccc; color: #fff; background: #777;}
.p_bold .howdcustomadi { border: 1px solid #ccc; color: #fff; background: #777 url("../images/mine/tickn.png") 78px -1px no-repeat; } 


.oastitle a.article-writers {background: #fff url(../images/user/icon-bigs.jpg) no-repeat 0px 7px; display: block; width: 70px; height: 70px; margin: 7px auto 0; }
.oastitle a.link-builders  {background: #fff url(../images/user/icon-bigs.jpg) no-repeat 0px -73px; display: block; width: 70px; height: 70px; margin: 7px auto 0;}
.oastitle a.article-writers:hover {background: #fff url(../images/user/icon-bigs.jpg) no-repeat 0px -153px; }
.oastitle a.link-builders:hover  {background: #fff url(../images/user/icon-bigs.jpg) no-repeat 0px -236px; }
.oastitle div { border: 1px solid #ececec; background: #f4f4f4; width: 84px; height: 84px; display: block; }
.oastitle div:hover { border: 1px solid #FFCC99; }

.osacatouter .dj-category {border: 0px solid #fff !important;  }
.osacatouter .cat_col {width: 14% !important; }
.osacatouter .cat_col_in {padding: 0 !important; }

a.oas_driving-lessons {background: #fff url(../images/mine/cat-icons.jpg) no-repeat 5px 5px; display: block; width: 40px; height: 40px; margin: 7px auto 0; }
a.oas_advanced-driving-lessons  {background: #fff url(../images/mine/cat-icons.jpg) no-repeat 5px -39px; display: block; width: 40px; height: 40px; margin: 7px auto 0;}
.oaslistings .first div { border: 1px solid #ececec; background: #f4f4f4; width: 54px; height: 54px; display: block; }

.djcf .tip {opacity: .8; background: none repeat scroll 0 0 #434343; border: medium none; border-radius: 5px; max-width: 400px; min-width: auto; padding: 0px; }
.djcf .tip-title {background: transparent; border-radius: 0; padding: 0; display: none; visibility: hidden; }
.djcf .tip-text { background: transparent; border-radius: 0; padding: 10px; }
.djcf .tip-text .tp_desc { border-top: 0px solid #EAEAEA; padding: 0; color: #fff; }


/* Top Sreach Ads */

.howdsreachtop {border-radius: 5px; width: 100%; background: #eee; padding: 15px 0;  margin: 15px 0 20px 0; }
.howdsreachtop button {height: 33px; width: 35px;  background: url("../images/mine/sbutton.jpg") no-repeat 0 -1.3px #FF9933; border: 1px solid #F8A940; *border: 0px solid #FFCC66;  margin: 0 10px 0 20px; }
.howdsreachtop button:hover {box-shadow: 0 1px 1px #FFCC66 inset, 0 0 8px #FFCC66; border: 1px solid #F8A940; *border: 0px solid #FFCC66; background: url("../images/mine/sbutton-h.jpg") no-repeat 0 -1.3px; }
.howdsreachtop .howd-sbutton { }
.howdsreachtop input.first_input, .howdsreachtop input#howsboxh {line-height: 30px; height: 30px; padding: 0; float: left; margin: 0 0 0 10px; text-indent: 10px; background: #fff; border: 2px solid #ccc; width: 210px; border-radius: 2px;}
.howdsreachtop input { }
.howdsreachtop select {  padding: 0; background: #fff; border: 0 solid #ccc; width: 210px; border-radius: 0px; margin: 0;}
.howdsreachtop .search_cats, .howdsreachtop .search_regions { margin: 0 0 0 10px; padding: 0px; float: left; }
.howd_inner_exts {float: left;}
.howd_inner_exts span {float: left; }
.howd_inner_exts input {margin: 0 5px 7px;}
.howdsreachtop .howdsrextraright {float: right; }
.howdsreachtop .djseform_field_checkbox {min-width: 200px; }

.search_price input {height: 20px; line-height: 20px; border: 2px solid #CCCCCC; }
.howsadvanced { padding: 10px; }
.howsadvanced h3 {padding: 3px; margin: 0 0 15px 0; background: url("../images/mine/mid-bg.jpg") repeat-x scroll 0 0 #8BBEE8; color: #fff; font-size: 11px; }
.howsadvanced h4 {padding: 3px; margin: 0 0 15px 0; background: #ddd; color: #666; font-size: 11px; font-weight:normal; }
.howsadvanced h5 {padding: 3px; margin: 15px 0; background: #ddd; color: #666; font-size: 11px; font-weight:normal; }
.howsadvanced h6 {padding: 3px; margin: 0 0 15px 0; background: #ddd; color: #666; font-size: 11px; font-weight:normal; }
.search_ex_fields {float: left;  }
.howsadvbits {float: left; margin: 0 0 0 17px; }
.howsadvbitsend {float: left; background: #ddd;
    border-radius: 5px;
    float: left;
    margin: 0 0 0 50px;
    padding: 15px;
	color: #666;  }
.search_only_images {padding: 0 0 10px 0; }

.search_ex_fields .djseform_field { }
.search_ex_fields .djseform_field span {background: #ddd;
    color: #666666;
    font-size: 11px;
    font-weight: normal !important;
    margin: 15px 0 ;
    padding: 3px;
	display: block; }
.search_ex_fields .djseform_field input {border: 2px solid #CCCCCC;
    height: 20px;
    line-height: 20px;
	display: block; }
#ex_fields .djform_row {clear: both; }
#ex_fields .row_adi_number {padding: 7px 0 0 0; }

p.howd-shcontrol {display: block; width: 100%; text-align: right; padding: 0; margin: 0;}
p.howd-shcontrol a.howd-show, p.howd-shcontrol a.howd-hide {padding: 0 79px 0 0; cursor: pointer;}
p.howd-shcontrol a.howd-reset {padding: 0 79px 0 0; cursor: pointer;}

.howsadvanced .search_time .sbHolder, .howsadvanced .search_type .sbHolder { width: 170px; }

/*Right Ad List */
#howd-classifieds { width: 100%;}
.djcfrightside {float: right; width: 240px; background: #eee; }
.djcfrightside button {float: right; height: 40px; width: 40px;  background: url("../images/mine/sbutton.jpg") no-repeat; border: 1px solid #FFCC66;  margin: 0 10px 0 0; }
.djcfrightside button:hover {border: 1px solid #bbb; }
.djcfrightside .howd-sbutton {padding: 15px 0; border-top: 1px solid #ccc; }
.djcfrightside input {padding: 4px; background: #fff; border: 2px solid #ccc; width: 200px; border-radius: 0px; margin: 15px 0;}
.djcfrightside select {padding: 4px; background: #fff; border: 2px solid #ccc; width: 210px; border-radius: 0px; margin: 0 0 15px 0; }
.djcfrightside .moduletable {text-align: center;}

.no_results { background: none repeat scroll 0 0 infobackground; border: 1px solid #EEEEEE; border-radius: 5px; color: #000000; margin: 10px 0; padding: 20px 0; text-align: center; }

/*Ad View*/
.sb_top { float: right; padding: 15px 0 0; }
.new_icon {float: left; height: 22px; width: 100px; background: url("../images/mine/jadd.png") no-repeat; margin:  24px 0 0 10px;    }
.new_icon_front { float: left; height: 16px; width: 100px; background: url("../images/mine/jadd.png") no-repeat; margin: 0;    }

.howtopadbg {background: #6699CC; padding: 10px 5px; text-align: left; margin: 50px 0 10px 0; }
.howtopadbg span { padding: 0 0 0 5px;}
.howtopadbg img {}
.howtopadbg a {color: #fff; padding:0 0 0 10px; margin: 0; }
.howtopadbg a.howdadwebsitelink {padding:0 0 0 17px; }
.howtopadbg button {font-family: Verdana,Arial; font-weight: normal; text-shadow: none; font-size: 12px; height: auto; color: #fff; padding:0 0 0 17px; margin: 0; *padding: 0; background: none; border: none; }
.howtopadbg button:hover {text-decoration: underline; box-shadow: none !important; }
.howdeditlink {float: right; }
.howdeditlink a {padding: 0 10px 0 0; }

.howmidad { }
.howmidadone {float: left; width: 20%; *width: 19%; border-right: 1px solid #ccc; min-height: 200px;  }
.howmidadtwo {float: left; width: 55%; border-right: 1px solid #ccc; min-height: 200px; padding: 0 10px; }
.howmidadthree {float: right; width: 20%; min-height: 200px;  }
.howmidadthree .price_wrap  { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: url("../images/mine/sup-bg.jpg") repeat-x #FF9933; height: 50px; line-height: 50px; padding: 0 0 0 7px; color: #fff; font-weight: bold;  }
.howmidadthree .row_value { font-size: 18px; }
.howmidadthree .row_label {font-size: 10px;  }
.howmidadthree .row_label_per {font-size: 10px;  }
.howmidadthree .adi_wrap {height: 50px; text-shadow: 0 -1px 0 #555; background: #777; color: #fff !important; padding: 0 0 0 7px; line-height: 50px; color: #999; font-weight: bold; margin: 15px 0;}
.p_bold .howmidadthree .adi_wrap { text-shadow: 0 -1px 0 #555; background: url("../images/mine/tick-new.png") no-repeat right -3px #777; color: #fff;} 


.howdcontentadtypes  {background: #9FCBEC url(../images/mine/v-bg.jpg) repeat; padding: 7px 0; }
.howdcontentadtypes b { float: left; padding: 4px 0 0 5px; color: #fff; }
.howdcontentadtypes a { padding: 0; margin: 0; float: left; color: #999; }
.howdcontentadtypes span {width: 100px; height: 22px; display: block; }
.howdad-car  { background:  transparent url(../images/mine/h-icons.jpg) no-repeat left -1px; }
.howdad-motorbike { background: transparent url(../images/mine/h-icons.jpg) no-repeat -10px -42px;}
.howdad-bus { background:  transparent url(../images/mine/h-icons.jpg) no-repeat -10px -133px;}
.howdad-largegoodsvehicle {background:  transparent url(../images/mine/h-icons.jpg) no-repeat -10px -88px; }
.howdad-truck { background:  transparent url(../images/mine/h-icons.jpg) no-repeat -5px -174px;}

.howdcontentadimg {margin: 30px 0; }
.howdcontentadimg .images_wrap {float: left;}
.howdcontentadimg .video_box { float: left;}
.howdcontentadimg .djc_thumbnail {float: left; padding: 0 15px 0 0 ;}

.howdcontentad {width: 100%; margin: 10px 0; }
.howdcontentadone {width: 60%; float: left; }
.howdcontentadtwo {width: 35%; float: right; border-left: 1px solid #ccc; min-height: 200px; padding: 0 0 0 15px;}
.howdcontentad p {padding: 0 17px 0 10px; text-align: justify;}
.howdcontentad h3 {padding: 0; margin: 0; }

.htd-conpop {  bottom: 0; right: 0; position: fixed; }
.htd-conpop form {border-style: solid; border-color: #777; border-width: 1px 0 0 2px; border-radius: 7px 0 0; height: 100%; background: url("../images/mine/reg-bg.jpg") repeat scroll right top #555; padding: 10px;}
.htd-conpop form#djabuseForm {width: 340px; float: right; }
.htd-conpop label {display: block; color: #fff; }
.htd-conpop input {margin: 0 0 15px 0;background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #CCCCCC;
    border-radius: 0;
    padding: 8px;
    width: 200px;  }
.htd-conpop textarea {background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #CCCCCC;
    border-radius: 0;
    padding: 8px;
    width: 320px; }
.htd-conpop button#submit_b {
 background: url("../images/mine/sup-bg.jpg") repeat-x scroll 0 0 #FF9933;
    border-color: #CC9933;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #FFFFFF;
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 9px;
	margin: 0 0 5px 15px;
	float: right;
	

}
.htd-conpop button#submit_b:hover {
 background: #FF9933;
 box-shadow: 0 1px 1px #FFCC66 inset, 0 0 8px #FFCC66;

}

.htd-conmess { float: left; padding: 0 0 0 30px; }
.htd-conmessf {float: left; padding: 0 10px; }
.htd-conmessb {display: block; padding: 10px 0 0 0; }

.htdcommentrate .fb_comments_box {float: left; width: 620px; }

/* User Account */
.howdusermenuleft {background: #545454; color: #fff; float: left; width: 200px; min-height: 400px; }
.howdusermenuleft a {color: #fff; padding: 7px 0 7px 35px; display: block; }
.howdusermenuleft li.active a {background: #6699CC; }
.howdusermenuleft h3 {background: url("../images/mine/myacc.png") no-repeat 11px -1px #545454; color: #fff; font-size: 14px; font-weight: normal; padding: 0 0 0 35px; display: block; margin: 14px 0; }
.howdusermenuleft ul {padding: 0px; margin: 0;  }
.howdusermenuleft .howdsmallbor {background: #999; height: 1px; width: 160px; margin: 10px auto;  }
.howdusermenuleft li {padding: 0; margin: 0; display: block; }
.howduserright {float: left; width: 700px; }
.howduserhold { margin: 25px 0 15px 0; }

/*Edit Account */
.profile-edit fieldset {border: 0px solid #fff; border: 1px solid #C0C0C0; border-radius: 7px; margin: 0 0 15px 15px; padding: 17px;}
.profile-edit input {margin: 2px 0 10px 0; padding: 8px; background: #fff; border: 2px solid #ccc; width: 200px; border-radius: 0px; }
.profile-edit label, .profile-edit .optional {color: #666; }
.star {color: #FF6666; } 
.profile-edit .form-actions { float: right;}
.profile-edit .form-actions button {margin: 0 10px 0 0;}
.profile-edit .form-actions button:hover {}
.profile-edit .form-actions a { }

/* favs */
#howd-favclassifieds {margin: 25px 0 15px 0; }
#howd-favclassifieds .items {float: left; width: 740px; padding: 0 0 0 20px;}
#howd-favclassifieds .howdcustomadi, #howd-favclassifieds .howdcustomadi-empty {display: none; visibility: hidden; }

.howd-sortfav {background: #434343; }
.howd-sortfav p {margin: 0; padding: 7px 0px 0 5px; color: #fff; font-weight: bold; }
.howd-sortfav ul {display: block; margin: 0; padding: 0; }
.howd-sortfav li {display: block; float: left; margin: 0; padding: 0; }
.howd-sortfav a {color: #FFFFFF; display: block; padding: 7px; text-decoration: none; }
.howd-sortfav a:hover { }
.howd-sortfav img { padding: 0 0 0 5px; vertical-align: top; }

/* submit ad */
.howd-postad-main {margin: 25px 0 15px 0; }
.dj-additem {margin: o auto; }
.additem_djform input {margin: 2px 0 10px 0; padding: 8px; background: #fff; border: 2px solid #ccc; width: 200px; }
.additem_djform label {color: #666; display: block; }
.additem_djform select {margin: 0; padding: 0; background: #fff; border: 0px solid #ccc; width: 200px; }
.djform_fieldselect, .djform_rowselect {margin: 2px 0 10px 0; }
.additem_djform textarea {margin: 2px 0 10px 0; padding: 8px; background: #fff; border: 2px solid #ccc; width: 430px; }
#uploader input {border-radius: 3px; background: #777; color: #fff; border: 2px solid #666; width: auto; }
#uploader a {vertical-align: middle;}

.howd-step { border-radius: 7px; border-bottom: 3px solid #999; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: url("../images/mine/step-bg.jpg") no-repeat top right #fff;; min-height: 100px; margin: 0 0 20px 0;}
.howd-step h3 {  border-top-right-radius: 4px; border-top-left-radius: 4px; background: none repeat scroll 0 0 #669BD2; color: #fff; border-top: 1px solid #6699CC; border-left: 1px solid #6699CC; border-right: 1px solid #6699CC; border-bottom: 2px solid #777; font-size: 13px; font-weight: normal; margin: 0; padding: 5px 10px;}
.howd-stepone {margin: 40px auto; width: 250px;}
.howd-steptwo {margin: 20px 0 20px 120px;}
.howd-steptwo .editor { width: 450px;}
.howd-stepthree {margin: 20px 0 20px 120px;}
.howd-stepfour {margin: 20px 0 20px 120px;}
.howd-stepfive {margin: 35px auto;}
.howd-stepfive label {float: left; padding: 0 50px 0 20px;}
.howd-stepfive .djform_field {float: left; }
.howd-stepfive input {margin: 2px 0 10px 0; padding: 8px; background: #fff; border: 2px solid #ccc; width: 50px; border: 0px solid #fff; }
.djform_row_outer {margin: 25px 0; padding: 25px 0; }
.djform_row_outer label { }
.howd-stepsix .djform_row {width: 300px; margin: 0 auto; }
.howd-stepseven { }

#howdstep2,#howdstep3,#howdstep4,#howdstep5,#howdstep6{
    display:none;
}
#ex_fields .djform_row-check {float: left;}
#ex_fields .radiofield_box { }
#ex_fields .radiofield_box fieldset {border: 0px solid #fff !important; padding: 0 !important; margin: 0 !important; }
#ex_fields .radiofield_box .howdstepfourcheck {  width: 250px; padding: 7px;  margin: 0 20px 7px 0; background: #eee; }
#ex_fields .radiofield_box span { }
#ex_fields label#howdpatchy {}
#ex_fields .howdadddesy {border-bottom: 2px solid #ccc ; color: #888888;
    display: block;
    font-size: 10px;
    margin: 0 0 5px;
	width: 548px;
	padding: 0 0 3px 0;}
.additem_djform #ex_fields .radiofield_box input { float: right; background: FFFFFF; border: 0px solid #CCCCCC; border-radius: 0; margin: 0; padding: 0px; width: auto; }

.requiredhowd { color: #FF6666; }

#dj-classifieds .dj-additem .prom_rows .djform_row .label {

	float: left;
    font-weight: bold;
    margin: 5px 30px 5px 0;
    width: 150px;
}

.tip{
	background: transparent;
	border: none;
}

.tip-title {
    
    color: #fff;
    font-weight: normal;
    margin: 0 !important;
    padding: 5px;
    width: 266px !important;
	
}
.tip-title img { width: 500px; border: 5px solid #ddd;}


.tooltip  {
    background: #545454;
    color: #fff;
    font-weight: normal;
    margin: 0 !important;
    padding: 10px;
    width: 266px !important;
	
	
}

.prom_rows { width: 90%; margin: 20px auto; }
.prom_rows ul {display: block; margin: 0 0 20px 0; padding: 0; }
.prom_rows li {display: block; margin: 0; padding: 0; }
.prom_rows li.howdadextratitle {  height: 30px; line-height: 30px; padding: 0 20px 0 5px; }
.prom_rows img {padding: 0 0 0 5px;  }
.prom_rows img {padding: 0 0 0 5px;  }
.prom_rows li.howdadextradesc { background: #FFFFFF; border-top: 2px solid #CCCCCC; border-left: 3px solid #CCCCCC; border-right: 3px solid #CCCCCC; border-bottom: 3px solid #CCCCCC; border-radius: 0 0 3px 3px}
.prom_rows p {display: block; padding: 5px; margin: 0; font-size: 11px; }
.prom_rows h4 {font-weight: normal; font-size: 13px; margin: 30px 0 5px 0; padding: 0;  }
.prom_rows h5 {font-weight: normal; font-size: 12px; padding: 0; margin: 0; color: #fff !important;}
.prom_rows label {color: #fff !important;}
.prom_rows span.howdadextra {font-weight: normal; font-size: 10px; color: #fff; }
.prom_rows span.howdadoptions {float: right; }
.prom_rows span.howdadoptions label { padding: 0 10px 0 5px;}

.promo_p_bold {background: url("../images/mine/promo-bg-adi.jpg") no-repeat top right #888;} 
.promo_p_first {background: url("../images/mine/promo-bg-first.jpg") no-repeat top right #888;} 
.howd_top_promo {font-size: 11px; border-bottom: 1px solid #ddd; border-bottom: 1px solid #DDDDDD; font-size: 11px; margin: 0 0 10px !important; padding: 5px 0 !important; }
.p_bold { }

.prom_rows input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #CCCCCC;
    border-radius: 0;
    margin: 0;
    padding: 0px;
    width: auto;
}
.prom_rows label {display: inline; }

.classifieds_buttons { float: right;}
.classifieds_buttons button { margin: 0 10px 0 0;}
.classifieds_buttons button:hover {}
.classifieds_buttons a { }

span.howdadddes {color: #888888; display: block; font-size: 10px; margin: 0 0 5px; }


/* userads */
.howd-userads-main {margin: 25px 0 15px 0; }
.useritems {float: left; width: 740px; padding: 0 0 0 20px;} 

.howd-userads-sort {background: #434343; }
.howd-userads-sort p {margin: 0; padding: 7px 0px 0 5px; color: #fff; font-weight: bold; }
.howd-userads-sort ul {display: block; margin: 0; padding: 0; }
.howd-userads-sort .main_title_box {display: block; float: left; margin: 0; padding: 0; }
.howd-userads-sort a {color: #FFFFFF; display: block; padding: 7px; text-decoration: none; }
.howd-userads-sort a:hover { }
.howd-userads-sort img { padding: 0 0 0 5px; vertical-align: top; }

.howd-userads-top {display: block; background: #888; padding: 5px 10px; color: #fff;}
.howd-userads-top ul {display: block; margin: 0; padding: 0; }
.howd-userads-top li {display: block; float: left; margin: 0; padding: 0; }
.howd-userads-top-left {  width: 52%;}
.howd-userads-top-right {width: 48%; }


.howd-user-list {display: block; padding: 5px 0 5px 0; background: #fff;}
.howd-user-list ul {display: block; margin: 0; padding: 0 0 0 10px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;  }
.howd-user-list li {display: block; float: left; margin: 0; padding: 0; min-height: 50px;  }
.howd-user-list li a {display: block; padding: 5px 0 0 0;  }
.howd-userads-left {  width: 50%;}
.howd-userads-right {width: 49.8%; font-size: 11px; }
.howd-userads-right .col_ua_row { padding: 5px 0 0 7px; }
.howd-userads-mid {width: 0.2%; background: #ddd;}
.howd-userads-left .c_name {font-size: 11px; font-style: italic; color: #999; }

.howd-user-list-no ul { display: block; margin: 0; padding: 0 0 0 10px; border-top: 1px solid #FF9933; border-top: 1px solid #FF9933; border-left: 1px solid #FF9933; border-right: 1px solid ##FF9933; }
.howd-user-list-no .howd-userads-out {background: #FF9933; }
.howd-user-list-no .howd-userads-out a {color: #fff;  }
.howd-user-list-no {display: block; padding: 5px 0 5px 0; background: #fff;}
.howd-user-list-no li {display: block; float: left; margin: 0; padding: 0; min-height: 50px;  }
.howd-user-list-no li a {display: block; padding: 5px 0 0 0;  }

.howd-ad-yes {float: right; background: #99CC33 url(../images/mine/pub.png) no-repeat 7px 7px; width: 50px; height: 50px;}
.howd-ad-no {float: right; background: #FF9933 url(../images/mine/unpub.png) no-repeat 7px 7px; width: 50px; height: 50px; }

.howd-userads-out { background: #eee; padding: 5px 0; *background: #eee; }
.howd-userads-in { text-align: right; }
.howd-userads-out a {padding: 0 5px;}
.howd-userads-out .renew, .howd-userads-out .pay { color: #fff; text-decoration: underline; }

/* Contact Form */

.contact { }
.contact .contact-form { margin: 0 auto; width: 600px; }
.contact .star {color: #FF6666;} 
.contact fieldset {border-radius: 7px; padding: 17px; margin: 15px 0; background: linear-gradient(to bottom, #555555, #333333) repeat scroll 0 0 #555; color: #fff; }
.contact input { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #CCCCCC; border-radius: 0; margin: 2px 0 10px; padding: 8px; width: 200px; }
.contact textarea { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #CCCCCC; border-radius: 0; margin: 2px 0 10px; padding: 8px; width: 400px; }
.contact button {margin: 10px 0; float: right; }
.contact button:hover { }

/*Select list */
@CHARSET "UTF-8";
.sbHolder{
	background: #fff;
	border: solid 2px #ccc;
	font-weight: normal;
	height: 30px;
	position: relative;
	width: 210px;
	border-radius: 2px;
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 170px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #000;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(../img/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(../img/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../img/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../img/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #fff;
	border: solid 1px #ccc;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 210px;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	border-bottom: dotted 1px #999;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #666;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #1BA5DF;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}
/*

Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/
/* General settings */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-image: url("../img/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.button, div.radio, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
  div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0; }
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0; }

.highContrastDetect {
  background: url("../img/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px; }

/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 3px;
  background: url("../img/bg-input.png") repeat-x 0 0;
  outline: 0; }
  input.uniform-input.active,
  select.uniform-multiselect.active,
  textarea.uniform.active {
    background: url("../img/bg-input-focus.png") repeat-x 0 0; }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

/* Select */
div.selector {
  background-position: 0 -130px;
  line-height: 26px;
  height: 26px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden; }
  div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block; }
  div.selector.fixedWidth {
    width: 190px; }
    div.selector.fixedWidth span {
      width: 155px; }
  div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0px;
    width: 100%; }
  div.selector.active {
    background-position: 0 -156px; }
    div.selector.active span {
      background-position: right -26px; }
  div.selector.hover, div.selector.focus {
    background-position: 0 -182px; }
    div.selector.hover span, div.selector.focus span {
      background-position: right -52px; }
    div.selector.hover.active, div.selector.focus.active {
      background-position: 0 -208px; }
      div.selector.hover.active span, div.selector.focus.active span {
        background-position: right -78px; }
  div.selector.disabled, div.selector.disabled.active {
    background-position: 0 -234px; }
    div.selector.disabled span, div.selector.disabled.active span {
      background-position: right -104px; }

/* Checkbox */
div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px; }
  div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px; }
    div.checker span.checked {
      background-position: -76px -260px; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: -19px -260px; }
    div.checker.active span.checked {
      background-position: -95px -260px; }
  div.checker.hover span, div.checker.focus span {
    background-position: -38px -260px; }
    div.checker.hover span.checked, div.checker.focus span.checked {
      background-position: -114px -260px; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -260px; }
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {
      background-position: -133px -260px; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: -152px -260px; }
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {
      background-position: -171px -260px; }

/* Radio */
div.radio {
  position: relative; }
  div.radio, div.radio span, div.radio input {
    width: 18px;
    height: 18px; }
  div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -279px; }
    div.radio span.checked {
      background-position: -72px -279px; }
  div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
  div.radio.active span {
    background-position: -18px -18px -279px; }
    div.radio.active span.checked {
      background-position: -90px -279px; }
  div.radio.hover span, div.radio.focus span {
    background-position: -36px -36px -279px; }
    div.radio.hover span.checked, div.radio.focus span.checked {
      background-position: -108px -279px; }
  div.radio.hover.active span, div.radio.focus.active span {
    background-position: -54px -279px; }
    div.radio.hover.active span.checked, div.radio.focus.active span.checked {
      background-position: -126px -279px; }
  div.radio.disabled span, div.radio.disabled.active span {
    background-position: -144px -279px; }
    div.radio.disabled span.checked, div.radio.disabled.active span.checked {
      background-position: -162px -279px; }

/* Uploader */
div.uploader {
  background-position: 0 -297px;
  height: 28px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  div.uploader span.action {
    background-position: right -409px;
    height: 28px;
    line-height: 28px;
    width: 82px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer; }
  div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 85px;
    padding: 0 10px; }
  div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%; }
  div.uploader.active span.action {
    background-position: right -465px; }
  div.uploader.hover, div.uploader.focus {
    background-position: 0 -353px; }
    div.uploader.hover span.action, div.uploader.focus span.action {
      background-position: right -437px; }
    div.uploader.hover.active span.action, div.uploader.focus.active span.action {
      background-position: right -493px; }
  div.uploader.disabled, div.uploader.disabled.active {
    background-position: 0 -325px; }
    div.uploader.disabled span.action, div.uploader.disabled.active span.action {
      background-position: right -381px; }

/* Buttons */
div.button {
  background-position: 0 -641px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */ }
  div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
  div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 22px;
    text-align: center;
    background-position: right -521px;
    height: 22px;
    margin-left: 13px;
    padding: 8px 15px 0 2px; }
  div.button.active {
    background-position: 0 -671px; }
    div.button.active span {
      background-position: right -551px;
      cursor: default; }
  div.button.hover, div.button.focus {
    background-position: 0 -701px; }
    div.button.hover span, div.button.focus span {
      background-position: right -581px; }
  div.button.disabled, div.button.disabled.active {
    background-position: 0 -731px; }
    div.button.disabled span, div.button.disabled.active span {
      background-position: right -611px;
      cursor: default; }

/* INPUT & TEXTAREA */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #777;
  border-top: solid 1px #aaaaaa;
  border-left: solid 1px #aaaaaa;
  border-bottom: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  input.uniform-input.hover, input.uniform-input.focus,
  select.uniform-multiselect.hover,
  select.uniform-multiselect.focus,
  textarea.uniform.hover,
  textarea.uniform.focus {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999; }

/* PRESENTATION */
/* Buttons */
div.button span {
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase; }
div.button.hover span, div.button.focus span {
  color: #555; }
div.button.disabled span, div.button.disabled.active span {
  color: #bbb; }

/* Select */
div.selector {
  font-size: 12px; }
  div.selector span {
    color: #666;
    text-shadow: 0 1px 0 white; }
  div.selector select {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px; }
  div.selector.disabled span, div.selector.disabled.active span {
    color: #bbb; }

/* Checker */
div.checker {
  margin-right: 5px; }

/* Radio */
div.radio {
  margin-right: 3px; }

/* Uploader */
div.uploader span.action {
  text-shadow: white 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold; }
div.uploader span.filename {
  color: #777;
  border-right: solid 1px #bbbbbb;
  font-size: 11px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  color: #aaa; }
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
  border-color: #ddd;
  color: #aaa; }

input.uniform-input, input.uniform-input:focus {
  background-color: #fff; }
  
 /********** payment **********/

#dj-classifieds table.paymentdetails {
	width: 100% !important;
}

#dj-classifieds table.paymentdetails.first {
	margin: 20px 0;
	border-bottom: 2px solid #eee;
}

#dj-classifieds table.paymentdetails .payment_td {
	border: 1px solid #EAEAEA;
}

#dj-classifieds table.paymentdetails td.td_pdetails {
	padding: 20px;
}

#dj-classifieds table.paymentdetails td.td_pdetails div.pd_row {
	padding: 10px 0 0;
	margin-top: 10px;
	border-top: 1px solid #EAEAEA;
	display: inline-block;
	width: 100%;
}

#dj-classifieds table.paymentdetails td.td_pdetails div.pd_row:first-child {
	padding: 0;
	margin: 0;
	border: none;
}

#dj-classifieds table.paymentdetails td.td_pdetails div.pd_row_total {
	background: #eee;
	padding: 10px 20px;
	margin-top: 20px;
	font-weight: bold;
}

#dj-classifieds table.paymentdetails td.td_pdetails div.pd_row_total span {
	text-transform: uppercase;
	float: none;
	padding: 0;
}

#dj-classifieds table.paymentdetails td.td_pdetails div span {
	float: left;
	padding: 0 20px;
}

#dj-classifieds table.paymentdetails td.td_pdetails div span.price {
	float: right;
}

#dj-classifieds table.paymentdetails td.td_title{
	background: #669BD2;
    border-bottom: 1px solid #EAEAEA;
    padding: 10px;
}

#dj-classifieds table.paymentdetails td.td_title h2 {
    color: #fff;
    text-align: center;
	padding: 0;
	font-size: 1em;
	margin: 0;
	font-weight: bold;
}

#dj-classifieds table.paymentdetails td.td_pdetails div.pd_row .djcfpay_label {
	font-weight: bold;
	text-transform: capitalize;
}

#dj-classifieds table.paymentdetails .table_payment {
	padding: 20px;
}

#dj-classifieds table.paymentdetails{
	
}

#dj-classifieds table.paymentdetails td.table_payment table {
	border: none;
}

#dj-classifieds table.paymentdetails td.table_payment table td {
	vertical-align: middle;
}

#dj-classifieds table.paymentdetails td.table_payment table td.td1 img,
#dj-classifieds table.paymentdetails td.table_payment table td.td3 img {
	vertical-align: middle;
}

#dj-classifieds table.paymentdetails td.table_payment table td.td2 {
	background: #F7F7F7;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    padding: 20px;
	vertical-align: top;
}

#dj-classifieds table.paymentdetails td.table_payment table td.td2 table {
	margin-top: 10px;
}

#dj-classifieds table.paymentdetails td.table_payment table td.td2 table select,
#dj-classifieds table.paymentdetails td.table_payment table td.td2 table input {
	margin: 5px;
}

#dj-classifieds table.paymentdetails td.table_payment table div.email_box span {
	margin: 10px 0 5px;
	display: block;
}

#dj-classifieds table.paymentdetails td.table_payment table div.email_box input.validate-email {
	width: 200px;
}
#recaptcha_area, #recaptcha_table {
    clear: both;
    display: block;
}

