#content {padding:20px 0}
#footer p {}

.searchcontainer {float:right;background:url(../Images/bamboo/semi.png);padding:15px 20px 5px;
    -webkit-border-radius:4px 0 4px 4px;
    -moz-border-radius:4px 0 4px 4px;
    border-radius:4px 0 4px 4px;
}
.searchcontainer ul {border:0 none;display:block;height:24px;margin:0;padding:0}
.searchcontainer ul li {display:block;float:left;position:relative}
.searchcontainer ul li:last-child {margin-top:0px}
.searchcontainer ul li label {color:#a6a6a0;cursor:text;font-size:130%;font-weight:normal;left:12px;position:absolute;top:9px}

.searchtips {float:right;height:15px;margin:8px 4px 3px 0;padding:0 5px;background:rgba(255,255,255,0.9);box-shadow:0 0 3px 5px rgba(255,255,255,0.9)}
.searchtips a {color:#3d3d33; line-height:12px}

.categories-list {margin-top:20px}
.fright {float:right}

.search-homepage {background:url(../Images/bamboo/search-bg-1.jpg) no-repeat;height:270px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.searchcontainer .sub input.txtinp {width:200px;padding:10px 10px 9px;margin:0 20px 0 0;border:1px solid #3d3d33;font-size:130%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
*+html .searchcontainer .sub input.txtinp {margin-right:18px}
 
.searchcontainer .sub input.txtinp:focus {background:#fff}
.searchcontainer .sub .btn {background-position:0 -666px;height:40px}
.searchcontainer .sub .btn span {background-position:right -586px;width:106px;text-align:left;height:40px;line-height:40px;padding-right:0}

.inlineList {list-style-type:none;margin:0}
.inlineList li {float:left;margin:0 3px}
.inlineList:after {content:'.';display:block;float:none;clear:both;width:0;height:0;overflow:hidden;font-size:0}

.col h3 {font-weight:bold}
.col h3 a.fright {font-size:12px;text-decoration:none;color:#0c66cc;font-weight:normal;line-height:25px}

.snaplock .body {min-height:120px}
.snaplock, .snaplock strong {font-style:italic}
.snaplock .right-attention .main {width:60%}
.snaplock .right-attention .aside {right:0;width:40%}
.snaplock .left-attention .main {width:60%}
.snaplock .left-attention .aside {right:0;width:40%}
.snaplock .footer {text-align:right;width:924px;margin:0 auto;padding:20px 15px 15px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
    .snaplock .footer p {padding-right:285px;margin:0;font-size:16px}
        .snaplock .footer .btn {font-size:12px}

.latest-updates {margin-top:20px}
.recent-searches {margin-top:20px}
.latest-updates .col, .recent-searches .col {float:left;width:470px;margin-right:20px}
    .latest-updates div.last, .recent-searches div.last {margin-right:0}
        .latest-updates .col ol {list-style-type:none;font-size:11px;margin:0;padding:0;overflow:hidden}
            .latest-updates .col ol li {display:block;height:60px;padding:5px 0;color:#afafaf;border-top:1px dotted #dfdfdf}

            .searchViewMore {float:right;line-height:24px}
            .searchImage {width:20px;float:left;height:40px}
                .searchImage img {padding-top:15px}
                .searchType {display:block;float:left;width:290px;font-size:90%}
                .searchLink {display:block;float:left;width:290px}
                    .searchLink a {font-size:14px;color:#0c66cc; white-space: nowrap;}
                    .searchTimestamp {display:block;float:right;width:100px;text-align:right}
                .searchCompany {font-size:14px;color:black; white-space: nowrap;}

.recent-searches .searchTimestamp {width:67px}
.recent-searches .col ol li {clear:both}

a.link-more {display:block;width:100%;text-align:center;background:#ebebdb;color:#3d3d33;padding:3px 0;background:#ebebdb;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
a.link-more span {padding-right:20px;background:url(../Images/bamboo/arrow-down.gif) no-repeat right 50%}
a.link-more span.link-less {background:url(../Images/bamboo/arrow-up.gif) no-repeat right 50%}


.categories-list {background:#f5f5f5;padding:10px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.bold {font-weight:bold}
.popcats {font-weight:bold}
    .popcats ul {font-weight:normal}
        .popcats ul li {white-space:nowrap}
.latestcats {margin-top:20px}

.stat-col {float:left;width:235px;height:80px;margin-right:1px;text-align:center}
    .snaplock .right-attention .main .section {height:80px;font-size:24px}
    .snaplock .right-attention .aside .section {font-size:16px}

    .stat-col span.bigtext {display:block;font-size:36px}

.errorMessages {clear:both;}
    .errorMessages span {display:block;float:left;background:#fff;padding:3px 5px;margin-top:3px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
    }

/* RESPONSIVE STUFF */
@media screen and (min-width:769px) and (max-width:1023px) {
            .responsive .searchbg {margin-top:10px}
            .responsive .header-controls {display:none;}
            .responsive .searchtips {display:none}
            .responsive .snaplock .right-attention .main .section {font-size:170%}
            .responsive .snaplock .right-attention .aside .section {font-size:140%}
            .responsive .snaplock .footer {width:100%;padding-left:0;padding-right:0}
            .responsive .snaplock .footer p {padding-right:0;text-align:center}
            .responsive .latest-updates .col ol li {height:5em;padding:2% 2%}
            .responsive .latest-updates .col, .responsive .recent-searches .col {margin:1% 0;width:47%;padding:0 1%;float:left}
            .responsive .searchType {width:70%}
            .responsive .searchLink {width:70%}
            .responsive .searchTimestamp {width:25%;line-height:2}
}


@media screen and (min-width:601px) and (max-width:768px) {
            .responsive .snaplock .right-attention .main .section {font-size:150%;font-weight:bold}
            .responsive .snaplock .right-attention .aside .section {font-size:140%}
            .responsive .snaplock .footer {width:100%;padding-left:0;padding-right:0;text-align:center}
            .responsive .snaplock .footer p {padding-right:0}
            .responsive img {max-width:100%}
            .responsive .searchtips {display:none}
            .responsive .hotfrog-sbh {display:none}
            .responsive .searchbg {margin-top:10px}   
            .responsive .searchcontainer .sub label {font-size:1.1em;top:25%}
            .responsive .searchcontainer .sub input.txtinp {width:80%}
            .responsive h3.searchHeading {font-size:1.15em}
            .responsive .searchLink a { font-size: 1.05em; white-space: nowrap;}
            .responsive .searchCompany {font-size:1.05em; white-space: nowrap;}
            .responsive .searchViewMore {line-height:1.5;font-size:0.95em}
            .responsive .latest-updates {margin-top:3%}
            .responsive .latest-updates .col ol li {height:5em;padding:2% 2%}
            .responsive .latest-updates .col, .responsive .recent-searches .col {margin:1% 0;width:45%;padding:0 1%;float:left;}
            .responsive .categories-list {padding:1%;margin:3% 1%;font-size:1.1em!important}
            .responsive .categories-list ul {padding:0 2%}
            .responsive .searchType {width:70%}
            .responsive .searchLink {width:70%}
            .responsive .searchTimestamp {width:25%}
}


@media screen and (max-width:600px) {
            .responsive .searchbg {background:#ebebdb!important;height:auto;margin:2% 1%;padding-bottom:20px;}
            .responsive .searchbg ul {height:auto}
            .responsive .searchbg ul li {margin-bottom:1%;float:none}
            .responsive .hotfrog-sbh {display:none}
            .responsive h3.searchHeading {font-size:1.2em}
            .responsive .searchcontainer {float:none;background:none}
            .responsive .searchLink a { font-size: 1.1em; white-space: nowrap;}
            .responsive .searchcontainer .sub input.txtinp {width:90%}
            .responsive img {max-width:100%}
            .responsive .searchtips {display:none}
            .responsive .btn-search {margin-top:2%}
            .responsive .latest-updates {margin-top:3%;display:none}
            .responsive .latest-updates .col ol li {height:5em;padding:2% 2%}
            .responsive .latest-updates .col, .responsive .recent-searches .col {margin:1% 0;width:98%;padding:0 1%;float:none}
            .responsive .categories-list {padding:2% 1%;font-size:1.1em!important;background:none;margin-top:0}
            .responsive .categories-list ul {padding:0 2%}
            .responsive .popcats {margin-top:2%}
            .responsive .latestcats {padding:0 2%}
            .responsive .folding .block1-inside, .responsive .folding .popcats {border:1px solid #dfdfdf;
                -webkit-border-radius:4px;
                -moz-border-radius:4px;
                border-radius:4px;
            }
            .responsive .block > div {display:none}
            .responsive .block > div.popcats {display:block}
            .responsive .block1-inside strong, .responsive .popcats strong {display:block;padding:3px 2%;color:#0d66cc;background:url(../Images/bamboo/arrow-down.gif) no-repeat right 10px;cursor:pointer;border:1px solid #dfdfdf;}
            .responsive .block1-inside strong.fold, .responsive .popcats strong.fold {background:url(../Images/bamboo/arrow-up.gif) no-repeat right 9px;border:1px solid #dfdfdf;}
            .responsive .block1-inside .localityList, .responsive .popcats .inlineList {display:none;padding-top:4%}
            .responsive .searchLink {width:70%}
            .responsive .searchTimestamp {width:25%}
            .responsive #loginDiv {display:none!important}
}

@media screen and (min-width:400px) {
    .responsive .block1-inside strong, .responsive .popcats strong {border:none;background:none;color:#3d3d33;}
    .responsive .block > div.popcats, .responsive .popcats .inlineList {display:block!important}
}