/*

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;
}