/**********************************************
/ THE BASICS
**********************************************/
body{margin:0;}
body, p, span, div, td, th, ul, ol, li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h2{
	font-size:25px;
	text-transform:lowercase;
	line-height:80%;
}
h3{font-size:14px; color:#2768A0;}
h5, h6{font-size:12px;}
h5{text-transform:uppercase;}
a, a:hover{
	color:#2768A0;
	font-weight:bold;
}
a:focus{background-color:#AFD4FF;}
a:focus img{background-color:#AFD4FF;margin:-2px;padding:2px;}
a:hover{text-decoration:none;color:#3794DF;}
select, textarea, input { /* this coud maybe be gneralized as basic form formatting? */
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
select:focus, textarea:focus, input:focus{background-color:#AFD4FF;border-style:solid;}
/**********************************************
/ SPECIAL TEXT FORMATTING
**********************************************/

.notice{color:red;}
.notice2{color:white; margin:12px 0; background:#3794DF url(../images/courses_selectedTab_bg.gif) bottom repeat-x;}
/*.notice2{color:white; margin:12px 0; background:#CED2D6 url(../images/courses_Tab_bg.gif) bottom repeat-x;}*/
/*.notice2{color:white; margin:12px 0; background:#84878C; }*/
.notice2 p{padding:2px 10px; margin:0;}
.notice a{color:white;}
.small{font-size:0.75em;}

/**********************************************
/ GENERIC PAGE SECTION DEFFINITIONS 
**********************************************/

/* just a container div to restrict the size of the layout and centre the content in the frame */
#container{
	width:770px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
}

/* eConcordia banner */
#header{
	height:66px;
	background:#1141A7 url(/images/header_bg.jpg) repeat-x top left;
	color:white;
}
#header th{
	padding:6px 6px 0 6px;
	text-align:left;
}
#header h1{
	padding:0;margin:0;
	display:none;
}

/* my login in eConcordia header */
#login{padding:0;}
#login form{padding:0;padding-right:6px;margin:0;}
#login table{padding:0; margin:0;}
#login td{padding:2px;color:white;}
#login input{
	width:100px;
	padding:0px;
	border:1px solid white;
	font-size:10px;
}
#login input:focus{background-color:#AFD4FF;}
#login a{text-decoration:none;}
#login a:hover{text-decoration:underline;}

/* text settings, accessiblity and language tool box */
#textSettings{
	background-color:#F1F1F1;
}

/* horizontal nav with links to seperate pages */
.mainNav{
	height:19px;
	padding:3px 0;
	white-space: nowrap;
	width:560px;
}

/*left column menu */
.leftMenu{
	width:115px;
	padding:0; margin:0;
	}
.leftMenu, .leftMenu a, .leftMenu a:link, .leftMenu a:active, .leftMenu a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	color: #001445;
	font-weight:normal;
	text-decoration:none;
}
.leftMenu a:hover{text-decoration:underline;}
.leftMenu ul{padding:0 5px; margin:0;background-color:#F6F6F6;}
.leftMenu li{
	list-style:none;
	border-bottom:1px dotted #B3B3B3;
	padding:4px;
	font-size:11px;
}

.accordian{display:none;}
.accordianShow{display:block;}
.leftMenu .accordianMenuLink {
	/*background-color:#899AAE;*/
	background:#3794DF url(/images/courses_selectedTab_bg.gif) repeat-x scroll bottom left !important;
	margin-top:5px;
	text-transform:capitalize;color:white;font-weight:bold;
	overflow:hidden;
	width:105px;
}
.leftMenu .accordianMenuLink li{border-bottom:0px solid #899AAE;text-align:center;}
.leftMenu .accordianMenuLink a{	color:white; font-weight:bold;}

/* generic formating for right-hand informational sidebar */
.sideBar{
	width:208px !important;
	border-left:1px solid white;
}
div.sideBar{
	background:#5D88BF url(/images/sideBar_bg.jpg) repeat-y top left;
}
.sideBar .rndCornerBL{
	clear:both;
	height:30px;
	background:url(/images/sideBar_corner.gif) no-repeat bottom left;
}
.sideBar a, .sideBar a:hover{
	color:white !important;
	font-weight:bold;
}
.sideBar div{
	margin:0;
	padding:0 25px;
	color:white;
}
.sideBar h2{
	margin:6px 0;
}
.sideBar h3{color:#fff;}

/* main content */
#content{padding:0 6px;}
/* headings for sections */
#sectionHeading{margin:6px 12px 6px 0;	text-align:right;}
#sectionHeading .title{
	padding:0 20px;
}
#sectionHeading h1{font-size:24px; color:white; text-transform:lowercase;margin:0; padding:0;}

/*generic footer style */
#footer, #footer p, #footer a, #footer a:hover{
	color: #999; 
	font-size: 10px;
	text-align:center;
}

/**********************************************
/ PAGE SPECIFIC STYLE 
**********************************************/

/*
 * HOME PAGE
 */

/* main body content */
#home .content{
	padding:30px 12px 30px 0;
	background:url(/images/adServer.cfm) no-repeat top left;
}
/* homepage sideBar style*/
#notice{
	background:#4A6590 url(/images/notice_bg.jpg) repeat-y top left;
	border-top:1px solid #4A6590;
	border-bottom:1px solid #739CC8;
}
#news .btn{
	text-align:right;
}
#news .btn a{
	text-decoration:none;
	text-transform:lowercase;
	font-size:14px;
}
#news .btn a:hover{text-decoration:underline;}

/* homepage content sections */
#blurb{
	margin-left:190px;
	margin-bottom:80px;
}
#blurb .content{
	padding:0 20px 1px 20px;
	background-color:white;
	background:url(/images/blurb_bg.png);
}
#blurb .rndCornerTL, #blurb .rndCornerBL{
	height:6px;
	background: no-repeat top left;
}
#blurb .rndCornerTL{
	background-image: url(/images/blurb_rndCornerTL.png);
}
#blurb .rndCornerBL{
	background-image: url(/images/blurb_rndCornerBL.png);
}
#blurb h2{
	margin-top:0;
	font-size:14px;
	text-transform:none;
	color:#160A5F;
}

#direction{
	padding:0;
	padding-left:185px;
	background:url(/images/direction_bg.png) repeat-y top right;
}
#direction h2{
	margin:0;padding:0;
	font-size:30px;
	color:#2768A0;
}
#direction td{padding:2px 10px;
/*	border:1px white dashed;*/
}
#direction a{text-decoration:none;}
#direction a:hover{text-decoration:underline;}
#direction h2 a:hover{text-decoration:none;color:#3794DF;}
#direction p{margin:0.25em;}

#direction img{
	padding-bottom:10px;
}
#goBtn{
	display:block;
	width:32px; height:20px;
	margin-bottom:10px;
	background:url(/images/go_glass.gif) top left no-repeat;
}
a#goBtn:hover {
	background-image:url(/images/go_glass_on.gif);
	cursor:pointer;
}
#direction .rndCornerTR{
	background:url(/images/direction_rndCornerTR.gif) no-repeat top right;
}
#direction .rndCornerBR{
	background:url(/images/direction_rndCornerBR.gif) no-repeat bottom right;
}

#aBar{
	height:60px; 
	padding:4px; margin: 12px 0;
	background:#5A8AC6 url(/images/aBar_bg.gif) top right no-repeat;
	}

#pollSection{
	padding:0px; padding-left:8px; margin: 12px 0;
	color:white; background-color:#5A8AC6;
	/*background:#FFFFFF url(/images/light_blue_shade.jpg) top left repeat-y;*/
	}
#pollSection .rndCornerTR{
	background:url(/images/direction_rndCornerTR.gif) no-repeat top right;
}
#pollSection .rndCornerBR{
	background:url(/images/direction_rndCornerBR.gif) no-repeat bottom right;
}

/*.pollSection .rndCornerBL{
	clear:both;
	height:30px;
	background:url(/images/sideBar_corner.gif) no-repeat bottom left;
}*/

	
/*
 * ABOUT PAGE
 */
#about #sectionHeading{
	background:#7C9464 url(/images/about_bg.gif) bottom repeat-x;
}
#about h5{
	color: #688D69; 
}
/*
 * COURSES PAGE
 */
#courses #sectionHeading{
	background:#ADB0B5 url(/images/courses_bg.gif) bottom repeat-x;
}
/*
#courses a{	color:#37875A;}
#courses a:hover{color:#52CB87}
*/
#courses h5{
	color: #636467; 
}
#courses h3{color:#FFF; margin:18px 6px 6px;}
#courses .sideBar{
	background:#688D69 url(/images/courses_sideBar_bg.jpg) repeat-y top left;
}
#courses .sideBar h6{margin-bottom:0;}
#courses #content{padding:0 12px 0 0;}
#creditAccess a{text-transform:uppercase;font-weight:bold;text-align:center; text-decoration:none;display:block;}

.courseNameLink, .courseNameLink a:link ,.courseNameLink a:visited, .courseNameLink a:hover, .courseNameLinkLong {
	font-size: 12px;
	color: #3D3D3F !important;
	font-weight:bold;
	white-space: nowrap;
}
.courseNameLinkLong{background-color:#ADB0B5;}
.courseNameLink td{
	padding-left:7px;
	}
.courseNameLink th, .courseNameLinkLong th{
	padding:0px 5px;
	text-align:left;
	width:100%;
}
.courseNameLink a:hover{
	text-decoration: none;
}
/*courses Language and Credit Status */
td.status1, td.status0, span.status1, .courseOutline{
	text-align:right;
	padding:0 !important;
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#9C9FA3;	
}
td.courseOutline{padding:2px 4px !important;}
td.status1 div,td.status0 div, span.status1{
	width:1.5em;
	text-align:center;
	margin:0px;
	padding:0.25em;
}
td.status1{
	font-weight:bold;
	color:#3D3D3F;
}
td.status0{
	color:#9C9FA3;
/*/// too remove non-available options from course legend, uncomment this: ///*/	
	/*display:none;*/
}
td.statusLast{border-right-width:1px;}
.sideBar span.status1{border:0;}
.courseList{padding:0;}
.courseList th{
	text-align:left;
}
.courseList td{
	border-bottom: 0px dashed #9C9FA3;
	padding: 3px;
	vertical-align:top;
}

.courseInfo{
	padding:0px;
	border:1px #9C9FA3 solid;
	border-width:1px 0;
	background:#F1F1F1 url(/images/semesterBg.gif) repeat-x;
}
.courseInfo .room{
	padding:6px;
}
/* fix for course info box not expanding to height of accordion panel */
.courseInfoBrief{height:100%;}
#courses #btns{ margin:0;}

#courses a.btnLink{
	width:100px;
	display:block;
	text-align:center;
	font-size:11px;
	color:white;
	font-weight:bold;
	text-transform:lowercase;
	text-decoration:none;
	padding:6px 3px;
	background-color:#2768A0;	
}
#courses a:hover.btnLink{color:#3794DF;}
#courses a.floatLeft{float:left;}
#courses a.floatRight{float:right;}
.courseListLegend{font-style:italic;}
.courseListLegend img{vertical-align:middle;}

/*///// SEMESTER TABS /////*/
#tabs {
  width:100%;
  background:#fff;
  line-height:normal;
  }
#tabs ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#tabs li {
  float:left;
  margin:0 2px 0 0;
  padding:0;
  }
#tabs a {
  float:left;
  width:80px;
  display:block;
  padding:6px 15px 4px 15px;
  text-decoration:none;
  font-weight:bold;
  color:white;  
  background:#5C80A0;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
	color:#3794DF;
	/*width: 100%;*/
}
#tabs .active {
  background:#2768A0 url(../images/courses_selectedTab_bg.gif) bottom repeat-x;
  /*background:#2768A0;*/
}
#tabs .active a {
  color:white;
  padding-bottom:5px;
}
#tabs .active a:focus{
	background:inherit;
}  

#tabs {
	width:100%;
	margin:0;
	margin-top:12px;
	padding:0;
}


/*///// END SEMESTER TABS /////*/
#courseListHeader{
	background-color:#2768A0;
	color:white;
	padding:2px 6px;
}
#courseListHeader #dates, #courseListHeader #filter{
	
}
#courseListHeader #dates{
	float:left;
	height:21px; 
	font-weight:bold;
	padding-top:2px;

}
#courseListHeader #filter{
	text-align:right;
}
#courseListHeader #filter select{}

#courseDetailsHeader{
	background-color:#ADB0B5;
	margin:0; padding:0;
	height:21px;
}
#courseDetailsHeader .courseName{ 
	width:78%;
	float:left;
	padding:3px; margin:0;
	font-weight:bold;
}
#courseStatusPanel{
	float:right;
	width:20%;
	margin:0;
}
#courseStatusPanel div{
	float:right;
	border-left:#9C9FA8 solid 1px;
	padding: 3px;
	color:#9C9FA8; font-weight:bold;
}
#courseStatusPanel div.active{ color:black; }

/*///// RICO API ACCORDION /////*/
.PanelHead{border-top:1px solid #9C9FA3; padding:0;}
.PanelHead{cursor:n-resize;}
.ricoAccordion{ margin:0;}
/*///// END RICO API ACCORDION /////*/

/*/////CourseList.ascx styles /////*/
#courseListPanel,
#courseDetailsPanel
{
	width:100%;
	padding:0 !important;
	background-color:#F1F1F1;
}
#courseDetailsPanel
{
	border-top:1px solid #838B96;
	background:#F1F1F1 url(/images/semesterBg.gif) top left repeat-x;
}


a.button
{
	display:block; margin:6px 0; width:128px; /* default width */	
	color: #3782C3; text-decoration:none; cursor:pointer;
	padding:0 !important;
	border:0;
}
a.button:hover{color:#43A2EF;}
a.button .head .right
{
	background: url(/images/button/top_button.png) top right no-repeat;
	margin:0; margin-left:8px; padding:0;
	height:5px;
	font-size:0px;
}
a.button .head .left
{
	background: url(/images/button/top_left_button.png) top left no-repeat;
	display:block; float:left;
	margin:0; padding:0;
	height:5px !important; width:8px;
	font-size:0px;
}
a.button .body
{
	border:none !important;
    margin:0; padding:0 !important;
	background:none;
}
a.button .body .right
{
	background: url(/images/button/bottom_button.png) bottom right no-repeat;
	margin:0 0 0 8px; padding:0 4px 8px 0;
}
a.button .body .left
{
	background: url(/images/button/bottom_left_button.png) bottom left no-repeat;
	float:left; 
	margin:0;
	width:8px; height:21px;
	font-size:0px;
}
a.button p
{
	font-size:11px !important;
	margin:0; padding-right:24px;
}
a.button.viewCourse, 
a.button.newsArchive,
a.button.learnMore,
a.button.courseSelection
{float:left; width:116px; margin-bottom:0;}
a.button.newsArchive,
a.button.courseSelection
{float:right;}
a.button.courseSelection{width:163px;}
a.button.moreInfo, 
a.button.courseDemo
{width:140px;}
a.button.moreInfo .body .left{height:34px;}
a.button.programDetails{float:right;}
a.button.orientationVideo{width:195px;}


a.button .arrow{background: url(/images/CourseList/arrow_icon.gif) center right no-repeat;}
a.button .demo{background: url(/images/CourseList/flash_icon.gif) center right no-repeat;}
a.button .outline {background: url(/images/CourseList/pdf_icon.gif) center right no-repeat;}
a.button img.icon{}


/*
.button
{
	background:url(/images/CourseList/bottom_button.png) bottom left no-repeat;	
	display:block;
	width:128px;
	padding:0 6px 5px; margin:6px;
	color: #3782C3; 
	text-decoration:none;
	cursor:pointer;
}
.button .head
{
	background:#F1F1F1 url(/images/CourseList/top_button.png) top left no-repeat;
	font-size:0px;
	height:5px;
	margin:0 -6px;
}
.lm , .vc{ 	float:right; margin:6px 0; }
.vc{float:left;}
.vcs {	background:url(/images/CourseList/bottom_button_vcs.png) bottom left no-repeat;	width:150px; float:left; margin:6px 0; }
.vcs .head { background:#F1F1F1 url(/images/CourseList/top_button_vcs.png) top left no-repeat; }
.button p
{
	font-size:11px !important;
	padding:3px 24px 3px 0px; margin:0;
}
*/



#courseListPanel .courseIcon,
#courseDetailsPanel .courseIcon
{
	display:block; position:relative;
	width:114px; height:150px;
	background:url(/images/CourseList/course_icon_bg.gif) bottom left no-repeat;
	border:0px solid #2D70A5;
	padding: 4px; margin:6px;
	text-align:center; text-decoration:none; color:#494949; 
	float: left;
}
#courseListPanel .courseIcon:hover
{
	background:url(/images/CourseList/course_icon_bg_rollover.gif) bottom left no-repeat;
}
#courseListPanel .courseIcon h3,
#courseDetailsPanel .courseIcon h3
{
	font-size: 12px; text-align:center; color:#fff; text-transform:uppercase;
	background:#F1F1F1 url(/images/CourseList/course_icon_header.gif) top left no-repeat;
	margin:-4px -4px 0 -4px; margin-bottom:4px;
	padding:8px 0 2px; min-height:15px;
}
* html #courseListPanel .courseIcon h3,
* html #courseDetailsPanel .courseIcon h3
{height:15px;} /* IE 6 hack */

#courseListPanel .courseIcon:hover h3
{
	background:#F1F1F1 url(/images/CourseList/course_icon_header_rollover.gif) top left no-repeat;
}
#courseListPanel .courseIcon img,
#courseDetailsPanel .courseIcon img
{border:0; width:112px; height:67px;}
#courseListPanel .courseIcon img.newCourse,
#courseDetailsPanel .courseIcon img.newCourse
{
	position:absolute; 
	top:0; left:0;
	background:none !important;
}
#courseListPanel .courseIcon .courseName,
#courseDetailsPanel .courseIcon .courseName
{
	padding:3px;
	font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
}
#courseDetailsPanel .legend
{
	float:left;
	width:150px;
	padding:12px 0;
}
#courseDetailsPanel .description
{
	float:right;
	width:370px;
	padding:12px;
}

.boxHeader{
	padding:0 !important; 
	position:relative;
}
.boxHeader .body{
	border:1px solid #DADADA;
    padding:15px;
	margin:0 !important;
	background:#F1F1F1; /* url(somefile) top right repeat  */
}
.boxHeader .body .bodyText{height:1px; border:1px solid #F1F1F1;}
.boxHeader .icon_cr, .boxHeader .icon_ncr  {margin-right:25px; float:left; border:1px solid #DADADA; }

.boxHeader2 {
  background:#fff;
  line-height:normal;
  margin:0;
  margin-top:12px;
  width:100%;
  background:#2768A0 url(../images/courses_selectedTab_bg.gif) bottom repeat-x;
  padding:0;
}

.boxHeader2 a {
  display:block;
  padding:6px 15px 4px 15px;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:white;  
}

.newsTitle,
.newsBody
{
margin:0 0 0 129px; padding:0; 
color:#575757;
}
/* Hides from IE5-mac \*/
* html .newsTitle, *html .newsBody {height: 1%;}
/* End hide from IE5-mac */

.newsTitle h3
{margin:0; padding:0; font-size:15px; font-weight:bold; color:#2769A1;}
.newsTitle h3 a{text-decoration:none;}
.newsBody dt
{
	font-weight:normal;
	color:#7F7F7F;
	width: 4em;
	padding:0; padding-bottom:6px;
	float: left;
	margin: 0; display:block;
}
.newsBody dd
{
	margin:0; margin-left:5.5em;
	padding:0; padding-bottom:6px;
	font-size:12px; font-weight:normal;
	
}
/*///// END COURSES.ASCX styles /////*/

/*
 * REGISTRATION PAGE
 */
#registration #sectionHeading{
	background:#6A8B9C url(/images/registration_bg.gif) bottom repeat-x;
}
#registration h5{
	color: #6A8B9C; 
}
#registration .sideBar{
	background:#6A8B9C url(/images/registration_sideBar_bg.jpg) repeat-y top left;
}
 
.hiddenDiv {display:none}
#step2{border-top:1px dashed #9CAAB2;}
#step3 div{
	border:1px dashed #9CAAB2;
	padding:20px;
	padding-top:0px;
}
#registration div.notice{
	padding:10px;
	color:white;
	background-color:#A33118;
	border:1px solid #A33118;
	}

 
/*
 * CONTACT PAGE 
 */
#contact #sectionHeading{
	background:#8B8875 url(/images/contact_bg.gif) bottom repeat-x;
}
#contact h5{
	color: #8B8875; 
}
#contact .sideBar{
	background:#A7A493 url(/images/contact_sideBar_bg.jpg) repeat-y top left;
}


/*
 * FAQ PAGE
 */
#faq #sectionHeading{
	background:#A88B53 url(/images/faq_bg.gif) bottom repeat-x;
}
#faq h5{
	color:#A88B53; 
}
#faq .sideBar{
	background:#A88B53 url(/images/faq_sideBar_bg.jpg) repeat-y top left;
}

#faq .jumpMenu{
	border-bottom:1px solid #DFDFDF;
	padding-bottom:12px;
}
.formInputFAQ { /* this coud maybe be gneralized as basic form formatting? **/
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF; 
	border: 1px solid #FFFFFF;
}

/*
 * CORPORATE PAGE
 */
#corporate #sectionHeading{
	background:#627293 url(/images/corporate_bg.gif) bottom repeat-x;
}
#corporate h5{
	color:#627293; 
}

/*
 * SITE MAP 
 */
#sitemap h6, #sitemap ul, #sitemap li{
	margin-top:0.5em;
	margin-bottom:0.5em;
	list-style-type: none;
}
#sitemap h6{margin-top:1.2em;}

/*
 * My ECONCORDIA
 */
 
/* course list boxes */
.myEconBoxLessonTitle{ 
	color:white;
	font-weight:bold;
	} 
.myEconBoxLinks{ 
	color:white;
	font-weight:normal;
	}
.myEconBoxNews{
	color:#697B8F;
	font-weight:bold;
	}
/*
 * MY COURSELIST
 * (mostly inherits styles form course list on main site
 */
#courseList h2{font-size:16px;}
#courseList #welcomeMessage{
	padding:6px 18px;
	background:#F1F1F1;
} 

.clear{clear:both;}