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

Title : Innergy Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#333333; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- IDS ----- */
#container { width:960px; margin:10px auto; text-align:left; font-size:120%; position:relative; }

#container #basketAdd {position:absolute; z-index: 1000; top: 360px; width: 400px; left:280px; border: 5px solid #007740; background-color: #d7e6d8; padding: 10px; font-size: 120%; color: #fa2626;}

#popup_container { width:400px; margin:15px 15px; text-align:left; }
.popup_container { width:400px; text-align:left; }
.hideDiv {display:none;}

#contentContainer { width:960px; margin:0; padding:0;}
#contentContainer span { font-size:120%; color:#007740; font-weight:bold;}
#contentContainer .colTitle { width:175px; height:28px; padding:4px 0 0 10px; background:url(/images/colTitleBg.gif) top left repeat-x; color:#FFFFFF; font-size:130%;}
#contentContainer .colTitle a {color:#FFFFFF; font-size:100%; padding:0; font-weight: bold; }
#contentContainer .colTitle a:hover {color: #007740; text-decoration:none;}
#contentContainer .moduleTitle { width:745px; height:32px; padding:2px 0 0 10px; background:url(/images/moduleBg.gif) top left repeat-x; color:#007740; font-size:140%; font-weight: bold;}

/*------ HOME LANDING PAGE ------*/
#contentContainer #flashContainer { width:960px; height:250px; margin-bottom:10px;}
#contentContainer #indexTwoBoxContainer {width: 960px; margin:0; }
#contentContainer #indexTwoBoxContainer .boxContents {padding: 10px; height:107px; margin:0;}
#contentContainer #indexTwoBoxContainer .boxContents .indexLatestLink {color: #999999; padding:0; margin:0;}
#contentContainer .colLandTitle {height:28px; background:url(/images/colTitleBg.gif) top left repeat-x; padding:0;color:#FFFFFF; font-size:130%;padding:4px 0 0 10px;}
#contentContainer .colLandTitle a {color:#FFFFFF; display:block;font-weight:bold;}
#contentContainer #indexTwoBoxContainer h2 {color: #007740; font-size:130%; margin: 0 0 5px 0; padding:0;}
#contentContainer #indexTwoBoxContainer h2 a {font-weight: bold;}
#contentContainer #indexTwoBoxContainer h3 {color: #007740; font-size:130%; margin: 0 0 5px 0; padding:0; font-weight: normal;}
#contentContainer #indexTwoBoxContainer p {margin: 5px 0 6px 0; padding: 0 0 5px 0; border-bottom: 1px solid #cccccc;}
#contentContainer #indexTwoBoxContainer #containerBox1 {float:left; margin:0 9px 0 0; width: 474px; padding:0;}
#contentContainer #indexTwoBoxContainer #containerBox1 #box1 {float:left; height: 200px; margin-bottom: 10px; width: 229px; border:1px solid #bfbfbf; background: url(/images/indexConsultancyGraphic.png) no-repeat;}
#contentContainer #indexTwoBoxContainer #containerBox1 #box1:hover {background: url(/images/indexConsultancyGraphic.png) 0 -200px no-repeat;}
#contentContainer #indexTwoBoxContainer #containerBox1 #box2 {float:right; height: 200px; width: 229px; margin-bottom: 10px; border:1px solid #bfbfbf; background: url(/images/indexRecruitmentGraphic.png) no-repeat;}
#contentContainer #indexTwoBoxContainer #containerBox1 #box2:hover {background: url(/images/indexRecruitmentGraphic.png) 0 -200px no-repeat;}
#contentContainer #indexTwoBoxContainer #containerBox1 #box3 {float:left; height: 290px; width: 472px; border:1px solid #bfbfbf; padding:0; margin:0;}
#contentContainer #indexTwoBoxContainer #containerBox2 {float:right; width: 474px; padding:0; margin:0;}
#contentContainer #indexTwoBoxContainer #containerBox2 #box2A {float:right; height: 200px; margin-bottom: 10px; width: 229px; border:1px solid #bfbfbf; background: url(/images/indexToolsGraphic.png) no-repeat;}
#contentContainer #indexTwoBoxContainer #containerBox2 #box2A:hover {background: url(/images/indexToolsGraphic.png) 0 -200px no-repeat;}
#contentContainer #indexTwoBoxContainer #containerBox2 #box1A {float:left; height: 200px; width: 229px; margin-bottom: 10px; border:1px solid #bfbfbf; background: url(/images/indexTrainingGraphic.png) no-repeat;}
#contentContainer #indexTwoBoxContainer #containerBox2 #box1A:hover {background: url(/images/indexTrainingGraphic.png) 0 -200px no-repeat;}
#contentContainer #indexTwoBoxContainer #containerBox2 #box3A {float:right; height: 290px; width: 472px; border:1px solid #bfbfbf; padding:0; margin:0;}
.arrowBtn { background:url(../images/homeArrowBtn.png) no-repeat; width:31px; height:31px; margin-left: 10px;display:block;}
.arrowBtn:hover { background:url(../images/homeArrowBtn.png) 0 -31px no-repeat;}

/*----- END OF HOME LANDING PAGE -----*/


/*--------- GENERAL HOLDER FOR MAIN CONTENT ------*/
#contentContainer #twoColContainerTop {width:960px; height: 1px; margin-top: 5px; background:url(/images/twoColTopBg.gif) top left no-repeat; font-size:0; padding:0; }
#contentContainer #twoColContainerBody {width:960px; background:url(/images/twoColBodyBg.gif) top left repeat-y; min-height: 400px; position: relative; overflow:hidden; padding:0; margin:0;}
#contentContainer #twoColContainerBottom {width:960px; height: 1px; background:url(/images/twoColBottomBg.gif) top left no-repeat;}
#contentContainer #twoColContainerBody #leftColInternal { float:left; width:189px; min-height:400px; padding: 0 1px 0 1px;}
#contentContainer #twoColContainerBody #leftColInternal .colTitle {width:178px; height:28px; padding:4px 0 0 10px; background:url(/images/colTitleBg.gif) top left repeat-x; color:#FFFFFF; font-size:130%;}
#contentContainer #twoColContainerBody #leftColInternal .contentArea {width:168px; margin-top: 8px; margin-left: 10px; margin-right: 10px; font-size:100%; line-height: 17px;}
#contentContainer #twoColContainerBody #leftColInternal .contentArea p {border-bottom: 1px solid #bfbfbf; padding:5px 0 5px 0; }
#contentContainer #twoColContainerBody #leftColInternal .contentArea .contactLogoSwf {margin-left: 10px; margin-top:5px;}

#contentContainer #twoColContainerBody .linkHeader {font-size: 130%;}
#contentContainer #twoColContainerBody #leftColInternal .imgInnergy {margin: 0 auto; text-align:center;}
#contentContainer #twoColContainerBody #leftColInternal .expertTVDetailBox {width:168px; margin-top: 8px; margin-left: 10px; margin-right: 10px; font-size:100%; line-height: 17px;}
#contentContainer #twoColContainerBody #leftColInternal .expertTVDetailBox .sectionExpertTvBg { position: relative; width:90px; height: 93px; margin-left: 40px; margin-top: 15px; background: url(/images/tvThumb.png) top left no-repeat;}
#contentContainer #twoColContainerBody #leftColInternal .expertTVDetailBox .sectionExpertTvBg img {position: absolute; top: 4px; left: 2px; z-index: 88;}
#contentContainer #twoColContainerBody #leftColInternal .expertTVDetailBox .sectionExpertTvBg .playButton {position: absolute; z-index: 99; width: 85px; height: 67px; background: url(/images/play_btn.png) top left no-repeat;}

#contentContainer #twoColContainerBody #leftColInternal .contentArea ul { list-style:none; padding:0; margin:5px 0 0 0;}
#contentContainer #twoColContainerBody #leftColInternal .contentArea li { display:block; float:left; padding:0; margin: 0 3px 5px 0; width:165px; line-height:18px; border-bottom: 1px solid #cccccc;}
#contentContainer #twoColContainerBody #leftColInternal .contentArea .link {display:block; color:#007740; margin:0 auto; width:165px; font-weight: bold; font-size: 90%;}
#contentContainer #twoColContainerBody #leftColInternal .contentArea li a { display:block; color:#333333; text-decoration:none; font-size:100%; padding: 2px 0 2px 0;}
#contentContainer #twoColContainerBody #leftColInternal .contentArea li a:hover { background-color: #fff; color:#007740;}


#contentContainer #twoColContainerBody #rightColInternal { float:left; width:756px; min-height: 500px; background: url(/images/twoColBg.gif) bottom left repeat-x; margin-left:12px; padding: 0 0 38px 0; position: relative;}
#contentContainer #twoColContainerBody #rightColInternal .module {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cccccc;}
#contentContainer #twoColContainerBody #rightColInternal .module h3 {font-size: 110%;}
#contentContainer #twoColContainerBody #rightColInternal .moduleTitle { width:746px; height:32px; padding:2px 0 0 10px; background:url(/images/moduleBg.gif) top left repeat-x; color:#007740; font-size:140%; font-weight: bold;}
#contentContainer #twoColContainerBody #rightColInternal .contentArea { width:746px; margin-top: 8px; margin-left: 10px; }
#contentContainer #twoColContainerBody #rightColInternal .contentArea p {padding:5px 10px 5px 0; }


#contentContainer #twoColContainerBody #rightColInternal .floatImgRight {float:right; padding: 0 20px 20px 20px;}
#contentContainer #twoColContainerBody #rightColInternal #newsArea {}
#contentContainer #twoColContainerBody #rightColInternal #adAreaImages {padding: 10px 10px 10px 15px; float: right; width: 250px; text-align:center;}

#contentContainer #twoColContainerBody #rightColInternal .pagination, #contentContainer #expertTVRight .pagination { width:756px; height:24px; position:absolute;bottom:4px;left:0;}
#contentContainer #twoColContainerBody #rightColInternal .pagination .page, #contentContainer #expertTVRight .pagination .page { margin:0 auto; color:#00742D; width:120px; text-align:center; font-size:120%;}
#contentContainer #twoColContainerBody #rightColInternal .pagination .prev, #contentContainer #expertTVRight .pagination .prev { position:absolute; top:0; display: block; left:4px; background:url(/images/previousBtn.gif) top left no-repeat; height:24px; line-height:24px; font-size:120%;}
#contentContainer #twoColContainerBody #rightColInternal .pagination .next, #contentContainer #expertTVRight .pagination .next { position:absolute; top:0; display: block; right:4px; background:url(/images/nextBtn.gif) top right no-repeat; height:24px; line-height:24px; font-size:120%;}
#contentContainer #twoColContainerBody #rightColInternal .pagination .next a, #contentContainer #expertTVRight .pagination .next a {display: block; padding-right:30px;  }
#contentContainer #twoColContainerBody #rightColInternal .pagination .prev a, #contentContainer #expertTVRight .pagination .prev a {display: block; padding-left: 30px;  }
#contentContainer #twoColContainerBody #rightColInternal .paginationTop {position:relative; height: 30px; width: 756px; }
#contentContainer #twoColContainerBody #rightColInternal .catImage { float:right; width: 240px; margin: 15px; }
#contentContainer #twoColContainerBody #rightColInternal .catDescription { float: left; width: 450px; margin: 10px 10px 10px 10px; padding: 5px; }
#contentContainer #twoColContainerBody #rightColInternal h2 {font-size: 120%; color: #333333; }
#contentContainer #twoColContainerBody #rightColInternal h3 {font-size: 100%; color:#007740; margin:0; padding:0 0 5px 0;  }
#contentContainer #twoColContainerBody #rightColInternal h3 a {font-size: 110%; font-weight: bold;}

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

/* ----- EXPERT TV CSS ----- */
#contentContainer #twoColContainerBody #leftColInternal #category { display:inline; padding:0;}
#contentContainer #twoColContainerBody #leftColInternal #category .selecter { width:160px; color:#009245; margin:10px 0;}
#contentContainer #twoColContainerBody #leftColInternal .link { padding:0; font-size:110%; color:#999999; margin-bottom:10px;}
#contentContainer #twoColContainerBody #leftColInternal .expertTvlink { padding:0; font-size:110%; color:#999999; margin-bottom:10px;}

#contentContainer #twoColContainerBody #leftColInternal #videoList { list-style:none; padding:0; margin:0; width: 188px;}
#contentContainer #twoColContainerBody #leftColInternal #videoList li {padding:0; font-size:110%; border-bottom: 1px solid #bfbfbf;}
#contentContainer #twoColContainerBody #leftColInternal #videoList li a { display:block; color: #009245; text-decoration:none; font-size:100%; padding: 8px 10px 8px 10px;}
#contentContainer #twoColContainerBody #leftColInternal #videoList li a:hover { background-color: #fff; color:#007740;}

#contentContainer #expertTVRight { width:756px; float:left; min-height:500px; margin-left:12px; padding: 10px 0 38px 0; background:url(/images/expertTVRightBg.gif) top left repeat-x; position:relative;}
#contentContainer #expertTVRight .logo { position:absolute; top:10px; left:660px;}
#contentContainer #expertTVRight .title { color:#00742D; font-size:130%; padding:0 0 5px 15px;}
#contentContainer #expertTVRight p {padding:0 0 5px 15px;}
#contentContainer #expertTVRight #videosBox { padding:10px 0 5px 15px;}
#contentContainer #expertTVRight #videosBox .video { width:160px; float:left; margin:0 22px 25px 0;}
#contentContainer #expertTVRight #videosBox .video .thumb { border:1px solid #00742d; margin-bottom:5px;}
#contentContainer #expertTVRight #videosBox .video .listExpertTvBg
#contentContainer #expertTVRight #videosBox .video .listExpertTvBg { position: relative; width:85px; height: 67px;}
#contentContainer #expertTVRight #videosBox .video .listExpertTvBg .playButton {position: absolute; z-index: 99; width: 85px; height: 67px; background: url(/images/play_btn.png) top left no-repeat;}

#contentContainer #expertTVRight #videosBox .video p { font-size:100%; margin:0; padding:0;}
#contentContainer #expertTVRight #videosBox .video a { font-size:100%; font-weight:bold;}

#contentContainer #expertTVRight #tvBox { width:459px; height:475px; background:url(/images/tvBg.gif) no-repeat; float:left; margin:10px 0 0 30px; position:relative; padding-top: 20px; padding-left: 20px;}
#contentContainer #expertTVRight #tvBox #video { position:absolute; top:35px; left:17px; width:424px; height:326px;}
#contentContainer #expertTVRight #videoInfo { float:left; margin-left:10px; width:190px;}
#contentContainer #expertTVRight #videoInfo .playing { color:#00742D; font-size:120%; font-weight:bold; padding:0;}
#contentContainer #expertTVRight #videoInfo .clipTitle { color:#00742D; padding:0;} 
#contentContainer #expertTVRight #videoInfo .clipDesc { color:#999999; padding:0;}
#contentContainer #expertTVRight #problemsBox { width:190px; margin-top:20px;}
#contentContainer #expertTVRight #problemsBox .title { color:#00742D; font-weight:bold; padding:0; font-size:110%;}
#contentContainer #expertTVRight #problemsBox .title .red { color:#F15A24;}
#contentContainer #expertTVRight #problemsBox p { padding:0; color:#999999; line-height:16px; font-weight:normal;}
#contentContainer #expertTVRight #problemsBox a { font-size:110%;}
/*--------- END OF EXPERT TV ------------*/

/* ----- CASE STUDIES CSS ----- */
#contentContainer #caseStudies { width:938px; min-height:490px; padding:20px 10px 0 10px; border:1px solid #bfbfbf; background:url(/images/expertTVRightBg.gif) top left repeat-x;}
#contentContainer #caseStudies .title { font-size:180%; color:#00742D; margin-bottom: 10px;}
#contentContainer #caseStudies .row { width:938px; margin-bottom:20px; border-bottom:1px solid #cccccc; padding-bottom:10px;}
#contentContainer #caseStudies .row .info { float:left; width:180px; margin-right: 10px;}
#contentContainer #caseStudies .row .info .rowTitle { color:#00742D; padding:0; font-size:110%; font-weight:bold;}
#contentContainer #caseStudies .row .info a { color:#999999; font-size:110%;}
#contentContainer #caseStudies .row .studyLogo { float:left; width:186px; min-height:120px;}
#contentContainer #caseStudies .row .studyContainer {float:right; width: 745px; padding:0; margin:0; }
#contentContainer #twoColContainerBody #leftColInternal #backToggle {position:relative; height: 75px;}
#contentContainer #twoColContainerBody #leftColInternal #backToggle #toggleView a { display:block; background:url(/images/caseStudyToggleBtn.gif) 0px 0px no-repeat; position:absolute; top:10px; left:20px; width:120px; height:41px;}
#contentContainer #twoColContainerBody #leftColInternal #backToggle #toggleView a:hover { background:url(/images/caseStudyToggleBtn.gif) 0px -41px no-repeat;}

#contentContainer #twoColContainerBody #rightColInternal #csArea {padding: 0; min-height: 300px;}
#contentContainer #twoColContainerBody #rightColInternal #csArea #csHeader {padding:15px 15px 0 15px; width:725px; float:left;}
#contentContainer #twoColContainerBody #rightColInternal #csArea h3 {font-size: 120%; color:#007740; margin:0; padding:8px 0 5px 0;  }
#contentContainer #twoColContainerBody #rightColInternal #csArea p {margin-bottom:10px; padding: 0;}
#contentContainer #twoColContainerBody #rightColInternal #csArea .quoteProvider {font-weight: bold; text-align:right;}
#contentContainer #twoColContainerBody #rightColInternal #csArea .floatImgRight {float: right; padding: 5px 0 20px;}
#contentContainer #twoColContainerBody #rightColInternal .areaSeparator {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; margin-top: 8px; margin-right: 10px;}

/*#contentContainer #caseStudies .row .studyLogo #bookinaLogo { display:block; margin:0 auto; width:113px; height:27px; background:url(/images/bookinaLogo.gif) 0 0 no-repeat;}
#contentContainer #caseStudies .row .studyLogo #bookinaLogo:hover { display:block; margin:0 auto; width:113px; height:27px; background:url(/images/bookinaLogo.gif) 0 -27px no-repeat;}*/
div.tooltip-toggler a img{opacity:.5;}
div.tooltip-toggler a:focus img, div.tooltip-toggler a:hover img, div.tooltip-toggler a:active img{opacity:1;}
/* ----- END CASE STUDIES CSS ----- */







#contentContainer #leftCol { float:left; width:190px; min-height:390px; margin-right:10px; margin-left: 0;}
#contentContainer #leftCol .colTitle { width:178px; height:28px; padding:2px 0 0 10px; background:url(/images/colTitleBg.gif) top left repeat-x; color:#FFFFFF; font-size:130%;}
#contentContainer #leftCol #leftContactUs {border:1px solid #bfbfbf; padding-bottom: 10px; background-color:#f2f2f2;}
#contentContainer #leftCol #leftContactUs p { font-size:110%; padding:8px 5px 5px 10px;}
#contentContainer #leftCol #leftMenuOptions {border:1px solid #bfbfbf; padding-bottom: 10px; background-color:#f2f2f2;}
#contentContainer #leftCol #leftMenuOptions p { font-size:110%; padding:8px 5px 5px 10px;}
#contentContainer #leftCol #leftMenuOptions a {font-weight: 600;}
#contentContainer #leftCol #leftMenuOptions img {padding-bottom: 15px;}

#contentContainer #leftCol #leftNewsOptions {font-size:100%; border:1px solid #bfbfbf;}
#contentContainer #leftCol #leftNewsOptions p { padding:5px 5px 5px 10px;}
#contentContainer #leftCol #leftNewsOptions a {font-weight: 300;}

#contentContainer #leftCol p { padding:0 10px 10px 10px;}
#contentContainer #leftCol #expertTVBox { width:188px; min-height:300px; border:1px solid #bfbfbf; background-color:#f2f2f2; }
#contentContainer #leftCol #expertTVBox .sectionExpertTvBg { position: relative; width:90px; height: 93px; margin-left: 40px; margin-top: 15px; background: url(/images/tvThumb.png) top left no-repeat;}
#contentContainer #leftCol #expertTVBox .sectionExpertTvBg img {position: absolute; top: 4px; left: 2px; z-index: 88;}
#contentContainer #leftCol #expertTVBox .sectionExpertTvBg .playButton {position: absolute; z-index: 99; width: 85px; height: 67px; background: url(/images/play_btn.png) top left no-repeat;}
#contentContainer #leftCol #expertTVBox .sectionExpertTvBg .playButton:hover {background: url(/images/play_btn.png) bottom left no-repeat;}
#contentContainer #leftCol #latestNewsBox { width:188px; margin-top: 10px; min-height: 220px; border:1px solid #bfbfbf; background-color:#f2f2f2; }
#contentContainer #leftCol #latestNewsBox ul { list-style:none; padding:0; margin:5px 0 0 0;}
#contentContainer #leftCol #latestNewsBox li { display:block; float:left; padding:0; margin: 0 3px 5px 3px; width:176px; line-height:18px; border-bottom: 1px solid #cccccc;}
#contentContainer #leftCol #latestNewsBox .link {display:block; color:#007740; margin:0 auto; width:170px; font-weight: bold; font-size: 90%;}
#contentContainer #leftCol #latestNewsBox li a { display:block; color:#333333; text-decoration:none; font-size:100%; padding: 3px;}
#contentContainer #leftCol #latestNewsBox li a:hover { background-color: #fff; color:#007740;}
#contentContainer #leftCol #feedNewsBox { width:188px; margin-top: 10px; min-height: 220px; border:1px solid #bfbfbf; background-color:#f2f2f2;}
#contentContainer #leftCol #feedNewsBox ul { list-style:none; padding:0; margin:5px 0 0 0;}
#contentContainer #leftCol #feedNewsBox li { display:block; float:left; padding:0; margin: 0 3px 5px 3px; width:176px; line-height:18px;  border-bottom: 1px solid #cccccc;}
#contentContainer #leftCol #feedNewsBox .link {display:block; color:#007740; margin:0 auto; width:170px; font-weight: bold; font-size: 90%;}
#contentContainer #leftCol #feedNewsBox li a { display:block; color:#333333; text-decoration:none; font-size:100%; padding: 3px;}
#contentContainer #leftCol #feedNewsBox li a:hover { background-color: #fff; color:#007740;}
#contentContainer #middleCol { float:left; width:560px; min-height:600px; margin-right:10px;}
#contentContainer #middleIndCol { float:left; width:560px; min-height:300px; margin-right:10px;}
#contentContainer #middleIndCol #wideNewsBox { position: relative; float: left; min-height:300px; margin-right: 10px; border:1px solid #bfbfbf; width: 273px; height: 210px;}
#contentContainer #middleIndCol #wideNewsBox .colTitle { width:263px; }
#contentContainer #middleIndCol #wideNewsBox ul { list-style:none; padding:5px; margin:0;}
#contentContainer #middleIndCol #wideNewsBox li { display:block; float:left; padding:5px 6px; width:230px; line-height:18px;}
#contentContainer #middleIndCol #wideNewsBox .link {display:block; color:#007740; margin:0 auto; width:170px; font-weight: bold; font-size: 90%;}
#contentContainer #middleIndCol #wideNewsBox li a { color:#333333; text-decoration:none; font-size:100%;}
#contentContainer #middleIndCol #wideNewsBox li a:hover { text-decoration:underline;}
#contentContainer #middleIndCol #wideCaseStudyBox { position: relative; float: left; min-height:300px; border:1px solid #bfbfbf; width: 273px; height: 210px;}
#contentContainer #middleIndCol #wideCaseStudyBox .colTitle { width:263px; }
#contentContainer #middleIndCol #wideCaseStudyBox .info {padding: 8px;}
#contentContainer #middleIndCol #wideCaseStudyBox .csLogo {text-align: center; width: 223px; margin: 10px 25px 5px 18px; height: 106px; padding: 8px; background:url(/images/csBoxBgIndex.gif) no-repeat;}
#contentContainer #middleIndCol #wideCaseStudyBox .csLogo img {margin: 0 auto; margin-top:10px;}
#contentContainer #middleIndCol #wideCaseStudyBox .title {font-weight: bold; font-size: 120%; color: #007740;}

#contentContainer #middleCol #topBox { border:1px solid #bfbfbf; margin-bottom:10px;}
#contentContainer #middleCol #topBox #introBoxTraining { position:relative; width:558px; height:300px; background:url(/images/trainingGraphic.png) bottom left no-repeat; }
#contentContainer #middleCol #topBox .logoFlash {position: absolute; top: 0; right: 0; width: 150px; height: 80px; background: url(/images/logo-sml-flash.gif) top right no-repeat; }
#contentContainer #middleCol #topBox .sectionHomeTitle { font-size: 300%; letter-spacing: 2px; color: #007740; line-height:40px;}
#contentContainer #middleCol #topBox #introBoxTrainingMore { position:relative; width:558px; height:300px; background:url(/images/csBg.gif) top left repeat-x;}
#contentContainer #middleCol #topBox #introBoxTrainingMore p {margin: 0 25px 0 28px; padding: 10px 0 0 0;}
#contentContainer #middleCol #topBox #introBoxTrainingMore h2 {margin: 0 25px 0 28px; padding: 10px 0 0 0; color: #007740; font-weight: bold; font-size: 18px;}
#contentContainer #middleCol #topBox #introBoxRecruitment { position:relative; width:558px; height:300px; background:url(/images/recruitmentGraphic.png) bottom left no-repeat; }
#contentContainer #middleCol #topBox #introBoxRecruitmentMore { position:relative; width:558px; height:300px; background:url(/images/csBg.gif) top left repeat-x;}
#contentContainer #middleCol #topBox #introBoxRecruitmentMore p {margin: 0 25px 0 28px; padding: 10px 0 0 0;}
#contentContainer #middleCol #topBox #introBoxRecruitmentMore h2 {margin: 0 25px 0 28px; padding: 10px 0 0 0; color: #007740; font-weight: bold; font-size: 18px;}
#contentContainer #middleCol #topBox #introBoxConsultancy { position:relative; width:558px; height:300px; background:url(/images/consultancyGraphic.png) bottom left no-repeat; }
#contentContainer #middleCol #topBox #introBoxConsultancyMore { position:relative; width:558px; height:300px; background:url(/images/csBg.gif) top left repeat-x;}
#contentContainer #middleCol #topBox #introBoxConsultancyMore p {margin: 0 25px 0 28px; padding: 10px 0 0 0;}
#contentContainer #middleCol #topBox #introBoxConsultancyMore h2 {margin: 0 25px 0 28px; padding: 10px 0 0 0; color: #007740; font-weight: bold; font-size: 18px;}
#contentContainer #middleCol #topBox #introBoxTools { position:relative; width:558px; height:300px; background:url(/images/toolsGraphic.png) bottom left no-repeat; }
#contentContainer #middleCol #topBox #introBoxToolsMore { position:relative; width:558px; height:300px; background:url(/images/csBg.gif) top left repeat-x;}
#contentContainer #middleCol #topBox #introBoxToolsMore p {margin: 0 25px 0 28px; padding: 10px 0 0 0;}
#contentContainer #middleCol #topBox #introBoxToolsMore h2 {margin: 0 25px 0 28px; padding: 10px 0 0 0; color: #007740; font-weight: bold; font-size: 18px;}
#contentContainer #middleCol #topBox #introBox { position:relative; width:560px; height:341px; background:url(/images/introBoxBg.jpg) no-repeat; margin-bottom:10px;}
#contentContainer #middleCol #topBox #text { position:absolute; top:35px; left:0; width:290px;}
#contentContainer #middleCol #topBox .backMoreBtn {background:url(../images/moreBackBtn.gif) no-repeat; border:#333333 1px solid; position:absolute; bottom:15px; left:28px; height:31px; width:183px;}
#contentContainer #middleCol #topBox .backMoreBtn:hover {background:url(../images/moreBackBtn.gif) 0 -31px no-repeat;}

#contentContainer #middleCol #topBox .learnMoreBtn {background:url(../images/learnMoreBtnBg.gif) no-repeat; border:#333333 1px solid; position:absolute; bottom:15px; left:28px; height:31px; width:183px;}
#contentContainer #middleCol #topBox .learnMoreBtn:hover {background:url(../images/learnMoreBtnBg.gif) 0 -31px no-repeat;}
#contentContainer #middleCol #topBox #text .title { font-size:18px; color:#007740; font-weight:normal; padding:0; line-height:28px;}
#contentContainer #middleCol #topBox #text p { font-size:120%; padding:0 0 20px 0; line-height:21px;}
#contentContainer #middleCol #csBox { position: relative; border:1px solid #bfbfbf; margin-top:10px; background:url(/images/csBg.gif) top left repeat-x; height: 220px;}
#contentContainer #middleCol #featuredBox { position: relative; border:1px solid #bfbfbf; margin-top:10px; background:url(/images/csBg.gif) top left repeat-x; height: 220px;}
#contentContainer #featuredBox .moduleTitle { width:548px; height:32px; padding:2px 0 0 10px; background:url(/images/moduleBg.gif) top left repeat-x; color:#007740; font-size:140%; font-weight: bold;}
#contentContainer div.baContentCont img.baContentImage{float:right;margin:0 0 5px 5px;}
div#fadeContainer {position:relative;}
div#fadeContainer div.fade{position:absolute;top:0;left:0;visibility:hidden;}
div#fadeContainer div.on{visibility:visible;}

#contentContainer #rightCol #usersIndBox { width:185px; min-height:300px; border:1px solid #bfbfbf; background-color:#f2f2f2;}
#contentContainer #rightCol #usersIndBox p { padding:5px 10px;}
#contentContainer #rightCol #usersIndBox .largeGreenText { font-size:120%; color:#007740; font-weight:bold; line-height:14px;}


#contentContainer #middleCol #featuredBox .content {padding: 20px;}
#contentContainer #middleCol #featuredBox .largeGreenText { font-size:120%; color:#007740; font-weight:bold; line-height:14px;}
#contentContainer #rightCol { float:left; width:190px; min-height:510px;}
#contentContainer #rightCol .colTitle { width:178px; height:28px; padding:2px 0 0 10px; background:url(/images/colTitleBg.gif) top left repeat-x; color:#FFFFFF; font-size:130%;}
#contentContainer #rightCol p { padding:0 10px 10px 10px;}
#contentContainer #rightCol #partnersBox { width:188px; min-height:300px; border:1px solid #bfbfbf; background-color:#f2f2f2;}
#contentContainer #rightCol #partnersBox ul { list-style:none; padding:0; margin:5px 0 10px 0;}
#contentContainer #rightCol #partnersBox li { font-size: 100%; display:block; float:left; padding:0; margin: 0 3px 5px 3px; width:176px; line-height:18px;  border-bottom: 1px solid #cccccc;}
#contentContainer #rightCol #partnersBox li a { color:#333333; display:block;  text-decoration:none; font-size:100%; padding:3px;}
#contentContainer #rightCol #partnersBox li a:hover { background-color: #fff; color:#007740;}
#contentContainer #rightCol #partnersBox .link { clear: both; color:#007740; display:block; margin:0 auto; width:170px; font-weight: bold; font-size: 90%;}
#contentContainer #rightCol #usersBox { width:188px; margin-top: 10px; min-height: 220px; border:1px solid #bfbfbf; background-color:#f2f2f2;}
#contentContainer #rightCol #usersBox ul { list-style:none; padding:0; margin:5px 0 10px 0;}
#contentContainer #rightCol #usersBox li { font-size: 100%; display:block; float:left; padding:0; margin: 0 3px 5px 3px; width:176px; line-height:18px;  border-bottom: 1px solid #cccccc;}
#contentContainer #rightCol #usersBox li a { color:#333333; display:block;  text-decoration:none; font-size:100%; padding:3px;}
#contentContainer #rightCol #usersBox li a:hover { background-color: #fff; color:#007740;}
#contentContainer #rightCol #usersBox p { padding:5px 10px;}
#contentContainer #rightCol #usersBox .largeGreenText { font-size:120%; color:#007740; font-weight:bold; line-height:14px;}
#contentContainer #rightCol #eventsBox { width:188px; margin-top: 10px; min-height: 220px; border:1px solid #bfbfbf; background-color:#f2f2f2;}
#contentContainer #rightCol #eventsBox p { padding:5px 10px;}
#contentContainer #rightCol #eventsBox .largeGreenText { font-size:120%; color:#007740; font-weight:bold; line-height:14px;}

#contentContainer #wideRightCol { float:left; width:755px; min-height:380px; border:1px solid #bfbfbf; background: url(/images/twoColBg.gif) bottom left repeat-x; position:relative;}
#contentContainer #wideRightCol .catImage { float:right; width: 210px; margin: 10px;}
#contentContainer #wideRightCol .catDescription { float: left; width: 500px; margin: 10px 0 10px 10px; padding: 5px; }
#contentContainer #wideRightCol h2 {font-size: 120%; color: #333333; }
#contentContainer #wideRightCol h3 {font-size: 100%; color:#007740; margin:0; padding:0 0 5px 0;  }
#contentContainer #wideRightCol h3 a {font-weight: bold;}

#contentContainer #wideRightCol #csArea {padding: 0; min-height: 300px;}
#contentContainer #wideRightCol #csArea #csHeader {padding:15px 15px 0 15px; width:725px; float:left;}
#contentContainer #wideRightCol #csArea h3 {font-size: 120%; color:#007740; margin:0; padding:8px 0 5px 0;  }
#contentContainer #wideRightCol #csArea p {margin-bottom:10px; padding: 0;}
#contentContainer #wideRightCol #csArea .quoteProvider {font-weight: bold; text-align:right;}
#contentContainer #wideRightCol #csArea .floatImgRight {float: right; padding: 5px 0 20px;}

#contentContainer #wideRightCol #adAreaContent {padding: 15px 20px 20px 15px; float: left; width: 420px;}
#contentContainer #wideRightCol #adAreaImages {padding: 35px 10px 20px 15px; float: right; width: 250px; text-align:center;}

#subMenuBox { position:relative; width:958px; height:35px; background:url(/images/moduleBg.gif) top left repeat-x; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-top:1px solid #bfbfbf;}
#subMenuBox ul { position:absolute; top:0; right:20px; text-align:right; list-style:none; padding:0; margin:0;}
#subMenuBox li { float:left; display:block; padding:0; margin-left:20px;}
#subMenuBox li a { float:left; display:block; padding:4px 0 0 0; color:#4d4d4d; font-size:120%; font-weight:bold; height:25px;}
#subMenuBox li a:hover { text-decoration:none; border-bottom:3px solid #007740; color:#007740;}
#subMenuBox li a.active { text-decoration:none; border-bottom:3px solid #007740; color:#007740;}
#subMenuBox #pageTitle { position:absolute; top:1px; left:15px; font-size:140%; color:#007740; font-weight:bold;}
#internalContentBox { width:958px; border-left:1px solid #bfbfbf; background: url(/images/twoColBg.gif) bottom left repeat-x; min-height: 360px; overflow: hidden; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
#internalContentBox.plain { background: none;}
#internalContentBox .fullWidthContent {padding: 15px;}
#internalContentBox .fullWidthContent p {font-size: 110%;}
#internalContentBox .fullWidthContent h2 {font-size: 130%; color: #007740;}
#internalContentBox .smallTitle { font-size:120%; color:#007740; padding:0 0 5px 0; font-weight:bold;}
#internalContentBox #aboutLeft { float:left; width:330px; text-align:center; padding: 20px 10px; }
#internalContentBox #aboutLeft img {text-align:center; margin: 0 auto;}
#internalContentBox #aboutLeft #aboutNews {clear:both; text-align: left; margin-top: 30px;}
#internalContentBox #aboutLeft #aboutImages {min-height: 180px;}
#internalContentBox #aboutLeft #aboutNews h2 {height:28px; padding:4px 0 0 10px; width: 300px; background:url(/images/colTitleBg.gif) top left repeat-x; color:#FFFFFF; font-size:130%;}
#internalContentBox #aboutLeft #aboutNews ul { list-style:none; padding:0; margin:5px 0 0 0;}
#internalContentBox #aboutLeft #aboutNews li { display:block; float:left; padding:0; margin: 0 3px 5px 3px; width:300px; line-height:18px; border-bottom: 1px solid #cccccc;}
#internalContentBox #aboutLeft #aboutNews .link {display:block; color:#007740; margin:0 auto; width:170px; font-weight: bold; font-size: 90%;}
#internalContentBox #aboutLeft #aboutNews li a { display:block; color:#333333; text-decoration:none; font-size:100%; padding: 3px;}
#internalContentBox #aboutLeft #aboutNews li a:hover { background-color: #fff; color:#007740;}

#internalContentBox #aboutRight { width:560px; float:left; padding:20px 20px 20px 20px;}
#internalContentBox #middle { float:left; width:270px; padding:0 15px;}
#internalContentBox #middle .textArea { min-height:250px;}
#internalContentBox #middle .title { font-size:190%; color:#007740; font-weight:bold; padding:0; line-height:34px;}
#internalContentBox #right { float:left; width:264px; padding:102px 15px 0 15px;}
#internalContentBox #right .textArea { min-height:145px;}
#internalContentBox #wideRightCol { width:560px; float:left; padding:0 15px;}
#internalContentBox #wideRightCol .seriesBox { position:relative; width:563px; border-bottom:1px solid #bfbfbf; clear:both; margin-bottom:15px;}
#internalContentBox #wideRightCol .seriesBox p { padding:0 175px 5px 0;}
#internalContentBox #wideRightCol .seriesBox a { font-weight:bold;}
#internalContentBox #wideRightCol .seriesBox .purchase { position:absolute; top:5px; right:0;}
#internalContentBox #wideRightCol .seriesBox .or { position:absolute; top:35px; right:0; width:140px; text-align:center; color:#007740; font-size:120%; font-weight:bold;}
#internalContentBox #wideRightCol .seriesBox .favourites { position:absolute; top:65px; right:0;}
#internalContentBox #wideRightCol .seriesBox .title { font-size:110%;}
#internalContentBox #wideRightCol .seriesBox .title span { color:#007740; font-weight:bold;}

#contentContainer #leftCol #dashboardBox { width:188px; min-height:350px; border:1px solid #bfbfbf; background-color:#f2f2f2;}
#contentContainer #leftCol #dashboardBox a { font-size:110%; font-weight:bold;}
#contentContainer #leftCol #dashboardBox #userBox { width:170px; padding-left:15px;}
#contentContainer #leftCol #dashboardBox #userBox p { padding:0 0 0 10px; line-height:18px; font-size:110%;}

#contentContainer #leftCol #dashboardBox .taskBox { width:168px; padding:0 10px; margin:0;}
#contentContainer #leftCol #dashboardBox .taskBox p { padding:0 0 0 10px; line-height:18px; font-size:110%;}
#contentContainer #leftCol #dashboardBox .taskBox a { color:#333333; display:block;  text-decoration:none; font-size:100%; padding:3px; border-bottom: 1px solid #cccccc;}
#contentContainer #leftCol #dashboardBox .taskBox a:hover { background-color: #fff; color:#007740;}
#contentContainer #leftCol #creditBox { width:185px;}
#contentContainer #leftCol #creditBox #toolsCredits { font-size:120%; padding-left:40px; margin-bottom:7px; background:url(/images/toolsIcon.gif) 15px 0 no-repeat;}
#contentContainer #leftCol #creditBox #trainingCredits { font-size:120%; padding-left:40px; margin-bottom:7px; background:url(/images/trainingIcon.gif) 15px 0 no-repeat;}
#contentContainer #leftCol #creditBox #moreCredits { font-size:120%; padding-left:15px;}
#contentContainer #leftCol #creditBox #moreCredits a { font-weight:bold;}
#contentContainer #accountRight { width:757px; float:right; position:relative;}
#contentContainer #accountRight #helpBox {position:absolute; padding: 10px; border: 1px solid #007740; top: 150px; right: 50px; width: 250px; min-height: 150px;}
#contentContainer #accountRight #top { position:relative; width:760px; height:35px; background:url(/images/accountMenuBg.gif) top left no-repeat;}
#contentContainer #accountRight #top ul { position:absolute; top:3px; right:20px; text-align:right; list-style:none; padding:0; margin:0;}
#contentContainer #accountRight #top li { float:left; display:block; padding:0; margin-left:20px;}
#contentContainer #accountRight #top li a { float:left; display:block; padding:4px 0 0 0; color:#4d4d4d; font-size:120%; font-weight:bold; height:25px;}
#contentContainer #accountRight #top li a:hover { text-decoration:none; border-bottom:3px solid #007740; color:#007740;}
#contentContainer #accountRight #top li a.active { text-decoration:none; border-bottom:3px solid #007740; color:#007740;}
#contentContainer #accountRight #content { width:722px; min-height:443px; padding:10px 15px; margin-left:3px; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
#contentContainer #accountRight #contentNoBorder { width:720px; min-height:455px; padding:10px 15px; margin-left:3px;}
#contentContainer #accountRight #content .pageTitle {  position:relative; font-size:200%; color:#007740; border-bottom:1px solid #d0d0d0; padding:0 0 5px 0; margin-bottom:15px;}
#contentContainer #accountRight #content h2 {font-size: 120%; color: #007740;}
#contentContainer #accountRight #content .pageTitle .btn { position:absolute; top:10px; right:0;}
#contentContainer #accountRight #content .pageTitle span { color:#4d4d4d; font-size:90%; font-weight:normal;}
#contentContainer #accountRight #content .leftBox { float:left; width:228px; margin-right:18px; position: relative; }
#contentContainer #accountRight #content .leftBoxNoMargin { float:left; width:228px; position: relative;}
#contentContainer #accountRight #content .leftBoxWide { float:left; width:474px; margin-right:18px; }
#contentContainer #accountRight .rightBox { float:left; width:228px; margin-top: 20px; }
#contentContainer #accountRight #content .rightBox { float:left; width:228px; }
#contentContainer #accountRight #content .content {padding:5px 0; min-height: 170px; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; margin-right:3px;}
#contentContainer #accountRight #content .content p {padding:8px;}
#contentContainer #accountRight #content .content .btn { margin:5px 0 0 8px;}
#contentContainer #accountRight #content .content ul { list-style:none; padding:0; margin:0;}
#contentContainer #accountRight #content .content li { display:block; float:left; padding:5px 10px; width:200px; line-height:15px;}
#contentContainer #accountRight #content .content li p { padding:5px 0 0 0;}
#contentContainer #accountRight #content .content li a { color:#007740; text-decoration:none; font-size:100%; margin-bottom:5px; font-weight:bold;}
#contentContainer #accountRight #content .content li a:hover { text-decoration:underline;}
#contentContainer #accountRight #content .content div.buttonCont { text-align:right; margin-right:1em;}
#contentContainer #accountRight #contentNoBorder .buttonCont { text-align:right; float: right; margin-right:1em;}   
#contentContainer #accountRight .question {font-weight: bold;}
#contentContainer #accountRight .sectionLink {display:block; height: 20px; margin-bottom: 10px;}
#contentContainer #accountRight .sectionLink a {font-weight: bold; margin-bottom: 8px; padding-left: 30px; font-size: 14px; display: block; background:url(/images/tickBg.gif) 3px 0px no-repeat;}
#contentContainer #accountRight .sectionLink a:visited {color: #cccccc; background:url(/images/tickBg.gif) 0px -20px no-repeat;}
#contentContainer #accountRight .accountActivityBtn {position: absolute; bottom: 8px; left: 0; margin: 0 auto; width: 228px;}
#contentContainer #accountRight .smallTextForm {font-size: 12px; font-weight: normal; font-style: italic; color: #666;}
#contentContainer #accountRight .areaSeparator {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; margin-top: 8px;}
#contentContainer #accountRight #moduleProgressContainer {width:722px; height: 30px; margin-bottom: 10px; background-color: #f2f2f2;}
#contentContainer #accountRight #moduleProgressContainer ul {list-style:none; padding:0; margin:0; }
#contentContainer #accountRight #moduleProgressContainer li { display:block; float:left; padding:5px 10px; width:123px; font-weight: normal; color: #666666; border-right: 2px solid #FFFFFF;}
#contentContainer #accountRight #moduleProgressContainer li.done {background-color: #cccccc; color: #FFFFFF; font-weight: bold;}

#contentContainer #accountRight #listOfAssigns ul {list-style: none;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.readLink { float:right; font-size:110%; margin-right:10px;}
.leftColImg { margin:0 auto;}
.largeGreenText { font-size:190%; color:#007740; font-weight:bold; line-height:18px;}
.mediumGreenText { font-size:120%; color:#007740; font-weight:bold; line-height:14px; margin-bottom: 15px;}
.adminGreenText { font-size:120%; color:#007740; font-weight:bold; line-height:14px; margin-bottom: 5px; padding:0;}
.greenBtn { background:url(/images/greenBtnBg.gif) repeat-x; color:#FFFFFF; border:1px solid #006633; font-size:13px; font-weight:bold; padding:2px 8px 4px 8px; margin:0; height:24px; line-height:16px;}
.greenBtn:hover { background:url(/images/greenBtnBg.gif) 0 -24px repeat-x; text-decoration:none;}
.greenBtn a:hover {text-decoration: none;}
.message_text {border-top: 1px solid #bfbfbf; padding-top: 10px; border-bottom: 1px solid #bfbfbf; padding-bottom: 10px;}
.error{ color:#007740;}
.sideMenuBtn {background:url(/images/sideMenuBtnBg.gif) repeat-x; color:#007740; margin-top:10px; border:#ccc 1px solid; font-size:13px; font-weight:bold; padding:3px 8px; margin:0; width:168px; height:25px; }
.sideMenuBtn:hover { background:#FFF; border:#ccc 1px solid;}
.sideMenuBtn a:hover {text-decoration: none;}

/* ----- TOP NAVIGATION ----- */
#loginNav { position:relative; width:960px; height:20px; margin-bottom:5px;}
#loginNav p {position: absolute; width: 500px; right: 5px; top: 2px; text-align:right;}
#loginNav a {color: #007740; font-size:100%; font-weight: bold;}


#topNav { position:relative; width:960px; height:35px; background:url(/images/menuBg.gif) no-repeat; margin-bottom:10px;}
#topNav ul { position:absolute; top:0; left:6px; list-style:none; padding:0; margin:0;}
#topNav li { display:block; float:left; padding:0;}
#topNav li a { display:block; float:left; color:#FFFFFF; width:100px; height:28px; padding-top:7px; text-align:center; font-size:110%; text-decoration:none;}
#topNav li a:hover { background:url(/images/menuHoverBg.gif) no-repeat;}
#topNav li a.active { background:url(/images/menuActiveBg.gif) no-repeat;}

#topNav #logo { position:absolute; top:5px; left:15px;}
#topNav #searchBox { position:absolute; top:4px; right:2px; width:148px; height:28px; background:url(/images/searchBoxBg.gif) no-repeat;}
#topNav #searchBox #search { display:inline; height:28px;}
#topNav #searchBox #search .input { position:absolute; top:5px; left:10px; width:85px; padding:0; border:1px solid #ffffff; color:#009245; font-size:12px !important;}
#topNav #searchBox #search .btn { position:absolute; top:6px; right:11px; width:19px; height:16px;}
#topNav #searchBox .arrow { position:absolute; top:8px; right:6px; width:14px; height:13px;}


/* ----- LEFT NAVIGATION ----- */


/* ----- SITE MAP ----- */
#sitemap { margin:10px 0 0 5px; position:relative; display: block; width: 920px;}
#sitemap h1 {font-size: 12px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#666666; }
#sitemap p {padding: 0; margin: 0 0 2px 0; font-size: 11px;}
#sitemap a { font-size: 11px; padding:0; margin:0;}
#sitemap #col1 {top: 5px; left: 10px; width: 175px; position: absolute;}
#sitemap #col2 {top: 5px; left: 200px; width: 175px; position: absolute;}
#sitemap #col3 {top: 5px; left: 390px; width: 175px; position: absolute;}
#sitemap #col4 {top: 5px; left: 580px; width: 175px; position: absolute;}
#sitemap #col5 {top: 5px; right: 10px; width: 175px; position: absolute;}

#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(/images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footerQuicklinks { width:958px;margin-top: 10px; position:relative; min-height: 140px; color:#666666; font-size:90%; border:1px solid #bfbfbf; background:url(/images/footerBg.gif) top repeat-x;}
#footerQuicklinks #col1 {top: 5px; left: 10px; width: 175px; height: 50px; position: absolute;}
#footerQuicklinks #col2 {top: 5px; left: 200px; width: 175px; height: 50px; position: absolute;}
#footerQuicklinks #col3 {top: 5px; left: 390px; width: 175px; height: 50px; position: absolute;}
#footerQuicklinks #col4 {top: 5px; left: 580px; width: 175px; height: 50px; position: absolute;}
#footerQuicklinks #col5 {top: 5px; right: 10px; width: 175px; height: 50px; position: absolute;}
#footerQuicklinks p { padding:0;}
#footerQuicklinks .ftTitle { font-weight: bold; margin-bottom: 20px;}
#footerQuicklinks a { font-weight:normal; text-decoration:none; outline:none; color:#666666; font-size:100%;}
#footerQuicklinks a:hover { text-decoration:underline;}

#footer { width:950px; padding:5px; color:#666666; font-size:90%;}
#footer p { padding:0;}
#footer a { font-weight:normal; text-decoration:none; outline:none; color:#666666; font-size:100%;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#007740; font-weight:normal; text-decoration:none;}
a:hover { text-decoration:underline; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
/*legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}*/
.required { color:#007740; margin-top:5px;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}

form.frontend{margin-top:0.5em; font-size:100%;}
form.frontend .error{color:#333333;}
form.frontend label{float:left;display:block;width:140px;margin:0 5px 1em 0;}
form.frontend br{clear:left;}
form.frontend div.val_errors{margin-bottom:1em; color:#007740; margin-top:0;}
form.frontend div.val_errors p {padding:0; margin:0;}
form.frontend div.val_errors ul{margin:0.5em 0; list-style-type:disc;}
form.frontend input.txt{width:180px;margin-bottom:1em;float:left;}
form.frontend input.search_txt {width:160px;margin-bottom:1em;float:left;}
form.frontend .nolabel{margin-left:90px;margin-bottom:1em;float:left;}
form.frontend input.narrow{width:40px;}
form.frontend input.qty{width:25px;}
form.frontend input.inline{float:none; display:inline; margin-top: 8px;}
form.frontend select{width:200px;float:left; margin-top:3px;}
form.frontend select.sel_search_txt{width:160px;float:left; margin-top:3px;}
form.frontend select.multiple{height:8em;margin-bottom:0.5em;}
form.frontend textarea{width:200px;float:left;margin-bottom:0.5em;}
form.frontend textarea.wide{width:75%;float:left;height:6em;}
form.frontend textarea.answer{height: 10px; margin-bottom: 30px;}
form.frontend label.checkbox{display:block;float:left; width: 200px;}
form.frontend label.inline{float:none; display:inline;}
/*form.frontend label.checkbox input{float:right;}*/
form.frontend label.radio{display:block;float:left;width:75%;margin-bottom:0;}
form.frontend label.radio input{margin-bottom:0;}
form.frontend label.radioInline{display:block;float:left;margin-bottom:0;width:auto;}
form.frontend label.radioInline input{margin-bottom:0;float:none;display:inline;}
form.frontend label.disabled{color:#666;}
form.frontend label.wide{width:100%;}
form.frontend .small_margin{margin-bottom:0;}
form.frontend label.questionnaireQ{font-weight:bold;}


/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

.modulesTable { border-collapse:collapse; border:1px solid #bcbcbc; background:#f2f2f2; margin-bottom:10px;}
.modulesTable td { padding:4px;}
.modulesTable a { font-size:110%; font-weight:normal;}

.messagesTable { border-collapse:collapse; margin:15px 0 10px 0; border-bottom:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; width:100%;}
.messagesTable th { padding:0 4px; height:35px; background:url(/images/messageTableTH.gif) top left repeat-x; text-align:left; color:#007740; border-right:1px solid #c0c0c0;}
.messagesTable td { padding:4px; border-bottom:1px solid #8abe8f; border-right:1px solid #d9d9d9;}
.messagesTable tr.unread a{font-weight:bold;}
.messagesTable a { font-size:110%; font-weight:normal;}

.basketTable { border-collapse:collapse; margin:5px 0 10px 0; border-bottom:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; width:100%;}
.basketTable th { padding:0 4px; height:35px; background:url(/images/messageTableTH.gif) top left repeat-x; text-align:left; color:#007740; border-right:1px solid #c0c0c0;}
.basketTable td { padding:4px; border-bottom:1px solid #c0c0c0; border-right:1px solid #d9d9d9;}
.basketTable tr.unread a{font-weight:bold;}
.basketTable a { font-size:110%; font-weight:normal;}
.basketTable button.greenBtn{font-size:90%; font-weight:bold; padding:2px; margin:0; margin-left:2px;}

.relatedTable { border-collapse:collapse; margin:5px 0 10px 0; border-bottom:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; width:100%;}
.relatedTable th { padding:0 4px; font-size: 120%; height:35px; background:url(/images/colTitleBg.gif) top left repeat-x; text-align:left; color:#ffffff; border-right:1px solid #c0c0c0;}
.relatedTable td { padding:4px; border-bottom:1px solid #c0c0c0; border-right:1px solid #d9d9d9;}
.relatedTable tr.unread a{font-weight:bold;}
.relatedTable a { font-size:110%; font-weight:normal;}
.relatedTable p {padding: 5px; line-height: 16px;}



/* ----- DL ----- */
dl{margin:0;}
dl dt{float:left;clear:left;width:20%; margin:0 0 0.5em 0;display:block;}
dl dd{float:left;margin:0 0 0.5em 0;display:block;width:80%;}

/* ----- SORTING STYLES ----- */
p.sort-text{font-weight:bold;color:#000; margin-bottom: 4px; padding-bottom: 0;}
div.sort-block{float:left;width:16em; margin-bottom:0.5em;}
div.sort-block input.txt{width:150px;}
div.sort-block select{width:150px; margin-top: 3px;}
div.sort-block select.date{width:auto;}
div.date-type{width:10em; margin-bottom: 4px;}
div.date-select{width:auto;}
div.date-select label{float:left;width:4em;}
div.sort-row{clear:left;}

/* ----- COURSE BROWSER ----- */
div#course_browser_bg{height:197px;background: transparent url(/images/scrollpanel_repeat.png) repeat-x; margin-bottom:10px; position:relative;}
div#course_browser_left{background: transparent url(/images/scrollpanel_left.png) no-repeat left; width:15px; position:absolute; left:0; height:197px;}
div#course_browser_right{background: transparent url(/images/scrollpanel_right.png) no-repeat right; width:16px; position:absolute; right:0; height:197px;}
div#course_browser_container{position:absolute; left:16px; width:928px;}
div#course_browser{overflow:auto;height:135px;margin-top:20px;width:100%;}
div#course_browser ul, div#course_browser ul li{margin:0; padding:0;}
div#course_browser ul li{display:inline;}
div#course_browser ul li img {text-align:center; margin:auto;}
div#course_browser ul li a{width:120px;display:block;float:left;text-align:center;padding:7px 6px;}
div#course_browser ul li a span { color:#007740; font-weight:normal; text-decoration:none; font-size: 95%; line-height: 15px;}
div#slider_container{position:absolute; width:935px; height:27px; bottom: 10px; left: 12px; visibility: hidden;}

div#slider {position:absolute; width: 873px; height: 21px; background: transparent url(/images/scrollbg_repeat.png) repeat-x; left:31px;}
div#knob {cursor:pointer; background: transparent url(/images/scrollbar.png); width: 179px; height: 21px;}
ul#groupCont{position:absolute;top:0;left:0; width:873px;margin:0;padding:0;}
ul#groupCont li{float:left;display:block;margin:0;padding:0;text-align:center;}
div#leftarrow {cursor:pointer; position:absolute; width:31px; height:21px; left:0; background: transparent url(/images/leftBtn.png);}
div#rightarrow {cursor:pointer; position:absolute; width:31px; height:21px; right:0; background: transparent url(/images/rightBtn.png);}
div#slider span.groupLink{padding:0 10px; cursor:pointer; color:#b5b4b4; font-weight:normal;}
div#slider span.groupInit{position:absolute; top:0;}

/* ------ Case Study Slider ----------- */
#contentContainer #middleCol #csBox #leftBtn {position: absolute; left: 0; top: 90px; width: 21px; height: 42px;}
#contentContainer #middleCol #csBox #rightBtn {position: absolute; right: 0; top: 90px; width: 21px; height: 42px;}
#contentContainer #middleCol #csBox .csLogo {float: left; width: 223px; height: 170px; margin: 30px 0 20px 10px; background:url(/images/csBoxBg.gif) no-repeat;}
#contentContainer #middleCol #csBox .csLogo img {margin: auto auto; vertical-align:middle;}
#contentContainer #middleCol #csBox .csText {float: left; width: 200px; margin: 30px 20px 20px 30px;}
#contentContainer #middleCol #csBox #caseStudyBox { width:540px; padding:0 5px 0 15px;}
#contentContainer #middleCol #csBox .title { font-size:120%; color:#007740; padding:0 0 5px 0; font-weight:bold;}
#contentContainer #middleCol #csBox .readLink {font-weight: bold;}
#contentContainer #middleCol #csBox #caseStudyBox p { padding:0 0 5px 0;}
#contentContainer #middleCol #csBox #caseStudyBox #caseStudy { float:left; width:260px; margin-right:10px;}

#items_container { width: 505px; height: 200px; overflow: hidden; position: absolute; left: 30px; top: 0;}	
#controls {}
#controls a {}
#controls a:hover { background-image: url(../images/btn_img_over.jpg);}
#prevbtn {left: 10px;}
#playbtn {left:  194px;display: none;}
#nextbtn {left: 373px;}
div.slide_item {width: 505px;height: 200px;position: absolute;left: 0;top: 0px;}
div.first_item {left: 0;}

#internalContentBox #halfLeft {width:445px; float:left;}
#internalContentBox #halfRight {width:445px; float:left; margin-left:9px;}

#billAddCont.show {display:block;}
#signUpButtonCont { text-align:center; margin-right:20px;}

div#csContent{clear:both; width:755px; overflow:hidden; }
div#psuContent{clear:both; width:755px; overflow:hidden; }
div#csSlide div.csTab{float:left;width:725px;padding:15px;}
div#csSelector{clear:both;}
div#csSelector a{display:block; float:left; text-align:left; font-size:130%; width:174px; background:none; padding:4px 0 4px 15px; font-weight:bold;}
div#csSelector a.active{width:174px; text-decoration:underline;}
div#psuSelector a{display:block; float:left; text-align:left; font-size:130%; width:130px; background:none; padding:4px 0 4px 15px; font-weight:bold;}
div#psuSelector a, div#psuSelector a.active{width:130px;}
div#psuSelector a.active{text-decoration:underline;}
div#psuSlide div.psuTab{float:left; width:725px;padding:15px;}
div#psuSlide div.psuImage{margin-bottom: 10px; }
div#psuSlide div.psuImageArea{float:right;margin:0.5em; width: 300px; padding: 0 10px 10px 10px;}
div#psuHeader{padding:15px;}

div#csBackCont{margin-bottom:15px;}
div#csLeftList{max-height:200px;overflow:auto;margin:0 0;}
div#csLeftList.initiated{overflow:hidden;}
div#csLeftList ul{list-style-type:none;padding:0 15px;margin:0;}
div#csLeftList ul li{line-height:20px;}
div.listScroller a{display:block;margin:auto;width:168px;height:30px;}
div.listScroller a#listScrollUp{background: transparent url(/images/upBtn.gif); margin-top:1em;}
div.listScroller a#listScrollDown{background: transparent url(/images/downBtn.gif);}
div.listScroller a span{position:absolute;left:-9000px;}


table#basketTable{width:445px;margin:1em;}
table#basketTable td, table#basketTable th{border:1px solid #CCC; padding:3px;}
table#basketTable th{text-align:center;}
table#basketTable .removeCol{width:80px;text-align:center;}
table#basketTable .productCol a{font-weight:bold;font-size:120%;}
table#basketTable td.typeHeader{font-size:150%;color:#007740;}

table#favouritesTable{width:445px;margin:1em;}
table#favouritesTable td, table#favouritesTable th{border:1px solid #CCC; padding:3px;}
table#favouritesTable th{text-align:center;}
table#favouritesTable .productCol a{font-weight:bold;font-size:120%;}
table#favouritesTable .optionsCol{white-space:nowrap;width:19.5em;}
table#favouritesTable .optionsCol button.greenBtn{font-size:90%; font-weight:bold; padding:2px; margin:0; margin-left:2px;}
table#favouritesTable td.typeHeader{font-size:150%;color:#007740;}

/* --- EVENTS CALENDAR --- */
table#eventsCalendar{margin:0 0 1em}
table#eventsCalendar td, table#eventsCalendar th{border:1px solid #bfbfbf;}
table#eventsCalendar th{width:102px;color:#666;padding:3px 0;text-align:center;font-weight:bold;}
table#eventsCalendar td{background-color:#FFF;width:102px;height:102px;}
table#eventsCalendar td div.day{width:100%; height:100%; position:relative; line-height: 18px; }
table#eventsCalendar td ul, table#eventsCalendar td li {margin:0;padding:0;list-style-type:none; font-size:100%; font-weight:bold;}
table#eventsCalendar td li a {font-weight: bold;}
table#eventsCalendar .clsLocation {font-weight:bold; color:#666666; font-size:90%;}
table#eventsCalendar td ul{margin:4px 4px 20px;}
table#eventsCalendar td.disabled{background-color:#f4f4f4;}
table#eventsCalendar td.disabled span.monthDay{color:#BFBFBF;}
table#eventsCalendar td span.monthDay{position:absolute; bottom:3px; right:3px;font-weight:bold; font-size:120%; color:#007740;}

/* --- PRE/POST QUESTIONS ---*/
form.moduleQuestions label.question{display:block;float:none;width:auto;}
form.moduleQuestions textarea.answer{width:400px; height:150px;}