﻿body {font-size: 11px; font-family: Verdana; background: #015c88;}

p {margin-bottom: 14px; line-height: 18px;}

h1, h2, h3, h4, h5 {font-family: Georgia;}

h1 {font-size: 34px; color: #014d71; margin: 0 0 15px 0}
h2 {font-size: 24px; color: #0281be; margin-top: 0px;}
h3 {font-size: 20px; color: #014d71; margin-top: 0px;}
h4 {font-size: 14px; color: #014d71; margin-top: 0px;}

a, a:visited {color: #eaa128;}

a:hover {text-decoration: none;}

ol, ul {margin-bottom: 20px;}

li {line-height: 18px; margin-bottom: 10px}

ol {list-style-type: decimal; list-style-position: inside;}

ol li {margin: 0 0 10px 0;
}

hr {
border: none;
border-top: 1px dashed #bedbe9;
background: none;
}

input {border: 1px solid #bedbe9;}

/*
---- Default Buttons ----
*/

a.button {
    color: #444;
    display: inline-block;
    height: 25px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    display: block;
    line-height: 15px;
    padding: 0px 0 0px 15px;
    font-family: Georgia;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
}

/* Orange Button Style */

a.button.orange {background: transparent url('../Images/Layout/Buttons/OrangeButtonBackground.png') no-repeat right -70px;}
a.button.orange span {background: transparent url('../Images/Layout/Buttons/OrangeButtonBackground.png') no-repeat left 0px;}

/* Green Button Style */

a.button.green {background: transparent url('../Images/Layout/Buttons/GreenButtonBackground.png') no-repeat right -70px;}
a.button.green span {background: transparent url('../Images/Layout/Buttons/GreenButtonBackground.png') no-repeat left 0px; color: #ffffff;}
a:hover.button {background-position: right -105px;}
a:hover.button span {background-position: 0 -35px; color: #333;}

/* Blue Button Style */

a.button.blue {background: transparent url('../Images/Layout/Buttons/BlueButtonBackground.png') no-repeat right -70px;}
a.button.blue span {background: transparent url('../Images/Layout/Buttons/BlueButtonBackground.png') no-repeat left 0px; color: #ffffff;}
a:hover.button {background-position: right -105px;}
a:hover.button span {background-position: 0 -35px; color: #333;}

/*
-- Top bar displayed to user if using ie6
*/

#IE6_Notification {
position: absolute;
top: 0px;
left:0px;
z-index: 999;
background: #FFFFE7;
padding: 0px 10px;
margin-bottom: 1px;
height: 25px;
line-height: 25px;
border-bottom: solid 1px #ccc;
overflow: hidden;
}

span#BrowserNotificationText {
float: left;
padding-top: 3px;
vertical-align: top;
display: inline-block;
font-weight: bolder;
padding-right: 10px;
}

img.BrowserIcon {height: 20px; width: 20px;}

ul#BrowserIcons {padding-top: 2px; float: right;}

ul#BrowserIcons li {float: left; padding-right: 20px;}

ul#BrowserIcons li a {cursor: hand;}

/*
---- Header ----
*/

#header_wrap {
height: 263px;
background: url(../Images/Layout/HeaderBackground.png)
}

#header {
width: 960px;
margin: 0 auto;
position: relative;
}

#navigation {
margin: 0px;
height: 45px;
}

#main_navigation {
margin: 0px 0px 0px 330px;
padding: 0px;
list-style-type: none;
}

#main_navigation li {
float: left;
margin: 0 10px 0px 0px;
font-size: 16px;
color: #a7dbe9;
}

#main_navigation li a:link, #main_navigation li a:visited {
height: 45px;
color: #013f5e;
text-decoration: none;
font-size: 16px;
line-height: 45px;
padding: 0 0 3px 0px;
font-family: georgia;
margin-right: 10px;
}

#main_navigation li a:hover {
color: #0281be;
border-bottom: 3px solid #a0bf4f;
}

.logo {
width: 229px;
height: 262px;
position: absolute;
left: 56px;
top: 30px;
}

/*
---- Banner ----
*/

#banner {
position: relative;
}

#banner blockquote {
width: 600px;
margin: 0px;
padding: 0px;
position: absolute;
top: 20px;
left: 330px;
font-family: Georgia;
font-size: 22px;
line-height: 36px;
color: #bedbe9;
}

#banner blockquote span {
margin: 0 0 10px 0;
font-size: 34px;
color: #ffffff;
display: block;
}

#banner blockquote em {
color: #e8e9e9;
}

a:link.start_rating_button,
a:visited.start_rating_button {
width: 215px;
height: 37px;
position: absolute;
left: 326px;
top: 150px;
background: url(../Images/Layout/StartRatingButton.png);
border: none;
cursor: pointer;
font-family: Georgia;
font-size: 20px;
color: #ffffff;
text-align: center;
text-decoration: none;
padding: 8px 0 0 0;
}

a:hover.start_rating_button {
color: #333;
}

/*
---- Main Content ----
*/

#main_content_wrap {
background: #ffffff url(../Images/Layout/MainContentBackground.png) repeat-x;
padding: 0 0 0 0;
}

#main_content {
width: 920px;
margin: 0px auto 0px auto;
background: url(../Images/Layout/MainContentPsudoCols.png);
padding: 10px;
}

#main_text {
background: #ffffff;
/*
border: 1px solid #bedbe9;
*/
width: 600px;
margin: 0px 0px 0px 0px;
padding: 15px;
float: left;
}

#sidebar {
width: 280px;
margin-left: 10px;
float: left;
}

/*
---- Search ----
*/

#search_wrap {
margin: 0 auto 10px auto;
padding: 15px;
background: #ffffff;
line-height: 16px;
border: 1px solid #bedbe9;
overflow: hidden;
}

#search_wrap h3 {
margin: 0 0 10px 0;
height: 24px;
line-height: 24px;
background: url(../Images/Search24.png) top left no-repeat;
padding: 0 0 0 30px;
}

ul#search {
margin: 0 0 10px 0;
padding: 0px;
list-style: none;
}

ul#search li label {
width: 60px;
margin: 0 5px 5px 0;
display: inline-block;
height: 20px;
line-height: 20px;
color: #014d71;
text-align: left;
}

#search .search_button {
display: inline-block;
height: 22px;
width: 80px;
margin: 0px;
padding: 0px 0px 3px 15px;
border: none !important;
background: url(../Images/SearchButton.png);
font-family: Georgia;
font-size: 14px;
color: #ffffff;
}

#search select{
padding: 0;
}

#search ul {
list-style: none;
margin: 0px 0px 0px 330px;
padding: 0px;
}

#search_master ul li {
display: block;
float: left;
line-height: 20px;
margin: 0px;
}

/*
---- Logged In Navigation ----
*/

#logged_in_navigation {
margin: 0 0 10px 0;
padding: 15px;
background: #ffffff;
border: 1px solid #bedbe9;
}

#logged_in_navigation a {
display: inline-block;
text-decoration: none;
color: #0281be;
}

#logged_in_navigation a:hover {
text-decoration: none;
}

#logged_in_navigation h3 {
margin: 0 0 10px 0;
height: 24px;
line-height: 24px;
background: url(../Images/IconAccountHome24.png) top left no-repeat;
padding: 0 0 0 30px;
}

#logged_in_navigation .account_home {
color: #014d71;
}

#logged_in_navigation ul {
margin: 0 0 0 15px;
padding: 0px;
color: #014d71;
}

#logged_in_navigation ul li {
padding: 0 0 0 0px;
}

/*
---- Highest And Lowest Rated Employers ----
*/

#high_low_tabs {
background: transparent;
padding: 0px;
border: none;
}

#tab_navigation {
border: none;
border-bottom: 1px solid #bedbe9;
padding-left: 0px !important;
}

#tab_navigation #highest_tab {
background: #ffffff url(../Images/IconHigh24.png) left no-repeat;
padding-left: 12px;
}

#tab_navigation #lowest_tab {
background: #ffffff url(../Images/IconLow24.png) left no-repeat;
padding-left: 12px;
}

.highest_and_lowest {
overflow: hidden;
padding: 0px !important;
}

.highest_and_lowest h5 {
margin: 0 0 5px 0;
color: #888;
font-size: 16px;
}

.highest_and_lowest .total_reviews {
color: #eaa128;
margin: 0 0 0 10px;
font-family: Verdana;
font-size: 11px;
}

.highest_and_lowest ul {
list-style-type: none;
margin: 0;
padding: 0 0 12px 0;
color: #555555;
}

.highest_and_lowest ul li {
border-bottom: 1px solid #bedbe9;
border-left: 1px solid #bedbe9;
border-right: 1px solid #bedbe9;
position: relative;
clear: both;
overflow: hidden;
margin: 0px;
padding: 10px;
background: #ffffff url(../Images/Layout/CollapseHeadBackground.png) bottom left repeat-x;
}

/*
---- Job Scroller ----
*/

#job_scroller_wrap {
width: 280px;
position: relative;
margin: 0;
font-size: 11px;
background: url(../Images/Careers4Head.png) 0px 5px no-repeat;
padding-top: 45px;
border: 1px solid #000;
}

#job_scroller_wrap h4 {
position: absolute;
top: 5px;
left: 75px;
color: #000;
}

#job_scroller ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#job_scroller ul li {
padding: 10px;
margin: 0px;
display: block;
border-bottom: 1px solid #e2e2e2;
background: url(../Images/Layout/CollapseHeadBackground.png) bottom left repeat-x;
}

#job_scroller .job_title {
text-transform: capitalize;
color: #b92c39;
font-weight: bold;
}

#job_scroller a:link, #job_scroller a:visited
{
    overflow: hidden;
    /* background: url(../Media/LayoutImages/LatestListBG.png) bottom left repeat-x; */
    display: block;
    text-decoration: none;
    color: #000;
}

#job_scroller a:hover
{
color: #444;
}

/*
---- Opinion Polls ----
*/

#OpinionPoll {
margin: 0 0 12px 0;
padding: 15px;
background: #ffffff url(../Images/PollBG.png) bottom left repeat-x;
border: 1px solid #bedbe9;
}

#OpinionPoll h3 {
margin-bottom: 5px;
}

#OpinionPoll p {
width: 150px;
background: #fefefe;
}

#OpinionPoll .button {
width: 40px;
}

/*
---- Adverts ----
*/

.Advertisement ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

.Advertisement ul li 
{
position: relative;
}

/*
-- Affiliated Logos
*/

#affiliated_wrap {
background: #ffffff;
border-top: 1px solid #e2e2e2;
}

#affiliated_wrap #logos {
width: 920px;
margin: 0 auto;
padding: 10px 0px;
overflow: hidden;
}

#affiliated_wrap #logos a {
display: inline-block;
width: 83px;
height: 48px;
margin: 0 10px 0 0;
float: left;
}

#affiliated_wrap #logos a.taylor_green {
background: url(/Images/AffiliatedLogos/taylor-green_co_uk.jpg);
}

#affiliated_wrap #logos a.imagine {
background: url(/Images/AffiliatedLogos/imaginerecruitment_com.jpg);
}

#affiliated_wrap #logos a.ppi_law {
background: url(/Images/AffiliatedLogos/ppilaw_co_uk.jpg);
}

#affiliated_wrap #logos a.careers4 {
background: url(/Images/AffiliatedLogos/careers4uk_com.jpg);
}

#affiliated_wrap #logos a.mta {
background: url(/Images/AffiliatedLogos/mtasolicitors_com.jpg);
}

#affiliated_wrap #logos a.mlf {
background: url(/Images/AffiliatedLogos/mylegalfriend_com.jpg);
}

#affiliated_wrap #logos a.navigator {
background: url(/Images/AffiliatedLogos/navigatorcreative_com.jpg);
}

#affiliated_wrap #logos a.evs {
background: url(/Images/AffiliatedLogos/elmfieldvs_com.jpg);
}

#affiliated_wrap #logos a.rubix {
background: url(/Images/AffiliatedLogos/rubixitsolutions_com.jpg);
}

#affiliated_wrap #logos a.crossmans {
background: url(/Images/AffiliatedLogos/crossmans_co_uk.jpg);
margin-right: 0px;
}

/*
---- Footer ----
*/

#footer_wrap {
margin: 0px 0px 0px 0px;
background: url(../Images/Layout/FooterBackground.png) top left repeat-x;
}

#footer {
width: 920px;
margin: 0px auto;
padding-top: 20px;
overflow: hidden;
color: #ffffff;
}

#footer h5 {
margin: 0 0 15px 0;
font-size: 18px;
color: #ffffff;
}

#footer ul {
margin: 0px;
padding: 0px 0px 10px 0px;
list-style: none;
overflow: hidden;
border-bottom: 1px dashed #dbe1e4;
}

#footer ul li {
width: 286px;
margin: 0px 30px 0px 0px;
float: left;
color: #dbe1e4;
}

#footer ul li strong {
color: #fff;
}

#footer ul .no_margin {
margin-right: 0px;
}

#footer #utility_links {
text-align: right;
padding: 15px 0;
}

.btn_privacy {
display: inline-block;
text-decoration: none;
}

/*
-- Gridview Styling --
*/

.default_grid_header th {
color: #ffffff;
background-color: #014d71;
font-family: Georgia;
font-size: 14px;
}

.default_grid_header th {
padding: 5px 10px;
text-align: left;
}

.default_grid_row {
background: url(../Images/Layout/CollapseHeadBackground.png) bottom left repeat-x;
border-bottom: 1px solid #e2e2e2;
height: 50px;
}

.default_grid .highlight {
background: #f7fbf1;
}

.default_grid_row td {
padding-left: 10px;
}

.default_grid_footer {
background-color: #014d71;
height: 5px;
}


/* Paging */

.grid_paging table {
margin-top: 10px;
}

.grid_paging table td a {
border: 1px solid #cecece;
padding: 5px;
display: inline-block;
color: #eaa128;
margin-right: 5px;
text-decoration: none;
}

.grid_paging table td a:hover {
background: #f3dfc2;
}

.grid_paging table td span {
padding: 5px;
display: inline-block;
color: #eaa128;
margin-right: 5px;
font-weight: bold;
}

/*
-- Account Home
*/

#account_home h1{
line-height: 48px;
background: url(../Images/IconAccountHome48.png) top left no-repeat;
padding: 0 0 0 58px;
}

#account_home h2 {
height: 32px;
line-height: 32px;
padding: 0 0 0 42px;
}

#account_home a {
display: inline-block;
width: 259px;
padding: 15px;
margin: 0 15px 15px 0;
border: 1px solid #bedbe9;
color: #000000;
text-decoration: none;
}

#account_home .no_margin {
margin-right: 0px;
}

#account_home a:hover {
border: 1px solid #014d71;
background: url(../Images/Layout/CollapseHeadBackground.png) bottom left repeat-x;
}

#account_home a:hover h2 {
color: #014d71;
}

#account_home .update_profile h2 {
background: url(../Images/IconAccountProfile32.png) bottom left no-repeat;
}

#account_home .update_password h2 {
background: url(../Images/IconAccountPassword32.png) bottom left no-repeat;
}

#account_home .add_reviews h2 {
background: url(../Images/IconAccountRateEmployer32.png) bottom left no-repeat;
}

#account_home .completed_reviews h2 {
background: url(../Images/IconAccountCompletedReviews32.png) bottom left no-repeat;
}

/* End Account Home */

/*
-- Maintain Profile
*/

#profile_details h1{
line-height: 48px;
background: url(../Images/IconAccountProfile48.png) top left no-repeat;
padding: 0 0 0 58px;
}

/* End Maintain Profile */

/*
-- Change Password
*/

#change_password h1{
line-height: 48px;
background: url(../Images/IconAccountPassword48.png) top left no-repeat;
padding: 0 0 0 58px;
}

/* End Change Password */

/*
-- Rate An Employer
*/

#employer_to_rate_wrap h1{
line-height: 48px;
background: url(../Images/IconAccountRateEmployer48.png) top left no-repeat;
padding: 0 0 0 58px;
}

#employer_to_rate {
width: 300px;
margin: 0 20px 20px 0;
margin-bottom: 10px;
padding: 10px;
}

#employer_to_rate label {
display: block;
font-family: Georgia;
font-size: 16px;
color: #014d71;
}

#employer_to_rate #employer{border-bottom: 1px dashed #bedbe9; padding-bottom: 10px;}

#employer_to_rate #location {
margin: 10px 0 0 0;
border-bottom: 1px dashed #bedbe9;
padding-bottom: 10px;
}

#employer_to_rate #sector {margin: 10px 0 0 0;}

#employer_to_rate h3 {margin-bottom: 5px;}

#employer_to_rate .smart_required_block {margin-top: 5px;}

#employer_to_rate li ul li {float: none; margin: 0px; background: none;}

#employer_to_rate #info {}

/*
-- Completed Reviews
*/

#completed_reviews h1 {
line-height: 48px;
background: url(../Images/IconAccountCompletedReviews48.png) top left no-repeat;
padding: 0 0 0 58px;
}

/* End Completed Reviews */

/*
-- Complete / Edit Questionairre
*/

#questionairre {
}

#questionairre h1 {
line-height: 64px;
background: url(../Images/IconRateEmployer.png) top left no-repeat;
padding: 0 0 0 74px;
}

#questionairre .employer {
color: #0281be;
}

/*
-- View Rating Page --
*/

#view_rating {

}

#view_rating #heading {
position: relative;
margin: 0px;
padding: 15px;
clear: both;
border: 1px solid #cccccc;
background: url(../Images/Layout/CollapseHeadBackground.png) bottom left repeat-x;
overflow: hidden;
}

#view_rating h1{
margin: 0 15px 10px 0;
font-size: 30px;
padding: 0;
}

#view_rating h3 {
margin: 0 10px 15px 0;
}

#view_rating #total_rating {
margin: 0 15px 15px 0;
float: left;
}

#view_rating h3#location_sector {
color: #6d6d6d;
}

#view_rating #heading .employer_links {
margin: 0;
}

#view_rating #heading .employer_links a {
color: #0281be;
}

#view_rating #heading #num_of_reviews {
line-height: 30px;
}

#view_rating #heading .buynow {
position: absolute;
bottom: 15px;
right: 15px;
margin: 0px;
}

#view_rating #heading .buynow span img {
display: inline;
float: left;
margin: 0 2px 0 0;
}

#view_rating .section {
clear: both;
margin: 0 ;
cursor: hand ;
}

#view_rating .section .star_rating {
margin-top: 3px;
display: inline-block;
}

#view_rating .section ol {
margin: 15px 0 40px 43px;
padding: 0;
clear: both;
}

/*
-- Buy Review Forms
*/

.buy_reviews_popup {
width: 390px;
padding: 15px;
background: #ffffff;
border: 1px solid #014d71;
}

.buy_reviews_popup h2 {
line-height: 48px;
background: url(../Images/IconShoppingCart48.png) top left no-repeat;
padding: 0 0 0 58px;
}

.buy_reviews_popup h3 {
margin: 0 0 15px 0 !important;
}

.buy_reviews_popup .default_form {
margin-bottom: 15px;
padding: 15px 0px 15px 15px;
}

.buy_reviews_popup .default_form h4 {
margin: 0px;
}

.buy_reviews_popup .default_form .validators {
color: red;
}

.buy_reviews_popup .default_form label {
display: inline-block;
width: 150px;
color: #014d71;
font-weight: bold;
margin: 0 0 5px 0;
}

.buy_reviews_popup .default_form ul {
margin: 0px;
padding: 0px;
list-style: none;
}

.buy_reviews_popup .buy_buttons {
overflow: hidden;
}

.update_progress_wrap {
margin: 0 0 15px 0;
overflow: hidden;
}

.update_progress_wrap .animated_image {
margin: 0 15px 0 0;
}

/* Collapsible Panel */

#view_rating .collapse_head {
margin: 0 0 0 0;
padding: 5px 10px;
border-left: 1px solid #f6f6f6;
border-right: 1px solid #f6f6f6;
border-bottom: 1px solid #dddddd;
border-top: 1px solid #f0f0f0;
overflow: hidden;
background: url(../Images/Layout/CollapseHeadBackground.png) bottom left repeat-x;
}

#view_rating .collapse_head h4 {
margin: 0px;
font-size: 16px;
width: 327px;
line-height: 22px;
}

#view_rating .collapse_head label {
cursor: pointer;
}

#view_rating .collapse_head .image_toggle {
float: left;
height: 22px;
width: 22px;
margin: 0px 10px 0 0;
}

#view_rating .collapse_content {
height: 0px;
overflow: hidden;
background: url(../Images/Layout/CollapseContentBackground.png) top left repeat-x;
}

/*
-- Contact Details
*/

#contact_us h1{
line-height: 48px;
background: url(../Images/IconSendEmail48.png) top left no-repeat;
padding: 0 0 0 58px;
}

#general_enquiry {
margin: 0 0 15px 0;
}

#general_enquiry.default_form {
padding: 15px 0px 15px 15px;
}

#general_enquiry.default_form label {
display: inline-block;
width: 150px;
color: #014d71;
font-weight: bold;
margin: 0 0 5px 0;
}

#general_enquiry.default_form ul {
margin: 0 0 15px 0;
padding: 0px;
list-style: none;
}

#general_enquiry #update_progress {
overflow: hidden;
margin: 0 0 0 154px;
}

#general_enquiry #update_progress .button {
float: left;
}

#general_enquiry #update_progress #animate {
height: 25px;
width: 25px;
float: left;
margin: 0 10px;
}

#general_enquiry #update_progress span {
display: inline-block;
line-height: 25px;
}

#contact_us #map {
width: 264px;
height: 264px;
margin: 0 15px 15px 0;
padding: 15px;
border: 1px solid #eef6f9;
}

#contact_us dl#contact_details {
list-style: none;
margin: 0px;
padding: 0px;
}

#contact_us dl#contact_details dt {
font-family: Georgia;
font-size: 16px;
color: #0281be;
margin: 0 0 7.5px 0;
}

#contact_us dl#contact_details dd {
margin: 0 0 20px 0;
}
