/* 

    Document   : style.css

    Created on : Apr 24, 2013, 2:54:53 PM

    Author     : Gorakh

    Description:

        Purpose of the stylesheet follows.

*/

#map-canvas {

    height: 100%;

    margin: 0px;

    padding: 0px

}

.repselection{

    display: block;

    width: 100%;

}

#mapcontainer *, #repForm *, #repcontainer * {

-webkit-box-sizing: border-box; 

  -moz-box-sizing: border-box;   

  box-sizing: border-box;    

}

#mapcontainer, #repcontainer{

    width: 100%;

}

#repcontainer label{

    display: inline !important;

}

.downloadreq-form-box .form-actions{background: none; border: none; margin-bottom: 0;}

#downloadreq-form .star{visibility: hidden;}

.download-ico{padding-bottom: 5px;    padding-right: 5px;}

.download-link{line-height: 25px;}

.dcount{

    font-weight: bold;

}

.rcategory-list div.icon, #rcategory-list div.icon {

    float: left;

    margin-bottom: 15px;

    margin-right: 15px;

    text-align: center;

}



.rcategory-list div.icon a, #rcategory-list div.icon a {

    background-color: #FFFFFF;

    background-position: -30px center;

    /* border: 1px solid #CCCCCC;*/

    border-radius: 5px 5px 5px 5px;

    color: #565656;

    display: block;

    float: left;

    height: 153px;

    text-decoration: none;

    transition-duration: 0.8s;

    transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;

    vertical-align: middle;

    width: 142px;

    font-size: 12px;

}



#rcategory-list img, .rcategory-list img {

	width: 90%;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 0;

}



#rcategory-list span, .rcategory-list span {

    display: block;

    text-align: center;

}

.result-box{

    float:left;

    display:block;

    padding:10px 5px;

    font-size:14px;

    width: 100%;

}

.result-box label{

    display: inline;

}



.google-maps {

    position: relative;

    padding-bottom: 55%; 

    height: 0;

    overflow: hidden;

}

@media (max-width: 767px) {

    .google-maps {

        padding-bottom: 80%;

    }

}

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

    .google-maps {

        padding-bottom: 100%;

    }

}

.google-maps iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

}

#rcategory-box{

    clear:both;

    margin:20px;

}



#employer-details{

    margin-top: 20px;

}



.content-loading{

    height:24px;

    width:24px;

    background: url('../images/content-loader.gif') no-repeat;



    margin: 30px 0 0 100px;

}



a.cat-edit{font-size:15px;padding-left:6px;line-height: 1.5em;color:#000;margin-left:15px;background: url('../images/edit-file-icon-changer-click-button.png') no-repeat;display:inline-block;width:100px; height:25px;}

a.cat-edit:hover, a.cat-edit:focus{color:#000 !important;background:none;text-decoration:none;background: url('../images/edit-file-icon-changer-click-button.png') no-repeat  !important;}

.cat-title img {

    vertical-align: top;

    display: inline;

}

.cat-title{

   display: inline;

   line-height: 2.1em;

   font-size: 22px !important;

}

#map-canvas, #map_canvas {

    height: 250px;

    /*width: 500px;*/

    width: 100%;

}

div.imgwrap{width:20%;float:left;padding:0 10px 0 0;}

div.imgwrap img{max-width: 100%;}

div.rp-content{width:80%;float:left;padding:0 10px 0 0;}

div.sp-leftcol{

    /*width:320px;*/

    width: 50%;

    padding: 0;

    margin: 0;

    float:left;  

    font-size: 13px;

}

div.sp-rightcol{

    width:200;

    float:left;    

    font-size: 13px;

}



#employer-details h2{

    margin:0 !important;

    padding:5px 0 !important;

}



#employer-details h3{

    margin:0 !important;

    padding:5px 0 5px 0 !important;

    font-size: 1.4em;

    font-weight:normal;

}



span#employer_name{font-weight: bold;}



#legend {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #ccc;

    margin: 5px;

    padding: 10px;

    font-size: 11px;

}

#legend img{

    vertical-align: middle;

}



div.emplbox{ margin:5px 0 30px 0;}

.txt-shadow-w { text-shadow: 1px 1px 1px #fff; }

.txt-shadow-b { text-shadow: 1px 1px 1px #222; }

.rounded {float:left; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; }

.shadow { -moz-box-shadow: 0px 2px 4px #999; -webkit-box-shadow: 0px 2px 4px #999; box-shadow: 0px 2px 4px #999; }

.itempad { padding:0.6em; margin:0 0 2em; width: 100%; }

.dark { background:#ccc; }



.enclosedata, .downloadreq-form-box{

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 1px 1px 1px 1px #dfdbdb;

    box-shadow: 1px 1px 1px 1px #dfdbdb; 

    padding:10px;

    margin-top:10px;

    line-height: 1.3em;

}

.downloadreq-form-box{

     padding-top: 30px;

}

.repdisplay{

    font-weight:bold;

}

#city-box, #captcha-box, #submit-box{

    padding-bottom:5px;

}

#mapframe{

    margin-top:20px;

}

#error-box{font-weight: bold; color: #FF0000;padding:10px 20px;}
@media (min-width: 768px) {
    #downloadreq-form input, #downloadreq-form select, #downloadreq-form textarea{
        max-width: 300px;
    }
}