ÿþ/*



Kowhai Communications Ltd.

Pegasus -- Main Style Sheet



05 September 2006

Chris Evans



*/



/* ++ Main */

body {

	font: 80%/1.25em Verdana, Arial, Helvetica, sans-serif;

	color: #404040;

	background: #fff;

	margin: 0;

}

.row.fc.stickToAbove

{

	padding: 0 !important;

	padding-left: 16.4em !important;

	padding-bottom: 1em;

	margin-top: -.2em !important;

	width: 100%;

}



input, select, textarea {

	font: 100%/1.25em Verdana, Arial, Helvetica, sans-serif;

}

	

a {

	color: #EB6D20;

}

a:hover {

	color: #ff0000;

}

a:visited {

	color: #EB6D20;

}

img {

	border: none;

}





h1 {

	margin: 0 0 .25em 0;

	padding: 0;

	font-size: 125%;

	line-height: 1.25em;

	color: #EB6D20;

}



h2 {

	margin: .5em 0 .25em 0;

	padding: 0;

	font-size: 100%;

	line-height: 1.25em;

	color: #EB6D20;

}



h3 {

	font-weight: bold;

	padding: 0;

	margin: 0;

	font-size: 110%;

	line-height: 1.25em;

	color: #404040;

}



ul.navigation {

	margin: 0;

	padding: 0;

	list-style: none;

}







/* ++ Layout */

div#page {

}



div#page.public {

	width: 758px;

}



div#header {

	position: relative;	

}



div#header div.languagePicker {

	position: absolute;

	top: 1em;

	right: 1em;	

}

	



div#content {

	clear: both;

}



div#content div.mainContent {

	width: 80%;

	float: right;

}



div#content div.sideMenu {

	width: 17%;

	float: left;

}



div#content div.contentColumn {

	float: left;

}



div.contentColumn.first {

	width: 55%;

}



div.contentColumn.second {

	width: 35%;

	margin-bottom: 2em;

}



div#content div.dataDisplay {

	float: left;

	width: 70%;

}



div#content div.utility {

	float: right;

	width: 28%;

}





div#page.public div#content div#mainContent {

	float: left;

	width: 68%;

}



div#page.public div#content div#sideBar {

	float: right;

	width: 28%;

}



div#page.publicMinimal div#content div#mainContent {

	float: left;

	width: 68%;

}



div#footer {

	clear: both;

	margin: 1em 0 3em 0;

}







/* ++ Appearance */



/* ++ Page */

div#page {

	text-align: left;

	padding: .75em;

}





/* ++ Header */

div#header {

	padding: 0 0 0 0;

	margin: 0 0 .5em 0;

	background: transparent url(../Images/header_bg.gif) no-repeat right bottom;

}



div#header p.loggedIn {

	float: right;

	color: #EB6D20;

	margin: 0 .75em .75em 0;

	padding: 0 0 .25em 0;

}



div#header p.loggedIn span.loginName {

	font-size: 130%;

}



div#header img.mainlogo {

}



/* ++ Step indicator */

ul.stepIndicator {

	margin: 1em 0 1em 0;

	padding: 0;

	list-style: none;	

}



ul.stepIndicator li {

	padding: 1em;

	display: block;

	float: left;

	border: 1px solid #fff;

}



ul.stepIndicator li.selected {

	border: 1px solid #EB6D20;

	font-weight: bold;

}



/* ++ Public Header menu */

div#publicMenu {

	text-align: right;	

}



div.menuPanel {

	width: 44.1em;

	border:1px solid #c3c3c3;	

	border-top:none;

}



div#internalMenu {

	text-align:left;

	width: 44.1em;

	background: transparent url(../images/header_bg.gif) no-repeat left bottom;	

	padding-right:2px;

}



div#internalMenu.mini

{

	width: auto;

}



div#internalMenu.steps {

	width: auto;

}





div#publicMenu ul, div#internalMenu ul {

	display: inline;

	float: right;	

	margin: .75em 25px 0 0;

}



div#internalMenu.mini ul

{

	margin-top: 4px;

}



div#internalMenu ul { float: left; }



div#publicMenu ul li, div#internalMenu ul li {

	float: left;

	background:url("../images/left_both.gif") no-repeat left top;

	margin:0;

	padding:0 0 0 9px;

	border-bottom:1px solid #c3c3c3;

}



div#publicMenu ul li a, div#internalMenu ul li a, div#internalMenu ul li span

{	

	float: left;

	display:block;

	font-size: 93%;

	white-space:nowrap;

	background:url("../images/right_both.gif") no-repeat right top;

	padding:5px 15px 4px 6px;

	text-decoration:none;

	font-weight:bold;

	color:#333;

	

}



.mini ul li a

, .mini ul li span

, .mini ul li.selected span

{

	padding:2px 15px 2px 6px !important;

}



.mini ul li.selected a

{

	padding-bottom:3px !important;

}



.mini ul li.selected a

{

	padding-bottom:5px;

	color:#333;

	border: none;

}



div#internalMenu ul li span {

	font-weight: normal;

	color: #aaa;

}



div#publicMenu > ul a, div#internalMenu > ul a, div#internalMenu > ul span

{

	width:auto;

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/

div#publicMenu a, div#internalMenu a, div#internalMenu span

{

	float:none;

}



/* End IE5-Mac hack */

div#publicMenu a:hover, div#internalMenu a:hover

{

	color:#333;

	border: none;

}



div#publicMenu li.selected

, div#publicMenu li.childSelected

, div#internalMenu li.selected

{

	background-position:0 -150px;

	border-width:0;	

}



div#publicMenu li.selected a

, div#publicMenu li.childSelected a

, div#internalMenu li.selected a

{

	background-position:100% -150px;

	padding-bottom:5px;

	color:#333;

	border: none;

}

div#publicMenu ul li:hover

, div#publicMenu ul li:hover a

, div#internalMenu ul li:hover

, div#internalMenu ul li:hover a

{

	/*background-position:0% -150px;*/

	color:#EB6D20;

}

/*

div#publicMenu ul li:hover a, div#internalMenu ul li:hover a

{

	background-position:100% -150px;

}

*/





/* ++ Hidden */

.hidden {

	visibility: hidden;

	display: none !important;

}





/* ++ Content */



ul#studyCard.linkList li h2

{

	margin-top: 1em;

	margin-left: .3em;

}



ul#studyCard.linkList li ul

{

	list-style: none;

	margin-left: 1em;

}



ul.linkList {

	list-style: none;

	margin:0;

	padding:0;		

}



ul.linkList li {

	margin: .5em 0 .5em 0;

	padding: 0;	

}



div#content img.icon {

	float: right;

}



p.intro {

	font-weight: bold;

}



p.promo {

	font-weight: bold;

	color:#EB6D20;	

}



div.homepage {

	padding: 1em 0 0 30px;	

}



div.homeContent {

	width: 330px;

}	



div.homeContent, img.homeImage {

	float: left;	

}



div.mainContent {

	padding: .5em 0 0 0;

	margin: 0 0 1em 0;

}



div.contentColumn.first {

	border-right: 1px solid #C3C3C3;

	padding: 0 2% 0 0;

}



div.contentColumn.second {

	padding: 0 0 0 2%;

}



div.sideMenu ul.navigation li {

	

}



div.sideMenu ul.navigation li a, a.logoutLink {

	text-decoration: none;

	color: #404040;

	font-weight: bold;

	display: block;	

	width: 100%;

	padding: .45em;

	border-bottom: 1px solid #AFB0B2;

}



a.logoutLink:visited {

	color: #404040;	

}



div.sideMenu ul.navigation li a:hover, a.logoutLink:hover {

	background: #B3B3B4;

	color: #fff;

}





a.logoutLink {

	margin-bottom: 10em;	

}



div.sideMenu ul.navigation li.selected a,

div.sideMenu ul.navigation li.childSelected a {

	background: #F4F7F8;

	color: #EB6D20;

}



div.sideMenu ul.navigation li.selected ul li a {

	color: #404040;

}



div.sideMenu ul.navigation li ul {

	margin: 0;

	padding: 0;	

}



div.sideMenu ul.navigation li ul li {

	margin: 0;

	display: none;

}



div.sideMenu ul.navigation li ul li.parentSelected,

div.sideMenu ul.navigation li ul li.selected,

div.sideMenu ul.navigation li.childSelected ul li {

	display: block;	

}



div.sideMenu ul.navigation li ul li.parentSelected a {

}



/*

div.sideMenu ul.navigation li.selected.hasChildren a,

div.sideMenu ul.navigation li.childSelected a {

	border: none;

}





div.sideMenu ul.navigation li.selected.hasChildren {

	border-bottom: 1px solid #AFB0B2;	

}

*/



div.sideMenu ul.navigation li ul li.parentSelected a,

div.sideMenu ul.navigation li ul li.selected a,

div.sideMenu ul.navigation li.childSelected ul li a {

	border: none;

	width: 86%;

	padding-left: 18%;

	background: transparent url(../images/subitem.gif) no-repeat left top;

	background-position: 20px .7em;

}

div.sideMenu ul.navigation li.selected.hasChildren ul li a:hover,

div.sideMenu ul.navigation li.childSelected ul li a:hover {

	background: #B3B3B4 url(../images/subitem_roll.gif) no-repeat left top;

	background-position: 20px .7em;

	color: #fff;	

}



div.sideMenu ul.navigation li ul li.selected a {

	background: #F4F7F8 url(../images/subitem.gif) no-repeat left top;

	background-position: 20px .7em;

	color: #EB6D20;

}



span.altlang {

	background: #fffacd;

	border: 1px solid #000;

	color: #000;

	font-weight: normal;

	padding: .25em;

	display: none;

}





ul.icons li a {

	text-decoration: none;

	color: #404040;

	font-weight: bold;

	display: block;

	padding: 15px 0 0 50px;	

	min-height: 35px;	

}



* html ul.icons li a {

	height: 35px;	

}





ul.icons li.book a {

	background: transparent url(../Images/homeNav/book_new_course.gif) no-repeat left center;

}

ul.icons li.book a:hover {

	background: transparent url(../Images/homeNav/book_new_course_roll.gif) no-repeat left center;

}



ul.icons li.view a {

	background: transparent url(../Images/homeNav/view_sched_courses.gif) no-repeat left center;

}

ul.icons li.view a:hover {

	background: transparent url(../Images/homeNav/view_sched_courses_roll.gif) no-repeat left center;

}



ul.icons li.continue a {

	background: transparent url(../Images/homeNav/continue_course.gif) no-repeat left center;

}

ul.icons li.continue a:hover {

	background: transparent url(../Images/homeNav/continue_course_roll.gif) no-repeat left center;

}



ul.icons li.update a {

	background: transparent url(../Images/homeNav/personal_information.gif) no-repeat left center;

}

ul.icons li.update a:hover {

	background: transparent url(../Images/homeNav/personal_information_roll.gif) no-repeat left center;

}



div#featureMenu

{

	width: 230px;

	float: left;

	margin-left: 1em;

}



div#featureMenu h2

{

	padding: 1em;

}



div#userMenu {

	width: 400px;

	text-align: center;	

	float: left;

}



div#userMenu h2 {

	padding: 1em;	

}



div#userMenu ul.icons li a {

	background-position: 10px center;	

}





div#userMenu ul.icons li a:hover {

	background-color: #F3F7F8;

}



div.collapsePanelHeader {

	margin: 1em 0 0 0;		

	width: 42em;

	background: #F3F7F8;

	padding: .33em 1em .33em 1em;

	border-bottom: 1px solid #AFB0B2;

}



ul.resourceList {

	list-style: none;

	margin: 0;

	padding: 0;	

}



ul.resourceList li {

	padding: .5em 0 .5em 0;

	clear: left;

}



ul.resourceList li ul li {

	display: inline;

}	



ul.resourceList li.leaf {

	display: inline;

	padding: 0 1em 0 0;	

}



div.privacy {

	overflow: auto;

	height: 7em;

	background: #fff;

	border:1px solid #c3c3c3;

	padding: .5em;	

}







/* ++ Sidebar controls */



span.minor { font-size: 70%; font-weight: normal; }



div.publicBox {

	margin: 1em 0 2em 0;	

}



div.publicBox h2 {

	font-size: 130%;

	margin:0 0 .5em 0;

	padding: 0;

	font-weight: normal;

}



div.publicBox p { /* margin:0 1em 1em 1em; */}

div.publicBox p.final { /* margin:0 1em 0 1em; */}





/* set the image to use and establish the lower-right position */ 

div.publicBox, div.publicBox div.boxBody, div.publicBox div.boxHead, div.publicBox div.boxHead h2, div.showHideLink { 

	background: transparent url(../images/publicBoxBg.gif) no-repeat bottom right; 

} 



div.publicBox { 

	padding-right: 5px; /* the gap on the right edge of the image (not content padding) */ 

	margin: 10px auto; /* use to position the box */ 

} 



div.publicBox.medium {

	width: 50%;	

	margin:0;

}



div.publicBox.medium.login {

	margin: 20px auto;	

}



div#mainContent.login h2

{

	padding-top: 0;

	padding-left: .8em;

	padding-bottom: 1em;

}



div#mainContent.login label

{

	margin-left: .8em;

}



div#mainContent.login input

{

	float: left;

	margin-left: .7em;

}



/* set the top-right image */ 

div.publicBox div.boxHead { 

	background-position: top right; 

	margin-right: -5px; /* pull the right image over on top of border */ 

	padding-right: 5px; /* right-image-gap + right-inside padding */ 

} 



/* set the top-left image */ 

div.publicBox div.boxHead h2, div.showHideLink { 

	background-position: top left; 

	margin: 0; /* reset main site styles*/ 

	border: 0; /* ditto */ 

	padding: 5px 0 2px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 

	height: auto !important; 

	height: 1%; /* IE Holly Hack */ 

} 



/* set the lower-left corner image */ 

div.publicBox div.boxBody { 

	background-position: bottom left; 

	margin-right: 5px; /* interior-padding right */ 

	padding: 2px 0 5px 5px; /*mirror .cssbox_head right/left */ 

} 







div.registerPromo {

	text-align: center;	

	color: #5F85A5;

	font-weight: bold;

}



div.registerPromo a.regLink {

	font-size: 140%;

	color:#EB6D20;

	display: block;

	margin: .5em 0 0 0;	

}



div.registerPromo h2 { color: #5F85A5; margin: 0; padding: 0; }



div.registerPromo span.phone { display: block; }





/* ++ Login */

div.login div.boxHead h2 {

	padding-left: 10px;

}





div.login div.userPanel input,

div.login div.passwordPanel input {

	width: 7em;

	float: left;

	margin: 0 0 .5em 5px;

}

div.login div.userPanel label,

div.login div.passwordPanel label {

	width: 6.75em;

	float: left;

	margin: 0 0 .5em 5px;

}



div.login.medium div.userPanel input,

div.login.medium div.passwordPanel input {

	width: 16em;	

}



div.login div.userPanel span,

div.login div.passwordPanel span {

	display: block;

	clear: both;

}



div.login div.userPanel, div.login div.passwordPanel {

	clear: both;	

}



div.login div.submitPanel {

	clear: both;

	text-align: right;

}	

div.SearchPanelLinks

{

	text-align:right;

}



div.login div.submitPanel input {

	margin-right: .5em;	

}



div.login div.failurePanel {

	color: #ff0000;

	clear: both;	

}



div.login div.submitPanel {

	clear: both;

	margin-top: .5em;	

	padding: 0 0 .5em 0;	

}



div.login div.passwordRecoveryPanel {

	padding: 5px;

}



p.requirements { text-align: center; }





div.publicBox.announcement {

	margin:0 0 1em 0;

	width: 42em;

}



div.announcement div.boxHead h2 {

	font-size: 110%;

	margin: 0 0 0 0;

}



div.announcement div.boxBody p {

	margin:0 0 .5em 0;

	padding:0;

}





/* ++ Footer */

div#footer {

	text-align: right;

	font: 80% Verdana, Arial, Helvetica, sans-serif;	

	padding: .85em 1.65em 0 0;

	background: transparent url(../Images/footer_bg.gif) no-repeat right top;

}



div#footer a {

	display: none;

}



div#footer p {

	margin: 0;

	padding: 0;

}



/* ++ Custom List control */

div.dictionaryList

{

	width: 190px;

}



div.dictionaryList ul

{

	display:block;

	border: 1px solid #c3c3c3;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



div.dictionaryList ul li

{

	border-bottom: 1px solid #c3c3c3;

}



div.scheduleModulesRow div.column1

{

	width: 190px;

	float:left;

}



div.scheduleModulesRow

{

	width:100%;

	float:left;

	border-top: 1px solid #c3c3c3;

	border-bottom: 1px solid #c3c3c3;

	padding-top: 10px;

	padding-bottom: 10px;

}



div.scheduleModulesRow div.column2

{

	float:left;

	width: 190px;

}





div.scheduleModulesRow div span.heading

{

	text-align:center;

	background-color: #c3c3c3;

	display:block;

}



div span.subText

{

	display:block;

	clear:left;

	font-size: 80%;

	color: #c3c3c3;

}



div.scheduleModulesRow div span.subText

{

	text-align:center;

}



div.scheduleModulesRow a.selectAll

{

	display: block;

	width: 90px;

	text-align: center;

	float: left;

	padding: 4px 0 0 0;

}



div.dictionaryList ul li a

{

	display:block;

	padding: 4px;

}



div.dictionaryList ul li a.selected

{

	color: #c3c3c3;

}



div.dictionaryList ul li.final

{

	border-bottom: none;

}



div.dictionaryList ul li a:hover

{

	background-color: #EDEDED;

	cursor: hand;

}



div.dictionaryList ul li a.selected:hover

{

	background-color: transparent;

	cursor:auto;

}



/* ++ Custom Form controls */

div.customCalendar {

	border:1px solid #000;

	padding: .25em;	

	background: #fff;

	width: 20em;

	text-align: center;

}



div.customCalendar .dateJump {

	border-bottom: 1px solid #999;	

	margin: 0 0 .25em 0;

	padding: 0 0 .25em 0;

}





div.customCalendar .dateJump label {

	float: left;

	width: 25%;

	padding: .25em 0 0 0;

}	



div.customCalendar .dateJump .month {

	float: left;

	width: 48%;

}



div.customCalendar .dateJump .year {

	float: right;

	margin: 0 0 0 0;

	width: 25%;	

}



div.customCalendar table {

	clear: both;	

	margin: 0 auto;

}





.selectedDay a{

	color: #EB6D20 !important;

}



div#resourceManagement div.inputForm

{

	width: 53em;

}



div.inputForm {

	background: #F3F7F8;

	width: 42em;

	padding: 1em 1em 2em 1em;	

}



div.mainContent div.inputForm {

	margin: 1em 0 0 0;

}

div.mainContent div div.inputForm {

	margin: 0;

}



div.inputForm input.button {

	float: right;

}



div.inputForm div.row {

	padding: .5em;

	margin: 0 0 0 0;

}



div.inputForm div.row label {

	width: 16em;

	float: left;

	padding-right: 1em;

}



div.inputForm div.row input, div.inputForm div.row textarea, div.inputForm div.row select.listbox {

	float: left;

	width: 16em;	

}



div.inputForm div.row select {

	float: left;	

}



div.inputForm div.row.checkbox label,

div.inputForm div.row.boolean label {

	width: auto;

}

div.inputForm div.checkbox input,

div.inputForm div.boolean input, 

div.inputForm div.checklist input,

div.inputForm div.radiolist input {

	width: auto;

}



div.inputForm div.radiolist span label {

	width: auto;	

	margin: 0 2em 0 0;

}



table.radiolabel label,

span.radiolabel label

{

	color:Black;

}



div.inputForm div.radiolist.blockItems span {

	display: block;

	width: 20em;

	float: none;

	

	margin: 0 0 0 17em;

}



div.inputForm div.blockItems span label, 

div.inputForm div.blockItems span input {

	float: none;

}



div.inputForm label.resourceEditor

{

	display: block;

	margin-top: 5px;

}



div.inputForm .resourceEditor

{

	margin-left: 6px;

}



textarea.ruleDesigner{

	width: 40em;

	height: 30em;

}



div.inputForm div.mandatory {

	background: transparent url(../images/mandatory_bg.gif) no-repeat left top;

	background-position: 16.5em .8em;	

}



label.mandatory {

	background: transparent url(../images/mandatory_bg.gif) no-repeat left top;

	background-position: 6em .2em;	

}



/* This needs to be fixed */



.mandatoryHighlight

{

	background-color:lemonchiffon;

	font-size:larger;

	font-variant:small-caps;

	font-weight:bolder;

	text-decoration:underline;

}



div.inputForm div.mandatory label {  }



div.inputForm div.checkbox input {

	margin-left: 1em;	

}



div.inputForm div.mandatory.checkbox {

	background-position: .5em .8em;	

}



div.inputForm div.innerPanel

{

	margin: 0px 20px 6px 20px;

	border: solid 1px #bbb;

}



div.inputForm div.innerPanel h3

{

	color: #666;

	font-size: 105%;

	margin: .8em .5em;

}



div.inputForm div.innerPanel div.subOption

{

	margin-top: -6px;

	margin-left: 40px;

}



div.inputForm div.innerPanel.invisible

{

	display:none;

}



div.inputForm div.innerPanel input.subOption,

div.inputForm div.innerPanel span.subOption

{

	margin-top: -6px;

	margin-left: 40px;

}



div.inputForm div.innerPanel div.bottom

{

	margin-bottom: 1em;

}



/* ++ Multi-step controls */



div.stepButtons {

}



div.stepButtons input.stepButton {

	float: right;	

}



div.stepButtons input.previous {

	float: left;		

}



div.enrolmentCalendar {

	background: #fff;	

}



/* ++ Generic controls */



dl {

	margin: 0 0 .5em 0;

}



dt {

	width: 30%;

	display: block;

	float: left;

	clear: left;

}



dd {

	width: 50%;

	display: block;

	float: left;



}



dt,dd

{

	 padding: .25em .25em .25em .5em; 

}



span.notification {

	display: block;

	padding: 1em;

	margin: .5em 0 .5em 0;

	width: 42em;

	background: #F3F7F8;

}



p.notifyOnShopping

{

	width: 100%;

	float: left !important;

	margin: 0;

	padding: 0;

}



span.eventMessage {

	display: block;

	clear: both;

	font-weight: bold;

}



.error {

	color: #ff0000;

}



.red {

	color: #ff0000;

}



.error:visited {

	color: #ff0000;

}



.valid {

	color: #009900;

}



span.error {

	clear: both;

	display: block;

	background: transparent url(../images/error_bg.gif) no-repeat left top;

	padding: 0 0 0 16px;

}



span.error.noimage

{

	background-image: none;

	padding: 0;

}



div.errorPanel{

	background-color: #CCCCCC;

	border: 1px solid Black;

	color: Red;

	font-weight: bold;

	font-family: "Courier New", Courier, monospace;

	padding: 4px;

	position: absolute;

	top: 2em;

	left: 2em;

	z-index: 100;

}

fieldset.adminSection {

	width: 14em;

	margin: 0 1em 1em 0;	

	float: left;

}



fieldset.adminSection legend {

	font-weight: bold;



}



/* ++ Table */



table.fixedLayout

{

	table-layout: fixed;

}



table.infoTable {

	width: 100%;

	border: 1px solid #C3C3C3;

	padding: 0;

	margin: 1em 0 1em 0;

	border-collapse: collapse;

}



table.infoTable thead tr th {

	background: #FDBB60;

	padding: .25em;

	border: 1px solid #C3C3C3;

	text-align: left;

}



table.infoTable tr .minimalWidth

{

	width: 10%;

	white-space: nowrap;

}



table.infoTable tr td.minimalWidth a

{

	white-space: nowrap;

}



table.infoTable tbody tr th {

	background: #FDBB60;

	padding: .25em;

	border: 1px solid #C3C3C3;

	text-align: left;

}



table.infoTable tbody tr td {

	background: #F3F7F8;

	padding: .25em;

	border: 1px solid #C3C3C3;

	vertical-align:top;

}

table.infoTable tbody tr.alt td {

	background: #fff;

}



table.infoTable tr:hover td, table.infoTable tr.alt:hover td,table.infoTable tbody tr.hover td.attended {

	background: #EDEDED;

}



table.infoTable th.action, table.infoTable td.action {

	width: 9em;

	text-align: center;

}



table.infoTable th.date, table.infoTable td.date {

	width: 18em;

}



table.infoTable th.type, table.infoTable td.type {

	width: 9em;

}



table.infoTable th.flush, table.infoTable td.flush {

	width: 1%;

	white-space: nowrap;	

	text-align: center;

}



/* this is to colour an attended schedule */

table.infoTable tbody tr td.attended{

	background:#FFFFE0;



	

}

table.infoTable tbody tr.hover td.attended{

	background:#EDEDED;

	

	

}

table.discreet {

	border: none;	

}



table.discreet thead tr th {

	border: none;	

	background: transparent;

	display: none;

}



table.discreet tbody tr td {

	border: none;	

	background: transparent;

}



table.discreet tbody tr.alt td {

	background: transparent;

}



table.discreet tr:hover td, table.discreet tr.alt:hover td {

	background: transparent;

}



/* remove styles from embedded tables - eg popup calendar */

table.infoTable tr:hover td table tr td, table.infoTable tr.alt:hover td table tr td,

table.infoTable tr td table tr td, table.infoTable tr.alt td table tr td,

table.infoTable tr td table tr th, table.infoTable tr.alt td table tr th {

	background: #fff;

}





/* ++ Requirements Table */



table.requirementsTable {

	border-collapse: collapse;

	width: 100%;	

}



table.requirementsTable td {

	border: 1px solid #C3C3C3;

	padding: .25em;

}



table.requirementsTable td.indicator {

	width: 35px;	

}



div.searchController {

	width: 46em;	

}





/* ++ Report Table */



.reportTable {

	width: 100%;

	border:1px solid #999;

	border-collapse:collapse;

	margin: 0 0 1em 0;

	

}



.reportTable td {

	padding: .25em .25em .25em 2em;

}



.reportTable td.course {

	padding: 0 0 0 4em;

}



.reportTable tfoot td {

	background: #ccc;

	font-weight: bold;

	padding: .25em;

}



div.report

{

	margin-top: 1em;

}



div.report h3 {

	margin: 1em 0 0 0;	

}



div.total {

	border:1px solid #c3c3c3;

	padding: 0 .5em 0 .5em;

	font-weight: bold;	

}



table.numeric {

	

}



table.numeric td, table.numeric th {

	text-align: center;	

	padding:.25em;

}

table.numeric td.name, table.numeric th.name {

	text-align: left;	

	

}



table.numeric th { background: #999; }



table.numeric td.name { 

	border-top:1px solid #666; 

	background: #efefef;

}



table.numeric td.subsection {

	padding-left: 2em;	

	text-align: left;	

}



table.numeric td.subtotal {

	border-left: 1px solid #666;	

	font-weight: bold;	

}





table.numeric tr.total td {

	font-weight: bold;	

}



table.numeric tr.section td {

	border-top:1px solid #666; 	

}



table.numeric tr.total td.name {

	background: none;	

	border: none;

}



table.numeric tr.section td.name {

	border-top:1px solid #666; 

}







/* ++ ModalPopup styling */

/* Blame neil for including such abominations as "filter", it's just until chris changes it for something hip */

.modalBackground {

	background-color:Gray;

	filter:alpha(opacity=70);

	opacity:0.7;

}

.modalPopup {

	background-color:#ffe;

	border-width:2px;

	border-style:solid;

	border-color:#ddc;

	padding:1.4em;

	width:250px;

}



.modalPopup input

{

	margin: 1em .2em 0 .2em;

	width: 80px;

}



.modalPopup.contentScrollable

{

	width:400px;

}



.modalPopup.docReceived

{

	width: 400px;

}



.modalPopup input.uploader

{

	width:auto;

}



.modalPopup div.loading

{

	padding-top: 0.5em;

}



.modalPopup div.loading img

{

	vertical-align: middle;

	margin-right: 4px;

}



.modalPopup div.loading span

{

	color: #c3c3c3;

}



/* div#ExtraInfoPopup

{

	visibility: hidden;

	background-color:#ffe;

	border-width:2px;

	border-style:solid;

	border-color:#ddc;

	padding:1.4em;

	

	width: 450px;

	height: 100px;



	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -150px;

	margin-top: -50px;



	z-index: 100;

}



div#ExtraInfoPopup a.top

{

	display:block;

	position:absolute;

	top: 0;

	right: 0;

	margin-right: 5px;

	margin-top: 5px;

}



div#ExtraInfoPopup a.bottom

{

	display:block;

	position:absolute;

	bottom: 0;

	left: 50%;

	margin-left: -20px;

	margin-bottom: 1.4em;

} */



/* ++ Helper styles */

.fc:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.fc {

	display: inline-table;

	height: 1%;

	display: block;

}

/* ++Activity status of user in grid view */

.inactive{

	color: #aaa;

}

/* ++ Hover Menu styling */



.popupMenu {

	position:absolute;

	visibility:hidden;

	background-color:#F5F7F8;

	border: 1px solid black;



}

.popupMenu a{

	display: block;

	padding: 2px;

}

.popupMenu a:hover{

	background: #EDEDED;

}





.popup {

	background-color:White;

	border: 1px solid black;

	width:50em;

}

.popup h1 {

	padding:.5em;

	background-color: #EB6D20;

	color:White;

}

.popup p {

	padding:.5em;

}

.AjaxUpdate{

	border: 1px dotted #999;

	background:#f5f5f5;	

	position: absolute;

	right: 1em;

	top: 1em;

	width: 10em;

	padding: .5em 1em .5em 1em;

}



#loadProgress

{

	position: absolute; 

	background-color: #f5f5f5; 

	padding: .5em 1em .5em 1em; 

	margin: .7em 0; 

	border: dotted 1px #ccc;

}



div.GridView p.noresults

, div#memberList p.noresults

{

	border:1px solid #c3c3c3;

	margin:.25em 0 .25em 0;

	background-color:#F4F7F8;

	padding:.5em;

	max-width: 43em;

}



/*************************************************

		CALENDAR STYLES

**************************************************/



	div.calendar, table.infoTable  div.calendar{

		border: 1px solid #c3c3c3;

		background:#fff;

	}

	

	table.infoTable table.calendar td, table.calendar td {

		text-align:center;

		color: #000;

		padding: .125em;	

		border-collapse:collapse;	

	}	



	table.infoTable table.calendar td.days, table.calendar td.days, table.infoTable:hover table.calendar td.days {

		background-color: #fdbb60; 

		cursor:default;

	}

	

	table.infoTable table.calendar td.currMonth, table.calendar td.currMonth, table.infoTable table.calendar td.othMonth, 

	table.calendar td.othMonth, table.infoTable table.calendar td.currDay, table.calendar td.currDay, 

	table.infoTable table.calendar td.othDay, table.calendar td.othDay { cursor:pointer; border: solid 1px #999;}

	

	table.infoTable table.calendar td.currMonth, table.calendar td.currMonth, table.infoTable table.calendar td.currDay, 

	table.calendar td.currDay, table.infoTable:hover table.calendar td.currDay {

		background: #fdbb60;

		color: #fff; 

		border: solid 1px #777; 

	}

	

	table.infoTable table.calendar td.disMonth, table.calendar td.disMonth, table.infoTable table.calendar td.disDay, 

	table.calendar td.disDay, table.infoTable:hover table.calendar td.disDay {

		color: #777; 

		border: solid 1px #777; 

		cursor: not-allowed;

	}

	

	table.infoTable span.success

	{

		color: #5a5;

		font-weight: bold;

	}

	

	div.inputForm div.calendar input, div.inputForm div.calendar select {

		width: auto;	

	}

	

/*************************************************

		END OF CALENDAR STYLES

**************************************************/



/* ++ Student Progress Report styling */







ul.progressUnit {

	width: auto;	

}



	ul.progressUnit, ul.progressUnit li ul {

		padding: 0;

		margin: .25em 0 0 0;	

		list-style: none;

	}	

	

	ul.progressUnit li {

		margin: 0 0 0 0;	

		border-top: 1px dotted #999;

		padding: .5em 0 .25em 1em;

		/*position: relative;*/

		background: #fff;

	}

	

	ul.progressUnit li div.indicator { position: relative; }



	ul.progressUnit li img.collapser {

		width:13px;

		margin: 0 .5em 0 0;

	}

	

	ul.progressUnit li span.title {

		padding: 0 0 0 20px;

	}

	

	ul.progressUnit li.collapser span.title {background: transparent url(../images/Collapse.gif) no-repeat left top;}

	ul.progressUnit li.expander span.title {background: transparent url(../images/Expand.gif) no-repeat left top;}

	

	ul.progressUnit li.leaf span.title { background: none; }



	ul.progressUnit li.collapser ul { display: block; }

	ul.progressUnit li.expander ul { display: none; }

	

	

	

	ul.progressUnit li span.graph {

		width: 10em;

		border:1px solid #000;

		height: .5em;

		display: block;		

		margin: 0 0 0 0;

		

		position: absolute;

		right: 4em;

		top: -1em;

		

	}

	

	ul.progressUnit li span.graph img 

	{ 

		height: 100%; 

		background: #009900; 

		float: left;

	}

	

	ul.progressUnit li span.percentage {

		width: 2em;

		margin: 0 1em 0 0;		

		

		position: absolute;

		right: 0;

		top: -1.33em;

		

		text-align: right;

	}	



	

	

	/* ++ GroupView, FeatureList styles */	

		

	.groupNavigation img

	{

		border: none;

		border-collapse: collapse;

		vertical-align: middle;

	}



	.groupNavigation img.showHide, img.showHide

	{

		cursor: pointer;

	}



	/* default font for divs in groupNavigation */

	.groupNavigation div

	{

		vertical-align: middle;

	}



	/* title part of node */

	.groupNavigation div.groupTitle

	{

		height: 10px;

		padding: 0 0 0.6em 0;

		font-weight: bold;

		vertical-align: middle;

	}



	.groupNavigation div.groupTitle img

	{

		margin-top: .1em;

		float: left;

	}



	.groupNavigation div.groupTitle p.title

	{

		margin:0;/* for firefox */

		padding: 0 0 0 0.5em;/* for firefox */

		width: auto;

		white-space: nowrap;

		float: left;

	}

	

	.groupNavigation div.groupTitle a

	{

		width: auto;

		float: left;

		padding-left: 0.5em;

	}



	/* additional info panel */

	.groupNavigation div.groupTitle p.additionalInfo

	{

		float: right;

		font-weight: bold;

		padding-right: 1em;

		font-size: 1.0em;

		width: 33%;

		margin:0;

		display:inline;

		text-align: right;

	}

	

	.groupNavigation .loading

	{

		background: transparent url(../Images/loading/loader.gif) no-repeat left top;

		margin-left: .4em;

		padding-left: 1.4em;

		font-weight: normal;

		float: left;

	}

	

	/* group panel */

	.groupNavigation div.group

	{

		background-color: #f5f5f5;

		padding: 0.6em 0 0.4em 0.4em;

		border: dashed 1px #ccc;

		margin: 0 0 0 0;

	}



	/* hover state of group panel */

	.groupNavigation div.group:hover

	{

		background-color: #eee;

	}



	/* inactive group panel */

	.groupNavigation div.inactiveGroup

	{

		background-color: #eee;

		padding: 0.6em 0 0.6em 0.4em;

		border: dashed 1px #aaa;

		margin: 0 0 0 0;

	}



	/* hover state of inactive group panel */

	.groupNavigation div.inactiveGroup:hover

	{

		background-color: #ddd;

	}

	

	/* links in inactiveGroup, groupNavigation */

	.groupNavigation div.inactiveGroup a

	{

		color: #aaa;

	}



	/* active links in inactiveGroup, groupNavigation */

	.groupNavigation div.inactiveGroup a:active

	{

		color: #666;

	}



	/* hover state of links in inactiveGroup, groupNavigation */

	.groupNavigation div.inactiveGroup a:hover

	{

		color: #666;

	}	

	

	/* ul, li in groupNavigation */

	.groupNavigation ul, #groupHomepage ul

	{

		margin: 0;

		padding:0;	

		list-style: none;

	}



	#groupHomepage div.featureOnly

	{

		padding: 0.5em 0.5em 0.5em 0em;

	}

	

	.groupNavigation ul li

	{

		margin: 0.6em 0 0.6em 0;

	}



	.groupNavigation ul li ul li

	{

		margin-left: 3em;

	}



	.groupNavigation ul.featureSet

	{

		clear: both;

		margin:0px;

		padding: 0.4em 0.4em 0.4em 0.8em !important;

	}

	

	.groupNavigation ul.featureSet li, #groupHomepage ul.featureSet li 

	{

		margin: 7px 5px;

		padding:5px 0 5px 26px;

	}

	

	.groupNavigation ul.featureSet li a, #groupHomepage ul.featureSet li a

	{

		white-space: nowrap;

	}

	

	.groupNavigation ul.horizontal li, #groupHomepage ul.horizontal li

	{

		display: inline;

	}



	.groupNavigation ul.vertical li, #groupHomepage ul.vertical li

	{

		display: list-item;

	}



	ul.featureSet li.progress 

	{

		background: transparent url(../Images/feature_progress.gif) no-repeat left center;

	}



	ul.featureSet li.forum 

	{

		background: transparent url(../Images/feature_forum.gif) no-repeat left center;	

	}



	ul.featureSet li.files 

	{

		background: transparent url(../Images/feature_file.gif) no-repeat left center;	

	}



	ul.featureSet li.assessment 

	{

		background: transparent url(../Images/feature_asssessment.gif) no-repeat left center;	

	}

	

	ul.featureSet li.journal 

	{

		background: transparent url(../Images/feature_journal.gif) no-repeat left center;	

	}

	

	ul.featureSet li.profiles 

	{

		background: transparent url(../Images/feature_profile.gif) no-repeat left center;	

	}

	

	ul.featureSet li.chat 

	{

		background: transparent url(../Images/feature_profile.gif) no-repeat left center;	

	}

	

	ul.featureSet li.course 

	{

		background: transparent url(../Images/feature_course.gif) no-repeat left center;	

	}

	

	div.miniSearchPanel

	{

		margin-top: 1.2em;

		background-color: #F4F7F8;

		border: solid 1px #eee;

		padding: 0.6em 0.4em 0.6em 0.6em;

		font-size: 8pt;

	}

	

	div.miniSearchPanel input

	{

		display:inline;

		margin-right: 0.4em;

		vertical-align: middle;

	}

	

	div.miniSearchPanel input.keywordField

	{

		width: 200px;

	}

	

	div.miniSearchPanel p

	{

		padding-right: 0.8em;

		display:inline;

	}

	

	#groupHomepage div.editOptions

	{

		display: inline;

		margin-left: 0.4em;

	}

		

	#groupHomepage div.displayMode

	{

		display: inline;

		background-color: #f5f5f5;

		padding: 0.5em 0.4em 0.5em 0.6em;

		margin-left: 0.4em;

		font-size: 8pt;

		float: right;

	}

		

	#groupHomepage p.description

	{

		background-color: #f5f5f5;

		padding: 0.5em 0.4em 0.5em 0.6em;

	}

	

	div.groupdescription

	{

		margin: 1em 0;

		background-color: #fff;

		border: dotted 1px #ccc;

		padding: 0.5em 0.4em 0.5em 0.6em;

	}

	

	div.groupdescription.scrolled

	{

		overflow: auto;

		height: 150px;

	}

	

	#groupHomepage h1, #groupHomepage h2

	{

		display:inline;

	}

	

	#groupHomepage div.featureSection

	{

		padding-bottom: 10px;

	}



	#groupHomepage div.subGroupSection h2

	{

		display: block;

		margin-bottom: 0.5em;

	}



	#groupHomepage div.subGroupSection div.groupNavigation

	{

		padding-top: 0.3em;

		margin-bottom: 1.5em;

	}

		

	div.groupdescription ul

	{

		list-style-position: outside;

		margin: 0 0 1em 30pt;

	}

	

	div.groupdescription ul li

	{

		list-style-type: disc;

	}

	

	div.groupdescription ul li li

	{

		list-style-type: circle;

		margin-left: 30pt;

	}

	

	.inputForm div.groupdescription

	{

		margin-top: 0;

	}

	

/* ++ Forums */



div.forumMessage {	

	border:1px solid #c3c3c3;

	margin: 0 0 1em 0;

	padding: 0;	

	position: relative;	

	min-height: 12em;

	background: transparent url(../images/forumMessage_bg.gif) repeat-y left top;

}



div.forumMessage {	

	border:1px solid #c3c3c3;

	margin: 0 0 1em 0;

	padding: 0;	

	position: relative;	

	min-height: 12em;

	background: transparent url(../images/forumMessage_bg.gif) repeat-y left top;

}



* html div.forumMessage { height: 12em; }





div.forumMessage p.date {

	border-bottom:1px solid #999;	

	margin:0;

	padding:.25em .25em .25em .5em;

	background: #FDBB60;	

	font-weight: bold;	

}



div.forumMessage.deleted p.date { background: #ccc; }

div.forumMessage.abuseReport p.date { background: #ff0000; color: #fff; }





div.forumMessage ul.options {

	position: absolute;

	top: .25em;

	right: .5em;

}



div.forumMessage ul.options li {

	display: inline;

	padding: 0 .5em 0 .5em;

}



div.forumMessage ul.options li a { color: #000; }

div.forumMessage.abuseReport ul.options li a { color: #fff; }



div.forumMessage ul.options li span

{

	color: #fff;

	font-weight: bold;

}



div.forumMessage p.userInfo {

	float: left;

	width: 160px;

	font-size: 120%;

	margin: 1em 0 0 .5em;	

}



div.forumMessage p.userInfo span.role { font-size: 80%; }



div.forumMessage div.content {

	margin: 1em .5em .5em 180px;

}



div.forumMessage.lite { min-height: 0; height: auto; width: 42em; background: none; }



div.forumMessage.lite p.userInfo {

	width: auto;

	margin:0;

	position:absolute;

	right:.5em;

	top: .25em;	

	font-size: 100%;

	color: #000;

}



div.forumMessage.lite p.userInfo a { color: #000; }



div.forumMessage.lite span.role { display: none; }



div.forumMessage.lite div.content { margin-left: .5em; width: auto; }

	

p.disclaimer { font-style:italic; font-size: 90%; }



div.inputForm p.disclaimer { margin: 0 0 0 20em; }



div.inputForm p.disclaimer.noMargin { margin: 0; }



div.inputForm p.disclaimer.fairMargin { margin: .5em; width: 98%; }



ul.breadcrumb { margin: 0 0 1em 0; }



ul.breadcrumb li {

	display: block;

	float: left;

	padding: 0 1.75em 0 0;

	margin:0 .5em 0 0;	

	white-space: nowrap;

	background: transparent url(../images/bread_bullet.gif) no-repeat right center;

}

ul.breadcrumb li.final { background: none; }



ul.groups { margin-bottom: 1em; min-height:1em; }



img.gridicon { vertical-align: middle; margin: 0 .25em 0 .25em; }



div.iconKey 

{

	width: 15em;

	margin: 2em 0 0 0;

	border: 1px solid #c3c3c3;

	background:#F4F7F8;

	padding: 1em;	

}



div.iconKey h3 { margin:0 0 .5em 0; padding: 0; font-size: 100%; text-transform: uppercase;}

div.iconKey ul { margin:0; padding:0; list-style: none;}

div.iconKey ul li {margin: 0 0 .5em 0; }

div.iconKey ul li img { vertical-align: top; margin: 0 .5em 0 0; }



div.forumThreadDisplayOptions {

	margin:0 0 .5em 0;

	text-align: right;

	}

	

div#forumMessageTree {

	border:1px solid #c3c3c3;

	margin: .5em 0 .5em 0;

}

div#forumMessageTree div.treeHeader {

	border-bottom:1px solid #c3c3c3;

	padding: .25em .5em .25em .5em;	

	background:#F4F7F8;

}



div#forumMessageTree div.treeHeader a { font-weight: bold; }



div#forumMessageTree div.treeContent {

	overflow: auto;

	height: 7.5em;

	padding: .25em .5em .25em .5em;	

	background:#F4F7F8;

}



div#forumMessageTree div.treeContent ul,

div#forumMessageTree div.treeContent ul li ul { list-style: none; margin:0; padding:0; background: url(../images/treeVertline.gif) repeat-y; }

div#forumMessageTree div.treeContent ul li ul {margin-left: 16px;}

div#forumMessageTree div.treeContent ul li {margin:0; padding: 0 20px; line-height: 20px; background: url(../images/treeNode.gif) no-repeat;}

div#forumMessageTree div.treeContent ul li:last-child,

div#forumMessageTree div.treeContent ul li.last { background: #F4F7F8 url(../images/treeLastNode.gif) no-repeat; }



/* ++ Files styles */



div#multiPanelDisplay div.column

{

	float: left;

	border: none;

	font-size: 85%;

}



div#multiPanelDisplay div.column.first { width: 46%; padding:0;}



div#multiPanelDisplay div.column.second { margin-left: 1.5em; width: 50%; }



div#multiPanelDisplay div.column.second h2 div.info

{

	display:inline;

}

div#multiPanelDisplay div.column.second h2 div.info div

{

	display:inline;

	padding: 0;

}



div#multiPanelDisplay div.column div.files {

	border: 1px solid #c3c3c3;

	overflow: scroll;

	padding: .5em;	

	height: 44.265em;	

}



div#multiPanelDisplay div.column div.files table { width: 95%; margin:0 auto; }



div#multiPanelDisplay div.column.second div.files.shared

{

	margin-bottom: 2em;

	height: 19.75em;

}



div.files ul.actionMenu

{

	list-style: none;

	list-style-position: outside;

	margin: .4em 0 .5em .3em;

	padding: 0;

}



div.files ul.actionMenu li

{

	margin: 0 0 0 .3em;

	display: inline;

}



div.files ul.actionMenu li a

{

	white-space: nowrap !important;

}





div.files ul.actionMenu

, div.files ul.actionMenu li

, div.files ul.actionMenu li span

, div.files ul.actionMenu li span a

{

	white-space: nowrap !important;

}



div.files .popOut

{

	display: inline;

	width: auto;

	white-space: normal;

	z-index: 10000;

	background-color: #fff;

	position: relative;

	padding: .6em;

	margin-left: -.5em;

	margin-top: .1em;

	border: solid 1px #ccc;

	border-right: solid 1px #999;

	border-bottom: solid 1px #999;

}



div.files ul.popOut

{

	list-style: none;

	list-style-position: outside;

}



div.files .popOut a

{

	display:block;

	white-space: nowrap;

}



div.files div.wrapper

{

	margin: 0 0 1em 0;

}



div.files .breadcrumb.folder

{

	margin: 0px auto;	

	height: auto;

	width: 95%;

	/* border: solid 1px #bbb;

	background-color: #fafafa; */

	padding-top: 3px;

	padding-bottom: 3px;

}



div.files .breadcrumb.folder li

, div.files .breadcrumb.folder li span

, div.files .breadcrumb.folder li span a

{

	white-space: nowrap;

}



div.files .breadcrumb.folder img

{

	float: left;

	margin-right: 3px;

}



div#fileOptionPanel.displayMode

{

	height: 1em;

	margin-bottom: .9em;

}



div#folderMemberList

{

	width: 50em;

}



div.uploadButton

{

	margin-bottom: 0.5em;

}



table.permissionGrid

{

	width: 98%;

	border-collapse: collapse;

	border: none;

	background-color: #e9eced;

	margin: .5em 0 0 .5em;

}



table.permissionGrid tr

{

	border-bottom: solid 1px #888;

}



table.permissionGrid th

{

	font-weight: normal;

}



table.permissionGrid th

, table.permissionGrid td

{

	padding: .8em;

	font-size: 90%;

}



table.permissionGrid tr.bordered th

, table.permissionGrid tr.bordered td

{

	border-bottom: solid 1px #aaa;

}



table.permissionGrid tr th.centered

, table.permissionGrid tr td.centered

{

	text-align: center;

}



span.form.label

{

	width: 16em;

	float: left;

	padding-right: 1em;

}



div.filePanel

{

	display: block;

	margin-top: 0.5em;

	margin-bottom: 0.6em;

}



div.files div.forumMessage.lite p.userInfo a { color: #000; }



div.files div.forumMessage.lite span.role { display: none; }



div.files div.forumMessage.lite div.content

{ 

	margin-left: .5em; 

	width: auto; height:auto;

}



.inputForm div.checklist ul

{

	float: left;

	margin: 0;

	padding: 0;

	list-style: none;

}



.inputForm div.checklist ul ul

{

	margin: .3em auto;

}



.onlineOrderGrid,

.inputForm div.checklist ul li

{

	clear: both;

}



/* ++ Bulk Marking of Submitted Files */





/* ++ Bulk Upload */



p.advice

{

	color: #f00;

	width: 540px;

}



div#downloadSection

{

	padding: 0 .8em .8em .8em;

	width: 530px;

}



div#downloadSection ul

{

	margin: 0 0 0 .6em;

	padding:0 0 0 1em;

}



div#downloadSection ul li

{

	margin-bottom: .6em;

}



div.downloadSection

{

	margin: .8em;

}



h2.dataImportMenu

{

	padding-top: .4em;

}



div.dataImportMenu

{

	padding: 0 .8em .8em .8em;

}



div.stepButtons.bulkUpload {

	padding-top: .8em;

	width: 44em;

}



div.stepButtons.bulkUpload input.stepButton 

{

	float:left;

	width: 85px;

}



div.stepButtons.bulkUpload input.next

{

	float:right;

}



div.stepButtons.bulkUpload input.jumpToFirst

{

	position: absolute;

	margin-top: -.8em;

	width: 250px;

}



div.stepButtons.bulkUpload input.confirm

{

	position: absolute;

	padding: 0;

	margin-left: 488px;

	width: 68px;

}



div.bulkUploadStep

{

	padding-top: .8em;

}



table#analysisSummary

{

	width: 560px;

	margin-top: .8em;

	margin-bottom: .8em;

	border-collapse: collapse;

	border: 1px solid #ccc;

}



table#analysisSummary tr th, table#analysisSummary tr td

{

	padding: .2em .5em .2em .5em;

	border-bottom: 1px solid #ccc;

}



div.bulkUploadForm div.inputForm input.button {

	position: absolute;

	margin-top: 35px;

	margin-left: 480px;

}



div.bulkUploadForm div.inputForm input.removeFile {

	float: right;

}



table.infoTable.bulkUpload tr td ul

{

	margin: 0 0 0 .6em;

	padding:0 0 0 1em;

}



div.files div.forumMessage.lite

{

	min-height: 0;

	position: static;

	width: auto; 

	background: none;

}



div.files div.forumMessage.lite p.userInfo {

	margin:0;

	float: right;

	position:static;

	margin-right:.5em;

	margin-top: -2em;

	color: #000;

}



div.help

{

	border: solid 1px #ccc;

	padding: .3em .6em;

	background-color: #f2f7f8;

	color: #667;

	float: left;

	margin-top: .2em;

}

div.help span

{

	font-weight: bold;

}

 

div.wrapper {

	margin: 0.5em;

}

div.itemDetail{

	width: 60%;

	display: block;

	float:left;

}	

div.inner img {

	display: block;

	margin-bottom: .3em;

}



div.buyNow{

	float: right;

}

div.buyNow div.inner{

	padding:4px;

	margin: 0 .4em;

	min-height: 120px;

}

div.buyNow a{

	display: block;

	margin-top: .3em;

}



div.ecomSearch

{

	margin: 3.3em 0.25em .5em 0.25em;

	padding: .4em;

	background-color: #f8f9f9;

	border: solid 1px #ccc;

}



div.ecomSearch input.txtBox

{

	width: 300px;

}



.ecomPanel

{

	background-color:transparent;

	width: 70%;

	float: right;

	margin: 5px;

}

.productlist{

}

.alt{

	background-color: #DDDDDD;

	

}

table.basket{

	border: 1px solid #777777;

}

table.basket th{

	background-color: #AAAAAA;

}



div#mainContent.shoppingCart

{

	min-height: 300px;

}



div#mainContent.shoppingCart div.shopHeader img

{

	vertical-align: middle;

	

}



div#mainContent.shoppingCart div.shopHeader a

{

	margin-left: 9.8em;

}



div#mainContent.shoppingCart a.contShopping img

{

	vertical-align: middle;

}



.shoppingCart table.infoTable

{

	border-color: #aaa;

	margin-bottom: .5em;

}



div.shop .infoTable img.productImage

{

	 border: 1px solid #666;

}



div.courseTopBlurb

{

	padding: 5px;

	background-color: #F1F1F2;

	line-height: 1.8em;

	margin-bottom: 1.5em;

}



div.courseTopBlurb span.large

{

	font-weight: bold;

	line-height: 120%;

	font-size: 120%;

}



div.courseBuyNow

{

	text-align: right;

}



.shoppingCart table.infoTable thead tr th

{

	background-color:#BEC0C2;

	color: #fff;

	border-color: #aaa;

	text-align: center;

}



.shoppingCart table.infoTable tbody tr td

{

	border-color: #aaa;

	text-align: center;

	vertical-align: middle;

}



.shoppingCart table.infoTable tbody tr td.productImage

{

	background-color: #FEF4E8;

}



div.shopNav

{

	font-size: 110%;

	line-height: 15pt;

}



div.shopNav h2

{

	font-size: 115%;

}



div.shopNav a

{

	margin-top: 5px;

}



div#mainContent div.shop {

	padding-left:10px;

}



hr.orderTotal

{

	border-collapse: collapse;

	border-width: 0;

	border-bottom: solid 2px #aaa;

}



hr.subDivision

{

	border-collapse: collapse;

	border-width: 0;

	border-bottom: solid 2px #aaa;

	padding: .3em 0;

}



div.orderFooterWrapper

{

	float: left;

}



.orderFooter

{

	width: 100%;

	text-align: right;

	padding: 0;

	margin: 0 0 1em -10px;

}



.orderFooter p

{

	font-size: 75%;

	padding: 0;

	margin: 0;

	display: inline;

}



.orderFooter strong

{

	font-size: 110%;

	font-weight: bold;

}



div.itemDetail h1

{

	color: #777;

}



div.productBox { margin: .5em 0; padding: 1em; }

div.productBox img.productImage { border: 2px solid #BDBFC1; float: left; margin-right: 1em; }

div.productBox h2,

div.productBox p { margin-left: 120px; margin:0 0 .25em 0; padding:0; }



div.productBox h2 a { color:#8D8D91; }

div.productBox p a { color:#3953A4; text-decoration: none; }



div.productBox div.actionPanel

{

	clear: both;

}



div.productBox div.actionPanel input.addToCart

{

	float: right;

	margin-bottom: 0;

}



div.shopHeader.goToCart { padding: 3px .5em 0 1em; margin: 0 0 1.8em 0; display: block; border: 0; }

div.shopHeader { padding: 3px .5em 0 1em; border-bottom:1px solid #DBD9DA; margin: 0 0 0 0; }

div.shopHeader img.shoppingTag { float: left; }

div.shopHeader p { width: 45%; float: right; text-align: right; margin:0; padding:0;  }



div.shopHeader img.cartHeading

{

	padding-left: .3em;

	vertical-align: middle;

}



div.shopHeader img.cartIcon { vertical-align: middle; }

div.shopHeader img.cartIcon.right { margin-left: 9.8em; }

.mainContent div.shopHeader img.cartIcon.right { margin-left: 0; }



div#shoppingProcessStep ul li

{

	display: inline;

}



div.blank

{

	color: #fff;

	display:inline;

}



span.btmContShopping

{

	font-size: 80%;

}



div#mainContent p.message

{

	padding: .5em;

}



div.shop div.disclaimer { clear: both; }



ul.shoppingStep

{

	margin-top: 0;

	margin-bottom: 4px;

	margin-left: .8em;

	padding: 0;

	padding-bottom: .3em;

	padding-top: .3em;

	border-bottom:1px solid #dbd9da;

}



ul.shoppingStep li

{

	/*padding-bottom: .8em;*/

	padding: .3em;

	list-style: none;

	color: #aaa;

	

}



ul.shoppingStep li.current

{

	background-color: #efc897;

}



ul.shoppingStep li.current div.blank

{

	color: #efc897;

}



ul.shoppingStep li span.context

{

	font-weight: bold;

}



ul.shoppingStep li span.value

{

	padding-left: .5em;

}



ul.shoppingStep li.current span

{

	color: #555;

	font-weight: bold;

}



div.shop div.infoList .body dl dd.multiple { float: left; }



div#sideBarInstruction p

{

	padding: .4em;

	color: #919194;

}



.mainContent div#sideBarInstruction p

{

	display: none;

}



div.costBreakdown

{

	width: 30%;

	float: right;

}



div.costBreakdown span.heading

{

	font-weight: bold;

	padding-right: .3em;

	float: left;

}



div.costBreakdown div.row

{

	display: block;

}



div.costBreakdown div.row.spacing

{

	padding-bottom: .3em;

}



div.totalCost

{

	float: right;

}



div.referenceCode

{

	font-weight: bold;

	width: 180px;

	padding: .4em;

	background-color: #f8f9f9;

	border: solid 1px #ccc;

}



div.referenceCode label

{

	display: block;

	margin-bottom: .4em;

}



div.referenceCode input.txtBox

{

	margin-left: 0;

	margin-bottom: .4em;

	width: 174px;

}



p.warning

{

	margin:  .5em 0;

	float: left;

}



p.warning span

{

	font-size: 85%;

	color: #ff0000;

}



.modalPopup.messageOnly

{

	text-align: left;

}



a.pointyLink

{

	cursor: pointer;

}



div.shop div.infoList .body

{

	width: 100%;

}



div.shop div.infoList .footer

{

	clear:both;

	padding-top: .4em;

}



div.shop div.infoList .header

{

	clear:both;

}



div.shop div.infoList .body dl

{

	margin: 0;

	clear:both;

	padding-bottom: .5em;

}



div.shop div.infoList .body dl dt

{

	width: 35%;

	font-weight: bold;

	margin:0;

	padding:0;

}



div.shop div.infoList .body dl dd

{

	margin:0;

}



div.shop div.infoList .body dl dd.centred { text-align: center; }



div.shop div.infoList .body dl dd.multiple { width: 20%; }



/* is it just me who didn't like the calendar icon stuck to the text box? */

a.calendarPopup img

{

	margin: .2em 0 0 .3em;

}



div.inputForm a#colpanel_button

{

	margin-left: .5em;

}



div.inputForm div#advancedOptions

{

	margin-top: .5em;

}



p.catalogTopInstruction

{

	padding: 0;

	margin: .8em .3em 0 .3em;

}



div.inputForm input.readonly,

div.inputForm textarea.readonly

{

	color: #777;

	background-color: #f5f5f5;

}



/* Extract Admin Styls */



h2.extractAdmin

{

	margin: .8em 0 1em .3em;

}



div.ede div.infoList

{

	margin: .6em 0;

	width: 650px;

}



div.ede div.infoList .body table

{

	border-collapse: collapse;

	margin: .5em;

}



div.ede div.infoList .body table.detail tr th

{

	text-align: left;

}



div.ede div.infoList .body table tr th,

div.ede div.infoList .body table tr td

{

	padding: .3em;

	font-weight: normal;

	text-align: left;

}



div.ede div.infoList .body table.sub

{

	width: 95%;

}



div.ede div.infoList .body table.sub tr th,

div.ede div.infoList .body table.sub tr td

{

	border: solid 1px #444;

	background-color: #fff;

}



div.ede div.infoList .body table tr th.center,

div.ede div.infoList .body table tr td.center

{

	text-align: center;

}



div.ede div.infoList .body div.item

{

	display: block;

	margin-bottom: .8em;

}



div.ede div.infoList .body div.action

{

	height: 200px;

}



div.ede div.infoList .body td.center

{

	text-align: center;

}



div.ede div.infoList .body a.middle

{

	margin-top: auto;

	margin-bottom: auto;

}



div.ede div.infoList .body .container

{

	margin-top: 0;

	margin-left: 0;

	margin-bottom: .8em;

	width: 98%;

	background-color: #f0fff0;

	border: solid 1px #cdc;

}



div.ede div.infoList .body .container:hover

{

	background-color: #eaf9ea;

}



div.exportOptions

{

	background-color: #f3f7f8;

	padding: 0.5em 0.4em 0.5em 0.6em;

	margin: .4em 0 0 0;

	font-size: 90%;

	width: 200px;

}



div.exportOptions span

{

	margin-top: 2px;

	margin-left: 3px;

}



div.exportOptions img

{

	vertical-align: middle;

}



div.pickerPanel

{

	background-color: #f3f7f8;

	padding: 1em;

	margin: .8em 0;

	width: 42em;

}



div.pickerPanel a

{

	display: block;

	width: 100px;

	margin-bottom: .3em;

}



div.ede span.message

{

	display: block;

	padding: .5em 0;

	margin: .3em 0;

}



strong.extra

{

	font-size: 120%;

}



h1 span.emphasized

{

	font-size: 120%;

	color: #f00;

	margin-right: .2em;

}



label.mandatory.padded 

{

	padding-right: 3em;

	background-position: 10em .2em;	

}



#bulkMarking label.mandatory.yourComment

{

	padding-right: 5em;

	background-position: 8em .2em;	

}



/* Enrolment Forms */

span.extraInstructions

{

	display:none;

	font-size:smaller;

}

div.enrolmentForms br.pageBreak 

{

	page-break-before: always;

} 

        

div.enrolmentForms div.print

{

	border-bottom: 1px dashed #000;

	padding: 5px;

}



div.enrolmentForms div.print.final

{

	border-bottom: none;

	border-top: 1px dashed #000;

}

        

div.enrolmentForms span.signature

{

	display:block;

	float:left;

	font-size:150%;

	line-height:1.5em;

}

        

div.enrolmentForms span.signHere

{

	display:block;

	float:left;

	border-bottom:1px solid #000;

	width: 400px;

	line-height:1.8em;

}



table.infoTable span.pass

{

	color: #5a5;

}

table.infoTable span.fail

{

	color: #f00;

}

table.infoTable span.dnc

{

	color: #ddd;

}

	

div#extractAdminSummary

{

	margin-top: 1em;

	font-size: 90%;

}



div#extractAdminSummary ul

{

	padding:0;	

	list-style: none;

	margin: 0;

}



div#extractAdminSummary ul li ul li.alone

{

	margin-bottom: 1em;

}



div#extractAdminSummary ul li ul li ul

{

	margin-bottom: 1em;

}



div#extractAdminSummary h2

{

	font-size: 110%;

	margin: 0;

	color: #555;

}



div#extractAdminSummary span.heading

{

	margin-right: .5em;

}



div#extractAdminSummary hr

{

	border-collapse: collapse;

	height: 1px;

	border-width: 0;

	border-bottom: solid 1px #888;

}



div#extractAdminSummary ul li ul li ul li

{

	padding-left: 1.2em;

	background: transparent url(../Images/bullet.gif) no-repeat left;

	vertical-align: middle;

	margin: .3em 0 .3em 2em;

}



div#extractAdminSummary ul.item

{

	background-color: #f8f8f9;

	border: dashed 1px #ddd;

	padding: .5em;

	margin-bottom: 1em;

}



div#extractAdminSummary ul.item:hover

{

	background-color: #f4f4f5;

}



div#extractAdminSummary ul li ul,

div#extractAdminSummary ul li ul li

{

	padding: .1em .1em 0 .1em;

}



div#extractAdminSummary ul li ul li strong a

{

	background: transparent url(../Images/bullet_green.gif) no-repeat left;

	vertical-align: middle;

	padding-left: 1.2em;

}



/* Data Extract Admin style */

div#dataExtract {}



div#dataExtract input

, div#dataExtract select {}



div.subSection

{

	margin: 10px 0;

}



.sectionEnd

{

	margin-bottom: 10px !important;

}



/* Course Grid Styles */

#courseGrid

{

	font-size: 9pt;

	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica;

	width: 790px;

	border: 0;

	padding: 0;

	border-collapse: collapse;

	margin-bottom: 2em;

    color: #000;

}



#courseGrid thead tr.categories td

{

	font-size: 90%;

	padding: .8em 0;

	vertical-align: top;

	text-align: left;

}



#courseGrid tbody tr td

{

	border: 3px solid #fff;

	padding: .25em .4em;

	vertical-align: middle;

	text-align: left;

    height: 50px;

}



#courseGrid tbody tr td a

{

    text-decoration: none;

    color: #000;

}



#courseGrid .axis

{

    background-color: #000;

    font-weight: bold;

    padding: .25em;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

}



#courseGrid .axis img

{

    vertical-align: middle;

}



#courseGrid tr.general

{

    background-color: #D3E9C9

}



#courseGrid tr.esol

{

    background-color: #B8D2EC

}



#courseGrid tr.it

{

    background-color: #FFEAC4

}



#courseGrid tr.vocal

{

    background-color: #FAC4D2

}



#courseGrid tr.academic

{

    background-color: #E6E7E8

}



#courseGrid .highlighted

{

    color: #fff;

    font-size: 105%;

    font-family: "Impact", "Arial Black", Arial;

    vertical-align: middle;

}



#courseGrid tr.general .special

{

    background-color: #53B847

}



#courseGrid tr.esol .special

{

    background-color: #0081C5

}



#courseGrid tr.it .special

{

    background-color: #FCB813

}



#courseGrid tr.vocal .special

{

    background-color: #ED154E

}



#courseGrid tr.academic .special

{

    background-color: #929497

}



div#footer.courseGrid {

	width: 790px;

	border-top: solid 1px #000;

	text-align: left;

	font: 80% Verdana, Arial, Helvetica, sans-serif;	

	padding: .85em 1.65em 0 0;

	background: none;

}



div#footer.courseGrid p

{

	color: #FCB816;

}



div#header.courseGrid

{

	padding: 1em;

	margin-bottom: 2em;

	background: none;

	border-bottom: solid 2px #aaa;

	width: 790px;

}



div#page.courseGrid 

{

	text-align: left;

	width: 100%;

	padding: 10px;

	padding-bottom: 50px;

	margin: 0;

	background: transparent url(../Images/course_grid_background.gif) repeat-x;

}



div#page.courseGrid div#content 

{

	clear: both;

	padding: 0.75em;

}



h1#mainTitle

{

	color: #F8971C;

}

#ExtraInfoPopup

{

	width: 400px;

	visibility: hidden;	

	top: 70px;

	left: 230px;

	position: absolute;

	z-index: 100;

}



#ExtraInfoPopup h2

{

	font-size: 9pt;

	font-weight: bold;

}



#ExtraInfoPopupContent .boxBody h2

{

	font-weight: bold;

}



#ExtraInfoPopup .boxHead h2

{

	color: #fff;

}



#ExtraInfoPopup .boxHead h3

{

	color: #fff;

	margin-left: 1px;

	margin-right: -3px;

	padding: 4px 0 3px 14px;

	text-transform: uppercase;

}



#ExtraInfoPopup .boxHead h4

{

	font-weight: normal;

	border-left: solid 1px #ccc;

	margin: 0 0 0 1px;

	font-size: 9pt;

	font-family: Tahoma;

	padding: 4px 0 3px 14px;

}



#ExtraInfoPopup .boxHead h3.general

{

	background-color: #53B847;

}



#ExtraInfoPopup .boxHead h3.it

{

	background-color: #FCB816;

}



#ExtraInfoPopup .boxHead h3.esol

{

	background-color: #0081C5;

}



#ExtraInfoPopup .boxHead h3.vocal

{

	background-color: #ed154e;

}

#ExtraInfoPopup .general

{

	color: #53B847;

}



#ExtraInfoPopup .it

{

	color: #FCB816;

}

#ExtraInfoPopup .esol

{

	color: #0081C5;

}

#ExtraInfoPopup .vocal

{

	color: #ed154e;

}

#ExtraInfoPopup a.bottom

{

	text-decoration: underline;

}



#ExtraInfoPopup div.content

{

	padding: 0.75em 0.1em 0.75em 0.75em;

}



#ExtraInfoPopup .content .recommended

{

	background: transparent url(../Images/tick_orange.gif) no-repeat;

	padding-left: 1.4em;

}



#ExtraInfoPopup a.buy

{

	background: transparent url(../Images/shopping_car.gif) no-repeat right;

	padding-right: 2.5em;

	padding-top: .4em;

	margin-right: .6em;

	color: #999;

	font-weight: bold;

	font-size: 110%;

	height: 30px;

	display: block;

	text-align: right;

}



.boxBody div.content h3

{

	font-size: 9pt;

	margin: 0;

	padding: .2em 0 .4em 0;

}

.boxBody div.content p

{

	margin: 0;

	padding: .2em 0 1em 0;

}



.boxBody div.content ul

{

	margin: 0 0 1em 0;

	padding: 0;

	list-style: none;

}



div.hiddenText

{

	display: none;

}



/* =Profiles */



#memberList

{

	margin-top: .8em;

	font-size: 9pt;

}



#memberList .container

{

	clear: left;

	background-color: #f0fff0;

	border: solid 1px #ccc;

	margin-bottom: .5em;

	min-height: 10px; /* prevents contents from going out of the box */

}



#memberList .container img,

#memberList .container table

{

	float: left;

	margin: .5em 0 .5em .5em;

	display: inline;

}



#memberList .container div.intro

{

	clear: both;

	margin: .5em;

}



img.userPhoto

{

	vertical-align: top;

	border: solid 2px #ccc;

	border-width: 2px !important;

	width: 80px;

	height: auto !important;

}



img.blockDisplay

{

	display: block;

}



#memberList .container table

{

	border: 0;

	border-collapse: collapse;

	width: 200px;

}



#memberList .container div.intro

{

	border: dotted 1px #ccc;

	background-color: #fff;

	padding: .8em;

	min-height: 16px;

	width: auto;

	font-weight: normal;

}



#memberList .container table thead tr th.tag

{

	vertical-align: top;

	padding: 0;

}



#memberList .container table thead tr th.tag p

{

	margin: 0;

	padding: .2em;

	font-size: 8pt;

	border: solid 1px #cdc;

	background-color: #ded;

	color: #898;

	width: 200px;

}



#memberList .container table tbody tr *

{

	padding: .6em .3em 0 .3em;

	white-space: pre-wrap;

	vertical-align: top;

}



#memberList .container table tbody tr th

{

	color: #888;

}



div.clear

{

	clear: both;

}



#memberList .container span.default

{

	color: #ccc;

}



#sortPanel

{

	margin: .3em 0;

	text-align: right;

}



.floatList

{

	margin: .6em 0 .8em 0;

	padding: 0;

}



.floatList p

{

	padding: 0;

	margin: .2em 0;

}



.floatList p.tag

{

	color: #898;

	font-weight: bold;

}



.floatList div.floatListItem

{

	margin-right: 1.5em;

	text-align:center;

	width: 110px;

	float: left;

	min-height: 150px;

}



.inputForm img.userPhoto

{

	margin-left: 13.4em;

}



.ba

{

	vertical-align: bottom;

}



.sml

{

	margin-left: .3em;

}



/* Mail Folders */



div.manageFolders

{

	padding-top: 1em;

}



 .rssFeed {

  margin-left: 3px;

  padding: 0 0 0 19px;

  background: url("/Images/Mail/rss.gif") no-repeat 0 50%;

}



div.manageFolders div.heading

{

	background: #f3f7f8;

	padding: 5px;

	border-bottom: solid 1px #afb0b2;

	height: 1.2em;

}



div.manageFolders div.heading h3

{

	float: left;

}



div.manageFolders div.heading a

{

	margin-left: 10px;

	float:left;

}



div.manageFolders div.heading a.rightmost

{

	float: right;

}



.floatRight

{

	float: right;

}



.floatLeft

{

	float: left;

}



div.manageFolders ul

{

	margin-top: 1em;

	margin-left: 0;

}



div.manageFolders ul li

{

	list-style: none;

	margin-bottom: 0.5em;

}



div.manageFolders ul li a.folder

{

	background: transparent url("/Images/Mail/folderClosed.gif") no-repeat left center;

	padding: 0 0 0 25px;

}



div.manageFolders ul li a.folder.selected

{

	background: transparent url("/Images/Mail/folderOpen.gif") no-repeat left center;

	font-weight: bold;

	padding-left: 28px;

}



div.folderMembers div.head

{

	clear: both;

	margin-bottom: 0.5em;

}



div.folderMembers div.assignees

{

	clear: both;

}



div.folderMembers p.disclaimer

{

	color: #909193;

}



div.manageFolders h3

{

	display: inline;

	margin: 0;

	padding: 0;

}



div.folderMembers div.assignees div ul li span.person

{

	background: transparent url("/Images/Mail/person.gif") no-repeat left center;

	padding-left: 16px;

}



div.folderMembers div.assignees div ul li span.group

{

	background: transparent url("/Images/Mail/group.gif") no-repeat left center;

	padding-left: 25px;

}



div.folderMembers div.assignees div ul li span.addressList

{

	background: transparent url("/Images/Mail/addressList.gif") no-repeat left center;

	padding-left: 16px;

}



div.folderMembers div.head h2

{

	float:left;

}



div.folderMembers div.head a

{

	float:right;

}



div.folderMembers h2

{

	font-size: 110%;

}





/* On demand container styles. */

div.onDemandContainer

{ 

	border: 1px solid #c3c3c3;

} 

   

div.onDemandContainer div.head

{

	padding-left: 4px;

	padding-right: 4px;

	padding-top: 10px;

	padding-bottom: 10px;

}

   

div.onDemandContainer.expanded div.head

{ 

	border-bottom: 1px solid #c3c3c3;

} 

       

div.hide,

div.onDemandContainer div.hide,      

div.onDemandContainer div.content

{ 

	display: none;

} 

   

div.onDemandContainer.expanded div.content

{ 

	display: block;

} 

   

onDemandContainer img

{

	vertical-align: middle;

}

       

/* Styles for the dynamic mail folders */ 

div.dynamicMailFolder

{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	background-color: #f3f7f8;

	padding-bottom: 0;

	margin-top: 1em;

	font-size: 80%;

}



div.dynamicMailFolder.expanded

{

	padding-bottom: 2px;

}



div.dynamicMailFolder div.head

{

	background-color: #f3f7f8;

	padding: 0;

	height: 40px;

} 



div.dynamicMailFolder.expanded div.head

{

	border-bottom: 0;

} 



div.dynamicMailFolder div.head a

{

	margin-left: 10px;

	background: transparent url("/Images/Mail/folderClosed.gif") no-repeat left center; 

	display: block;

	height: 100%;

	color: #000;

}



div.dynamicMailFolder.expanded div.head a

{

	background: transparent url("/Images/Mail/folderOpen.gif") no-repeat left center; 

}



div.dynamicMailFolder div.head span

{

	display: block;

	line-height: 40px;

	margin-left: 30px;

	font-size: 110%;

	font-weight: bold;

} 



div.dynamicMailFolder div.head span span

{

	display: inline;

	line-height: normal;

	margin: 0;

	color: #777;

	font-size: 90%;

}



div.dynamicMailFolder div.content

{

	background-color: #fff;

	height: 100%;

	margin-left: 2px;

	margin-right: 2px;

	border: 1px solid #c3c3c3;

} 



div.dynamicMailFolder div.gridHolder

{

	background-color: #fff;

	margin-left: 2px;

	margin-right: 2px;

	border: 1px solid #c3c3c3;

}



div.coursePages.loading,

div.dynamicMailFolder div.loading

{

	background-color: #fff;

	height: 40px;

	margin-left: 2px;

	margin-right: 2px;

	margin-bottom: 2px;

	line-height: 40px;

	border: 1px solid #c3c3c3;

	padding-left: 5px;

	color: #c3c3c3;

} 



div.coursePages.loading

{

	padding-top: 5px;

	height:auto;

	width: 220px;

	font-weight: bold;

	background-color: #F3F7F8;

	line-height: 30px;

	color: #000;

	padding-bottom: 5px;

}



div.coursePages.loading div.completed

{

	padding-left: 20px;

	padding-right: 15px;

}



div.coursePages.loading img,

div.dynamicMailFolder div.loading img

{

	vertical-align: middle;

	margin-right: 4px;

}



.middleAligned

{

	vertical-align: middle;

}



div.dynamicMailFolder div.content div.topRow,

div.dynamicMailFolder div.content div.bottomRow,

div#mailSearch div.topRow,

div#mailSearch div.bottomRow

{

	background-color: #E3E0FF;

	padding: 5px;

}



div.dynamicMailFolder div.content div.bottomRow a

{

	margin-right: 4px;

}



/*

Mail Message GridView

*/

div.GridView table.mailMessageGrid

{

	table-layout: fixed;

	width:100%;

	border: 0;

	margin: 0;

}



div.GridView table.mailMessageGrid thead

{

	display: none;

}



div.GridView table.mailMessageGrid img

{

	vertical-align: middle;

}



div.GridView table.mailMessageGrid tr

{

	cursor: pointer;

	background-color: #f3f7f8;

}



div.GridView table.mailMessageGrid tr.unread

{

	font-weight: bold;

}



div.GridView table.mailMessageGrid td

{

	text-overflow:ellipsis;

	overflow:hidden;

	white-space:nowrap;

	border-top: 0;

	border-left: 0;

	border-right: 0;

	border-bottom: 1px solid #c3c3c3;

	padding: 1px;

	cursor: pointer;

}



div.GridView table.mailMessageGrid tr.unread td

{

	background-color: #fff;

}



div.GridView table.mailMessageGrid tr td span.letter

{

	display: block;

	height: 14px;

	width: 14px;

	margin: 1px;

	background: transparent url("../Images/Mail/read.gif") no-repeat left center; 

}



div.GridView table.mailMessageGrid tr.unread td span.letter

{

	background: transparent url("../Images/Mail/unread.gif") no-repeat left center; 

}



div.GridView table.mailMessageGrid col.selectCol

{

	width: 25px;

}



div.GridView table.mailMessageGrid col.readCol

{

	width: 20px;

}



div.GridView table.mailMessageGrid col.fromCol

{

	width: 24ex;

}



div.GridView table.mailMessageGrid col.spaceCol

{

	width: 2ex;

}



div.GridView table.mailMessageGrid col.attachCol

{

	width: 3.5ex;

}



div.GridView table.mailMessageGrid col.dateCol

{

	width: 13ex;

}



div.GridView table.mailMessageGrid td span.folder

{

	color: #eb6d20;

	font-size: 80%;

}



div.GridView table.mailMessageGrid td span.body

{

	color: #777;

}



div.GridView table.mailMessageGrid td span.nowrap

{

	white-space:nowrap;

}



div.GridView.fixedLayout div.pager

{

	text-align: right;

	margin-right: 5px;

}



div.mailSearch

{

	height: 2em;

	font-size: 80%;

}



div.mailSearch input

{

	font-size: 95%;

}



div.mailLinks

{

	height: 2.5em;

	margin-top: 10px;

	position: relative;

}



div.mailLinks div.left

{

	width: 30ex;

}



div.mailLinks div.center

{

	width: 100%;

	text-align: center;

	margin-top: -2.5em; 

	left: 0;

}



div.mailLinks div.center span.notification

{

	padding: 0.2em;

	font-weight: bold;

	width: 40ex;

	border: solid 1px #c3c3c3;

	color: #7F92FF;

	margin-left: auto;

	margin-right: auto;

	background-color: #f7f7f7;

}



div.mailLinks div.right

{

	width: 30ex;

	position: absolute;

	bottom: 0;

	right: 0;

	text-align: right;

}



/* Journal Styles */



div#journal h2

{

	margin-bottom: .6em;

}



div#ownerDetail

{

	padding: .8em;

	background-color: #F3F7F8;

	float: left;

}



div#ownerDetail img

, div#ownerDetail table

{

	float: left;	

}



div#ownerDetail table

{

	margin: 0 1em;

}



div#ownerDetail table th

{

	font-weight: normal;

	padding-right: 1em;

}



p.explanation

{

	margin: .8em 0 .4em 0;

	padding: 0;

}



#journal .actionPanel a

{

	display: block;

}



#journal #mainEntry div.forumMessage {	

	background: transparent url(../images/forumMessage_bg_special.gif) repeat-y left top;

}



/*

Mail Message Viewer

*/

div.viewMessage h1

{

	color: #000;

	font-size: 140%;

}



div.viewMessage div#viewHeader

{

	position: relative;

}



div.viewMessage div#viewHeader span

{

	position: absolute;

	top: 0.25em;

	right: 2ex;

	color:#b1b1b1; 

	font-weight: bold;

}



div.viewMessage div.links a

{

	padding-right: 5px;

}



div.viewMessage div#attachments

{

	margin-bottom: 10px;

}



div.viewMessage div#attachments span.file

{

	white-space: nowrap;

	display: inline-block;

	margin-right: 2ex;

}



div.viewMessage div#attachments span.file img

{

	vertical-align: middle;

}



div.viewMessage div.body

{

	height: 350px;

	padding: 5px;

	border: solid 1px #c3c3c3;

	overflow:auto;

}



div.composeMail div.top

{

	width: 500px;

	text-align: right;

	margin-bottom: 10px;

}



div.composeMail div.top a

{

	margin-left: 6px;

}



div.composeMail div.top div.boxBody

{

	padding: 8px;

}



div.composeMail div.top div.subject

{

	margin-top: 8px;

}



div.composeMail div.top div.recipients

{

	display: inline-block;

}



div.composeMail div.top div.recipients.hide

{

	display: none;

}



div.composeMail div.top span.label

{

	float:left;

}



div.composeMail div.top span.bcc

{

	display: block;

	clear: both;

	margin-top: 5px;

	margin-bottom: 5px;

	text-align: left;

	width: 400px;

}



div.composeMail textarea

{

	width: 100%;

}



div.composeMail div.top textarea,

div.composeMail div.top div.subject input

{

	width: 400px;

}



div.composeMail div.top div.attachments

{

	float: none;

	text-align: left;

	padding-top: 1em;

}



div.composeMail div.top div.attachments span.file

{

	padding-left: 10ex;

}



div.composeMail div.top div.attachments span.file img

{

	margin-right: 4px;

	vertical-align: middle;

}



div.composeMail div.buttons

{

	margin-top: 10px;

	vertical-align: middle;

}



div.composeMail div.top textarea

{

	font-size: 85%;

}



/* Recipient List */

div.recipientList

{

	width: 400px;

	height: 4em;

	border: 1px solid #c3c3c3;

	background-color: #f3f7f8;

	font-family: Verdana;

	font-weight: bold;

	color: #b1b1b1;

	overflow: auto;

	font-size: 85%;

	margin-left: auto;

	text-align: left;

}



div.recipientList span

{

	display: inline-block;

	white-space: nowrap;

}



div.recipientList span.hide

{

	display: none;

}



div.recipientList a

{

	background: transparent url("/Images/Mail/delete.gif") no-repeat left center; 

	padding-left: 16px;

	margin-left: 4px;

	text-decoration: none;

	color: #b1b1b1;

	cursor: pointer;

}



div.recipientList a:hover

{

	background: transparent url("/Images/Mail/delete_focus.gif") no-repeat left center; 

}



div.composeMail div.buttons input

{

	margin-top: 0.25em;

	float: left;

}



div.composeMail div.buttons div.modalPopup input

{

	margin-top: 1em;

	float:none;

}



div.composeMail div.buttons span.notification

{

	display: inline-block;

	float:left;

	margin-top: 0;

	margin-bottom: 0;

	margin-right: 0;

	margin-left: 0.5em;

	padding: 0.5em;

	width: 26em;

}



div.composeMail div.buttons div.loading

{

	display: inline-block;

	float: left;

	margin-left: 0.5em;

	margin-top: 0.25em;

	color: #7F92FF;

	font-weight: bold;

}



div.composeMail div.buttons div.modalPopup div.loading

{

	margin: 0;

	font-weight:normal;

	float: none;

}



div.composeMail div.buttons div.loading.hide

{

	display: none;

}



div.composeMail div.buttons div.loading img

{

	vertical-align: middle;

}



table.infoTable table tr td 

{

	background:#fff;

	padding: 0em;

	border: 0px;	

}



a.action

{

	display: block;

	margin: .5em 0;

}



/* Recent mail homepage control. */



div.newItems

{

	position: relative;

}



div.newItems table

{

	width:100%;

}



div.newItems table.recentMail img

{

	vertical-align: middle;

}



div.newItems table.recentMail td

{

	text-overflow:ellipsis;

	overflow:hidden;

	white-space:nowrap;

	padding: 1px;

}



div.newItems table.recentMail td a

{

	text-overflow:ellipsis;

	overflow:hidden;

	white-space:nowrap;

}



div.newItems table.recentMail td a.unread

{

	font-weight: bold;

}



div.newItems table.recentMail col.img

{

	width: 16px;

}



div.newItems table.recentMail col.date

{

	width: 11ex;

}



div.newItems table.recentMail span.date

{

	display: block;

	text-align: right;

}



div.noresult

{

	padding: 0 0 .8em;

}



a.disabled

{

	color: #ccc;

}