/* AWPCP Collapsible Handler */

.js-handler {
    display: block;
    float: right;
}
.js-handler span {
    background: transparent url(../images/bullet_arrow_up.png) center center no-repeat;
    display: block;
    padding: 5px 1px;
    width: 16px; height: 16px;
}
.js-handler .open {
    background-image: url(../images/bullet_arrow_down.png);
}

/* AWPCP Categories Widget */

.widget_awpcp-categories .top-level-categories p.top-level-category {
    background: none;
    line-height: 0.8rem;
    margin-bottom: 3px;
    padding: 0;
    text-align: left;
}
.widget_awpcp-categories #awpcpcatlayout .top-level-categories .sub-categories {
    margin-bottom: 0;
    margin-left: 0;
}
.widget_awpcp-categories .top-level-categories .sub-categories li:before {
    content: '—';
    margin-right: 3px;
}
.widget_awpcp-categories .top-level-categories .sub-categories li {
    margin-bottom: 0;
}


/* =Page
---------------------------------------------------------------------------- */

.awpcp-page .awpcp-form-spacer {
    margin: 1px 1px 10px;
    padding: 1px;
}
.awpcp-page .awpcp-form-spacer label {
    display: block;
}
.awpcp-page .awpcp-form-spacer .secondary-label {
    display: inline;
    font-weight: normal;
}
.awpcp-page .awpcp-form-spacer .inline {
    display: inline;
}
.awpcp-page .awpcp-form-spacer .helptext {
    display: block;
    font-weight: normal;
    font-size: 0.9em;
}
.awpcp-page .awpcp-form-spacer .hidden {
    display: none;
}

.awpcp-page .awpcp-range-search,
.awpcp-page .awpcp-date-range-search {
    label {
        display: inline;
        font-weight: normal;
        margin-right: 2px;
    }
    input {
        width: 60px;
        margin-right: 5px;
    }
}

.awpcp-page .awpcp-date-range-search input {
    width: 200px;
}



/* =Place Ad Page
---------------------------------------------------------------------------- */

/* Order */
.awpcp-page .awpcp-payment-methods-table tr td {
    vertical-align: middle;
}

.awpcp-page .awpcp-credit-plans-table {
    border-bottom: none;
}
.awpcp-page .awpcp-credit-plans-table tfoot .clear-selection input {
    display: none;
}
.awpcp-page .awpcp-credit-plans-table tfoot .clear-selection label {
    background: #DDD;
    display: inline-block;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1em;
    padding: 4px 6px;
}
.awpcp-page .awpcp-credit-plans-table tfoot .clear-selection label:hover {
    background: #EEE;
    color: #000;
}

/* Checkout */
.awpcp-page .awpcp-transaction-items-table .amount {
    text-align: right;
}
.awpcp-page .awpcp-transaction-items-table tfoot {
    background: #EEE;
}
.awpcp-page .awpcp-transaction-items-table tfoot .row-header {
    font-weight: bold;
    text-align: right;
}

@media only screen and (max-width: 800px) {

    .awpcp-page .awpcp-transaction-items-table {
        tr td {
            padding-left: 30% !important;
        }
    }
}

/* Details */
.awpcp-page .awpcp-form-spacer .characters-left {
    background: #333;
    color: #FFF;
    display: inline-block;
    font-size: 0.9em;
    font-weight: normal;
    margin: 4px 0 0;
    padding: 2px 8px;
}
.awpcp-page .awpcp-form-spacer-title .characters-left {
    margin-top: 0;
    margin-left: 4px;
}
.awpcp-page .awpcp-form-spacer .awpcp-textarea {
    display: block;
}

.awpcp-page .awpcp-delete-ad-form {
    border: 1px solid #CC0000;
    background-color: #FFEBE8;
    padding: 8px 12px;
}
.awpcp-page .awpcp-delete-ad-form .confirm {
    display: none;
}
.awpcp-page .awpcp-delete-ad-form span.confirm {
    font-weight: bold;
    font-style: italic;
}

/* Preview Ad*/
.awpcp-page .awpcp-preview-ad-form {
    border: 1px solid #E6DB55;
    background-color: #FFFBCC;
    padding: 8px 12px;
}


/* =Admin Place Ad Page
---------------------------------------------------------------------------- */

.awpcp-admin-listings-place-ad .awpcp-inner-content,
.awpcp-admin-listings-edit-ad .awpcp-inner-content,
.awpcp-admin-listings-renew-ad .awpcp-inner-content {
    background: #FBFBFB;
    border: 1px solid #DFDFDF;
    padding: 8px 14px;
}

.fixfloat {
clear:both;
display:block;
overflow:hidden;
}

#awpcpqsearch { background:#f2f2f2; padding:5px 0px 0px 5px; margin:10px auto 10px auto; }

#awpcpqsearch select { width:112px; padding:4px; }

#awpcpqsearch b { font-size:12px;}

.messagedisplay {padding:5px;background-color: rgb(255, 251, 204);}
.tenpad  {padding:100px;}


table.listcatsh { width: 100%; padding: 0px; border: none; border: 1px solid #dddddd;}
table.listcatsh td {
    background-color: #F4F4F4;
    border: none;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
    vertical-align: middle;
}
table.listcatsh tr.special td { border-bottom: 1px solid #ff0000;  }
table.listcatsc { width: 100%; padding: 0px; border: none; border: 1px solid #dddddd;}
table.listcatsc td { width:33%;border: none;
vertical-align: middle; padding: 5px; font-weight: normal; }
table.listcatsc tr.special td { border-bottom: 1px solid #ff0000;  }


.toplevelitem { color:#333333;font-weight:bold; text-decoration:none; }
.toplevelitem a { font-weight:bold; color:#333333;text-decoration:none; }
.toplevelitem a:hover { font-weight:bold; text-decoration:none; }
.toplevelitem a:visited { text-decoration:none; color:#333333; }


.postaclassified { float:left; }

.postaclassified a { font-size:14px; color:#444444; }

.scbox { border:1px solid #dddddd; }
.scbutton { border:1px dotted #dddddd; background:#cccccc; font-size:14px; color:#444444; }

.classisearch { float:right; }

.uiwelcome { margin:0 0 20px 0; }

#awpcp-form-spacer { margin:5px 1px 1px 1px; padding:1px 1px 1px 1px important; }

.awpcp-extra-field-wrapper { margin:1px 1px 1px 1px; padding:1px 1px 1px 1px;}

#classiwrapper p {  }

.awpcp-page ul {
    list-style:none;
    margin:0;
    padding:0;
}

// #classiwrapper ul li {
//     list-style:none;
//     background-image:none;
//     margin:0;
//     padding:0;
// }

#classiwrapper form fieldset {
    margin-bottom: 20px;
}
#classiwrapper form fieldset {
}

.editclassified {
    float:right;
}


.headeritem {width:98%;padding:5px;font-weight:bold;color:#333333;}

.buywith {
background:#eeeeee;
border-top:1px dotted #dddddd;
border-bottom:1px dotted #dddddd;
color:#333333;
font-weight:bold;
font-size:medium;
padding:10px;
margin-bottom:20px;
}


.classimenu1 {
padding:15px;}

.browseads {
padding:10px;
}

table.displayads { width: 100%; padding: 0px; border: none;}
table.displayads td { width:33%;font-size: 12px; border: none; background-color: #F4F4F4;
vertical-align: middle; font-weight: bold; }
table.displayads tr.special td { border-bottom: 1px solid #dddddd;  }


table.displayads .displayadsicell{
background:none;
border:none;
font-weight:normal;
}


.cl-adsense {
margin:10px 0 10px 0;
text-align:center;
background:#f2f2f2;
padding:10px;
}

.imgtransparency {
-moz-opacity:.20; filter:alpha(opacity=20); opacity:.20;

}

.awpcpwidget { clear:both; overflow:hidden; }

.awpcplatestthumb {
    background: #F2F2F2;
    margin: 5px 0;
    padding: 5px;
    float: left;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.awpcplatestthumb a {
    display: block;
}
.awpcplatestthumb a span {
    display: block;
    margin: 10px;
}
.awpcplatestthumb a img {
    display: block;
    max-width: 300px;
}

.awpcp-login-form form {
    display: block;
    margin: 10px auto;
    width: 220px;
}
.awpcp-login-form form p {
    margin-bottom: 2px;
}
.awpcp-login-form form .input  {
    width: 200px;
}
.awpcp-login-form form .login-password {
    margin-bottom: 10px;
}
.awpcp-login-form form .login-remember {
    float: left;
}
.awpcp-login-form form .login-submit {
    text-align: right;
}
.awpcp-login-form .nav {
    font-size: 0.9em;
    padding: 0;
    text-align: center;
}

.itemprice .price {
    font-weight: bold;
    color: #ff0000;
}


.displayadshead { padding:10px; }
.displayadscellimg {  border:1px solid #eeeeee; padding:5px;  }
img.awpcpbrowseadsimg  { width:60px; }

.displayadscellheadline { padding:5px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; }
.displayadscelllocation { padding:5px;  border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; }
.displayadscellviews { padding:5px; border-right:1px solid #eeeeee; border-top:1px solid #eeeeee;  border-bottom:1px solid #eeeeee;}
.displayadscellposted { padding:5px;  border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; font-size:x-small; }

.changecategoryselect {
    float:left;
    margin-bottom:10px;
    padding:5px;
}
.changecategoryselect .awpcp-category-dropdown-container {
    float: left;
}
.awpcp-single-dropdown-category-selector-container .awpcp-category-dropdown-label {
    display: inline-block;
}

.pager { float:right; }
.pager a { padding:2px; border:1px solid #cccccc; }

#awpcpcatlayout { width:100%; }
#awpcpcatlayout .awpcpcatlayoutleft { width:70%; float: left; }
#awpcpcatlayout .awpcpcatlayoutright { width:25%;  float:right; border-left:1px solid #dddddd;}

#awpcpcatlayout .awpcpcatlayoutright ul { list-style:none; margin-left:10px;  }
#awpcpcatlayout .awpcpcatlayoutright ul li { float:left; list-style:none; margin:0;  }
#awpcpcatlayout .awpcpcatlayoutright ul li a {  }
#awpcpcatlayout .awpcpcatlayoutright ul li ul li { margin:3px 0 3px 0; padding-right:5px; }
#awpcpcatlayout .awpcpcatlayoutright span { font-weight:bold; }

#awpcpcatlayout ul.awpcp-region-control-sidelist li { float:none; }

p.maincategoryclass {
    background:#eeeeee;
    text-align:center;
    padding-bottom:10px;
    padding-top:10px;
    margin: 0 0 3px 0;
}

.awpcp-category-icon {
    display: inline-block;
    margin: 0 4px;
}
.awpcp-category-icon-image,
.categoryicon {
    box-sizing: border-box;
    vertical-align: middle;
    max-width: 100%;
}

.sub-categories {
    .awpcp-category-icon {
        margin-left: 0;
    }
}

.theuploaddiv .button {  margin-top:20px; padding:6px; }
div.theuploaddiv { display:block;padding:10px;   }
.finishbutton {  background:#f2f2f2; height:auto !important; min-height:60px; width:90%; padding:14px; }
.finishbutton .finishbuttonleft {  float:left; width:60%; margin-right:25px; }
.finishbutton .finishbuttonleft b { font-weight: bold; }
.finishbutton .finishbuttonright {  float:right;  }
.finishbutton .button { text-align:center; padding:6px; margin:10px 0px; }
p.uploaderror { padding:5px; background:#ffffcc; color:#000000; }
div.unsetsavedlocationslink { clear:both;padding:5px;background:#f2f2f2; width:300px;text-align:center;}

.adviewed { margin:10px 0px; border-top:1px dotted #333333; padding-top:10px; }

.dropdownparentcategory { background-color:#eeeeee;margin-bottom:3px; color:#000000;}

.displayaditemsodd { background:#f2f2f2; width:100%; margin-bottom:10px; }
.displayaditemseven { width:100%; margin-bottom:10px; }

.twitter-share-button {
    background:transparent url('../images/tweetn.png') no-repeat  0 0;
    direction: ltr;
    display:block;
    margin-top: 5px;
    width:55px;
    height:22px;
    text-align:left;
    text-indent:-9999px;
}
.facebook-share-button {
    background: url(../images/fbshare.png) no-repeat 0 0;
    display: block;
    height: 18px;
    width: 57px;
}

#js_error {
color:#cf0000;
border: 1px dotted #cc0000;
background-color: #fee;
text-align:center;
margin-bottom: 12px !important;
padding-top: 5px !important;
}

/* Ad Posted Styles */

/* info message shown when an Ad is posted */
p.ad_status_msg {
    background: none repeat scroll 0 0 #A2C9DB;
    padding: 10px;
}


/* Extra Fields styles */

.awpcp-extra-field-category-root, .awpcp-extra-field-always-visible {
    display: block;
}
.awpcp-extra-field-hidden {
    display: none;
}

/* Extra Fields in Show Ad page */
.awpcp-extra-fields {
    margin-bottom: 10px;
}

.awpcp-extra-fields .first-column {
    clear: left;
}

.awpcp-extra-fields-columns-2 .cladinfo {
    float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 10px;
    width: 45%;
}
.awpcp-extra-fields-columns-2 .first-column {
    margin-left: 0;
    margin-right: 5%;
}
.awpcp-extra-fields-columns-2 .last-column {
    margin-left: 5%;
    margin-right: 0;
}

.awpcp-extra-fields-columns-3 .cladinfo {
    float: left;
    margin: 0 1.5% 10px;
    width: 30%;
}
.awpcp-extra-fields-columns-3 .first-column {
    margin-left: 0;
    margin-right: 3%;
}
.awpcp-extra-fields-columns-3 .last-column {
    margin-left: 3%;
    margin-right: 0;
}

/* Attachments Style */

#classiwrapper {
    .awpcp-videos {
        clear: both;
        margin-top: 10px;
    }
    .awpcp-videos-title {
        font-weight: bold;
    }
    .awpcp-videos-grid-item {
        float: left;
        list-style: none;
        margin: 10px;

        a {
            background: #626262;
            border: 1px solid #313131;
            display: inline-block;
            padding: 9px;
        }
    }

    .awpcp-videos-list-item {
        list-style: none;
        margin: 10px 0;
    }

    .awpcp-attachments {
        clear: both;
        margin-top: 10px;
    }
    .awpcp-attachments-title {
        font-weight: bold;
    }
    .awpcp-attachments-list {
        margin: 0;
        padding: 0;
    }
    .awpcp-attachments-list li {
        list-style-type: circle;
        list-style-position: inside;
        margin: 0;
    }
}