/*
 *   COGENT HOME - March 2012 
 *   ----------------------------------
 *   ID :: CSS File
 */

#crHomeContentLeftWrapper .yourIndustryBox {
    background-image:  url(images/home12/homeIndustriesBox.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 649px;
    height: 297px;
}

#crHomeContentRightWrapper .trainingFrameworksBox {
	width: 212px;
	height: 102px;
	margin: 0 0 7px 0;
}


/* -------------- HOME - partner logos rotator -------------- */

#partnerLogos { 
	width: 192px; 
	height: 73px; 
	overflow: hidden; 
	position: relative; 
	padding: 0; 
	margin: 0; 
}

#partnerLogos ul { 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	position: relative; 
}

#partnerLogos ul li { 
	display: none; 
	width: 192px; 
	height: 73px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	list-style: none; 
	padding: 0; 
	margin: 0; 
}


/* -------------- home accordion element -------------- */

#accordionWrapper {
	margin: 0 0 0 0;
}

#accordionWrapper #accordion1 {
	float: left;
	margin: 0 0 0 10px;
}

#accordionWrapper #accordion2 {
	float: right;
	margin: 0 10px 0 0;
}

.ui-accordion { width: 307px; }

.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 13px; }

#accordion1 #nuclearAccHead { border: 1px solid #e11400; background: #e11400 url(js/images/nuclearHeaderBg.png) 50% 50% repeat-x; font-weight: bold; color: #FFF; height: 30px; }

#accordion1 #oilAccHead { border: 1px solid #ff9800; background: #ff9800 url(js/images/oilHeaderBg.png) 50% 50% repeat-x; font-weight: bold; color: #FFF; height: 30px; }

#accordion1 #chemAccHead { border: 1px solid #7f0642; background: #7f0642 url(js/images/chemicalHeaderBg.png) 50% 50% repeat-x; font-weight: bold; color: #FFF; height: 30px; }

#accordion1 #polyAccHead { border: 1px solid #a6d000; background: #a6d000 url(js/images/polymerHeaderBg.png) 50% 50% repeat-x; font-weight: bold; color: #FFF; height: 30px; }

#accordion2 #petrolAccHead { border: 1px solid #007900; background: #007900 url(js/images/petroleumHeaderBg.png) 50% 50% repeat-x; font-weight: bold; color: #FFF; height: 30px; }

#accordion2 #pharmaAccHead { border: 1px solid #9ac1e8; background: #9ac1e8 url(js/images/pharmaHeaderBg.png) 50% 50% repeat-x; font-weight: bold; color: #FFF; height: 30px; }

#accordion2 #lifeAccHead { border: 1px solid #e2abff; background: #e2abff url(js/images/lifeSciHeaderBg.png) 50% 50% repeat-x; font-weight: bold; color: #FFF; height: 30px; }

#nuclearAccHead a,
#oilAccHead a,
#chemAccHead a,
#polyAccHead a,
#petrolAccHead a,
#pharmaAccHead a,
#lifeAccHead a { color: #FFF; }

.ui-state-default .ui-icon { background-image: url(js/css/cupertino/images/ui-icons_ffffff_256x240.png); }

.subSectorBanner { width: 258px; height: 29px; font-size: 12px; color: #FFF; line-height: 29px; }

.subSectorBanner a { width: 228px; height: 29px; display: block; padding: 0 15px; color: #FFF; text-decoration: none; }
.subSectorBanner a:hover { color: #FFF; text-decoration: underline; }
.subSectorBanner a:visited { color: #FFF; }

#accordion1 #contentNuclear .subSectorBanner { background: #e11400 url(js/images/accordianIndBannerSprite.png) 0 0 no-repeat; }
#accordion1 #contentOil .subSectorBanner { background: #ff9800 url(js/images/accordianIndBannerSprite.png) 0 -31px no-repeat; }
#accordion1 #contentChemical .subSectorBanner { background: #7f0642 url(js/images/accordianIndBannerSprite.png) 0 -62px no-repeat; }
#accordion1 #contentPolymer .subSectorBanner { background: #a6d000 url(js/images/accordianIndBannerSprite.png) 0 -93px no-repeat; }

#accordion2 #contentPetrol .subSectorBanner { background: #007900 url(js/images/accordianIndBannerSprite.png) 0 -124px no-repeat; }
#accordion2 #contentPharma .subSectorBanner { background: #9ac1e8 url(js/images/accordianIndBannerSprite.png) 0 -155px no-repeat; }
#accordion2 #contentLife .subSectorBanner { background: #e2abff url(js/images/accordianIndBannerSprite.png) 0 -186px no-repeat; }

.subSectorHead { width: 258px; font-weight: bold; color: #333; font-size: 12px; margin: 8px 0 6px 0; }

.subSectors { width: 258px; font-family: Arial, sans-serif; font-size: 11px; }
.subSectors p, .subSectors a { margin: 0; padding: 0; color: #014CA4; text-decoration: none; }
.subSectors p a:hover { text-decoration: underline; color: #CC0000; }
.subSectors .subSectorsLeft { float: left; width: 126px; }
.subSectors .subSectorsRight { float: right; width: 126px; }

.ui-widget-content { border: 1px solid #bfdef2; background: none; background-color: #FFF; }

.ui-accordion .ui-accordion-content { padding: 1em 0 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: hidden; display: none; zoom: 1; }