/** rcuk backend css **/

/* by boris grudinin */
/* http://www.dunwoody.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

html, body { background: url(/images/staffportal/bg/bg-body.jpg) center top no-repeat; #ffffff; font-family: Trebuchet MS, Helvetica, sans-serif; text-align: left; }

.left { float: left !important; }
.right { float: right !important; }

a { color: #fe9814; }
a, button { outline: none; }
a:hover { text-decoration: none; }

div#wrapper div { position: relative; overflow: hidden; }

div.hr { background: url(/images/staffportal/bg/bg-dotted-light.gif) left top repeat-x; width: 100%; height: 1px; clear: both; margin-bottom: 15px;  }
div.hr hr { display: none; }

strong { font-weight: bold; }
em { font-style: italic; }

/* ---------------------------- */
/*** setting up the page ***/

div#wrapper { position: relative; width: 800px; margin: 0 auto; }
div#top {  height: 110px; margin-bottom: 15px; }
div#main { margin-bottom: 20px; }
div#footer { background: url(/images/staffportal/bg/bg-dotted-light.gif) left top repeat-x; padding: 20px 0px 30px; }

/* ---------------------------- */
/*** top ***/

h1 { font-size: 2.4em; color: #ea8813; text-transform: uppercase; letter-spacing: -0.05em; }
div#top a.logo { display: block; background: url(/images/staffportal/staff-portal.jpg) left top no-repeat; width: 304px; height: 76px; margin-top: 5px; }
div#top a.logo:hover { background-position: left bottom; }
div#top a.logo span { display: block; text-indent: -9999px; }
div#top ol { overflow: hidden; }
div#top ol li { float: left; margin-right: 5px; }
div#top ol li.last { float: left; margin-right: 0px; }
div#top ol li a { display: block; width: 63px; height: 78px; }
div#top ol li a.home { background: url(/images/staffportal/nav/home.jpg) left bottom no-repeat; }
div#top ol li a.jobs { background: url(/images/staffportal/nav/jobs.jpg) left bottom no-repeat; }
div#top ol li a.details { background: url(/images/staffportal/nav/details.jpg) left bottom no-repeat; }
div#top ol li a.cvs{ background: url(/images/staffportal/nav/cvs.jpg) left bottom no-repeat; }
div#top ol li a.info { background: url(/images/staffportal/nav/info.jpg) left bottom no-repeat; }
div#top ol li a.logout { background: url(/images/staffportal/nav/logout.jpg) left bottom no-repeat; }
div#top ol li a span { display: block; text-indent: -9999px; }
div#top ol li a.current,
div#top ol li a:hover { background-position: left top; }
div#top ol li a.current span,
div#top ol li a:hover span { background-position: right bottom; }

/* ---------------------------- */
/*** main ***/

/* layouts */

div#main div.col-left { float: left; width: 290px; margin-right: 45px; padding-top: 10px; }
div#main div.col-right { float: right; width: 625px; padding-top: 10px; }

/* quick-links */

div#main div.actions-bar { background: url(/images/staffportal/bg/bg-actions-bar.gif) left top no-repeat; width: 950px; height: 32px; padding: 7px 5px 3px; margin-bottom: 15px; }
div#main div.actions-bar ul { float: left; overflow: hidden; }
div#main div.actions-bar ul li { float: left; margin-right: 7px; padding: 0px 7px 7px 0px; background: url(/images/staffportal/bg/bg-dotted-light-vert.gif) right top repeat-y; font-size: 0.85em; }
div#main div.actions-bar ul li.header { color: #a7a3a3; }
div#main div.actions-bar ul li.header span { display: block; line-height: 1.2em; padding: 7px 0px 0px 22px; }
div#main div.actions-bar ul li.header span.quick-links { background: url(/images/staffportal/icons/quick-links-small.gif) 3px 4px no-repeat; }
div#main div.actions-bar ul li.header span.actions { background: url(/images/staffportal/icons/actions-small.gif) 3px 4px no-repeat; }
div#main div.actions-bar ul li a { display: block; margin-top: 7px; text-transform: uppercase; }
div#main div.actions-bar a.add-edit-links { display: block; height: 16px; float: right; background: url(/images/staffportal/icons/add-links-small.gif) left top no-repeat; font-size: 0.85em; margin: 7px 7px 0px 0px; padding-left: 20px; }
div#main div.actions-bar a.add-edit-links:hover { background-position: left bottom; }

/* alerts/errors/successes/infos/details */

div#main h2.alerts { position: relative; background: url(/images/staffportal/bg/bg-roundbox-960-yellow-top.gif) left bottom no-repeat; padding-left: 3px; margin-bottom: 0px; padding-bottom: 11px; color: #ef9c0d; }
div#main h2.alerts em { position: absolute; bottom: 12px; right: 3px; font-size: 0.75em; }
div#main div.alerts { background: url(/images/staffportal/bg/bg-roundbox-960-yellow-bottom.gif) left bottom no-repeat; padding: 0px 10px 2px; margin-bottom: 15px; }
div#main div.alerts ol { overflow: hidden; }
div#main div.alerts ol li { float: left; width: 260px; margin: 0px 50px 10px 0px; padding-left: 20px; color: #896f55; }
div#main div.alerts ol li a { color: #e87e16; }
div#main div.alerts ol li.teams { background: url(/images/staffportal/icons/teams-small.gif) left top no-repeat; }
div#main div.alerts ol li.orders { background: url(/images/staffportal/icons/orders-small.gif) left top no-repeat; }
div#main div.alerts ol li.emails { background: url(/images/staffportal/icons/emails-small.gif) left top no-repeat; }
div#main div.alerts ol li.last { margin-right: 0px; }

div#main h2.error { background: url(/images/staffportal/bg/bg-roundbox-960-red-top.gif) left bottom no-repeat; padding-left: 3px; margin-bottom: 0px; padding-bottom: 11px; color: #9b201a; }
div#main div.error { background: url(/images/staffportal/bg/bg-roundbox-960-red-bottom.gif) left bottom no-repeat; padding: 0px 10px 2px; margin-bottom: 15px; }
div#main div.error p { color: #9b201a; margin-bottom: 8px; }
div#main div.info p a { font-weight: bold; color: #9b201a; }

div#main h2.success { background: url(/images/staffportal/bg/bg-roundbox-960-green-top.gif) left bottom no-repeat; padding-left: 3px; margin-bottom: 0px; padding-bottom: 11px; color: #579f2d; }
div#main div.success { background: url(/images/staffportal/bg/bg-roundbox-960-green-bottom.gif) left bottom no-repeat; padding: 0px 10px 2px; margin-bottom: 15px; }
div#main div.success p { color: #579f2d; margin-bottom: 8px; }
div#main div.info p a { font-weight: bold; color: #579f2d; }

div#main h2.info { position: relative; background: url(/images/staffportal/bg/bg-roundbox-960-blue-top.gif) left bottom no-repeat; padding-left: 3px; margin-bottom: 0px; padding-bottom: 11px; color: #3db3c2; }
div#main div.info { background: url(/images/staffportal/bg/bg-roundbox-960-blue-bottom.gif) left bottom no-repeat; padding: 0px 10px 2px; margin-bottom: 15px; }
div#main div.info p { color: #3db3c2; margin-bottom: 8px; }
div#main div.info p a { font-weight: bold; color: #3db3c2; }
div#main h2.info a.close { position: absolute; bottom: 17px; right: 3px; display: block; height: 12px; background: url(/images/staffportal/icons/cross-small.gif) 0px 3px no-repeat; font-size: 0.55em; letter-spacing: normal; line-height: 1.15em; padding-left: 10px;  }

div#main div.details { width: 480px; float: right; }
div#main h2.details { padding-left: 3px; padding-bottom: 11px; background: url(/images/staffportal/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 8px; }
div#main h2.details span { background: url(/images/staffportal/icons/team-management-large.jpg) 0px 0px no-repeat; }
div#main div.details ol { margin-bottom: 15px; }
div#main div.details ol li { overflow: hidden; font-size: 1.3em; color: #777877; background: url(/images/staffportal/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 8px; margin-bottom: 5px; }
div#main div.details ol li strong { float: left; width: 175px; margin-right: 15px; }
div#main div.details ol li span { float: left; }
div#main div.details ol li a.edit { background: url(/images/staffportal/icons/arrow-right-large.jpg) left center no-repeat; padding-left: 22px; }

/* overview boxes */

div#main ul.overview { overflow: hidden; }
div#main ul.overview li.panel { width: 290px; margin: 0px 0px 20px 0px; }
div#main ul.overview li.last { margin-right: 0px; }
div#main ul.overview li h2 { position: relative; background: url(/images/staffportal/bg/bg-roundbox-290-top.gif) left bottom no-repeat; padding-left: 3px; margin-bottom: 0px; }
div#main ul.overview li h2 span { display: block; height: 40px; }
div#main ul.overview li h2 a { display: block; width: 10px; height: 9px; position: absolute; bottom: 15px; }
div#main ul.overview li h2 a em { display: block; text-indent: -9999px; }
div#main ul.overview li h2 a.move-left { right: 15px; background: url(/images/staffportal/buttons/btn-arrow-left-small.gif) left top no-repeat; }
div#main ul.overview li h2 a.move-right { right: 3px; background: url(/images/staffportal/buttons/btn-arrow-right-small.gif) left top no-repeat; }
div#main ul.overview li h2 a:hover { background-position: left bottom; }
div#main ul.overview li ol { background: url(/images/staffportal/bg/bg-roundbox-290-bottom.gif) left bottom no-repeat; padding: 5px 10px 10px; margin-bottom: 7px; }
div#main ul.overview li ol li { background: url(/images/staffportal/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 8px; margin-bottom: 5px; color: #777877; }
div#main ul.overview li ol li a { display: block; }
div#main ul.overview li ol li a strong { display: block; text-transform: uppercase; font-size: 0.9em; line-height: 1.3em; padding-bottom: 4px; }
div#main ul.overview li ol li em { display: block; font-size: 0.85em; text-align: right; color: #777877; padding-bottom: 2px; }
div#main ul.overview li ol li a span { display: block; font-size: 0.9em; line-height: 1.4em; }
div#main ul.overview li ol li a.view-all { text-transform: uppercase; background: url(/images/staffportal/icons/arrow-right-medium.gif) 0px 1px no-repeat; padding-left: 19px; }
div#main ul.overview li ol li a.file { overflow: hidden; }
div#main ul.overview li ol li a.file strong { float: left; width: 210px; }
div#main ul.overview li ol li a.file em { color: #fe9814; padding: 1px 0px 0px 3px; }

/* headers */

div#main h1 { font-size: 2.4em; color: #fe9814; text-transform: uppercase; letter-spacing: -0.05em; margin-bottom: 10px; }
#blockContainer h1 em { font-style: italic; text-transform: none; color: #777877 !important; } 
div#main h1 em { font-style: italic; text-transform: none; color: #777877 !important; }
#blockContainer h1 em a { color: #777877; }
div#main h1 em a { color: #777877; }
div#main h2 { color: #fe9814; font-size: 1.5em; text-transform: uppercase; letter-spacing: -0.05em; line-height: 1.4em; margin-bottom: 10px; clear: both; }
div#main h2 a { text-transform: none; color: #ea8813; }
div#main h2 span { display: block; height: 30px; padding-left: 35px; padding-top: 7px; }
div#main h2.email-broadcasts span { background: url(/images/staffportal/icons/email-broadcasts-large.jpg) 0px 0px no-repeat; }
div#main h2.online-store span { background: url(/images/staffportal/icons/online-store-large.jpg) 0px 0px no-repeat; }
div#main h2.administration span { background: url(/images/staffportal/icons/administration-large.jpg) 0px 0px no-repeat; }
div#main h2.supplier-database span { background: url(/images/staffportal/icons/supplier-database-large.jpg) 0px 0px no-repeat; }
div#main h2.team-management span { background: url(/images/staffportal/icons/team-management-large.jpg) 0px 0px no-repeat; }
div#main h2.staff-management span { background: url(/images/staffportal/icons/staff-management-large.jpg) 0px 0px no-repeat; }
div#main h2.alerts span { background: url(/images/staffportal/icons/alert-large.jpg) 0px 1px no-repeat; }
div#main h2.media-centre span { background: url(/images/staffportal/icons/media-centre-large.jpg) 0px -1px no-repeat; }
div#main h2.edit-content span { background: url(/images/staffportal/icons/edit-content-large.jpg) 0px 1px no-repeat; }
div#main h2.error span { background: url(/images/staffportal/icons/error-large.jpg) 0px 1px no-repeat; }
div#main h2.success span { background: url(/images/staffportal/icons/success-large.jpg) 0px 1px no-repeat; }
div#main h2.info span { background: url(/images/staffportal/icons/info-large.jpg) 0px 3px no-repeat; }
div#main h2.files span { background: url(/images/staffportal/icons/files-large.jpg) 0px 3px no-repeat; }
div#main h2.news span { background: url(/images/staffportal/icons/news-large.jpg) 0px 3px no-repeat; }
div#main h2.jobs span { background: url(/images/staffportal/icons/jobs-large.jpg) 0px 3px no-repeat; }

/* header box */

div#main div.header { clear: both; margin-bottom: 15px; background: url(/images/staffportal/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 10px; }
div#main div.header h1 { float: left; margin-bottom: 0px; }
div#main div.header a.btn { float: right; display: block; background: url(/images/staffportal/buttons/btn-a.gif) left top no-repeat; height: 35px; text-decoration: none; color: #777877; font-size: 0.85em; text-transform: uppercase; padding-left: 9px; margin-left: 10px; }
div#main div.header a.btn span { display: block; background: url(/images/staffportal/buttons/btn-span.gif) right top no-repeat; line-height: 33px; padding: 2px 9px 0px 0px; }
div#main div.header a.btn:hover { background-position: left bottom; }
div#main div.header a.btn:hover span { background-position: right bottom; }

/* pagination */

div#main div.pages { clear: both; background: url(/images/staffportal/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 15px; margin-bottom: 15px; }
div#main div.pages p { line-height: 24px; margin-bottom: 0px; }
div#main div.pages ul { overflow: hidden; }
div#main div.pages ul li { float: left; margin-left: 8px; line-height: 24px; color: #777877; }
div#main div.pages ul li.page a { display: block; background: url(/images/staffportal/buttons/btn-page-list.gif) left bottom no-repeat; width: 24px; height: 24px; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 24px; }
div#main div.pages ul li.page a.current,
div#main div.pages ul li.page a:hover { background-position: left top; color: #ffffff; }
div#main div.pages ul li.next a {  }

/* forms */

form {}
form ul { margin-bottom: 10px; }
form ul li { width: 390px; clear: both; display: block; }
form ul li.full-width { width: 100% !important; overflow: hidden; }
form ul li.checkbox { text-align: right; width: 100%; clear: both; overflow: hidden; }
form ul li.right { clear: none; }
form ul li label { display: block; font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #777877; margin-bottom: 5px; }
form ul li input,
form ul li select,
form ul li textarea { margin-bottom: 6px; }
form ul li input.text { float: left; width: 378px; padding: 4px; font-size: 1.4em; color: #454545; }
form ul li .date-select input { width: 150px; }
form ul li input.text-date { float: left; width: 120px; padding: 4px; font-size: 1.1em; color: #454545; }
form ul li input.small { width: 100px !important; margin-right: 8px; }
form ul li input.tiny { width: 50px !important; margin-right: 8px; }
form ul li input.italic { color:#CCCCCC; font-style:italic; }
form ul li input.checkbox { float: left; margin-top: 8px; }
form ul li input.full-width { width: 788px; }
form ul li span { clear: both; display: block; padding-bottom: 5px; margin: -2px 0px 5px 0px; font-size: 0.85em; font-weight: bold; line-height: 1.5em; color: #ea8813; }
form ul li span.mceEditor  { }
form ul li span strong { display: block; color: #454545; }
form ul li label.sub { display: block; padding-bottom: 0px; margin: -5px 0px 0px 0px; text-transform: none !important; font-size: 0.85em !important; font-weight: bold; line-height: 1.5em; font-weight: normal !important; line-height: 1.5em; color: #ea8813; }
form ul li span a { color: #be1e2d; }
form ul li input.button,
form ul li button { display: block; float: right; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #454545; margin-top: 5px; text-align: center; }
form ul li input.button { float: none; }
form ul li textarea { width: 378px; height: 130px; padding: 4px; font-size: 1.4em; color: #454545; }
form ul li textarea.small { height: 60px; }
form ul li.full-width textarea { width: 788px; height:170px; }
form ul li select { float: left; font-family: Trebuchet MS, Helvetica, sans-serif; padding: 2px; width: 390px; color: #454545; }
form ul li select.large { width: 540px; }
form ul li select#day { width: 62px !important; margin-right: 20px; }
form ul li select#month	{ width: 112px !important; margin-right: 20px; } 
form ul li select#year { width: 69px !important; }
form ul li.date select {  }
form ul li.full-width select { width: 798px; }
form ul li .date-select input { width:230px; }
form ul li .date-select button { float:left; margin-top:0px; }
form ul li a { }
form ul li a.btn { width: 92px; display: block; background: url(/images/staffportal/buttons/btn-a.gif) left top no-repeat; height: 35px; text-decoration: none; color: #777877 !important; text-transform: uppercase; padding-left: 9px; margin-bottom: 9px; }
form ul li a.btn span { display: block; background: url(/images/staffportal/buttons/btn-span.gif) right top no-repeat; line-height: 33px; padding: 2px 9px 0px 0px; color: #777877; }
form ul li a.btn:hover { background-position: left bottom; }
form ul li a.btn:hover span { background-position: right bottom; }
form ul li ul.radio { overflow: hidden; }
form ul li ul.radio li { float: left; clear: none; width: auto; margin-right: 7px; padding: 0px; }
form ul li ul.radio li input { float: left; margin: 1px 5px 0px 0px; }
form ul li ul.radio li label { padding: 0px; } 

/* login */

form.login { position: relative; margin: 0 auto; width: 550px; padding-bottom: 10px; }
form.login h1 { background: url(/images/staffportal/bg/bg-login-top.gif) left bottom no-repeat; font-size: 1.5em !important; padding: 0px 0px 5px 3px; line-height: 1.4em; margin-bottom: 0px !important; }
form.login h1 span { display: block; height: 39px; background: url(/images/staffportal/icons/lock-large.gif) left top no-repeat; padding-left: 30px; }
form.login ul { background: url(/images/staffportal/bg/bg-login-bottom.gif) left bottom no-repeat; padding: 6px 12px 12px; overflow: hidden; width: 526px; }
form.login ul li { width: 250px; margin-bottom: 6px; }
form.login ul li.text { line-height: 1.4em; color: #777877; margin-bottom: 7px; }
form.login ul li label { float: left; width: 90px; text-align: left; padding-top: 7px; }
form.login ul li input.text { float: right; width: 140px; }
form.login ul li button { margin-top: 0px; }
form.login a.forgot-password { position: absolute; bottom: 42px; left: 12px; font-size: 0.85em; font-weight: bold; color: #fe9814; text-transform: uppercase; }

div.join { width: 550px; margin: 0 auto; padding-top: 20px; }
div.join h2.join span { background: url(/images/staffportal/icons/edit-content-large.jpg) 0px 1px no-repeat; }

/* col-left */

div#main div.col-left h2 { background: url(/images/staffportal/bg/bg-roundbox-290-top.gif) left bottom no-repeat; margin-bottom: 0px; }
div#main div.col-left h2 span { padding-bottom: 7px; }
div#main div.col-left div.box { background: url(/images/staffportal/bg/bg-roundbox-290-bottom.gif) left bottom no-repeat; padding: 3px 10px 10px; margin-bottom: 15px; }
div#main div.col-left div.box ol.nav { padding-left: 7px; }
div#main div.col-left div.box ol.nav li { position: relative; margin-bottom: 5px; background: url(/images/staffportal/bg/bg-dotted-light.gif) left bottom repeat-x; padding-bottom: 7px; }
div#main div.col-left div.box ol.nav li a { padding-left: 10px; font-size: 1.05em; text-transform: uppercase; font-weight: bold; }
div#main div.col-left div.box ol.nav li a.contract { position: absolute; left: -7px; top: 6px; display: block; background: url(/images/staffportal/buttons/btn-contract.gif) left bottom no-repeat; width: 7px; height: 7px; }
div#main div.col-left div.box ol.nav li a.expand { position: absolute; left: -7px; top: 6px; display: block; background: url(/images/staffportal/buttons/btn-expand.gif) left bottom no-repeat; width: 7px; height: 7px; }
div#main div.col-left div.box ol.nav li a.contract:hover,
div#main div.col-left div.box ol.nav li a.expand:hover { background-position: left top; }
div#main div.col-left div.box ol.nav li a.contract span,
div#main div.col-left div.box ol.nav li a.expand span { display: block; text-indent: -9999px; }
div#main div.col-left div.box ol.nav li ul { padding: 5px 0px 0px 12px; margin-bottom: -4px; }
div#main div.col-left div.box ol.nav li ul li { background: url(/images/staffportal/bg/bg-sub-nav.gif) 2px 6px no-repeat; padding-bottom: 0px; }
div#main div.col-left div.box ol.nav li ul li a { font-size: 0.95em; text-transform: none; }
div#main div.col-left div.box ol.nav li ul li a.contract,
div#main div.col-left div.box ol.nav li ul li a.expand { left: -19px; }
div#main div.col-left div.box ol.nav li ul li ul { margin-bottom: 0px; }
div#main div.col-left div.box ol.nav li ul li ul li a { font-weight: normal; }

/* general stuff */

div#main p { color: #777877; line-height: 1.5em; margin-bottom: 15px; }
div#main p.large { font-size: 1.2em; line-height: 1.5em; }

/* jobs */

div#description { font-size: 0.85em; }
div#description div.hr { margin-bottom: 8px; }
div#description p { line-height: 1.3em; margin-bottom: 8px; }
div#description ul { color: #777877; margin: 0px 0px 8px 5px; list-style: disc; }
div#description ul li { background: url(/images/sevens/icons/bullet-red.gif) 0px 3px no-repeat; padding-left: 13px; margin-bottom: 6px; line-height: 1.3em; }
div#description h3 { font-weight: bold; margin-bottom: 10px; font-size: 1.2em; color: #777877; }

/* ---------------------------- */
/*** footer ***/

div#footer span { display: block; font-size: 0.85em; color: #bebec0; }
div#footer span.right { padding-top: 2px; }

div#footer p { overflow: hidden; clear: both; padding-top: 8px; }
div#footer p span.left { }
div#footer p span.right { padding-top: 0px; }

div#footer ul { overflow: hidden; }
div#footer ul li { float: left; margin-right: 5px; }
div#footer ul li a { font-size: 0.85em; }