/* ------------------------------------------------- HTML ELEMENTS---------------------------------------------------- */

body {font-family:Verdana, Arial,Helvetica,Sans-serif;  background-color:#41555D;
        height: 100%;
        margin: 0;
        padding: 0; 
        font-size:11px;
        color:#333333;
        line-height:18px;
        text-align:justify; 
}


/* links */
a {color:#EA5A20; font-size:1.1em; text-decoration:none}
a:hover {text-decoration:underline;color:#EA5A20;}
/* headings */
h1, h2, h3 {font-weight: bold; color: #EA5A20 }
ul, ol {padding: 0 10px;color: #000;}
ul span, ol span {color: #666666;}
acronym {cursor: help;border-bottom: 1px solid #777;}
blockquote 
{
    background:url("../images/quote.gif") no-repeat scroll 5px 10px #FAFAFA;
    border:1px solid #F2F2F2;
    margin:30px 0px 5px 0px
    padding:10px 10px 10px 28px;
}

/* Main Page Styles */
#secondContainer{width:300px;}
#mainContainer{float:left; width:640px; }

#page-wrapper {border: 1px solid #82a3b3; background-color:#fff; margin-top:4px; overflow:hidden }
#headerlogo {padding: 5px 5px 5px 10px; width: 430px; float:left;}
#headerlogo h2 {padding:5px 0px 0px 0px; font-size: 1.2em; color: #EA5A20}
#footer-container
{
    padding: 30px;
    background: url('../images/gradient_7.gif') repeat-x scroll left bottom;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.1em;
    font-size: x-small;
}


#topMenu{ position:absolute;float:right; margin:0px;right:0px }
#topMenu ul{font-weight:bold; padding:0px; line-height:11px;}
#topMenu li{display: inline;}
#topMenu li a{float:left; display:block; font-size:1em; text-decoration:none;padding:6px; border-left:1px solid white; color:#ffffff; background:#89a4b1; }
#topMenu li a:visited{color: #ffffff;}
#topMenu li a:hover, .menu li.selected a {background-color:#EA5A20;}

#navbar {width:100%; clear:both; overflow: hidden;border-bottom: 1px solid #89a4b1; background-color: #89a4b1 }
#navbar ul{text-align:center; padding-left: 10px; font-weight:bold; line-height:13px;}
#navbar li{display: inline; margin:0;}
#navbar li a{float: left;display: block;text-decoration: none;margin: 0;padding: 7px 8px; border-left: 1px solid white; color: white;background: #89a4b1; }
#navbar li a:visited{color: white;}
#navbar li a:hover, .menu li.selected a{background-color:#EA5A20;}

.banner { width:612px; vertical-align:middle >}

.divider {background: url(/images/gradient_2.gif) repeat-x scroll top left; height:10px;}

/* ---------------------- END Top Menu ---------------------- */

/*Forms */
fieldset {padding:5px; margin-top:10px}
fieldset p {margin: 5px}
fieldset legend {color:#EA5A20; font-size:1.3em;font-weight:bold; }
fieldset label,fieldset .label {float:left; line-height:22px; text-align:right; margin-right:10px; width:100px; text-transform:capitalize; }
fieldset .field {width:320px; padding-bottom:3px;  margin-top:5px; display:inline-block; }  
fieldset select {width:200px; font-size:12px; margin-bottom:5px; }
fieldset input[type="text"], fieldset input[type="password"], fieldset textarea{width:200px}
input:focus, textarea:focus {background:none repeat scroll 0 0 color:#DDD;}
input[type="submit"] {margin-left:5px; width:60px; background-color:#EA5A20;border:1px solid #DD7E00;color:#FFFFFF;}
fieldset .actions {float:right}

 /*Login form  */
#login-container  {float:right;position:absolute; right:0; top:28px;}

.loginMod {margin:3px; padding:5px 3px 3px 3px; width:270px;  overflow:hidden; -moz-border-radius:0.4em 0.4em 0.4em 0.4em ; border:1px solid #89A4B1;  }
.loginMod legend {font-size:1.4em}
.loginMod  a {color:#EA5A20;font-size: 1em;text-decoration:none;}
.loginMod input[type="text"], .loginMod input[type="password"] {width:170px; float:right}
.loginMod select {float:right; width:200px}
.loginMod .field {width:240px; padding-bottom:3px; line-height:22px  }  
.loginMod .label { float:left;text-transform:capitalize; }
.loginMod .submit {float:right; margin-right: 5px;  background-color:#EA5A20;border:1px solid #DD7E00;color:#FFFFFF;}

.login-failure {color:red; display:block; clear:left; padding-left:7px; text-align:justify;}



/* Modules */
/***************************************************************************************/
.contentMod {border:none; border-bottom:1px dotted #CCCCCC; margin-bottom:5px;}
.contentMod h1 {color:#89a4b1;font-size:2em;font-weight:bold;line-height:1.2em;margin:0;padding:0 0 4px;}
.contentMod h2 {color:#89a4b1;font-size:1.7em;font-weight:bold;line-height:1.2em;margin:0;padding:0 0 4px;}
.contentMod h3 {color:#89a4b1;font-size:1.4em;font-weight:bold;line-height:1.2em;margin:0;padding:0 0 4px;}
.contentMod p {color:#404040;font-size:1.1em;line-height:1.38em;margin:0;padding:0 0 0.7em;}

.sectionMod { margin-top:10px; overflow:hidden; background-color:#FFFFFF  }
.sectionMod .inner {border:1px solid #89a4b1;}
.sectionMod .hd {background-color:#89a4b1; height: 30px; }
.sectionMod .bd  {padding:5px;  }
.sectionMod .ft  {clear:both  }
.sectionMod p {padding:5px; } 
.sectionMod .hd h1, .sectionMod .hd h2  {padding:5px; text-transform:capitalize; font:bold 1.25em;}
.sectionMod h1{color:#FFF; font-size:16px;}
.sectionMod h2{color:#FFF; font-size:1.4em; padding-top:10px}

.addThis {margin:10px 5px;}

/* Welcome Module */
.welcomeMod {position:relative; width:630px; }
.welcomeMod .inner {padding-bottom:5px }
.welcomeMessage {width:100%;  }
.blogLink { float:left;line-height:1.5em; margin-top:10px}
.writePrompt {float:right; margin-right:10px}

.bestWorstMod {width:630px}
.bawItem {position:relative; border-bottom: 1px solid #ccc; padding:5px}
.bawHeading {display:inline-block;width:100%}
.bawCompanyName, .bawCompanyName a{color:#EA5A20; font-size:1.2em;float:left; padding-left: 5px; padding-top:5px}
.bawThumbs {float:left; padding-right: 5px; padding-top:5px}
.bawRating {float:right; padding-right: 5px; padding-top:10px}
.bawBody 
{
    background:url("../images/quote.gif") no-repeat scroll 5px 10px #FAFAFA;
    border:1px solid #F2F2F2;
    margin-top:5px;
    padding:10px 10px 10px 30px;
    }
.bawReviewTitle {color:#EA5A20; font-size:1.1em;padding-left:15px}
.bawComments {padding-left:15px}
.readReview {background: url(../images/read.jpg) no-repeat top left}

/* Company Search */
.searchMod{width:630px;}
.searchMod .bd {padding-left:0px ;display:inline-block; background:url("/images/paleblue.png") repeat-x fixed 0 0 #cfd0d4}
.searchMod p {padding-left: 10px; color:#0079b2;}
#searchNav {float:left; width:193px; }
#searchNav ul {padding:0px; }
#searchNav ul li {background-color: #cfd0d4; line-height:40px; }
#searchNav ul li a{padding-left:2px; color: #0079b2; font-weight:bold; font-size: 13px;text-transform:uppercase; text-decoration:none}
#searchNav ul li:hover {background-color:#f9f9f9; }
#searchNav .currentSearch {background-color:#FFFFFF;}

#searchPanel {overflow:hidden; padding:5px 5px 5px 0px; width:425px; height:152px; float:right; background-color: #FFFFFF;}
#searchPanel fieldset {margin-left:20px;}
#searchPanel legend {margin-top:10px; margin-bottom:10px}
#pnlDirectEmployerSearch {display:none}
#pnlCompanySearch {display:block}
#pnlJobBoardSearch {display:none}
#pnlServiceProviderSearch {display:none}

/* Main Content */
.recentReviewsMod{width:630px; }
.recentReviewsMod h2{width:200px; float:left}
#dlTopReviews{width:100%}
#dlTopReviews tr { border-bottom: 1px solid #D9E4C4;}
#dlTopReviews .datarow { background:url("/images/datarowGrad2.png") repeat-x scroll right bottom #FFF;padding:5px;}
#dlTopReviews tr:last-child {border-bottom:none}
#dlTopReviews .comments { clear:left; text-align:justify; line-height:15px;  padding-top:3px;}
#dlTopReviews .ratings {float:right; }
#dlTopReviews .companyName {float:left; }
#dlTopReviews .companyName a {text-decoration:none; font-size:1.2em; font-weight:bold; color: #EA5A20;}
.toggleComments {line-height:30px;clear:both}
.toggleComments:hover {text-decoration:underline;cursor:pointer;}


.newsMod {width:300px; } 
.newsItem {padding-top:4px; padding-bottom:4px}
#newsFeed {text-decoration:none;}
#newsFeed .newsHeading {}
#newsFeed .newsContent { line-height:15px; padding:2px}
         
         
#twitter_update_list li {border-bottom: 1px solid #ccc; padding-bottom:5px;}

.opinionMod {width:300px; }

.expertAdviceMod {width:300px;}

/*Secondary content*/
.featuredCompaniesMod {width:300px;  }
#Banners1_dlBanners {margin:3px auto;}
.featuredCompaniesMod .inner {height:450px}


/*Search Results Page*/
.searchResultsMod {margin: 10px auto; width:630px }

#SearchResultsGrid table {width:100%; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; position:relative}
#SearchResultsGrid .tableHeader {background-color:#89A4B1;    border-style:none;    font-size:1.3em;    border:1px solid #CCCCCC    }

#SearchResultsGrid .tableHeader a {color:#fff; text-decoration:none;border-style:none; line-height: 20px} 
#SearchResultsGrid .pagerText a {padding-left:5px;}

#SearchResultsGrid .tableCellNormal, #SearchResultsGrid .tableCellAlternating 
{
    vertical-align:top;
    margin:0;    
    padding:10px 8px 10px 8px;    
    height:160px;    
    background:url(/images/SearchResultsGrad.jpg) repeat-x top left;
    border-bottom-style:solid; border-bottom-width:1px; border-bottom-color: #EFEFDB; text-align:left;
}
    
#SearchResultsGrid .CompanyName a{ font-size:14px; color:#EA5A20 }
#SearchResultsGrid .CompanyAddressInfo {margin-top:10px; margin-bottom:10px}
#SearchResultsGrid .CompanyWeb a{color:#000 }
#SearchResultsGrid .CompanyServices {font-size:12px;}
#SearchResultsGrid .ratings {margin-top:10px; margin-left:16px}

.filters {margin:10px; padding:0;}
.resultsFilterMod {margin: 10px auto; width:250px; }
.resultsFilterMod .inner {height:250px}

.pagination {background-color:#FFFFFF;border:1px solid #D0DFB8;display:block; margin-left:2px;overflow:hidden;padding:2px 5px;text-decoration:none; float:right}


/* Forgotten Password */
.forgottenPasswordMod {margin: 30px 50px 30px 50px; width:600px }
.forgottenPasswordMod label {width:150px}
.forgottenPasswordMod  .field {width:400px; margin-left:40px; padding-bottom:15px}

/*Candidates Page */
.candidatesMod {width:600px; margin-left:100px;}
.candidatesMod #dgEmployer tr { line-height:18px}

/*My Reviews*/
.myReviewsMod {width:600px; margin-left:100px}

.googleAds {float:right; margin-right:20px; margin-top:30px}

.contactUsMod {margin:30px 50px 30px 50px; width:600px }
.contactUsMod  .field {width:330px; margin-left:40px; padding-bottom:15px}
.contactUsMod legend {margin-bottom:15px}

.helpMod {margin: 20px 20px auto; }
.aboutUsMod {margin: 20px 20px auto }

.registrationMod {margin: 10px 0px 10px 10px; width:540px }
.registrationMod  .field {width:330px; margin-left:40px; padding-bottom:15px}
.registrationMod legend {margin-bottom:15px}

.loginPageMod {width:380px; float:right; }
.loginPageMod .inner {}
            
.tAndCMod ul li {color:#404040; list-style-type:circle; text-indent:0.0em;margin-left:1em;padding-bottom:0.5em;}

.guestBlogsMod ul {color:#75B03C;list-style-type:none;}
.guestBlogsMod ul li {color:#75B03C; padding-top:5px; padding-bottom:5px}
.guestBlogsMod ul li a {font-weight:600;color:#75B03C;text-decoration:none;}

/*My Reviews Page*/
.myReviewsMod {margin: 30px 20px 30px 20px; width:800px }
.myReviewsMod .inner{height:400px}
.myReviewsMod #dgReviews table {width:100%; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; position:relative}
.myReviewsMod #dgReviews .tableHeader {color:#000;  font-size:1.3em;  background-color:#cfcfcf;
                                       border-bottom-style:solid; border-bottom-width:1px; border-bottom-color: #EFEFDB  }
.myReviewsMod #dgReviews .tableCellNormal,.myReviewsMod #dgReviews .tableCellAlternating 
{
    vertical-align:top;
    margin:0;    
    padding:10px 8px 10px 8px;    
    line-height:20px;
    border-bottom-style:solid; border-bottom-width:1px; border-bottom-color: #EFEFDB
}
 .myReviewsMod #dgReviews a{ font-size:14px; color:#EA5A20 }   

/*Write a Review Page*/
.addReviewMod {width:700px; margin-left:20px; }
.addReviewMod fieldset .field {width:550px; margin-left:100px;  font-size:1.2em}
.addReviewMod fieldset .label {text-align:left; width: 130px; line-height: 18px}
.addReviewMod #cmbRating {width:50px}
.addReviewMod .reviewSection input[type="text"] {width:395px}
.addReviewMod textarea , .reviewComments table{width:395px; height:130px;padding:3px 5px;}
.addReviewMod .companyInfo {background: url(/images/bg_gradient_box.gif) no-repeat scroll bottom right}
.addReviewMod #lblCompanyName {font-size:large;}
.addReviewMod .registrationPanel {width: 400px}
.addReviewMod #dgRatings td {width: 200px; font-size:1.2em}

/*Read Review Mod */
.readReviewMod {width:950px; font-size:1.2em }
.readReviewMod p {text-decoration:none}
.readReviewMod .showAllButton {float:right; margin-right:30px}

.readReviewMod .bd {min-height:500px; background: url(/images/Untitled-2.png) repeat-x scroll bottom left;}
.readReviewMod h2, .lblRatingLabel  {margin-bottom:5px; font-size:1.3em; color:#EA5A20; font-weight:bold}
.readReviewMod h3 {font-size:1.1em; color:#EA5A20; font-weight:bold}
.readReviewMod a {font-size:1em;}
.readReviewMod .address {margin-bottom:10px; }
.readReviewMod .companySearch { margin-top:10px; margin-bottom:10px;  background-color:#F3F3F3; border:solid 1px #89A4B1; padding:10px}
.readReviewMod .companyWrap { display:inline-block}
.readReviewMod .companyInfo { background: url(/images/ratings_grad.png) repeat-x top left; 
                              border:1px solid #dddddd; padding:5px;
                              margin:0px 10px 15px 0px; padding:5px auto; width:500px; float:left; }
.readReviewMod .companyName {font-size: 1.3em; color:#EA5A20; font-weight:bold; text-transform:capitalize }
.readReviewMod .sec-loc { padding:5px; float:left;margin:20px 0 10px 0px; width:400px;}
.readReviewMod .companySectors {float:left; }
.readReviewMod .companyLocations {float:right;}
.readReviewMod .gridHeading {font-size:1.1em; color:#EA5A20; font-weight: bold; text-transform: capitalize }
.readReviewMod .ratings {margin:0px 10px 0px 10px; float:left; width:380px; padding:5px;}
.readReviewMod .ratings td {padding-right:30px;vertical-align:middle }
.readReviewMod .lblRatingLabel {margin-bottom: 5px;}
.readReviewMod .companyReview {border-top:1px solid #DDDDDD; margin-top:10px; display:inline-block;}
.readReviewMod .companyReview table {width:100%}                         
.readReviewMod .reviewDetails {float:left; width:500px; margin:0px 10px 0px 0px; padding:7px } 
.readReviewMod .criteria { width:300px; float:left; }
.readReviewMod .criteriaRatings tr {border:none}
.readReviewMod .title {font-size:1.1em; color:#EA5A20; margin: 3px 0 3px 0;}
.readReviewMod #imgWriteReview {margin:20px 0px 10px 20px}
.readReviewMod .quote i {color:#C2C2C2;font-size:257.5%;line-height:2px;overflow:hidden;padding-right:6px;vertical-align:bottom;}
.readReviewMod .quote {font-family:Arial,Tahoma,"Bitstream Vera Sans",sans-serif;}
.readReviewMod .sidebox {padding:5px; overflow:hidden; -moz-border-radius:0.4em 0.4em 0.4em 0.4em ; border:1px solid #89A4B1; background-color:#FDFDFD; }
.readReviewMod #dgCompanyReviews td { vertical-align:top}
.readReviewMod #lnkCompanyJobs { float:left; border:1px solid #EA5A20; padding:0px 2px 0px 2px; text-decoration:none; background-color:#EA5A20; color:#ffffff; }
span.stars, span.stars span {display:inline-block; background: url(/images/star.gif) 0 0px repeat-x; width: 80px; height: 16px;}
span.stars span {background-position: 0 -32px; }



.blueShadow {
	-moz-box-shadow: 3px 3px 4px #89A4B1;
	-webkit-box-shadow: 3px 3px 4px #89A4B1;
	box-shadow: 3px 3px 4px #89A4B1;
	
    /* For IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#89A4B1')"; 

    /*For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#89A4B1');
    */
}

 .orangeShadow {
    -moz-box-shadow: 3px 3px 4px #EA5A20;
	-webkit-box-shadow: 3px 3px 4px #EA5A20;

/*
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EA5A20')"; 

    
    /*For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EA5A20');
*/
	}



/* Error messages */


.info, .success, .warning, .error
{
    border: 1px solid;
    margin: 10px 0px;
    padding:30px 10px 30px 100px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.validation, .validation td
{
    border: 1px solid;
    margin: 10px 0px 10px;
    padding:30px 10px 30px 100px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/warn.png');
}

.info {
    color: #00529B;
    background-color:#F3F3F3;
    background-image: url("/images/info.png");
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/warn.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/error.png');
}


.spacer {height: 100%; width: 1px;} 

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.flL {float:left}
.flR {float:right}