﻿/* Content */
.page { width: 770px; overflow: hidden; }
.content { overflow: hidden; margin-top: 3px; }
.content-left, .content-main, .content-right { float: left; overflow: hidden; }
.content-left { width: 144px; margin-right: 4px; }
.content-main { width: 482px; margin-right: 4px; }
.content-right { width: 136px; }

/* Home page tabs */
.hide { display: none; }
#tabs { margin-bottom: 4px; }
#tabs .tabsgrp { list-style: none; margin: 0 !important; padding: 0; height: 32px; }
#tabs a { font-weight: bold; }
#tabs li { list-style: none; }
#tabs .tab { float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; }
#tabs .tab a { background: #8aab65 url(/img/Totaljobs/Jobseeker/hp_tab_sprt.png) no-repeat 0px -66px; font: normal 18px Arial, Helvetica, sans-serif; display: block; height: 32px; line-height: 30px; width: 154px; text-align: left; text-decoration: none; color: #ffffff; padding: 0 0 0 7px; top: 1px; }
#tabs .tab a:hover { background-position: 0px -33px; color: #fff; background-color: #5a8c21; }
#tabs .tab a.selected { background-position: 0px 0px !important; cursor: default !important; color: #436917 !important; background-color: #ffffff !important; }
#tabs .last a { width: 153px; }
.pane { background: url(/img/Totaljobs/Jobseeker/hp_block_bg.png) bottom repeat-x; width: 480px; border: 1px solid #5a8c21; border-top: 0; height: 428px; text-align: left; overflow: hidden; }
.pane-2b { display: block; float: left; }
.pane-2c { display: block; float: right; padding: 0; margin: 0; background: url(/img/tabs/map_uk.gif) 0px 36px no-repeat; }
.pane-3a { display: block; float: left; width: 100%; padding: 0 0 12px 0; .padding:0;}
.pane-3b { display: block; float: left; width: 100%; padding: 0 0 20px 0; .padding:0014px0;}
.pane h3 { font: normal 18px arial; margin: 0px 0 10px 12px; padding-top: 10px; }
.pane h4 { font: bold 14px arial; color: #436917; margin: 10px 0 10px 12px; }
.pane p { margin: 0 12px 16px 12px; }
.pane-2a p { margin-bottom: 10px; .margin-bottom:13px;}
.pane-2c p { position: absolute; left: -99999999px; }
a.ind, a.ind:visited { font-weight: bold; color: #222; text-decoration: none; }
a.ind:hover { font-weight: bold; color: #000000; text-decoration: underline; }
.tx3 { font-size: 11px; color: #dd5800; }
.hp_sec, .hp_role { float: left; width: 47%; line-height: 18px; padding: 0 0 0 12px; }
.hp_loc { line-height: 18px; padding: 0 0 0 12px; }
.hp_a-z { display: block; padding: 10px 0 10px 8px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #efefef url(/img/tabs/hp_a-z_bg.png) 0 -10px repeat-x; overflow: hidden; zoom: 1; }
.hp_a-z a, .hp_a-z a:active, .hp_a-z a:visited { display: block; padding: 4px; margin: 0 1px 0 0; background: #f6f6f6 url(/img/tabs/hp_a-z_bg.png) 0 -75px repeat-x; border: 1px solid #ccc; text-decoration: none; }
.hp_a-z li { float: left; }
.hp_a-z a:hover { border: 1px solid #ac5c29; background: #dd7e00 url(/img/tabs/hp_a-z_bg.png) bottom repeat-x; color: #fff; }
.map_uk { width: 250px; height: 250px; }

.content .mod .bd ul { list-style-type: none; margin: 0; padding: 10px 0 0 3px; overflow: hidden; /*fixes bullet overlapping image floats*/ }
.content .mod .bd ul li { background: url(/img/Totaljobs/Jobseeker/careers-advice/careers-advice-bullet.png) no-repeat left 4px; padding-left: 12px; _height: 1%; }
/* left, right column modules (and small module) */
.content .mod-small .hd h3,
.content-left .mod-box .hd h3,
.content-right .mod-box .hd h3 { padding-left: 10px; font-size: 12px; }
.content-left .mod-promotion .bd, .content-right .mod-promotion .bd { padding: 0; }
.content-left .mod-promotion .bd ul, .content-right .mod-promotion .bd ul { padding: 0; }
.content-left .mod-promotion .bd ul li,
.content-right .mod-promotion .bd ul li  { background: url(/img/Totaljobs/Jobseeker/NJobGrad.jpg) repeat-x top left;
                                           padding: 11px 5px 7px 9px; font-size: 11px; list-style: none; }
.content-left .mod-promotion .bd ul li.last,
.content-right .mod-promotion .bd ul li.last { padding-bottom: 0; } 
.content-left .mod-promotion .bd li.first,
.content-right .mod-promotion .bd li.first { background: none; }

/* main promo box columns */
.column-container { overflow: hidden; clear: both; }
.content .content-main .left-column, .content .content-main .right-column { float: left; width: 239px; }
.content .content-main .left-column { margin-right: 2px; }
.content .content-main .right-column { margin-left: 2px; }


/**************************************/
/* quick search module */
.quick-search .top
{
    background: url(/img/Totaljobs/Jobseeker/srchBxTopRt.gif) no-repeat scroll right top transparent;
    height: 10px;
}
.quick-search .tl
{
    background: url(/img/Totaljobs/Jobseeker/srchBxTopLt.gif) no-repeat scroll left top transparent;
    width: 10px;
    height: 10px;
}
.quick-search .bottom
{
    background: url(/img/Totaljobs/Jobseeker/srchBxBotRt.gif) no-repeat scroll right top transparent;
    height: 10px;
}
.quick-search .bl
{
    background: url(/img/Totaljobs/Jobseeker/srchBxBotLt.gif) no-repeat scroll left top transparent;
    width: 10px;
    height: 10px;
}
.quick-search .inner
{
	background: #8dcc09 url(/img/Totaljobs/Jobseeker/rsrchBD.jpg) repeat-x top;
	padding: 0 7px;
	border-left: 1px solid #5C8C1F;
	border-right: 1px solid #5C8C1F;
}
.quick-search h3
{
	font-size: 20px;
	font-weight: normal;
}
.quick-search .field-label
{
    font-size: 14px;
}
.quick-search .ft
{
	font-size: 11px;
	font-weight: bold;
}
.quick-search input.text
{
	width: 124px;
	font-size: 12px;
}
.quick-search .field-action
{
    text-align: right;
}
.quick-search input.submit
{
    background: url(/img/Totaljobs/Jobseeker/searchBTN.jpg) no-repeat scroll 0 0 transparent;
    height: 28px;
    width: 80px;
    padding-top: 28px;
}
.quick-search .placeholder
{
    font-size: 11px;
}

/* gradZone module */
.content .mod-grad-zone .hd h3 { background: transparent url(/img/Totaljobs/Jobseeker/GradZoneHeader.gif) no-repeat left top; text-indent: -9999px; }
.content .mod-grad-zone .bd { background: transparent url(/img/Totaljobs/Jobseeker/grad.gif) no-repeat left top; }
.content .mod-grad-zone .bd ul { padding: 3px 0 0; }
.content .mod-grad-zone .bd ul li { background: none; padding-left: 40px; line-height: 25px; font-size: 11px; }

/* recruiting module */
.content .mod-recruiting-for-staff .hd { background-image: url(/img/Totaljobs/Jobseeker/hdrOrgright.jpg); background-color: #dd7e00; }
.content .mod-recruiting-for-staff .hd h3 { background-image: url(/img/Totaljobs/Jobseeker/hdrOrgleft.jpg); }
.content .mod-recruiting-for-staff .bd { border: 1px solid #dd7e00; border-top: none; border-bottom: none; background: #fff url(/img/Totaljobs/Jobseeker/boxOrgGrad.gif) repeat-x top; font-size: 11px; padding: 10px 5px 0 9px; }
.content .mod-recruiting-for-staff .bd a { font-size: 11px; }
.content .mod-recruiting-for-staff .ft { background-image: url(/img/Totaljobs/Jobseeker/ftr-rightOrg.gif); }
.content .mod-recruiting-for-staff .ft span { background-image: url(/img/Totaljobs/Jobseeker/ftr-leftOrg.gif); }
/* iphone module */
.content .mod-iphone .bd{padding:7px 6px 7px 7px;font-size:11px;} 

/* adtech module */
.content .mod-adtech .bd { padding: 10px 0 0 5px; }
.content .mod-adtech .more-link { background-image: url(/~/media/tj/jobseekers/homepage/btnsml_more_lgbg.ashx); display: block; height: 20px; margin: 3px 5px 0 70px; text-indent: -9999px; width: 53px; }

/* Behavioural Promo module */
.mod-behaviour-promotion p
{
    margin: 10px 0 0 0;
}

