/* RESETTER */
* { margin: 0px; padding: 0px; }

/* print hide third column */
@media print {
   div.third {display: none; }
   div.oneColumnContainer {width: 650px; }
   div.fullColumnContainer {width: 650px; }
}

/* COMMON */
.clear { clear: both; }
.rel { position: relative }
.abs { position: absolute; }
.fl { float: left; }
.fr { float: right; }

ul { list-style:none; }
ol { list-style: decimal; list-style-position: inside; }
 
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

body { behavior: url(/csshover.htc); }

body {
	background: #ffffff url(/Images/background-clouds.jpg) top center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 17px;
}

.mainContainer {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

.header {
	width: 980px;
	float: left;
}

.header .opgLogo {
	width: 219px;
	padding: 43px 0px 0px 20px;
	float: left;
}

.header .rightHeader {
	width: 660px;
	float: right;
}

.footerContainer { /* see ie6.css for alternative */
	background-color: #ffffff;
	width: 940px;
	margin: 50px 20px 20px 20px;
	padding-top: 0px;
	float: left;
	border-top: 1px solid #cccccc;
}


/* HOME ITEMS */
.homeContainer, .subContainer {
	background-color: #ffffff;
	width: 940px;
	padding: 20px;
	float: left;
}

.genericContainer {
	background-color: #ffffff;
	width: 940px;
	margin-top: 20px;
	padding: 20px;
	float: left;
}

.homeFlashContainer {
	width: 940px;
	height: 350px;
	margin-bottom: 20px;
}

.homeBottomContainer { /* see ie6.css for alternative */
	width: 940px;
	margin-bottom: 25px;
	float: left;
}

.homeBoxes {
	width: 220px;
	float: left;
}

.homeBoxes ul {
	list-style-type: none;
}

.homeBoxes ul li {
	text-indent: -9999px;
}

.homeBoxes ul li a { background: url(/Images/home-boxes.png) no-repeat top; display: block; }

.homeBoxes ul li.jobSearch a { height: 103px; width: 220px; background-position: 0 0; }
.homeBoxes ul li.jobSearch a:hover { background-position: -220px 0px; }

.homeBoxes ul li.accessProfile a { height: 102px; width: 220px; background-position: 0 -103px; }
.homeBoxes ul li.accessProfile a:hover { background-position: -220px -103px; }

.homeMeetOurPeopleFlash {
	width: 459px;
	height: 205px;
	padding: 0px 0px 0px 20px;
	float: left;
}

.homeGetToKnowUs {
	position: relative;
	background: url(/Images/get-to-know-us-background.png) no-repeat top;
	width: 200px; /* full width: 220px; - padding */
	height: 190px; /* full height: 205px; - padding */
	padding: 15px 10px 0px 10px;
	float: right;
}


/* SUB PAGE ITEMS */
.contentContainer {
	width: 760px;
	float: left;
}

.contentImageHeader {
	width: 760px;
	margin-bottom: 10px;
	float: left;
}

.contentTextHeader {
	width: 760px;
	height: 100px;
	margin-top: -25px;
	float: left;
}

.oneColumnContainer, .twoColumnContainer {
	width: 700px;
	float: left;
}

.threeColumnContainer, .fullColumnContainer {
	width: 760px;
	float: left;
}

.wideColumnContainer {
	width: 940px;
	margin-top: 40px;
	padding-bottom: 20px;
	float: left;
}

/* TWO COLUMN ITEMS */
.twoColumnContainer .first {
	width: 340px;
	margin-right: 20px;
	float: left;
}

.twoColumnContainer .second {
	width: 340px;
	margin: 41px 0px 0px 0px;
	float: left;
}


/* THREE COLUMN ITEMS */
.threeColumnContainer .first {
	width: 220px;
	margin-right: 20px;
	float: left;
}

.threeColumnContainer .second {
	width: 220px;
	margin: 41px 80px 0px 0px;
	float: left;
}

.threeColumnContainer .firstSecond {
	width: 520px;
	margin-right: 20px;
	float: left;
}

.threeColumnContainer .third {
	width: 220px;
	float: right;
}



/* SHARED BORDER CONTAINER ITEMS */
.profileContainer, .faqAnswerContainer, .topicAnswerContainer, .topicAnswerShortContainer {
	width: 658px; /* full width: 700px; - border & padding */
	padding: 20px 20px 60px 20px;
	border: 1px solid #cccccc;
	border-bottom: none !important;	
	float: left;
}

.topicAnswerShortContainer { width: 478px; /* full width: 520px; - border & padding */
	border-bottom: 1px solid #cccccc !important;
}

.faqAnswerContainer, .topicAnswerContainer, .topicAnswerShortContainer { padding-bottom: 20px; }

.profileBottom, .faqAnswerBottom, .topicAnswerBottom {
	width: 700px;
	height: 10px;
	background: url(/Images/border-bottom.png) no-repeat top;
	float: left;
}

.topicAnswerShortBottom {
	width: 520px;
	height: 10px;
	background: url(/Images/gray-bottom.png) no-repeat top;
	float: left;
}



/* PROFILE ITEMS */
.shortProfileRow .shortProfileContainer {
	margin-right: 20px;
	float: left;
}

.shortProfileContainer {
	width: 220px;
	float: left;
}

.shortProfileQuote {
	background: #2faaec url(/Images/short-profile-top.png) no-repeat bottom;
	width: 180px; /* full width: 220px; - padding */
	padding: 20px 20px 30px 20px;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	float: left;
}

.shortProfile {	
	background-color: #ffffff;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 183px; /* full width: 220px; - padding & borders */
	padding: 20px 20px 40px 15px;
	float: left;
}

.shortProfileLeft {
	position: relative;
	width: 100px;
	float: left;
}

.shortProfileRight {
	width: 80px;
	float: left;
}

.shortProfileBottom {
	width: 220px;
	height: 10px;
	background: url(/Images/slider-bottom.png) no-repeat top;
	margin-bottom: 10px;
	float: left;
}

.profileLeft {
	position: relative;
	width: 260px;
	margin-right: 20px;
	float: left;
}

.profileRight {
	width: 378px;
	float: left;
}

.profileIcon {
	position: absolute;
	top: 209px;
	left: 209px;
	width: 51px;
	height: 51px;
	z-index: 100;
}

.profileQuote {
	background-color: #2faaec;
	width: 338px; /* full width: 378px; - padding */
	padding: 20px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
	float: left;
}

.profileQuoteBottom {
	background: url(/Images/profile-quote-bottom.png) no-repeat bottom left;
	width: 378px;
	height: 12px;
	margin-bottom: 10px;
	float: left;
}

.profileFactsContainer {
	padding: 2px 5px 2px 5px;
	margin-top: 3px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #2faaec;
}



/* TYPE ITEMS */
.typeContainer {
	width: 340px;	
	float: left;
}

.typeContainer_header {
	width: 340px;
	height: 51px;
	float: left;
}

.typeContainer_headerLeft {
	width: 51px;
	float: left;
}

.typeContainer_headerRight {
	background-color: #cc182f;
	width: 269px; /* full width: 289px; - padding */
	height: 27px; /* full height: 50px; - padding */
	border-bottom: 1px solid #cc606e;
	padding: 23px 0px 0px 20px;
	font-size: 24px;
	letter-spacing: -1px;
	color: #ffffff;
	float: left;
}

.typeContainer_main {
	width: 288px; /* full width: 340px; - border & padding */
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 20px 25px 20px 25px;
	float: left;
	font-size: 13px;
	line-height: 19px;
}

.typeContainer_secondary {
	background: url(/Images/type-bottom.png) no-repeat bottom;
	width: 300px; /* full width: 340px; - padding */
	height: 136px; /* full height: 146px; - padding */
	padding: 10px 20px 0px 20px;
	float: left;
}

.typeContainer_secondaryWhite {
	background: url(/Images/type-bottom.png) no-repeat bottom;
	width: 340px; /* full width: 340px; - padding */
	height: 20px; /* full height: 146px; - padding */
	float: left;
}

.typeContainer_bar {
	width: 300px;
	background: url(/Images/sub-nav-divider.png) repeat-x bottom;
	margin: 8px 0px 10px 0px;
	padding-bottom: 10px;
	float: left;
}


/* FAQ ITEMS */
.faqContainer {
	width: 700px;
	float: left;
}

.faqContainer ul {
	margin-top: -5px;
	width: 700px;
	float: left;
}

.faqContainer ul li {
	margin-bottom: 1px;
}

.faqContainer ul li a {
	background-color: #2faaec;
	margin-bottom: 1px;
	padding: 2px 0px 2px 20px;
	height: 17px;
	color: #ffffff;
	font-size: 14px;
	display: block;
}

.faqContainer ul li a:hover, .faqContainer ul li a.selected, .faqContainer ul li.ui-tabs-selected a {
	background-color: #005699;
	text-decoration: none;
}

.faqContainer ul li a.selected, .faqContainer ul li.ui-tabs-selected a { font-weight: bold; }



/* TOPIC ITEMS */
.topicContainer {
	width: 700px;
	float: left;
}

.topicShortContainer {
	width: 520px;
	float: left;
}

.topicContainer ul.topicQuestions, .topicShortContainer ul.topicQuestions { /* see ie6.css for alternative */
	margin-top: -5px;
	width: 700px;
	float: left;
}

.topicShortContainer ul.topicQuestions { width: 520px; }

.topicShortContainer {
	width: 520px;
}

.topicContainer ul.topicQuestions li, .topicShortContainer ul.topicQuestions li {
	margin-bottom: 1px;
}

.topicContainer ul.topicQuestions li a, .topicShortContainer ul.topicQuestions li a { /* see ie6.css for alternative */
	background-color: #2faaec;
	margin-bottom: 1px;
	padding: 2px 0px 2px 20px;
	color: #ffffff;
	font-size: 14px;
	display: block;
}

.topicContainer ul.topicQuestions li a:hover, .topicContainer ul.topicQuestions li a.selected, .topicContainer ul.topicQuestions li.ui-tabs-selected a,
.topicShortContainer ul.topicQuestions li a:hover, .topicShortContainer ul.topicQuestions li a.selected, .topicShortContainer ul.topicQuestions li.ui-tabs-selected a {
	background-color: #005699;
	text-decoration: none;
}

.topicContainer ul.topicQuestions li a.selected, .topicContainer ul.topicQuestions li.ui-tabs-selected a,
.topicShortContainer ul.topicQuestions li a.selected, .topicShortContainer ul.topicQuestions li.ui-tabs-selected a { font-weight: bold; }



/* APPLICATION PROCESS ITEMS */
.processContainer {
	width: 478px; /* full width: 520px; - padding & borders */
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 20px 20px 30px 20px;
	margin-bottom: 20px;
	float: left;
}

.processContent {
	width: 478px;
	background: url(/Images/sub-nav-divider.png) repeat-x bottom;
	margin-bottom: 15px;
	float: left;
}

.processContent_left {
	width: 40px;
	padding: 3px 20px 0px 0px;
	float: left;
}

.processContent_right {
	width: 418px;
	float: left;
}



/* GRAY BORDER BOX ITEMS */
.fullGrayBorderContainer {
	width: 718px; /* full width: 760px; - padding & borders */
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 20px 20px 30px 20px;
	margin-bottom: 20px;
	float: left;
}

.grayBorderContainer {
	width: 478px; /* full width: 520px; - padding & borders */
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 20px 20px 0px 20px;
	float: left;
}

.grayBorderBottom {
	width: 520px;
	height: 10px;
	background: url(/Images/gray-bottom.png) no-repeat top;
	float: left;
}

.grayContainer {
	background-color: #f8f8f8;
	width: 478px; /* full width: 520px; - padding & borders */
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 20px 20px 30px 20px;
	float: left;	
}

.grayBorderShortContainer {
	width: 298px; /* full width: 340px; - padding & borders */
	height: 280px;
	border: 1px solid #cccccc;
	padding: 20px 20px 30px 20px;
	float: left;
}

.grayBorderShortContainer_newGrads { /* see ie6.css for alternative */
	width: 298px; /* full width: 340px; - padding & borders */
	height: 380px;
	border: 1px solid #cccccc;
	padding: 20px 20px 30px 20px;
	float: left;
}

.grayBorderShortBottom {
	width: 340px;
	height: 10px;
	margin-bottom: 10px;
	background: url(/Images/gray-short-bottom.png) no-repeat top;
	float: left;
}

.grayBorderShortContainer_left {
	width: 119px;
	float: left;
}

.grayBorderShortContainer_right {
	width: 179px;
	float: left;
}



/* BLUE BOX ITEMS */
.blueBox_dropDownContainer {
	position: relative;
	background-color: #2faaec;
	padding: 11px 250px 12px 20px;
	margin: 15px 0px 30px 0px;
	color: #ffffff;
	float: left;
}

.blueBox_dropDownContainer_left {
	width: 230px;
	float: left;
	font-weight: bold;
}

.blueBox_dropDownContainer_right {
	position: absolute;
	width: 250px;
	height: 20px;
	top: 10px;
	right: 20px;
	background: #005699 url(/Images/drop-down-arrow.png) no-repeat top right;
	z-index: 10000;
}

.blueBox_dropDownContainer_right ul {
	width: 250px;
	height: 20px;
	list-style-type: none;
}

.blueBox_dropDownContainer_right ul li {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}

.blueBox_dropDownContainer_right ul li ul { display: none; }

.blueBox_dropDownContainer_right ul li a { color: #ffffff; display: block; text-decoration: none; padding: 1px 40px 0px 10px; } /* see ie6.css for alternative */
.blueBox_dropDownContainer_right ul li a:hover { text-decoration: none; }

.blueBox_dropDownContainer_right ul li:hover ul { display: block; }

.blueBox_dropDownContainer_right ul li ul li a {
	display: block;
	text-decoration: none;
	color: #072546;
	background: #e0f4ff;
	padding: 1px 40px 0px 10px;
	border-top: 1px solid #ffffff;
	width: 200px;
}

.blueBox_dropDownContainer_right ul li ul li a:hover {
	text-decoration: none;
	background: #255285;
	color: #ffffff;
}



/* TAB MENU ITEMS */
ul.expHires, ul.newGrads, ul.students {
	width: 520px;
	height: 56px;
	list-style: none;
	float: left;
}

ul.expHires li, ul.newGrads li, ul.students li {
	float: left;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
	font-size: 10px;
}

ul.expHires li a { background: url(/Images/tab-4-background.png) no-repeat top; display: block; text-decoration: none; }

ul.expHires li a.gi { padding-top: 10px; height: 46px; width: 130px; background-position: 0 0; }
ul.expHires li a.gi:hover, ul li.ui-tabs-selected a.gi { background-position: 0 -56px; color: #ffffff; text-decoration: none; }

ul.expHires li a.st { padding-top: 15px; height: 41px; width: 130px; background-position: -130px 0; }
ul.expHires li a.st:hover, ul li.ui-tabs-selected a.st { background-position: -130px -56px; color: #ffffff; text-decoration: none; }

ul.expHires li a.sp { padding-top: 15px; height: 41px; width: 129px; background-position: -260px 0; }
ul.expHires li a.sp:hover, ul li.ui-tabs-selected a.sp { background-position: -260px -56px; color: #ffffff; text-decoration: none; }

ul.expHires li a.ft { padding-top: 15px; height: 41px; width: 131px; background-position: -389px 0; }
ul.expHires li a.ft:hover, ul li.ui-tabs-selected a.ft { background-position: -389px -56px; color: #ffffff; text-decoration: none; }

ul.newGrads li a { background: url(/Images/tab-6-background.png) no-repeat top; display: block; text-decoration: none; }

ul.newGrads li a.ng_gi { padding-top: 10px; height: 46px; width: 87px; background-position: 0 0; }
ul.newGrads li a.ng_gi:hover, ul li.ui-tabs-selected a.ng_gi { background-position: 0 -56px; color: #ffffff; text-decoration: none; }

ul.newGrads li a.ng_nuclear { padding-top: 15px; height: 41px; width: 86px; background-position: -87px 0; }
ul.newGrads li a.ng_nuclear:hover, ul li.ui-tabs-selected a.ng_nuclear { background-position: -87px -56px; color: #ffffff; text-decoration: none; }

ul.newGrads li a.ng_hydro { padding-top: 15px; height: 41px; width: 87px; background-position: -173px 0; }
ul.newGrads li a.ng_hydro:hover, ul li.ui-tabs-selected a.ng_hydro { background-position: -173px -56px; color: #ffffff; text-decoration: none; }

ul.newGrads li a.ng_fossil { padding-top: 15px; height: 41px; width: 86px; background-position: -260px 0; }
ul.newGrads li a.ng_fossil:hover, ul li.ui-tabs-selected a.ng_fossil { background-position: -260px -56px; color: #ffffff; text-decoration: none; }

ul.newGrads li a.ng_secpos { padding-top: 10px; height: 46px; width: 87px; background-position: -346px 0; }
ul.newGrads li a.ng_secpos:hover, ul li.ui-tabs-selected a.ng_secpos { background-position: -346px -56px; color: #ffffff; text-decoration: none; }

ul.newGrads li a.ng_corpfunc { padding-top: 10px; height: 46px; width: 87px; background-position: -433px 0; }
ul.newGrads li a.ng_corpfunc:hover, ul li.ui-tabs-selected a.ng_corpfunc { background-position: -433px -56px; color: #ffffff; text-decoration: none; }

ul.students li a { background: url(/Images/tab-5-background.png) no-repeat top; display: block; text-decoration: none; }

ul.students li a.stu_gi { padding-top: 10px; height: 46px; width: 104px; background-position: 0 0; }
ul.students li a.stu_gi:hover, ul li.ui-tabs-selected a.stu_gi { background-position: 0 -56px; color: #ffffff; text-decoration: none; }

ul.students li a.stu_summer { padding-top: 10px; height: 46px; width: 104px; background-position: -104px 0; }
ul.students li a.stu_summer:hover, ul li.ui-tabs-selected a.stu_summer { background-position: -104px -56px; color: #ffffff; text-decoration: none; }

ul.students li a.stu_coop { padding-top: 5px; height: 51px; width: 103px; background-position: -208px 0; }
ul.students li a.stu_coop:hover, ul li.ui-tabs-selected a.stu_coop { background-position: -208px -56px; color: #ffffff; text-decoration: none; }

ul.students li a.stu_intern { padding-top: 10px; height: 46px; width: 104px; background-position: -311px 0; }
ul.students li a.stu_intern:hover, ul li.ui-tabs-selected a.stu_intern { background-position: -311px -56px; color: #ffffff; text-decoration: none; }

ul.students li a.stu_articling { padding-top: 10px; height: 46px; width: 105px; background-position: -415px 0; }
ul.students li a.stu_articling:hover, ul li.ui-tabs-selected a.stu_articling { background-position: -415px -56px; color: #ffffff; text-decoration: none; }



ul.newProjects {
	width: 520px;
	height: 43px;
	list-style: none;
	float: left;
}

ul.newProjects li {
	float: left;
}

ul.newProjects li a { background: url(/Images/tab-new-projects-background.png) no-repeat top; display: block; text-decoration: none;
	font-size: 14px; color: #2faaec; padding-top: 10px; height: 33px; }

ul.newProjects li a.hydro { padding-left: 50px; width: 123px; background-position: 0 0; }
ul.newProjects li a.hydro:hover, ul li.ui-tabs-selected a.hydro { background-position: 0 -43px; text-decoration: none; }

ul.newProjects li a.fossil { padding-left: 40px; width: 133px; background-position: -173px 0; }
ul.newProjects li a.fossil:hover, ul li.ui-tabs-selected a.fossil { background-position: -173px -43px; text-decoration: none; }

ul.newProjects li a.nuclear { padding-left: 50px; width: 124px; background-position: -346px 0; }
ul.newProjects li a.nuclear:hover, ul li.ui-tabs-selected a.nuclear { background-position: -346px -43px; text-decoration: none; }

ul.accessibility5, ul.accessibility2, ul.accessibility3,
ul.students2 {
	width: 760px;
	height: 56px;
	list-style: none;
	float: left;
}

ul.accessibility5 li, ul.accessibility2 li, ul.accessibility3 li,
ul.students2 li {
	float: left;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
	font-size: 10px;
}

ul.accessibility5 li a { background: url(/Images/tab-5-full-background.png) no-repeat top; display: block; text-decoration: none; }

ul.accessibility5 li a.xp { padding-top: 15px; height: 41px; width: 152px; background-position: 0 0; }
ul.accessibility5 li a.xp:hover, ul li.ui-tabs-selected a.xp { background-position: 0 -56px; color: #ffffff; text-decoration: none; }

ul.accessibility5 li a.ie6 { padding-top: 15px; height: 41px; width: 152px; background-position: -152px 0; }
ul.accessibility5 li a.ie6:hover, ul li.ui-tabs-selected a.ie6 { background-position: -152px -56px; color: #ffffff; text-decoration: none; }

ul.accessibility5 li a.ie7 { padding-top: 15px; height: 41px; width: 151px; background-position: -304px 0; }
ul.accessibility5 li a.ie7:hover, ul li.ui-tabs-selected a.ie7 { background-position: -304px -56px; color: #ffffff; text-decoration: none; }

ul.accessibility5 li a.ffosx, ul.accessibility5 li a.macosx { padding-top: 10px; height: 46px; width: 152px; background-position: -455px 0; }
ul.accessibility5 li a.macosx { padding-top: 15px; height: 41px; }
ul.accessibility5 li a.ffosx:hover, ul li.ui-tabs-selected a.ffosx,
ul.accessibility5 li a.macosx:hover, ul li.ui-tabs-selected a.macosx { background-position: -455px -56px; color: #ffffff; text-decoration: none; }

ul.accessibility5 li a.safari, ul.accessibility5 li a.ffosx2 { padding-top: 15px; height: 41px; width: 153px; background-position: -607px 0; }
ul.accessibility5 li a.ffosx2 { padding-top: 10px; height: 46px; }
ul.accessibility5 li a.safari:hover, ul li.ui-tabs-selected a.safari,
ul.accessibility5 li a.ffosx2:hover, ul li.ui-tabs-selected a.ffosx2 { background-position: -607px -56px; color: #ffffff; text-decoration: none; }

ul.accessibility2 li a, ul.students2 li a { background: url(/Images/tab-2-full-background.png) no-repeat top; display: block; text-decoration: none; }

ul.accessibility2 li a.windowsxp,
ul.students2 li a.students_skilled { padding-top: 15px; height: 41px; width: 380px; background-position: 0 0; }
ul.accessibility2 li a.windowsxp:hover, ul li.ui-tabs-selected a.windowsxp,
ul.students2 li a.students_skilled:hover, ul li.ui-tabs-selected a.students_skilled{ background-position: 0 -56px; color: #ffffff; text-decoration: none; }

ul.accessibility2 li a.apple,
ul.students2 li a.students_engineering{ padding-top: 15px; height: 41px; width: 380px; background-position: -380px 0; }
ul.accessibility2 li a.apple:hover, ul li.ui-tabs-selected a.apple,
ul.students2 li a.students_engineering:hover, ul li.ui-tabs-selected a.students_engineering{ background-position: -380px -56px; color: #ffffff; text-decoration: none; }

ul.accessibility3 li a { background: url(/Images/tab-3-full-background.png) no-repeat top; display: block; text-decoration: none; }

ul.accessibility3 li a.browse { padding-top: 15px; height: 41px; width: 253px; background-position: 0 0; }
ul.accessibility3 li a.browse:hover, ul li.ui-tabs-selected a.browse { background-position: 0 -56px; color: #ffffff; text-decoration: none; }

ul.accessibility3 li a.windows { padding-top: 15px; height: 41px; width: 253px; background-position: -253px 0; }
ul.accessibility3 li a.windows:hover, ul li.ui-tabs-selected a.windows { background-position: -253px -56px; color: #ffffff; text-decoration: none; }

ul.accessibility3 li a.mac { padding-top: 15px; height: 41px; width: 254px; background-position: -506px 0; }
ul.accessibility3 li a.mac:hover, ul li.ui-tabs-selected a.mac { background-position: -506px -56px; color: #ffffff; text-decoration: none; }



/* SLIDER MENU ITEMS */
.sliderContainer {
	width: 220px;
	float: left;
}

.sliderTitle {
	background-color: #2faaec;
	font-size: 18px;
	color: #ffffff;
	width: 200px; /* full width: 220px; - padding */
	padding: 14px 0px 14px 20px;
	line-height: 21px;
}

.sliderContent {
	width: 178px; /* full width: 220px; - padding & borders */
	padding: 0px 20px 0px 20px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	overflow: hidden;
}

.sliderBottom {
	width: 220px;
	height: 10px;
	background: url(/Images/slider-bottom.png) no-repeat top;
	border-top: 1px solid #cccccc;
	float: left;
}

.sliderNav {
	position: relative;
	width: 185px; /* full width: 220px; - padding & borders */
	height: 21px; /* full height:  26px; - padding */
	padding: 5px 5px 0px 30px; 
}

.sliderNav span.open, .sliderNav span.closed {
	position: absolute;
	background: url(/Images/slider.png) no-repeat top;
	background-position: 0 0;
	width: 220px; /* full width: 220px; - padding & borders */
	height: 26px; /* full height:  26px; - padding */
	top: 0px;
	left: 0px;
}

.sliderNav span.closed { background-position: -220px 0; }

.sliderNav a { position: absolute; font-size: 14px; color: #ed1b2e; text-decoration: none; z-index: 100; }
.sliderNav a:hover { text-decoration: none; }



/* NAVIGATION ITEMS */
.topNav {
	width: 123px;
	height: 21px;
	padding: 0px 0px 20px 516px;
	margin-top: 9px;
}

.topNav ul {
	list-style-type: none;
	height: 21px;
	float: left;
}

.topNav ul li {
	float: left;
	text-indent: -9999px;
	padding-left: 7px;
}

.topNav ul li.home a { width: 47px; height: 21px; background: url(/Images/home.png) no-repeat top; display: block; }
.topNav ul li.home a:hover { background-position: 0 -21px; }

.topNav ul li.opg a { width: 62px; height: 21px; background: url(/Images/opg-com.png) no-repeat top; display: block; }
.topNav ul li.opg a:hover { background-position: 0 -21px; }

.mainNav {
	width: 660px;
	height: 40px;
	margin-top: 18px;
}

.mainNav ul {
	list-style-type: none;
	height: 40px;
	float: left;
}

.mainNav ul li {
	float: left;
	text-indent: -9999px;
}

.mainNav ul li a { height: 40px; background: url(/Images/navigation-background.png) no-repeat top; display: block; }

.mainNav ul li.whyOpg a { width: 132px; background-position: 0 0; }
.mainNav ul li.whyOpg a:hover, .mainNav ul li.whyOpg a.selected { background-position: 0 -40px; }

.mainNav ul li.experiencedHires a { width: 132px; background-position: -132px 0; }
.mainNav ul li.experiencedHires a:hover, .mainNav ul li.experiencedHires a.selected { background-position: -132px -40px; }

.mainNav ul li.newGraduates a { width: 131px; background-position: -264px 0; }
.mainNav ul li.newGraduates a:hover, .mainNav ul li.newGraduates a.selected { background-position: -264px -40px; }

.mainNav ul li.students a { width: 132px; background-position: -395px 0; }
.mainNav ul li.students a:hover, .mainNav ul li.students a.selected { background-position: -395px -40px; }

.mainNav ul li.accessibility a { width: 133px; background-position: -527px 0; }
.mainNav ul li.accessibility a:hover, .mainNav ul li.accessibility a.selected { background-position: -527px -40px; }

.subNav {
	width: 160px;
	margin-right: 20px;
	float: left;
}

.subNav ul {
	list-style-type: none;
}

.subNav ul.main { background: url(/Images/sub-nav-divider.png) repeat-x bottom; }
.subNav ul.sub { background: none; }

.subNav ul li.main {
	background: url(/Images/sub-nav-divider.png) repeat-x top;
	width: 150px; /* full width: 160px; - padding */
	padding: 7px 0px 4px 10px;
}

.subNav ul li.sub {
	width: 140px; /* full width: 160px; - padding */
	padding: 8px 0px 0px 10px;
	line-height: 15px;
}

.subNav ul.commonLinks { margin-top: 20px; }
.subNav ul.commonLinks li { margin-bottom: 16px; }

.breadcrumbNav {
	width: 760px;
	margin: 0px 0px 40px 0px;
	float: left;
}

.breadcrumbNav ul {
	list-style-type: none;
	float: left;
}

.breadcrumbNav ul li {
	font-size: 11px;
	float: left;
}



/* FONT ITEMS */
a { color: #2faaec; text-decoration: none; }
a:hover { text-decoration: underline; }

.bold { font-weight: bold; }

.gray { color: #333333; }
.lightGray { color: #666666; }
.red { color: #ed1b2e; }
.blue { color: #2faaec; }
.darkBlue { color: #005699; }

h1 { font-size: 19px; margin-bottom: 20px; line-height: 21px; }
h2 { font-size: 18px; margin-bottom: 4px; line-height: 21px; }
h3 { font-size: 25px; margin-bottom: 4px; line-height: 21px; }

.standard11 { font-size: 11px; }
.standard13 { font-size: 13px; }
.standard14 { font-size: 14px; }
.standard20 { font-size: 20px; }

.error, .errorNotification_text { color: #ed1b2e !important; font-size: 12px !important; }

p.subTitle { color: #ed1b2e; font-size: 12px; font-weight: bold; }
p.content { font-size: 12px; margin-bottom: 18px; }
p.disclaimer { font-size: 10px; margin-bottom: 18px; line-height: 13px; }

.subNav ul li.main a { color: #666666; font-weight: bold; text-decoration: none; }
.subNav ul li.main a:hover, .subNav ul li.main a.selected { color: #037dbe; text-decoration: none; }

.subNav ul li.sub a { color: #666666; font-weight: normal; text-decoration: none; }
.subNav ul li.sub a:hover, .subNav ul li.sub a.selected { color: #037DBE; text-decoration: none; }

.breadcrumbNav ul li a { color: #037DBE; }



/* IMAGE ITEMS */
.footerBadge { padding-left: 35px; }

.careerThumb { width: 99px; height: 99px; padding: 0px 20px 20px 0px; }

.divider { background: url(/Images/sub-nav-divider.png) repeat-x top; height: 1px; width: 100%; margin: 5px 0px 5px 0px; }

.contentPhoto {
	margin-right: 20px;
}


/* LIST ITEMS */
ul.defaultList { padding: 0px 0px 15px 40px; }

ul.defaultList li, ul.secondaryList li {
	list-style-image: url(/Images/arrow-bullet.png);
	padding: 0px 0px 5px 2px;
}

ul.secondaryList { padding: 0px 0px 10px 20px; }

ol.sideList { padding: 20px 0 10px 12px; list-style-position: outside; }
ol.sideList li { padding: 0px 0px 10px 2px; }

ol.defaultList { padding: 0px 0px 20px 40px; list-style-position: outside; }
ol.defaultList li { padding: 0px 0px 5px 2px; }



/* TABLE ITEMS */
table.contactUs {
	width: 500px;
	float: left;
}

table.contactUs td { padding-bottom: 10px; }

table.contactUs td.field {
	width: 150px;
	padding-right: 10px;
	text-align: right;
}

table.contactUs td input.fieldForm { width: 340px; }
table.contactUs td textarea { width: 340px; height: 100px; }

table.table718 { width: 718px; }
table.table740 { width: 740px; }
table.table658 { width: 658px; }
table.table520 { width: 520px; }
table.table478 { width: 478px; }

table.table718, table.table658, table.table520, table.table478, table.table740 {
	margin: 4px 0px 25px 0px;
}

table.table520 th,
table.table718 th,
table.table658 th,
table.table478 th,
table.table740 th { background-color: #2faaec; color: #ffffff; padding: 5px 10px 5px 10px; font-size: 14px; }

table.table520 th.workTerm { width: 200px; }

table.table520 td,
table.table718 td,
table.table658 td,
table.table478 td,
table.table740 td { padding: 5px 5px 5px 10px; font-size: 12px; }

table.table520 td.odd,
table.table718 td.odd,
table.table658 td.odd,
table.table478 td.odd,
table.table740 td.odd { background-color: #ffffff; }

table.table520 td.even,
table.table718 td.even,
table.table658 td.even,
table.table478 td.even,
table.table740 td.even { background-color: #e0f4ff; }



/* CALENDAR ITEMS */
.calendarContainer {
	width: 740px; /* full width: 760px; - padding */
	background-color: #f7f6f6;
	padding: 10px;
	margin-top: 3px;
	float: left;
}

table.calendar {
	width: 740px;
	border: none !important;
	float: left;
}

table.calendar tr td.calendarDayStyle,
table.calendar tr td.calendarDayWithEventsStyle,
table.calendar tr td.calendarSelectedDayStyle { vertical-align: top; }

.calendarHeader {
	background-color: #2faaec;
	color: #ffffff;
	font-size: 25px;
	font-weight: bold;
	line-height: 28px;
	height: 55px;
	border: none !important;
}

.calendarDays {
	background-color: #005699;
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	height: 25px;
	border: none !important;
}

.calendarDayStyle, .calendarSelectedDayStyle, .calendarDayWithEventsStyle {
	background-color: #ffffff;
	color: #005699;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-left: 3px;
	border: 1px solid #cccccc;
}

.calendarArrows a {
	color: #ffffff !important;
	font-size: 45px;
	font-weight: bold;
	text-align: left;
	padding-left: 25px;
	padding-right: 25px;
}

.calendarArrows a:hover { text-decoration: none !important; }

.calendarEventContainer {
	background-color: #E0F4FF;
	width: 99px; /* full width: 105px; - padding */
	padding: 1px 2px 1px 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 2px;
}

.calendarEventContainer a { font-size: 10px; color: #000000; text-decoration: none; font-weight: bold; line-height: 13px; }
.calendarEventContainer a:hover { text-decoration: none; }


.calendarInfoContainer {
	width: 760px;
	float: left;
}

.calendarInfo_left {
	background-color: #f7f6f6;
	width: 237px; /* full width: 280px; - padding - margin */
	padding: 15px 20px 40px 20px;
	margin-right: 3px;
	float: left;
}

.calendarInfo_right {
	width: 480px;
	float: left;
}

.calendarInfoContainer .blueBox_dropDownContainer {
	position: relative;
	background-color: #2faaec;
	padding: 11px 225px 12px 20px;
	margin: 0px 0px 3px 0px;
	color: #ffffff;
	float: left;
}

.calendarInfoContainer .blueBox_dropDownContainer_left {
	width: 230px;
	float: left;
	font-weight: bold;
}

.calendarInfoContainer .blueBox_dropDownContainer_right {
	position: absolute;
	width: 280px;
	height: 20px;
	top: 10px;
	right: 20px;
	background: none !important;
}

.calendarInfoContainer .blueBox_dropDownContainer_right ul {
	width: 280px;
	list-style-type: none;
}

.calendarInfoContainer .blueBox_dropDownContainer_right ul li {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

.calendarInfoContainer .blueBox_dropDownContainer_right ul li ul { display: none; }

.calendarInfoContainer .blueBox_dropDownContainer_right ul li a { color: #ffffff; display: block; text-decoration: none; padding: 1px 40px 0px 10px; }
.calendarInfoContainer .blueBox_dropDownContainer_right ul li a:hover { text-decoration: none; }

.calendarInfoContainer .blueBox_dropDownContainer_right ul li:hover ul { display: block; }

.calendarInfoContainer .blueBox_dropDownContainer_right ul li ul li a {
	display: block;
	text-decoration: none;
	color: #072546;
	background: #e0f4ff;
	padding: 1px 40px 0px 10px;
	border-top: 1px solid #ffffff;
	width: 260px;
}

.calendarInfoContainer .blueBox_dropDownContainer_right ul li ul li a:hover {
	text-decoration: none;
	background: #255285;
	color: #ffffff;
}



/* BUTTON/ARROW ITEMS */
a.learnMore_arrow, a.shareThisPage_button, a.printThisPage_button, a.readProfile_button, a.meetOurTeam_button,
a.viewVideo_button, a.learnMore_button, a.skilledTrades_button, a.engAppSciences_button, a.securityPositions_button,
a.corporateFunctions_button, a.startJobSearch_button, a.jobPostings_button, a.discoverWhere_button,
a.coopPositions_button, a.summerPositions_button, a.internPositions_button, a.articlingPositions_button,
a.careerOptions_button, a.findOut_button, a.moreInfo_button, a.findEvents_button, a.moreDetails_button,
a.startJobSearchSmall_button, a.fullStory_button, a.newSearch_button {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	border: 0px;
	text-decoration: none;
}

.send_button, .clearForm_button {
	text-indent: -9999px;
	cursor: pointer;
	border: 0px;
	text-decoration: none;
}

a.learnMore_arrow { position: absolute; top: 160px; left: 1px; }
a.learnMore_arrow { height: 34px; width: 199px; background: url(/Images/learn-more-arrow.png) no-repeat top; }
a.learnMore_arrow:hover { background-position: 0px -34px; }

a.shareThisPage_button { height: 17px; width: 110px; background: url(/Images/share-this-page.png) no-repeat top; }
a.shareThisPage_button:hover { background-position: 0px -17px; }

a.printThisPage_button { height: 17px; width: 110px; background: url(/Images/print-this-page.png) no-repeat top; }
a.printThisPage_button:hover { background-position: 0px -17px; }

a.readProfile_button { position: absolute; bottom: -25px; left: -15px; }
a.readProfile_button { height: 17px; width: 93px; background: url(/Images/read-profile.png) no-repeat top; }
a.readProfile_button:hover { background-position: 0px -17px; }

a.fullStory_button { position: absolute; bottom: -25px; left: -15px; }
a.fullStory_button { height: 17px; width: 93px; background: url(/Images/full-story.png) no-repeat top left; }
a.fullStory_button:hover { background-position: -93px 0px; }

a.meetOurTeam_button { height: 17px; width: 122px; background: url(/Images/meet-more-of-our-team.png) no-repeat top; }
a.meetOurTeam_button:hover { background-position: 0px -17px; }

a.viewVideo_button { height: 17px; width: 85px; background: url(/Images/view-video.png) no-repeat top; }
a.viewVideo_button:hover { background-position: 0px -17px; }

a.learnMore_button { height: 15px; width: 67px; margin-top: 3px; background: url(/Images/learn-more.png) no-repeat top left; }
a.learnMore_button:hover { background-position: -67px 0px; }

a.moreInfo_button { height: 15px; width: 67px; margin-top: 3px; background: url(/Images/more-info.png) no-repeat top left; }
a.moreInfo_button:hover { background-position: -67px 0px; }

.send_button { height: 15px; width: 36px; background: url(/Images/send.png) no-repeat top left; }
.send_button:hover { background-position: -36px 0px; }

.clearForm_button { height: 15px; width: 67px; background: url(/Images/clear-form.png) no-repeat top left; }
.clearForm_button:hover { background-position: -67px 0px; }

a.skilledTrades_button { height: 15px; width: 83px; margin-top: 6px; background: url(/Images/skilled-trades.png) no-repeat top left; }
a.skilledTrades_button:hover { background-position: -83px 0px; }

a.engAppSciences_button { height: 15px; width: 162px; margin-top: 3px; background: url(/Images/engineering-applied-sciences.png) no-repeat top left; }
a.engAppSciences_button:hover { background-position: -162px 0px; }

a.securityPositions_button { height: 15px; width: 101px; margin-top: 3px; background: url(/Images/security-positions.png) no-repeat top left; }
a.securityPositions_button:hover { background-position: -101px 0px; }

a.corporateFunctions_button { height: 15px; width: 116px; margin-top: 3px; background: url(/Images/corporate-functions.png) no-repeat top left; }
a.corporateFunctions_button:hover { background-position: -116px 0px; }

a.startJobSearch_button { height: 26px; width: 177px; margin-top: 3px; background: url(/Images/start-your-job-search.png) no-repeat top left; }
a.startJobSearch_button:hover { background-position: -177px 0px; }

a.startJobSearchSmall_button { height: 15px; width: 143px; margin-top: 3px; background: url(/Images/start-your-job-search-small.png) no-repeat top left; }
a.startJobSearchSmall_button:hover { background-position: -143px 0px; }

a.jobPostings_button { height: 15px; width: 90px; margin-top: 3px; background: url(/Images/see-job-postings.png) no-repeat top left; }
a.jobPostings_button:hover { background-position: -90px 0px; }

a.discoverWhere_button { height: 15px; width: 156px; margin-top: 3px; background: url(/Images/discover-where.png) no-repeat top left; }
a.discoverWhere_button:hover { background-position: -156px 0px; }

a.coopPositions_button { height: 15px; width: 185px; margin-top: 6px; background: url(/Images/co-op-positions.png) no-repeat top left; }
a.coopPositions_button:hover { background-position: -185px 0px; }

a.summerPositions_button { height: 15px; width: 98px; margin-top: 3px; background: url(/Images/summer-positions.png) no-repeat top left; }
a.summerPositions_button:hover { background-position: -98px 0px; }

a.internPositions_button { height: 15px; width: 112px; margin-top: 3px; background: url(/Images/intern-positions.png) no-repeat top left; }
a.internPositions_button:hover { background-position: -112px 0px; }

a.articlingPositions_button { height: 15px; width: 148px; margin-top: 3px; background: url(/Images/articling-positions.png) no-repeat top left; }
a.articlingPositions_button:hover { background-position: -148px 0px; }

a.careerOptions_button { height: 31px; width: 200px; margin-top: 3px; background: url(/Images/career-options.png) no-repeat top left; }
a.careerOptions_button:hover { background-position: -200px 0px; }

a.findOut_button { height: 31px; width: 150px; background: url(/Images/find-out-how-to-apply.png) no-repeat top left; }
a.findOut_button:hover { background-position: -150px 0px; }

a.findEvents_button { height: 31px; width: 111px; background: url(/Images/find-events.png) no-repeat top left; }
a.findEvents_button:hover { background-position: -111px 0px; }

a.newSearch_button { height: 31px; width: 111px; background: url(/Images/new-search.png) no-repeat top left; }
a.newSearch_button:hover { background-position: -111px 0px; }

a.moreDetails_button { height: 26px; width: 97px; background: url(/Images/more-details.png) no-repeat top left; }
a.moreDetails_button:hover { background-position: -97px 0px; }



/* Tabs - IMPORTANT
----------------------------------*/
.ui-tabs .ui-tabs-hide { display: none !important; }

/*
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

/*
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
*/