/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------
	Client:	Mohawk College Enterprise
	Author:	Darren Gould
	Date:	July, 2009
		
*/

/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */


/* =========================================================================== STYLES FOR ALL PAGES */


/* ========== Full Height ========== */

html, body, form {
	height: 100%;
}

#uber {
	position: relative; /* Needed for footer positioning */
	margin: 0 auto;
	padding: 0;
	width: 920px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: #FFF url(/en/images/_structure/background-main.jpg) repeat-y;
}


/* ========== Head Area ========== */

#headWrap {
	float: left;
	padding: 0 10px;
	width: 900px;
	background: transparent url(/en/images/_structure/background-head.jpg) no-repeat;
}

/* -- Logo -- */

#logo {
	float: left;
	padding: 19px 10px 0 14px;
}

/* -- Top Nav -- */

#topNav {
	float: right;
	margin: 50px 20px 0 0;
}

#topNav li {
	float: left;
	padding-left: 17px;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #6C6C6C;
}

#topNav a:link, #topNav a:visited {
	color: #6C6C6C;
	text-decoration: none;
}

#topNav a:hover, #topNav a:active {
	color: #000;
	text-decoration: underline;
}

/* -- Search -- */

#search {
	float: right;
	margin: 15px 12px 0 0;
	width: 218px;
	height: 25px;
	background: transparent url(/en/images/_structure/searchbox.gif) no-repeat;
}

#search input {
	float:left;
}

#search .inputbox {
	position: relative;
	top: 5px;
	*top: 1px; /* IE Hack */
	left: 5px;
	width: 186px;
	height: 17px;
	border: none;
	background: transparent;
	font-weight: normal;
}

#search .gobutton {
	position: relative;
	left: 8px;
	width: 25px;
	height: 25px;
}

/* -- Breadcrumbs -- */

#breadcrumbsWrap {
	float: left;
	clear: both;
	margin-top: 50px;
	width: 100%;
	height: 30px;
	background: #D9D9D9;
	overflow: hidden;
}

#breadcrumbs {
	padding: 5px 15px 0;
}

#breadcrumbs li {
	float: left;
	padding-right: 5px;
	font-size: 11px;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #2B2B2B;
	text-decoration: none;
}

#breadcrumbs a:hover, #breadcrumbs a:active {
	color: #2B2B2B;
	text-decoration: underline;
}


/* ========== Content Area ========== */

#contentWrap {
	margin: 0 10px;
	width: 900px;
}


/* ========== Footer Area ========== */

#footerWrap {
	position: relative;
	margin: 0 10px;
	width: 900px;
	height: 59px; /* Height of footer */
	background: transparent url(/en/images/_structure/background-footer.jpg) no-repeat;
}

/* -- Copyright -- */

#footerText {
	float: left;
	padding: 21px 15px 0 15px;
	font-size: 11px;
	color: #6C6C6C;
}

#footerText p {
	font-size: 11px;
}

/* -- Footer Nav -- */

#footerNav {
	float: right;
	padding: 20px 15px 0 0;
}

#footerNav li {
	float: left;
	padding-left: 17px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #6C6C6C;
}

#footerNav a:link, #footerNav a:visited {
	color: #6C6C6C;
	text-decoration: none;
}

#footerNav a:hover, #footerNav a:active {
	color: #6C6C6C;
	text-decoration: underline;
}


/* =========================================================================== STYLES HOME PAGE */

/* ========== Main Content Column Area ========== */

#h_columnMain {
	float: left;
	margin-left: 10px;
	width: 683px;
}

#h_columnMainLeft {
	float: left;
	width: 319px;
}

#h_columnMainRight {
	float: right;
	width: 353px;
}


/* ========== Aditional Content Column Area ========== */

#h_columnAdditional {
	float: left;
	margin-left: 15px;
	width: 175px;
}


/* =========================================================================== STYLES FOR CONTENT PAGES */

#innerContent-indented {
	clear: both;
	float: left;
	padding: 10px 0 15px 30px;
	overflow: hidden;
}

#innerContent-noIndent {
	clear: both;
	float: left;
	padding: 10px 0 15px 0;
	overflow: hidden;
}

.containerPlainFullWidth {
	width: 840px;
}

/*
	Course List
*/
#frmCourseList .requireField
{
	display: inline-block !important;
}
#frmCourseList .courseList
{
	margin-bottom: 15px;
}
#frmCourseList .headerInfo
{
	display: none !important;
}
#frmCourseList .courseList .contentBox
{
	border: none !important;
}
#frmCourseList .button
{
	background-color: #B5AC7E !important;
}
#frmCourseList .courseList .contentBox tr th
{
	height: 35px !important;
	background-color: #F0EFEF !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	color: #880F00 !important;
	text-transform: uppercase;
	border: none !important;
}
#frmCourseList .courseList .contentBox .eventHeader
{
	width: 60% !important;
	border-left: solid 1px #C1C2BC !important;
	border-top: solid 1px #C1C2BC !important;
}
#frmCourseList .courseList .contentBox .locationHeader
{
	width: 40% !important;
	border-right: solid 1px #C1C2BC !important;
	border-top: solid 1px #C1C2BC !important;
}
#frmCourseList .courseList .contentInnerBox tr td
{
	padding-top: 5px !important;
}
#frmCourseList .courseList .contentInnerBox .dgClass tr td
{
	padding-right: 10px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	color: #2B2B2B !important;
	background-color: #FAFAFA !important;
}

 #frmCourseList .contentBox
{
	background-color: #FAFAFA !important;
	border: solid 1px #E9E9E9;
}
 #frmCourseList .contentBox tr th
{
	height: 35px !important;
	background-color: #F0EFEF !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	color: #880F00 !important;
	text-align: left;
}
#frmCourseList .contentInnerBox .dgClass tr td
{
	padding-right: 10px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	color: #2B2B2B !important;
	background-color: #FAFAFA !important;
}
#frmCourseList .contentInnerBox .dgClass tr td label
{
	padding-left: 10px !important;
}

#frmCourseList .registrationStep1
{
	 width: 434px;
	 height: 23px;
	 background-image: url(/en/images/_structure/breadCrumbs.gif);
	 background-position: 0 0;
	 margin-bottom: 25px;
}

#frmCourseList .registrationStep2
{
	 width: 434px;
	 height: 23px;
	 background-image: url(/en/images/_structure/breadCrumbs.gif);
	 background-position: 0 -24px;
	 margin-bottom: 25px;
}

.registrationStep3
{
	 width: 434px;
	 height: 23px;
	 background-image: url(/en/images/_structure/breadCrumbs.gif);
	 background-position: 0 -48px;
	 margin-bottom: 25px;
}

.registrationStep4
{
	 width: 434px;
	 height: 23px;
	 background-image: url(/en/images/_structure/breadCrumbs.gif);
	 background-position: 0 -72px;
	 margin-bottom: 25px;
}

/* =========================================================================== STYLES FOR ALL PAGES */

.heading { 
	padding: 15px 0 10px;
	font-family: Geneva, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 1.2em;
	color: #8E0D01;
	text-transform: uppercase;
}

#contentWrap ul {
	margin-left: 45px;
	margin-bottom: 1.5em;
}

#contentWrap li {
	padding-bottom: .5em;
	list-style-type: disc;
}

#contentWrap blockquote {
	padding-left: 45px;
	padding-right: 45px;
	padding-bottom:1.5em;
	font-size: 1.2em;
}

a.linkicon {
	padding-right: 12px;
}

a.linkicon:link, a.linkicon:visited {
	background: transparent url(/en/images/_structure/icon_arrowlink.gif) right center no-repeat;
	text-decoration: none;
}

a.linkicon:hover, a.linkicon:active {
	background: transparent url(/en/images/_structure/icon_arrowlinkover.gif) right center no-repeat;
	text-decoration: none;
}


/* =========================================================================== HOME PAGE CONTENT */

/* ========== Main Feature Banner ========== */

#h_mainFeature {
	float: left;
	padding: 10px 0 0 10px;
}

#h_intro {
	margin-top: 10px;
	background: #E6E6E6 url(/en/images/_structure/h_background-intro-bottom.jpg) left bottom no-repeat;
}

#h_intro .content {
	padding: 15px 15px 0;
	font-size: 1.3em;
	background: transparent url(/en/images/_structure/h_background-intro-top.jpg) left top no-repeat;
}


/* ========== Upcoming Seminars, Workshops and Events ========== */

#h_upcoming {
	margin-top: 10px;
	width: 319px;
	background: #EDEBDE url(/en/images/_structure/h_containerleft1-middle.jpg) repeat-y;
}

#h_upcoming .containerTop {
	width: 319px;
	height: 5px;
	background: transparent url(/en/images/_structure/h_containerleft1-top.jpg) left top no-repeat;
}

#h_upcoming .containerBottom {
	width: 319px;
	height: 5px;
	background: transparent url(/en/images/_structure/h_containerleft1-bottom.jpg) left bottom no-repeat;
}

#h_upcoming .content {
	padding: 0 15px;
}

#h_upcoming .date {
	padding-bottom: 0;
	font-weight: bold;
}

#h_upcoming .iconcalendar {
	padding-left: 20px;
	background: transparent url(/en/images/_structure/icon_calendarlink.gif) left 3px no-repeat;
}


/* ========== Testimonials ========== */

#h_testimonials {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 319px;
	background: #EFEFEF url(/en/images/_structure/h_containerleft2-middle.jpg) repeat-y;
}

#h_testimonials .containerTop {
	width: 319px;
	height: 5px;
	background: transparent url(/en/images/_structure/h_containerleft2-top.jpg) left top no-repeat;
}

#h_testimonials .containerBottom {
	width: 319px;
	height: 5px;
	background: transparent url(/en/images/_structure/h_containerleft2-bottom.jpg) left bottom no-repeat;
}

#h_testimonials .content {
	padding: 0 15px;
	overflow: hidden;
}

#h_testimonialsLogoWrap {
	margin-bottom: 10px;
	width: 287px;
	border: 1px solid #848484;
	background: #FFF;
}

#h_testimonialsLogo {
	margin: 10px;
	width: 267px;
	background: transparent;
	text-align: center;
	overflow: hidden;
}


/* ========== Specialized Training ========== */

#h_training {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 353px;
	background: #EDEBDE url(/en/images/_structure/h_containerright1-middle.jpg) repeat-y;
}

#h_training .containerTop {
	width: 353px;
	height: 5px;
	background: transparent url(/en/images/_structure/h_containerright1-top.jpg) left top no-repeat;
}

#h_training .containerBottom {
	width: 353px;
	height: 5px;
	background: transparent url(/en/images/_structure/h_containerright1-bottom.jpg) left bottom no-repeat;
}

#h_training .content {
	padding: 0 15px;
}

#h_training .content ul {
	margin: 0;
	padding: 0 0 7px 0;
}

#h_training .content li {
	margin: 0;
	padding: 0 0 8px 0;
	list-style: none;
}


/* ========== News and Updates ========== */

#h_news {
	margin-top: 18px;
	margin-bottom: 10px;
}



/* =========================================================================== INNER CONTENT PAGES */

/* ========== Partners Page ========== */

.containerPartners {
	float: left;
	margin-top: 10px;
	width: 840px;
	background: #EFEFEF url(/en/images/_structure/container-partners-middle.jpg) repeat-y;
}

.containerPartners .containerTop {
	width: 840px;
	height: 5px;
	background: transparent url(/en/images/_structure/container-partners-top.jpg) left top no-repeat;
}

.containerPartners .containerBottom {
	width: 840px;
	height: 5px;
	background: transparent url(/en/images/_structure/container-partners-bottom.jpg) left bottom no-repeat;
}

.containerPartners .content {
	float: left;
	padding: 0 0 0 15px;
	width: 510px;
}

.containerPartners .logoWrap {
	float: right;
	margin: 15px 15px 15px 0;
	width: 260px;
	border: 1px solid #848484;
	background: #FFF;
}

.containerPartners .logo {
	margin: 10px;
	width: 240px;
	background: transparent;
	text-align: center;
	overflow: hidden;
}


/* ========== Course Index Page ========== */

.containerCourseIndex {
	float: left;
	margin-top: 10px;
	width: 600px;
}

.containerCourseIndex #courseList {
	width: 600px;
	float: left; /* Contain floated list items */
	margin: 0;
}

/* -- Main Course Buttons Stylings -- */

.containerCourseIndex #courseList li {
	float: left; /* This corrects the */
  	width: 100%; /* IE whitespace bug */
	margin-bottom: 0 0 10px 0;
	list-style: none;
}

.containerCourseIndex #courseList a {
	text-decoration:none;
}

.containerCourseIndex #courseList .toggle a {
	display: block; /* to increase clickable area as a's default to inline */
	width: 600px;
	height: 50px;
	font-size: 1%;
	text-indent: -9999px;
	text-decoration: none;
}

.containerCourseIndex #courseList #course_advManufacturing a {
	background: url(/en/images/inner/courses/btn_courseindex_advManufacturing.jpg) 0 0 no-repeat;
}

.containerCourseIndex #courseList #course_certPrograms a {
	background: url(/en/images/inner/courses/btn_courseindex_certPrograms.jpg) 0 0 no-repeat;
}

.containerCourseIndex #courseList #course_compWorkshops a {
	background: url(/en/images/inner/courses/btn_courseindex_compWorkshops.jpg) 0 0 no-repeat;
}

.containerCourseIndex #courseList #course_healthSciences a {
	background: url(/en/images/inner/courses/btn_courseindex_healthSciences.jpg) 0 0 no-repeat;
}

.containerCourseIndex #courseList #course_leadershipTraining a {
	background: url(/en/images/inner/courses/btn_courseindex_leadershipTraining.jpg) 0 0 no-repeat;
}

.containerCourseIndex #courseList #course_resConsultation a {
	background: url(/en/images/inner/courses/btn_courseindex_resConsultation.jpg) 0 0 no-repeat;
}

.containerCourseIndex #courseList #course_specSkillsTraining a {
	background: url(/en/images/inner/courses/btn_courseindex_specSkillsTraining.jpg) 0 0 no-repeat;
}

.containerCourseIndex #courseList #course_workplaceTraining a {
	background: url(/en/images/inner/courses/btn_courseindex_workplaceTraining.jpg) 0 0 no-repeat;
}

.containerCourseIndex #courseList #course_advManufacturing a:hover,
.containerCourseIndex #courseList #course_certPrograms a:hover,
.containerCourseIndex #courseList #course_compWorkshops a:hover,
.containerCourseIndex #courseList #course_healthSciences a:hover,
.containerCourseIndex #courseList #course_leadershipTraining a:hover,
.containerCourseIndex #courseList #course_resConsultation a:hover,
.containerCourseIndex #courseList #course_specSkillsTraining a:hover,
.containerCourseIndex #courseList #course_workplaceTraining a:hover {
	background-position: 0 -50px;
}

.containerCourseIndex #courseList #course_advManufacturing a.open,
.containerCourseIndex #courseList #course_certPrograms a.open,
.containerCourseIndex #courseList #course_compWorkshops a.open,
.containerCourseIndex #courseList #course_healthSciences a.open,
.containerCourseIndex #courseList #course_leadershipTraining a.open,
.containerCourseIndex #courseList #course_resConsultation a.open,
.containerCourseIndex #courseList #course_specSkillsTraining a.open,
.containerCourseIndex #courseList #course_workplaceTraining a.open {
	background-position: 0 -100px;
}

.containerCourseIndex #courseList #course_advManufacturing a.open:hover,
.containerCourseIndex #courseList #course_certPrograms a.open:hover,
.containerCourseIndex #courseList #course_compWorkshops a.open:hover,
.containerCourseIndex #courseList #course_healthSciences a.open:hover,
.containerCourseIndex #courseList #course_leadershipTraining a.open:hover,
.containerCourseIndex #courseList #course_resConsultation a.open:hover,
.containerCourseIndex #courseList #course_specSkillsTraining a.open:hover,
.containerCourseIndex #courseList #course_workplaceTraining a.open:hover {
	background-position: 0 -150px;
}

/* -- Detailed Course Buttons Stylings -- */

.containerCourseIndex #courseList ul {
	float: left;
	clear: both;
	margin: 0;
	padding-top: 5px;
	padding-top: 10px; /* Hack for IE7 and less */
	padding-bottom: 10px;
	display: block;
	width: 600px;
}

.containerCourseIndex #courseList ul a {
	display: block; /* to increase clickable area as a's default to inline */
	width: 600px;
	height: auto;
	background-image: none !important;
	/*font-size: 1.2em;*/
	font-size: 12px;
	line-height: 1;
	padding-left: 20px;
}


/* ========== Calendar Page ========== */

#calendarWrap {
	float: left;
	margin: 0;
	padding: 0;
	width: 224px;
}

#calendarWrap th {
	width: 224px;
	height: 40px;
	background: url(/en/images/_structure/calendar-monthBackground.jpg) 0 0 no-repeat;
}

#calendarWrap th ul {
	margin: 0;
	width: 224px;
	height: 40px;
}

#calendarWrap th li {
	float: left;
	margin: 0;
	list-style: none;
}

#calendarWrap th .calendarMonthPrev a,
#calendarWrap th .calendarMonthNext a {
	padding-top: 7px;
}

#calendarWrap th .calendarMonthPrev a:hover, 
#calendarWrap th .calendarMonthNext a:hover {
	background: none !important;
}

#calendarWrap th .month {
	padding-top: 6px;
	width: 164px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}

#calendarWrap .calendarDays {
	width: 224px;
	height: 17px !important;
	font-size: 1%;
	line-height: 1;
	overflow: hidden;
}

#calendarWrap td {
	margin: 0;
	padding: 0;
	width: 30px;
	background: #D9D9D9;
	text-align: center;
}

#calendarWrap a {
	display: block;
	width: 30px;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: none;
	color: #686868;
}

#calendarWrap a:hover {
	background: #686868;
	text-decoration: none;
	color: #FFF;
}

#calendarWrap a.on {
	background: #8E0D01;
	color: #FFF;
}

#calendarImage {
	float: right;
}

.calendarcoursedate {
	float: left;
	clear: both;
	padding: 15px 0 15px;
	width: 100%;
	font-family: Geneva, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #8E0D01;
}

.calendarCourseDetails {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: solid 1px #E3E0CF;
}

.calendarCourseDetails p {
	float: left;
	clear: both;
	padding: 8px 0 10px;
	width: 100%;
}

.calendarCourseDetails .primaryInfo {
	margin: 0 !important;
	padding: 0 !important;
}

.calendarCourseDetails .primaryInfo li {
	float: left;
	margin: 0;
	padding-right: 15px;
	padding-bottom: 0 !important;
	list-style: none !important;
}

.calendarCourseDetails .primaryInfo .time {
	font-weight: bold;
	width: 175px;
}

.calendarCourseDetails .primaryInfo .coursename {
	text-transform: uppercase;
	width: 300px;
}

.calendarCourseDetails .primaryInfo .coursenumber {
	text-transform: uppercase;
	width: 100px;
}

.calendarCourseDetails .primaryInfo .register {
	text-transform: uppercase;
}


/* ========== Registration Page ========== */

#inputStage {
	float: left;
	margin-top: 10px;
	margin-bottom: 30px;
	width: 390px;
	height: 23px;
	background: url(/en/images/_structure/inputStages.gif) 0 0 no-repeat;
}

#inputStage .stage1,
#inputStage .stage2,
#inputStage .stage3,
#inputStage .stage4 { 
	width: 390px;
	height:23px;
	background-image: url(/en/images/_structure/inputStages.gif);
}

#inputStage .stage1 { background-position: 0 -23px; }
#inputStage .stage2 { background-position: 0 -46px; }
#inputStage .stage3 { background-position: 0 -69px; }
#inputStage .stage4 { background-position: 0 -92px; }

.containerRegistration {
	float: left;
	clear: both;
	margin-top: 10px;
	width: 467px;
	background: #FFF url(/en/images/_structure/container-input-middle.jpg) repeat-y;
}

.containerRegistration .heading { 
	padding: 0 15px 15px;
	width: 467px;
	height: 35px;
	background: transparent url(/en/images/_structure/container-input-top.jpg) left top no-repeat;
	font-family: Geneva, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 2.2em;
	color: #8E0D01;
	text-transform: uppercase;
}

.containerRegistration .containerBottom {
	width: 467px;
	height: 5px;
	background: transparent url(/en/images/_structure/container-input-bottom.jpg) left bottom no-repeat;
}

.containerRegistration .content {
	position: relative;
	margin: 0 15px;
	width: 437px;
}

#registrationForm ul {
	margin: 0;
	width: 437px;
	border-bottom: 1px solid #A19E9A;
}

#registrationForm li {
	padding-bottom: 8px;
	list-style: none;
}

#registrationForm .cancel {
	text-align: right;
}

#registrationForm .btnNext {
	margin-top: 15px;
	margin-left: 368px;
	margin-bottom: 5px;
	width: 69px;
	height: 23px;
}

#registrationForm label {
	position: relative;
	float: left;
	clear: both;
	margin-right: 7px;
	width: 110px;
}

#registrationForm label .mandatory {
	position: absolute;
	right: 0;
	color: #8E0D01;
}

#registrationForm .text {
	width: 300px;
}

#registrationForm .dropdown {
	width: 240px;
}

#registrationForm .postalCode {
	width: 60px;
}

#registrationForm .phoneShort {
	width: 35px;
}

#registrationForm .phoneLong {
	width: 45px;
}


/* ========== Site Map Page ========== */

.containerSitemap {
	padding: 20px 0 20px 40px;
	width: 860px;
}

.sitemapheading {
	margin-top: 15px;
	padding: 0 0 0 40px;
	width: 860px;
	height: 35px;
	background: transparent url(/en/images/_structure/background-sitemapHeaders.jpg) no-repeat;
	font-family: Geneva, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 2.2;
	color: #8E0D01;
	overflow: hidden;
}

.sitemapsubheading {
	padding-bottom: 10px;
	height: 40px;
	font-family: Geneva, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2;
	color: #000;
}

.containerSitemapGeneralContent {
	float: left;
	margin-right: 15px;
	width: 152px;
}

.containerSitemapGeneralContent ul,
.containerSitemapNavContent ul {
	margin: 0 15px 0 0 !important;
}

.containerSitemapGeneralContent li,
.containerSitemapNavContent li {
	padding-bottom: 3px !important;
	list-style: none !important;
}

.containerSitemapNavContent {
	float: left;
	margin-right: 15px;
	width: 100px;
}

span.showdesc 
{
	display: block;
	margin: 5px 0px 5px 25px;
}

span.hidedesc 
{
	display: none;
}

/* ----- END OF TEMPLATE ----- */