/* ---------- MAIN SITE STYLESHEET [WAUSTIN @ WORKSUNIT : 2009] ---------- */
html { font-size:62.5%; }
body { font-size:1.1em!important;background:#fff url(/Images/Backgrounds/bg-site.jpg) repeat fixed center bottom; }
html { height:100%; }
/* ---------- SITE ELEMENTS ---------- */
/* ----- reset ----- */
body, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, 
fieldset, legend, input, textarea, select, img
{
    margin:0px;
    padding:0px;
    list-style-type:none;
    border:solid 0px #aeaeae;
    font-family:Verdana,Arial,sans-serif;
    font-weight:normal;
    font-size:100%;
    color:#333333;
    line-height:16px;
}
p { margin-bottom:10px; }
.body-content>h3,
.body-content>h2,
.editableDisplay>h3,
.body-content p,
.body-content>ul,
.editableDisplay>ul { margin:0px 10px 10px; }
p.notice 
{ 
    background:#e6eff4;
    padding:10px; 
    width:159px;
}
.body-left p.notice 
{
    margin:5px 10px 10px 3px;
    color:#000;
    background:transparent url(/Images/Backgrounds/bg-notice.png) repeat left top;
}
.right-column p.notice { width:145px; }
a { outline:none 0px;text-decoration:none;color:#000; }
.body-content a { text-decoration:underline; }
.blue, .body-content a { color:#076594!important; }
.validate-text, .validate-text * { color:#ff0000!important; }
.caps { text-transform:uppercase; }
hr  
{
    height:1px;
    margin:15px 0;
    *margin:5px 0; 
    border-top:solid 1px #d5e5ed; 
    border-right:0; 
    border-bottom:0; 
    border-left:0; 
    color:#fff;
    background-color:#fff;
}
.right-column hr { margin:17px -19px;*margin:8px -19px; }
.right { float:right!important; }
.nomargin { margin:0px!important; }
.left-image { margin-right:36px; }
.open-days-panel
{
    border:solid 1px #d2e3ec;
    background:#e4eef3;
    padding:13px;
}
.PanelSEO { z-index:9999!important; }
.blue-box { padding:15px 20px; background:#e3eef3; margin-bottom:10px; border:solid 1px #d2e3ec; }
.blue-box p { margin: 0 0 10px; }
/* ----- TITLES ----- */
.site-head a.title
{
    float:left;
    position:relative;
    display:block;
    width:317px;
    height:29px;
    margin:35px 0px 0px 33px;
    z-index:8000;
}
.right-column h2,
.body-middle h2.dark-blue
{
    padding:8px 20px;
    font-size:1em;
    text-transform:uppercase;
    color:#ffffff;
    background:#076594;
}
.body-middle h1 
{
    font-size:1.6em;
    line-height:24px;
    margin:0px 10px 10px;
}
.body-middle h2
{
    font-size:1.4em;
    line-height:20px;
    font-weight:bold;
    margin:0px 10px 10px;
}
.body-middle h2 a
{
    font-size:.7em;
    font-weight:normal;
}
.body-middle h2.dark-blue 
{
    margin:0 0 10px;
    padding:6px 20px 5px;
    border-right:solid 1px #054260;
    border-bottom:solid 1px #054260;
}
h2.light-title
{
    color:#1169a5;
    padding:6px 10px;
    background:#e3eef3;
    border:0;
    margin:0 0 10px;
    font-size:1em;
    text-transform:uppercase;
    font-weight:normal;
}
h3
{
    font-weight:bold;
    padding-bottom:3px;
    margin:15px 0 3px;
    *margin:5px 0 3px;
    color:#222222;
}
/* ----- NAVIGATION ----- */
ul.main-navigation
{
    float:right;
    margin:46px 40px 0;
}
ul.main-navigation li
{
    float:left;
    padding:0 5px;
    height:12px;
    line-height:10px;
    border-left:solid 1px #fff;
}
ul.main-navigation li.first-item
{
    border:0px;
}
ul.main-navigation li a
{
    color:#fff;
}

.left-navigation li
{
    font-size:1em;
}
.left-navigation li a
{
    display:block;
    width:177px;
    height:38px;
    line-height:32px;
    padding-left:17px;
    color:#ffffff;
    text-transform:uppercase;
    background:transparent url(/Images/Buttons/btn-left-nav.png) no-repeat left bottom;
}
.left-navigation li a.twolines { line-height:12px; height:35px; padding-top:3px; }
.left-navigation.admin-nav li a
{
    background:transparent url(/Images/Buttons/btn-left-nav-admin.png) no-repeat left bottom;
}
.left-navigation li.on a,
.left-navigation li a:hover  { background-position: left top; }

.left-navigation li ul
{
    padding:0px 0px 10px 17px;
}
.left-navigation li ul
{
    display:none;
}
.left-navigation li.on ul
{
    display:block;
}
.left-navigation li ul li a
{
    width:177px;
    height:auto;
    line-height:20px;
    margin-top:0px;
    text-indent:0px;
    color:#333333;
    text-transform:none;
    background:transparent none;
}

/* ----- BUTTONS ----- */
.button
{
    display:block;
    width:166px;
    height:15px;
    border:0px;
    padding:14px 12px;
    margin-bottom:10px;
    color:#000000!important;
    text-align:left;
    background:transparent url(/Images/Buttons/btn-down.png) no-repeat left top;
}
.button.two-liner
{
    padding:7px 12px 21px;
    line-height:14px;
}
input.button
{
    height:43px;
    cursor:pointer;
}
.button.btn-up { background:transparent url(/Images/Buttons/btn-up.png) no-repeat left top; }
.button-thin
{
    display:block;
    text-align:left;
    width:145px;
    height:13px;
    border:0px;
    padding:3px 10px 7px;
    color:#000000!important;
    cursor:pointer;
    background:transparent url(/Images/Buttons/btn-thin-wide.png) no-repeat left top;
}
.body-content a.button-thin
{
    color:#000000!important;
    text-decoration:none;
}
input.button-thin
{
    width:165px;
    height:23px;
    padding:3px 9px 5px;
}
.button-thin-admin
{
    background:transparent url(/Images/Buttons/btn-thin-admin.png) no-repeat left top!important;
}
.right-column input.button-thin
{
    background:transparent url(/Images/Buttons/btn-thin-wide.png) no-repeat left top;
}
.right-column .button-thin
{
    margin-bottom:10px;
}
.btn-vert-next
{
    float:right;
    width:20px;
    height:95px;
    text-indent:-9999px;
    background:transparent url(/Images/Buttons/btn-next.png) no-repeat left top;
}
.button-margin
{
    margin:5px 0px;
}
.button-admin
{
    margin:3px 0px;
    color:#fff;
    text-align:center;
    border-top:solid 1px #076594;
    border-right:solid 1px #054260;
    border-bottom:solid 1px #054260;
    border-left:solid 1px #076594;
    background:#076594;
    cursor:pointer;
}
span.button-orgchart
{
    float:right;
    position:relative;
    right:0px;
    width:auto;
    margin-top:-56px;
    *margin-right:0px!important;
    *margin-left:5px!important;
    height:23px;
    padding:0 0 0 8px;
    background:transparent url(/Images/Buttons/btn-orgchart-left.png) no-repeat left top;
}
span.button-orgchart a.button-orgchart-inner
{
    float:right;
    padding:0 28px 0 2px;
    color:#000!important;
    line-height:23px;
    text-decoration:none!important;
    white-space:nowrap;
    background:transparent url(/Images/Buttons/btn-orgchart-right.png) no-repeat right top;
}
.button-friend
{
    margin-left:316px;
    margin-bottom:10px;
    background:transparent url(/Images/Buttons/btn-friend.png) no-repeat left top;
}

/* ----- LISTS ----- */
.body-content ul
{
    padding-left:14px;
    margin-bottom:10px;
}
.body-content ul li
{
    list-style-type:disc;
}
.logo-list
{
    width:502px;
    overflow:hidden;
    padding:13px 0 0;
    background:#ffffff;
}   
.logo-list li
{
    float:left;
    margin-right:20px;
}
.logo-list li.last
{
    margin-right:0px;
}
.lh-logos
{
    margin-left:3px;
}
.lh-logos li
{
    height:54px;
    margin-bottom:1px;
}
.foot-list
{
    width:100%;
}
.foot-list li
{
    float:left;
    overflow:hidden;
    margin-bottom:10px;
}
.foot-list li.first-item
{
    margin-right:96px;
}

/* ----- FORMS ----- */
.right-column label, 
.right-column input, 
.right-column textarea,
.right-column select,
span.uploadlabel
{
    display:block;
    width:100%;
}
.right-column .checkboxlist
{
    margin:-19px 0px 9px 140px;
    width:15px;
}
label
{
    line-height:18px;
}
input, textarea, select, .uploadwrap, span.uploadlabel
{
    margin-bottom:10px;
    border-top:solid 1px #7f7f7f;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9;
    border-left:solid 1px #7f7f7f;
}
input.textfield,
span.uploadlabel
{
    height:16px;
}
select
{
    height:19px;
}
span.uploadlabel
{
    overflow:hidden;
    white-space:nowrap;
}
/* ----- ULPOAD FIELD STYLING ----- */
.SI-FILES-STYLIZED span.uploadwrap
{
    position: relative!important;
    width:165px;
    height:23px;
    margin-top:2px;
    border:0px;
    background:url(/Images/Buttons/btn-browse.png) 0 0 no-repeat;
    display:block;
    overflow:hidden;
    cursor:pointer;
}

.SI-FILES-STYLIZED span.uploadwrap input.uploadfield
{
    position: relative!important;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.form-panel
{
    overflow:hidden;
    clear:both;
    margin-bottom:10px;
}
.form-panel table,
.form-panel div
{
    float:left;
    width:100%;
}
.form-panel div.divider
{
    border-top:1px solid #EEEEEE;
    float:left;
    height:1px;
    margin:2px 0 10px 30px;
    width:297px;
}
.form-panel div
{
    margin-bottom:10px;
}
.form-panel label
{
    text-align:right;
    margin-right:10px;
}
.form-panel label,
.form-panel input.textfield,
.form-panel textarea
{
    float:left;
    width:115px;
    margin-bottom:3px;
}
.form-panel input.textfield,
.form-panel textarea
{
    width:200px;
}
.form-panel select.dropdown
{
    float:left;
    width:202px;
    margin-bottom:3px;
}
.form-panel .button-thin
{
    float:left;
    margin-left:165px;
}
.form-panel span
{
    margin-left:5px;
}
.form-panel .full span
{
    width:352px;
}
.form-panel .information
{
    width:100%;
    text-align:left;
    font-weight:bold;
}
span.checkboxlist
{
    float:left;
    width:190px;
    padding-left:10px;
}
span.checkboxlist input
{
    float:left;
    width:15px;
    margin:4px 0px 3px;
    *margin:0px;
    border:0px;
}
span.checkboxlist label
{
    float:right;
    width:160px;
    text-align:left;
}
.body-right .Moveable span label
{
    text-align:left;
}

/* ----- ADMIN ----- */

.admin-buttons
{
    clear:both;
    padding:10px 20px;
}
.admin-buttons *
{
    margin-bottom:10px;
}
.job-listing .admin-buttons
{
    float:left;
    width:100%;
    padding:8px 0 0;
    margin:5px 0 -9px;
    border-top:dashed 1px #e2e2e2;
}
.job-listing .admin-buttons input
{
    float:left;
    margin:0 10px 0 0;
}
.editable_panel
{
    overflow:hidden;
    padding:5px 10px;
    margin:10px 0;
    border:dashed 1px #e2e2e2;
}
.body-right .editable_panel
{
    background:#ffffff url(/Images/Backgrounds/bg-gradient-vert.png) repeat-y left top;
}
.editable_panel span
{
    float:left;
    clear:both;
    width:375px;
    margin:5px 150px 5px 0;
}
.body-right .editable_panel span
{
    width:180px;
    margin:5px 0;
}
.editable_panel span label
{
    float:left;
    width:160px;
    text-align:right;
}
.editable_panel span input
{
    float:right;
    width:200px;
    height:16px;
    margin:0px;
}
.body-right .editable_panel span label,
.body-right .editable_panel span input
{
    float:left;
    width:180px;
}
.editable_panel span input[type=file]
{
    height:21px;
}
.editable_panel .button-thin
{
    margin-bottom:0px;
}
h2 .editable_panel .button-thin
{
    font-size:11px;
}

.button-textonly
{
    float:left;
    cursor:pointer;
    line-height:17px;
    margin-top:5px;
}
.button-textonly:hover
{
    text-decoration:underline;
}

/* ----- TABLES ----- */
.standard-table
{
    width:100%;
    border-collapse:collapse;
    border:solid 1px #9abdd7;
}
.standard-table th,
.standard-table td
{
    border:solid 1px #9abdd7;
    padding:2px 3px;
}
.altrow
{
    background-color:#e6eef5;
}
/* ---------- SITE STRUCTURE ---------- */
.form
{
    overflow:hidden;
    background:transparent url(/Images/Backgrounds/bg-head.png) repeat-x left top;
}
.site-wrap
{
    margin:0 auto;
    width:968px;
}
.site-head, .site-body
{
    float:left;
    width:100%;
}
.site-head
{
    height:73px;
    z-index:200;
    background:#88adca url(/Images/Backgrounds/bg-head.gif) repeat-x left top;
}
.site-foot
{
    width:522px;
    clear:both;
    font-size:0.9em;
}
.foot-top
{
    background:#ffffff;
    width:486px;
    padding:0 18px 5px;
}
.site-foot p
{
    line-height:13px;
    margin-bottom:0;
}
/* ----- BODY ----- */
.body-left, .body-middle, .body-right
{
    float:left;
    position:relative;
    width:194px;
    padding:55px 0px 0px;
}
.body-left
{
    margin-left:20px;
}
.body-middle
{
    width:522px;
    padding-top:0px;
}
.body-content
{
    position:relative;
    min-height:330px;
    padding:55px 21px 20px 20px;
    margin-bottom:10px;
    overflow:hidden;
    line-height:17px;
    background:#ffffff url(/Images/Backgrounds/bg-gradient.png) repeat-x left 23px;
}
.content-links-bar
{
    position:absolute;
    top:28px;
    left:0px;
    width:90%;
    padding:0px 20px;
}
.content-links-bar a
{
    float:left;
    line-height:22px;
    margin-right:6px;
}
.body-right
{
    width:204px;
}
.body-right .advert,
.body-right #HomeBanners a
{
    float:left;
    margin:0px 0px 12px 19px;
}
.right-column div.content
{
    padding:19px;
    background:#ffffff url(/Images/Backgrounds/bg-gradient-vert.png) repeat-y left top;
}
.right-column *
{
    color:#666666;
}
.right-column a.advert 
{
    width:188px;
}
a.advert-checkbox
{
    float:right;
    margin:-10px 0px 20px 0px;
}
a.advert-checkbox span
{
    float:left;
    margin-right:3px;
}
a.advert-checkbox img
{
    cursor:pointer;
}

/* ----- FOOT ----- */
.foot-divide
{
    float:left;
    width:522px;
    height:11px;
    margin-bottom:12px;
    background:transparent url(/Images/Backgrounds/bg-foot.gif) no-repeat left top;
}
/* ---------- JOB LISTINGS PAGES ---------- */
.filter-panel
{
    overflow:hidden;
    padding:12px 20px;
    margin-top:-10px;
    border-right:solid 1px #c4c4c5;
    border-bottom:solid 1px #c4c4c5; 
    background:#efeff0 url(/Images/Backgrounds/bg-gradient.png) repeat-x left top;
}
.filter-panel label
{
    float:left;
    height:23px;
    line-height:18px;
}
.filter-panel .button-thin
{
    float:right;
    margin-bottom:0px;
}
.filter-panel .textfield
{
    float:left;
    width:275px;
    margin:3px 0px 0px;
}
.job-listing
{
    overflow:hidden;
    padding:18px 10px 18px 15px;
}
.job-listing.alternate
{
    background:#ecf3f7;
}
.job-listing dl
{
    float:left;
    width:425px;
}
.job-listing dl dt
{
    font-weight:bold;
    clear:left;
    margin:0px 5px 2px 0px;
}
.job-listing dl dt,
.job-listing dl dd
{
    float:left;
}
.job-listing dd a
{
    color:#076594;
    text-decoration:underline;
}
.job-listing dd a:hover
{
    text-decoration:none;
}
.job-listing dd.blue.caps
{
    width:220px;
}
.job-listing p
{
    width:400px;
    margin:0 0 10px;
}
.open-days-wrap
{
    border:solid 1px #d2e3ec;
    background:#e4eef3;
    padding:0 13px;
}
.open-days
{
}

/* ----- FLASH & VIDEO PLAYER ----- */
#VideoPlayer
{
    margin-left:4px;
}
.flash-replaced .alt /* hides alt if flash works */
{
    display:none;
}

/* ----- ACCORDIAN STYLES ----- */

.accordian-header
{
    line-height:31px;
    display:block;
    font-weight:bold;
    margin:0px!important;
    padding:0px;
    cursor:pointer;
}
.js-enabled .accordian-header
{
    background:transparent url(/Images/Buttons/arrows.gif) no-repeat right top;
}
.js-enabled .accordian-header.open
{
    background:transparent url(/Images/Buttons/arrows.gif) no-repeat right -31px;
}
.js-enabled div.accordian-section
{
    display:none;
}
div.accordian-section
{
    line-height:14px;
    font-weight:normal;
    background:#ffffff; 
    cursor:default;
}
.accordian-divide
{
    margin:0;
}


/*/// SEO PANEL ///*/
.PanelSEO
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    background-color:#e5e5e5;
    border:solid 1px #fcfcfc;    
    border-left-style:none;
    border-right-style:none;
    z-index:200;
}
.PanelSEO div
{    
    margin:0 auto;
    color:#000;
    padding:3px 0 3px 0;
    height:auto;
    width:954px;
}
.PanelSEO strong
{
    display:block;
    float:left;
    width:220px;
}
.PanelSEO div a
{
    cursor:pointer;
    margin-right:20px;
}
#PanelSEOForm
{
    border-top:solid 1px #fff;
    width:100%;
    padding:0;
    background-color:#ccc;
    display:none;
    height:70px;
}
#PanelSEOForm span
{
    float:left;
    clear:left;
    margin:3px 0px 0px 220px;
    width:100%;
}
#PanelSEOForm label
{
    width:120px;
    float:left;
}
#PanelSEOForm input, #PanelSEOForm select
{
    width:400px;
    padding:1px 5px 1px 5px;
    background-color:#fff;
    color:#222;
}
#PanelSEOForm select
{
    width:200px;
    padding-right:0px;
}
#PanelSEOForm input.SEOButton
{
    border:none;
    float:right; 
    width:100px; 
    margin:3px 202px 0 0;
    cursor:pointer;
    text-transform:uppercase;
}