/* CTHRC, August 2007 */

body, html
{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    background-color:#E2E2E2;
    background-image: url(../images/bgMain.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

div, span, td, p, em, b
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

ol.doubleSpaced li,
ul.doubleSpaced li
{
    margin-bottom: 10px;
}

ol.doubleSpaced ol,
ol.doubleSpaced ul,
ul.doubleSpaced ol,
ul.doubleSpaced ul
{
    margin-top: 10px;
}

#container
{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

#containerInner
{
    width: 992px;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

div#ieX #container
{
    position: relative;
    top: -17px;
}

div#ie6 #container,
div#ie5 #container
{
    text-align: center;
}

div#ie6 #containerInner,
div#ie5 #containerInner
{
    text-align: left;
}

div#container img
{
    border: 0px;
}

/* Branding */
/*
#branding{width:948px;height:139px;margin:0 auto;padding:0;clear:both;}
#logo{float:left;width:448px;height:139px;}
*/

#topBanner{width: 948px;margin: 0 auto;}
#branding{width:948px;margin:0 auto;padding:0;clear:both;/*background-color:#66FFCC;*/}
#logo{float:left;width:448px;padding: 14px 0px 0px 21px;}
#everthingBelowBranding{position: relative; top: -34px;}
div#ie6 #everthingBelowBranding, div#ie5 #everthingBelowBranding{text-align: left;}
div#ie6 #everthingBelowBranding{left: 0px;}

#topNav{ position: relative; font-size: 11px; text-align: right; z-index:9999; }
#topNav ul {float:right; margin:5px; margin-right: 20px; padding:0px;list-style:none;text-align:right;}
#topNav li {display: inline;list-style: none;margin:0px;padding:0px 5px 0px 5px;text-decoration:underline;color:#000;border-right: 1px solid #000;}
#topNav li a, #topNav li a:hover{display: inline;list-style: none;margin:0px;padding:0px 1px 0px 0;text-decoration:none;color:#000;}

#topNav a,
#topNav a:hover,
#topNav a span,
#topNav a:hover span
{
    font-size: 11px
}

div#ie6 #topNav, div#ie5 #topNav{width: 250px;}

/* End Branding */

/* Nav(s) */
#navigation{width:948px;height:46px;margin:0 auto;padding:0;text-align:right;}
#nav{float:right;font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;height:46px;text-align:right;margin: 0px;padding:0px;}
#nav ul {text-align: right;height: 46px;margin:0px;padding:0px;list-style: none;}
#nav li, #nav li a{float:left;display: inline;list-style: none;width:132px;margin:0px;padding:0px;height:46px;
	font-size: 11px; line-height:12px;color:#FFF;text-decoration: none;text-align:center;background-image: url(../images/nav_off.jpg);	background-repeat: no-repeat;}
#nav li a:hover{float:left;display: inline;list-style: none;font-size: 11px;color:#FFF;text-decoration: none;background-image: url(../images/nav_on.jpg);	background-repeat: no-repeat;}

/* End Nav(s) */

/* Middle Band - Search and Breadcrumbs!!! Images change, Home and Sub Pages*/
#header{width:992px;height:169px; clear:both; overflow:hidden;}
#headerSub{width:992px;height:169px;background-image: url(../images/bgHeaderSub.jpg);background-repeat: no-repeat;clear:both;}

/* @@@ Rob added this. */
#header{height:194px;background-repeat: no-repeat;}
#headerSub{height:187px;}
/* @@@ End */

/**/
#headerSearch{margin:0 auto;height:148px;width:948px;text-align:right;clear:both;}
#search{margin:0 auto;padding:0;padding-top:10px;padding-right:10px;width:936px;text-align:right; height:24px; overflow:hidden;}
#search a:link{font-size:12px; color:#FFFFFF; text-decoration:none; padding-left:5px;}
#search a:visited{font-size:12px; color:#FFFFFF; text-decoration:none; padding-left:5px;}
#search a:hover{font-size:12px; color:#EEEEEE; text-decoration:none; padding-left:5px;}
#search a:active{font-size:12px; color:#FFFFFF; text-decoration:none; padding-left:5px;}
#search input.button{background:transparent;color:#fff;border:0;font-size: 11px;font-weight: normal;}

div#ie5 #search,
div#ie6 #search
{
    height: 32px;
}

#titleBar{margin:0 auto;height:148px;width:100%;clear:both;}
#title{width:400px;height:60px;float:left; position:relative; left:38px;}
.title{font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;line-height:60px;color:#FFF;font-size: 24px;font-weight: bold;
text-decoration: none;}
div#ie6 #titleBar, div#ie5 #titleBar{position: relative; top: 0px;}

#breadcrumbs{margin:0 auto;width:930px;height: 20px; z-index:2; position:relative; top:-32px; text-align: left;}

/* @@@ Rob added this. */
#breadcrumbs
{
    top:-6px;
}
div#ie6 #breadcrumbs,
div#ie5 #breadcrumbs
{
    top: 0px; left: 30px;
}
/* @@@ End */


/* End Middle Band*/

/* CONTENT AREA */

div#contentWrapper ul,
div#contentWrapper ol
{
    margin-left: 30px;
    padding-left: 0px;
}

div#contentWrapper ul,
div#contentWrapper ul li
{
    list-style-type: disc;
    list-style-position: outside;
}

div#contentWrapper ol,
div#contentWrapper ol li
{
    list-style-position: outside;
}

div#contentWrapper ul.noBullits,
div#contentWrapper ul.noBullits li
{
    list-style-type: none;
}

#leftNav{height: 100%;width: 160px;margin-left:10px;float:left; font-size: 12px;text-align: left;}
#leftNav h1{font-size: 12px; color: #000;text-decoration: none; font-weight:bold; line-height:12px; text-align: left; margin:0px 0px 0px 0px;}
#leftNav a{font-size: 12px; color:#006B6E;text-decoration: none;line-height:16px;}
#leftNav a:hover{font-size: 12px; color:#000;text-decoration: none;line-height:16px;}
#leftNav ul {list-style:none;margin:5px;padding:5px;}

div#ie5 div#leftNav,
div#ie6 div#leftNav
{
    margin-left: 4px;
}

div#contentWrapper #leftNav ul
{
    margin-left: 14px;
}

div#contentWrapper #leftNav ul,
div#contentWrapper #leftNav ul li
{
    list-style-type: none;
}

table.moduletable th
{
    text-align: left;
    padding-left: 4px;
    margin: 0 0 2px 0;
}

div#leftNav table.moduletable
{
    width: 100%;
}

.contentheading{font-size: 14px;line-height: 16px;font-weight: bold;text-transform: uppercase;text-decoration: none;margin: 0px;padding: 0px;color:#0091C9}


#right{float: right;height: 100%;width: 738px;}

/* HOME */
#containerHome{margin:0 auto;padding-top:3px;width:948px;height:auto;clear:both; background-image: url(../images/bgContentHome.jpg); background-repeat:repeat-y; text-align: left;}


#main{float:left;width:426px; height: 100%; padding:0 13px 20px 0;
}
#mainRight{float:right;width:280px;height: 100%;text-align: left;}
#other{float: right;width:124px;position:relative;right:10px;text-align: left;}
/* SUB PAGES */
#containerSub{margin:0 auto; padding-top:3px;width:948px;height:auto;clear:both;background-image: url(../images/bgContentSub.jpg);background-repeat: repeat-y;}
#mainSub{float:left;width:570px; height: 100%; padding:0 13px 20px 0;
}
#mainRightSub{float:right;width:126px;height: 100%;}
/* END CONTENT AREA */

/* Footer */
#footer{margin:0 auto;height:94px;width:948px;background-color:#FFF;clear:both;}
#footerLeft{width:639px;float:left;}
#footerRight{width:200px;float:right;text-align:right; padding-right:25px;}
.footer{font-size:10px; color:#333;}
#eMagine{margin:0 auto;height:auto;width:948px; text-align:right; clear:both;}

div #footerLinkBar
{
    color: #f0f0f0;
    background: #000000;
    font-size: 12px;
    text-align: right;
    padding: 6px 15px 6px 3px;
    margin: 0px;
    clear: both;
}

div #footerLinkBar a
{
    color: #f0f0f0;
    background: #000000;
    font-size: 11px;
    text-decoration: none;
}

div #footerLinkBar a:hover
{
    color: #ffffff;
    background: #000000;
    font-size: 11px;
}

/* End Footer */

div#ie6 #contentWrapper, div#ie6 #footerWrapper{position: relative; left: 22px;}
div#ie5 #contentWrapper, div#ie5 #footerWrapper{position: relative; left: 22px;}

/* Text Styles */
H1{font-size: 23px;line-height:25px;font-weight: bold;color: #000000;text-decoration: none;margin: 0px;padding: 0px;}
H2{font-size: 14px;line-height: 16px;font-weight: bold;text-transform: uppercase;text-decoration: none;margin: 0px; padding:5px 0 5px 0;}
H3{font-size: 12px;line-height: 16px;font-weight: bold;text-transform: uppercase;text-decoration: none;margin: 0px; padding:5px 0 5px 0;
padding: 0px; color:#000000;}

.main{font-size: 12px;color: #000;text-decoration: none; line-height:18px}
.main a{font-size: 12px;color: #006B6E;text-decoration: underline;}
.main a:hover{font-size: 12px;color: #666;text-decoration: none;}
.crumbs a{font-size: 11px;color: #006B6E;text-decoration: underline;}
.crumbs, .crumbs a:hover{font-size: 11px;color: #000;text-decoration: none;}
.main ul{padding:3px;margin:0;}
.main li{list-style-position: inside;list-style-type: square;line-height:16px;}
.medium{font-size:16px;}

.sub1{color:#006B6E;}
.sub2{color:#9B301C;}
.sub3{color:#0091C9;}
.sub4{color:#7C98AE;}
.sub5{color:#5F1D5F;}
.sub6{color:#6E7649;}
.sub7{color:#ED8000;}
.sub8{color:#624A7E;}
.sub9{color:#F7B100;}
.sub10{color:#7E2B42;}
.sub11{color:#293F6F;}

.subBg1{background-image: url(../images/bgHeader1.jpg);}
.subBg2{background-image: url(../images/bgHeader2.jpg);}
.subBg3{background-image: url(../images/bgHeader3.jpg);}
.subBg4{background-image: url(../images/bgHeader4.jpg);}
.subBg5{background-image: url(../images/bgHeader5.jpg);}
.subBg6{background-image: url(../images/bgHeader6.jpg);}
.subBg7{background-image: url(../images/bgHeader7.jpg);}
.subBg8{background-image: url(../images/bgHeader8.jpg);}
.subBg9{background-image: url(../images/bgHeader9.jpg);}
.subBg10{background-image: url(../images/bgHeader10.jpg);}
.subBg11{background-image: url(../images/bgHeader11.jpg);}

/* @@@ Added by Rob */
.subBg1{background-image: url(../images/bgHeader1.new.jpg);}
.subBg2{background-image: url(../images/bgHeader2.jpg);}
.subBg3{background-image: url(../images/bgHeader3.jpg);}
.subBg4{background-image: url(../images/bgHeader4.jpg);}
.subBg5{background-image: url(../images/bgHeader5.jpg);}
.subBg6{background-image: url(../images/bgHeader6.jpg);}
.subBg7{background-image: url(../images/bgHeader7.jpg);}
.subBg8{background-image: url(../images/bgHeader8.jpg);}
.subBg9{background-image: url(../images/bgHeader9.jpg);}
.subBg10{background-image: url(../images/bgHeader10.jpg);}
.subBg11{background-image: url(../images/bgHeader11.jpg);}
/* @@@ End */

/* Search Bar */
input{background-color:#fff;height:20px;line-height:20px;margin:0;padding:0;padding-left:3px;font-size: 11px;font-weight: normal;color: #000;text-decoration: none;border:1px solid #000;}
.formBtn{height: 20px;line-height:20px;margin:0;padding:0;font-size: 11px;font-weight: bold;color: #FFFFFF;text-decoration: none;border:0;}

/* Splash Page */
#splash{padding:20px;height: 454px;width: 714px;margin:0 auto;}

/* MISC */
.clearDiv{clear: both;height: 3px;width: 100%;}
.clearDivWhite{clear: both;height: 6px;width:500px; background-color:#FFF;}

div#imgHome
{
    position: relative;
    float: right;
    text-align: right;
    padding: 0;
    margin: 0;
}

/* ------------------------------------------------------------------------
//
// Modules... at least the ones added by Rob :/
//
// Images width: 155px;
//
// ------------------------------------------------------------------------ */

/* Freestyle - Homepage - Left Sidebar Top */

div.homepage-left-sidebar-top-wrapper
{
}

div.moduletable-homepage-left-sidebar-top
{
    margin: 0px;
    padding: 0px;
}


/* Freestyle - Homepage - Left Sidebar Bottom */

div.homepage-left-sidebar-bottom-wrapper
{
}

div.moduletable-homepage-left-sidebar-bottom
{
    margin: 0px;
    padding: 0px;
}


/* Champions of HR */

div#leftNav table.moduletable_champs_hr
{
    width: 100%;
}

div#leftNav table.moduletable_champs_hr h1
{
    padding-bottom: 10px;
}

div#leftNav table.moduletable_champs_hr div.logo
{
    padding-top: 10px;
    padding-bottom: 10px;
}

div#leftNav div.champions-of-hr
{
    padding: 3px;
    border: solid 1px #dddddd;
    margin-bottom: 10px;
}

div#leftNav div#champions_of_hr_wrapper_1,
div#leftNav div#champions_of_hr_wrapper_2
{
}


/* News */

#news
{
    width: 124px;
    text-align: left;
    float: left;
}

#news table.contentpaneopen
{
    margin-bottom: 15px;
}

#news table.contentpaneopen p
{
    padding: 0px;
    margin: 0px;
}


/* Shared */

div.module-vertical-spacer
{
    padding-bottom: 15px;
}


/* ------------------------------------------------------------------------
//
// Toolbar navigation.
//
// ------------------------------------------------------------------------ */

div#topNav
{
    width: 960px;
    position: absolute;
}

div#ie7_lt div#topNav
{
    width: 960px;
    position: absolute;
}

div#topNavWrapper
{
    float: right;
}

ul#mainlevel-nav
{
    position: relative;
    list-style: none;
    text-align: right;
    padding: 0px;
    margin: 5px;
    margin-right: 0px;
    float: right;
}

ul#mainlevel-nav li
{
    float: left;
}

ul#mainlevel-nav li.languageSwitcher
{
    border: 0px;
}

div#ieX ul#mainlevel-nav
{
    top: 20px;
    left: -10px;
}


/* ------------------------------------------------------------------------
//
// Specific styling for varios menu items.
//
// ------------------------------------------------------------------------ */

ul#mainlevel li.joomla-menu-item-178,
ul#mainlevel li.joomla-menu-item-179,
ul#mainlevel li.joomla-menu-item-180,
ul#mainlevel li.joomla-menu-item-181,
ul#mainlevel li.joomla-menu-item-191
{
    padding-left: 20px;
}


/* ------------------------------------------------------------------------
//
// Everything below here is specific to content styling... where the
// classes are used in the content input via Joomla.
//
// ------------------------------------------------------------------------ */

table.evenSplit
{
    width: 100%;
    border: none;
    border-collapse: collapse;
}

div#ieX table.evenSplit
{
    padding-top: 5px;
}

table.evenSplit td
{
    width: 50%;
    vertical-align: top;
    padding: 3px 10px 3px 0px;
    border: solid 1px #ffffff;
}

table.withCellBorders
{
    border-collapse: collapse;
}

table.withCellBorders td
{
    padding: 3px 5px 3px 5px;
    border: solid 1px #e8e8e8;
}

table.rowHighlighting td
{
    padding: 3px 5px 3px 5px;
}

table.rowHighlighting tr:hover td
{
    background: #f0f0f0;
}

table.rowHighlighting tr.noHighlighting:hover td
{
    background: transparent;
}

table.rowHighlighting tr:hover td.noHighlighting
{
    background: transparent;
}

table.cellHighlighting td
{
    padding: 3px 5px 3px 5px;
}

table.cellHighlighting td:hover
{
    background: #f0f0f0;
}

table.cellHighlighting td.noHighlighting:hover
{
    background:transparent;
}

/* -------- */

div#mainContentArea h1.contentTitle
{
    padding-top: 0px;
    padding-bottom: 5px;
}

div#mainContentArea div.componentheading
{
    margin: 0px;
    padding: 0px;
}

div#ieX div#mainContentArea div.componentheading
{
    padding-bottom: 15px;
}

div#mainContentArea h1
{
    color: #000000;
    margin: 0px;
    padding: 25px 0px 10px 0px;
}

div#mainContentArea h2
{
    color: #000000;
    margin: 0px;
    padding: 25px 0px 5px 0px;
}

div#ieX div#mainContentArea h2
{
    padding: 25px 0px 0px 0px;
}

div#mainContentArea h3
{
    color: #000000;
    margin: 0px;
    padding: 20px 0px 5px 0px;
}

div#mainContentArea div.bottomContentSpacer
{
    height: 135px;
}
div#mainContentArea td{ vertical-align:top; }


/*----------------------------------------------------------------------------
//
// @@@ New stuff for the Survey.
//
//--------------------------------------------------------------------------*/

div#main,
div#mainSub
{
    padding-bottom: 140px;
}

div#bottomStuffWrapper,
div#bottomStuffWrapperSub
{
    position: relative;
}

div#bottomStuffContainer
{
    position: absolute;
    top: -155px;
    left: 200px;
    width: 478px;
    height: 120px;
}

div#bottomStuffWrapperSub div#bottomStuffContainer
{
    left: 208px;
    width: 615px;
}

div#bottomStuffContainer div.content
{
    padding: 15px 30px 10px 30px;
}

div#ie7 div#bottomStuffContainer div.content
{
    padding-top: 10px;
}

div#ie6 div#bottomStuffContainer div.content
{
    padding-top: 0px;
}

div#bottomStuffContainer div.content div.survey-request hr
{
    height: 1px;
    margin: 0px;
    padding: 0px;
    border: none;
    border-top: solid 2px #bbbbbb;
}

div#bottomStuffContainer div.content div.survey-request p
{
    color: #009900;
    font-size: 130%;
    padding-top: 15px;
    padding-bottom: 0px;
    margin: 0px;
}

div#ie7 div#bottomStuffContainer div.content div.survey-request p
{
    padding-top: 10px;
}

div#bottomStuffContainer div.content div.survey-request p.link
{
    text-align: center;
}

div#bottomStuffContainer div.content div.survey-request p.link a,
div#bottomStuffContainer div.content div.survey-request p.link a:hover
{
    color: #007700;
}

div#bottomStuffContainer div.content div.survey-request p.link a:hover
{
    font-size: 135%;
    text-decoration: underline;
}


/*----------------------------------------------------------------------------
//
// Bottom banner stuff.
//
//--------------------------------------------------------------------------*/

div#bottomContentWrapper div.bottomContentBannerWrapper
{
    position: relative;
}

div#bottomContentWrapper div.bottomContentBannerContainer
{
    position: absolute;
    top: -146px;
    left: 200px;
    width: 480px;
    height: 125px;
    text-align: center;
}

div.addressSplit2
{
    width: 100%;
    float: left;
    clear: both;
    padding-bottom: 30px;
}

div#ieX div.addressSplit2
{
    padding-top: 10px;
}

div.addressSplit2 div.address
{
    width: 45%;
    height: 165px;
    padding: 0px 5px 0px 5px;
    margin: 10px 10px 0px 0px;
    float: left;
    border: solid 1px #e8e8e8;
}

div.addressSplit2 div.address:hover
{
    background: #f8f8f8;
    border: solid 1px #cccccc;
}

div.queries div.query
{
    border-top: solid 1px #990000;
}

div.queries div.query:hover
{
    background: #f0f0f0;
    border-top: solid 1px #000000;
}


ul.customBullits,
ul.customBullits li,
div#contentWrapper ul.customBullits,
div#contentWrapper ul.customBullits li
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.customBullits,
div#contentWrapper ul.customBullits
{
    margin-left: 30px;
}

ul.customBullits li
{
    margin-left: 30px;
}

ul.customBullits li p
{
    position: relative;
    padding: 3px;
    margin: 0px;
}

ul.customBullits li span.bullit
{
    position: absolute;
    left: -30px;
    width: 30px;
    height: 20px;
    display: block;
}

div.page__champions_of_human_resources h3
{
    font-size: 14px;
    text-decoration: underline;
    text-transform: none;
}

div.page__advertising table.adRates
{
    width: 100%;
    border: solid 1px #444444;
    border-collapse: collapse;
}

div.page__advertising table.adRates th.heading
{
    color: #000000;
    background: #9e881f;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

div.page__advertising table.adRates th.heading div
{
    font-size: 13px;
}

div.page__advertising table.adRates th
{
    color: #000000;
    background: #85939d;
    vertical-align: top;
}

div.page__advertising table.adRates th,
div.page__advertising table.adRates td
{
    text-align: center;
    border: solid 1px #444444;
    padding: 25px 4px 25px 4px;
}

div.page__advertising table.adRates td.instructions
{
    text-align: left;
    padding: 5px 10px 5px 10px;
}


div.page__essential_skills__modules table.essential-skills-modules
{
    width: 100%;
    background: #d16f1b url( '/site/images/essential_skills_mugshot.20090120.jpg' ) no-repeat bottom left;
    margin-top: 15px;
}

div.page__essential_skills__modules table.essential-skills-modules td
{
    color: #ffffff;
    font-weight: bold;
    padding: 0px 4px 0px 4px;
}

div.page__essential_skills__modules table.essential-skills-modules td.leadIn
{
    font-size: 14px;
    padding: 4px;
}

div.page__essential_skills__modules table.essential-skills-modules td.mugshot
{
    width: 185px;
    height: 233px;
}

div#contentWrapper div.page__essential_skills__modules table.essential-skills-modules ul,
div#contentWrapper div.page__essential_skills__modules table.essential-skills-modules ul li
{
    padding: 0px;
    margin: 0px;
}

div.page__essential_skills__modules table.essential-skills-modules td.brace
{
    border: solid 1px #ffffff;
    border-left: 0px;
}

div.page__essential_skills__modules table.essential-skills-modules td.spacer
{
    padding: 0px;
}

div.page__essential_skills__modules table.essential-skills-modules td.spacer div
{
    height: 4px;
    overflow: hidden;
}

div.pull-right
{
    padding: 5px;
    margin: 10px;
    margin-right: 0px;
    float: right;
}

div.light-border
{
    border: solid 1px #eeeeee;
}

div.light-border:hover
{
    border: solid 1px #333333;
}

/*----------------------------------------------------------------------------
//
// Flow player videos.
//
//--------------------------------------------------------------------------*/

.flowplayer-auto-load
{
    display: block;
}

.flowplayer-no-autoplay
{
    display: block;
}

a.video-careers-trailer
{
    width: 310px;
    height: 216px;
}

a.video-about-accreditation
{
    width: 550px;
    height: 400px;
}

a.video-transportation-matters
{
    width: 540px;
    height: 440px;
}