/*

Kowhai Communications Ltd.
Pegasus -- Main Style Sheet

05 September 2006
Chris Evans

*/

/*#region ++ 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;
}

/*#endregion*/

/*#region ++ Layout */

div#page
{
	text-align: left;
	padding: .75em;
}

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;
}
/*#endregion*/

/*#region ++ 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%;
}

/*#endregion*/

/*#region ++ 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;
}

/*#endregion*/

/*#region ++ 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;
}
*/

/*#endregion*/

/*#region ++ Content */

ul#studyCard.linkList li h2
{
	margin-top: 1em;
	margin-left: .3em;
}

ul#studyCard.linkList li ul
{
	list-style: none;
	padding-left: 1.6em;
	margin-left: .5em;
}

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

ul.icons li.emailCodes a
{
	background: transparent url(../Images/homeNav/email_codes.gif) no-repeat left center;
}
ul.icons li.emailCodes a:hover
{
	background: transparent url(../Images/homeNav/email_codes_roll.gif) no-repeat left center;
}

ul.icons li.createSites a
{
	background: transparent url(../Images/homeNav/create_sites.gif) no-repeat left center;
}
ul.icons li.createSites a:hover
{
	background: transparent url(../Images/homeNav/create_sites_roll.gif) no-repeat left center;
}

ul.icons li.orderKeys a
{
	background: transparent url(../Images/homeNav/email_keys.gif) no-repeat left center;
}
ul.icons li.orderKeys a:hover
{
	background: transparent url(../Images/homeNav/email_keys_roll.gif) no-repeat left center;
}

ul.icons li.userInfo a
{
	background: transparent url(../Images/homeNav/user_info.gif) no-repeat left center;
}
ul.icons li.userInfo a:hover
{
	background: transparent url(../Images/homeNav/user_info_roll.gif) no-repeat left center;
}

ul.icons li.viewProgress a
{
	background: transparent url(../Images/homeNav/view_progress.gif) no-repeat left center;
}
ul.icons li.viewProgress a:hover
{
	background: transparent url(../Images/homeNav/view_progress_roll.gif) no-repeat left center;
}

/*#endregion*/

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

/*#region ++ 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;
}

/*#endregion*/

/*#region ++ 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;
}

/*#endregion*/

/*#region ++ 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;
}
/*#endregion*/

/*#region ++ 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;
}

/*#endregion*/

/*#region ++ 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.row .checkboxSpan input
{
	width: auto;
	margin-left: 17.2em;
}
div.inputForm div.row .subLabel
{
	color:#aaa;
	font-size:80%;
	display: inline;
}
div.inputForm div.radiolist input
{
	margin-bottom: .4em;
}

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

div.inputForm .itemSelector
{
	border: solid 1px #aaa;
	width: 225px;
	height: 180px;
	float: left;
	overflow-y: auto;
}

div.inputForm .itemSelector.compact
{
	border: none;
	width: 225px;
	height: 105px;
	float: left;
	overflow-y: auto;
}

div.inputForm .itemSelector input
{
	width: auto !important;
	margin-right: .5em;
}

div.inputForm .itemSelector img
{
	vertical-align: middle;
}

div.inputForm .itemSelector span
{
	margin-left: .4em;
}

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

div.inputForm .itemSelector li
{
	list-style: none;
	margin: .3em 0;
}

div.inputForm .row .range input
{
	width: 85px;
}

div.inputForm .row .range label
{
	float: left;
	width: 1%;
	white-space: nowrap;
	margin: 0 .4em;
}

div.inputForm .row p.no_item
{
	margin: 0;
}

div.inputForm .row p.no_item
{
	margin: 0;
}

div.inputForm .row ul.item_list
{
	float: left;
}
div.inputForm .row ul.item_list
, div.inputForm dd ul.item_list
{
	margin: 0;
	padding: .4em .8em;
	list-style-position: inside;
}

div.inputForm .row ul.item_list li
, div.inputForm dd ul.item_list li
{
	margin: 0 0 .6em 0;
	padding: 0;
}
div.inputForm .row ul.item_list.assessment_option { list-style-type: none; }
div.inputForm .row ul.item_list.assessment_option li { padding-bottom: 1.2em; }
div.inputForm .row ul.item_list input
{
	color: #f00;
	margin: 0 .4em 0 .8em;
	padding: 0;
	width: auto;
}
div.inputForm .row ul.item_list table
{
	margin-top: .4em;
}
div.inputForm .row ul.item_list label
{
	vertical-align: middle;
}
div.inputForm .row span.error.pointToField
{
	margin-top: .4em;
	margin-left: 17em;
}
/*#endregion*/

/*#region ++ Multi-step controls */

div.stepButtons
{
}

div.stepButtons input.stepButton
{
	float: right;
}

div.stepButtons input.previous
{
	float: left;
}

div.enrolmentCalendar
{
	background: #fff;
}

/*#endregion*/

/*#region ++ 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;
}

span.notification ul
{
	margin: 0;
	padding-left: 2em;
}

span.notification ul li
{
	margin: .4em 0;
}

.popFormContent span.notification
{
	width: auto;
}

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

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

/*#endregion*/

/*#region ++ 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 .checkBox
{
	width: 1%;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	padding: .2em;
}

table.infoTable tr .noWidth
{
	width: 1%;
	white-space: nowrap;
}

table.infoTable tr.new td
{
	font-weight: bold;
}

table.infoTable tr img.photoStatus
{
}

table.infoTable tr img.photoStatus.selectable
{
	cursor: pointer;
}

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

/*#endregion*/

/*#region ++ 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;
}
/*#endregion*/

/*#region ++ 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;
}

/*#endregion*/

/*#region ++ ModalPopup styling */

.modalBackground
{
	background-color: #888;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalPopup
{
	background-color: #ffe;
	border-width: 2px;
	border-style: solid;
	border-color: #ddc;
	padding: 1.4em;
	width: 250px;
}
.verification .inputForm { float: left; }

.modalPopup.form
{
	width: 300px;
}

.modalPopup.flexible
{
	width: auto;
}

.modalPopup input
{
	margin: 1em .2em 0 .2em;
	width: 100px;
}

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

.popFormContent
{
	background-color: #ffe;
}

.popFormContent label
{
	float: left;
	margin-top: .4em;
}

.popFormContent input.file
{
	margin-top: .4em;
	width: 100%;
	float: none;
}

.popFormContent input
{
	margin-top: .8em;
	float: right;
}

/*#endregion*/

/*#region ++ Helper styles */

.hidden
{
	visibility: hidden;
	display: none !important;
	margin: 0;
	padding: 0;
}

.fc:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fc
{
	display: inline-table;
	height: 1%;
	display: block;
}
.inactive, .inactive ul li
{
	color: #aaa;
}

/*#endregion*/

/*#region ++ Popup 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;
}
/*#endregion*/

.AjaxUpdate
{
	border: 1px dotted #999;
	background: #f5f5f5;
	position: absolute;
	right: 1em;
	top: 1em;
	width: 10em;
	padding: .5em 1em .5em 1em;
}

.popFormContent div#progressPanel.AjaxUpdate
{
	margin-top: 1em !important;
	right: auto;
	top: auto;
	position: relative;
	font-family: Meiryo;
}

#loadProgress
{
	position: absolute;
	background-color: #f5f5f5;
	padding: .5em 1em .5em 1em;
	margin: .7em 0;
	border: dotted 1px #ccc;
}

.loadProgress
{
	background-color: #f5f5f5;
	padding: .8em .6em;
	border: dotted 1px #ccc;
}
.loadProgress img { margin-right: .4em; }
.loadProgress * { vertical-align: middle; }

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

/*#region ++ 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;
}

/*#endregion*/

/*#region ++ 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;
}
ul.progressUnit li.expander span.title
{
	background: transparent url(../images/Expand.gif) no-repeat left;
}

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

/*#endregion*/

/*#region ++ 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: solid 1px #ddd;
	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: solid 1px #ccc;
	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_chat.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;
}

/*#endregion*/

/*#region ++ 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.4em 0 0;
	margin: 0 .4em 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;
	vertical-align: middle;
}
div.iconKey ul li img
{
	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;
}

.forumThreadSearchHack { width: auto !important; }

/*#endregion*/

/*#region ++ Files styles */

div#multiPanelDisplay div.column
{
	font-size: 85%;
	width: 49%;
}
div#multiPanelDisplay div.column h2 { font-size: 110%; }
div#multiPanelDisplay div.column.first { float: left; }
div#multiPanelDisplay div.column.second { float: right; }
div#multiPanelDisplay table.infoTable
{
	margin: 0;
}
div#multiPanelDisplay table.infoTable img.fileIcon
, div#multiPanelDisplay table.infoTable img.showHide
{
	vertical-align: middle;
	margin-right: .3em;
}
div#multiPanelDisplay table.infoTable .lastUpdate { white-space: nowrap; }

div#multiPanelDisplay .pager
{
	margin-top: .4em;
}
div#multiPanelDisplay div.inputForm div.row { padding: 0; }
div#multiPanelDisplay div.inputForm div.row label { width: 10em; }
div#multiPanelDisplay .loadProgress { margin: 0; }
div#multiPanelDisplay div.collapsePanelHeader { margin-top: 0; width: auto; }
div#multiPanelDisplay div.inputForm { width: auto; }

#multiPanelDisplay .column.second #resourcePanelHolder { margin-bottom: 1.2em; }
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.actionMenu
{
	float: left;
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0 0 .3em 0;
}

#accessKeyList ul.actionMenu
, ul#userPhotoListExportMenu.actionMenu
, ul#exportResultNavigationOptions.actionMenu
{
	list-style: none;
	list-style-position: outside;
	margin: .4em 0 .5em .3em;
	padding: 0;
}

div.files ul.actionMenu li
{
	margin: 0 .3em 0 0;
	float: left;
}

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 .spaceRemaining { padding-bottom: .3em; }
div.files span.notification
{
	width: auto;
}
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
{
	padding: 0 0 .3em 0;
	margin: 0;
	float: left;
}

div.files .breadcrumb.folder li
, div.files .breadcrumb.folder li a
, div.files .breadcrumb.folder li span
{
	white-space: nowrap;
}

div.files .breadcrumb.folder li a
, div.files .breadcrumb.folder li span
{
	background: transparent url(../Images/fileIcon/folder.gif) no-repeat left;
	padding: .2em 0 .2em 1.8em;
}

.submissionList
{
	margin: .8em 0 0 0;
	padding: 0;
	list-style: none;
}
.submissionList li
{
	white-space: nowrap;
}
.submissionList a
{
	background: transparent url(../Images/fileIcon/unknown.gif) no-repeat center left;
	padding: .2em 0 .2em 1.2em;
	line-height: 1.6em;
}

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.filePanel img
{
	margin-right: .4em;
}
div.filePanel a
, div.filePanel img
{
	vertical-align: middle;
}

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

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

/* space remaining */
div.help
{
	border: solid 1px #ccc;
	padding: .3em .6em;
	background-color: #f2f7f8;
	color: #667;
	float: left;
}

/*#endregion*/

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

/*#region ++ 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;
}

/*#endregion*/

/*#region ++ Online shopping */

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;
	margin-top: .8em;
}

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
{
	width:100%;
	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;
}
.shoppingSteps
{
	background-color: rgb(253, 187, 96);
	margin-top: .8em;
}
.shoppingSteps ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.shoppingSteps ul span
{
	line-height: 2em;
	background: transparent url(../images/bread_bullet.gif) no-repeat right center;
	padding-right: 1.8em;
	padding-left: .6em;
	display: inline;
	color: #888;
	white-space: nowrap;
}
.shoppingSteps ul
, .shoppingSteps li
, .shoppingSteps span
{
	float: left;
}
.shoppingSteps li.current span
{
	font-weight: bold;
	color: #000;
}
.shoppingSteps li.final span
{
	background: none;
}
table.infoTable td.allCentered
{
	text-align: center;
	vertical-align: middle;
}
.productDescription
{
}
.productDescription img
, .productDescription p
{
	vertical-align: middle;
}
.productDescription img { margin: .4em; }
.productDescription p { margin: 0; margin-left: .4em; display: inline; }

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

/*#endregion*/

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

/*#region Extract admin styles */

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

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

div#dataExtract
{
}

div#dataExtract input, div#dataExtract select
{
}

div.subSection
{
	margin: 10px 0;
}

.sectionEnd
{
	margin-bottom: 10px !important;
}

/*#endregion*/

/*#region ++ 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;
}
/*#endregion*/

/*#region ++ 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;
}

/*#endregion*/

/*#region ++ 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.idPhoto
{
	vertical-align: top;
	border: solid 2px #ccc;
	border-width: 2px !important;
	height: auto !important;
	max-width: 200px;
}

.modalPopup.form img.idPhoto
{
	margin-top: .4em;
}

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
, p.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;
}

/*#endregion*/

/*#region ++ 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: 5px 0 5px 26px;
	line-height: 1.5em;
}

div.manageFolders ul li a.folder.selected
{
	background: transparent url( "/Images/Mail/folderOpen.gif" ) no-repeat left center;
	font-weight: bold;
	padding-left: 30px;
}

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: 1px 0 1px 16px;
}

div.folderMembers div.assignees div ul li span.group
{
	background: transparent url( "/Images/Mail/group.gif" ) no-repeat left center;
	padding: 4px 0 4px 25px;
	line-height: 1.5em;
}

div.folderMembers div.assignees div ul li span.addressList
{
	background: transparent url( "/Images/Mail/addressList.gif" ) no-repeat left center;
	padding: 1px 0 1px 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;
}
/*#endregion*/

/*#region ++ 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;
}
/*#endregion*/

/*#region ++ 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;
}
/*#endregion*/

/*#region ++ 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;
}
/*#endregion*/

/*#region ++ 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%;
}

/*#endregion*/

/*#region ++ 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;
}

/*#endregion*/

/*#region ++ 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;
}

span.disabled
{
	color: #ccc;
}

table.simpleGrid tr td
{
	background: #fff;
	padding: .5em;
	border: 1px solid #ccc;
	vertical-align: top;
}
table.simpleGrid
{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 0;
	margin: 1em 0 1em 0;
}

table.simpleGrid tr td:hover
{
	background: #fafafa;
}

div#exportOptionLinkPanel
{
	margin: .5em 0;
}

span.unimportant
{
	color: #bbb;
	white-space: nowrap;
}

div#userSelectorActions
{
	float: left;
	margin-left: 17em;
}

p.IDPhotoEmphasize
{
	color: Red;
}

/*#endregion*/

/*#region ++ Photo instructions */

.photoInstructions div.panel
{
	/*background-color: #f5f5f5;*/
	padding: 0.6em 0 0.4em 0.4em;
	border: dashed 1px #ccc;
	margin: 0 0 0 0;
}
.photoInstructions h1
{
	color: Black;
}
.photoInstructions h3
{
	font-style: italic;
	color: Red;
	background-color: #F8EACF;
}
.photoInstructions p.guideline
{
	font-style: italic;
	background-color: #F8EACF;
	margin-bottom: 2px;
}
.photoInstructions p.correct
{
	font-style: italic;
	font-weight: bold;
	color: #79BC77;
	margin-top: 0px;
	text-align: center;
}
.photoInstructions p.incorrect
{
	font-style: italic;
	font-weight: bold;
	color: #FE0000;
	margin-top: 0px;
	text-align: center;
}
.photoInstructions div.callout
{
	background-color: #DFB26F;
	text-align: center;
	width: 330px;
}
.photoInstructions div.callout h3
{
	background-color: #DFB26F;
	color: White;
}

.photoInstructions div.callout li
{
	background-color: #DFB26F;
	color: White;
	font-size: xx-small;
}

.photoInstructions div.callout ul
{
	margin-bottom: 2px;
}

.secondaryItem
{
	margin-left: .4em;
}
.printIdCard
{
	float: left;
	border: solid thin #666;
	padding: 20px;
	font-size: larger;
	width: 300px;
	margin: 40px;
}
.idCard
{
	width: 340px;
	background-color: transparent;
	padding: .4em .8em 0em .8em;
	font-family: Arial, Verdana, Sans-Serif !important;
	border: solid 1px #666;
	color: #000;
}
.idCard h1
{
	color: #000;
	font-size: 11pt;
	text-align: center;
	padding: 0;
	margin: 0 0 .3em 0;
	white-space: nowrap;
	font-family: Arial, Verdana, Sans-Serif !important;
}
.idCard table
{
	margin-bottom: 0;
}
.idCard table *
{
	font-size: 95%;
}
.idCard p
{
	font-style: italic;
	margin: .2em 0 .6em 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.2em;
}
.idCard tr
{
	padding: .2em 0;
}
.idCard th
{
	font-size: 100%;
	padding: 0 1em 0 0;
	white-space: nowrap;
}
.idCard td
{
	font-style: italic;
	font-size: 100%;
}
.centered
{
	text-align: center;
}
.idCard th
{
	text-align: left;
}
.idCard img.background
{
	position: absolute;
	margin-top: 4.2em;
	margin-left: .2em;
	z-index: -1;
}

/*#endregion*/

.bottomButton
{
	margin-top: .6em;
}

a.news
{
	font-size: 100%;
	font-weight: bold;
}

p.importantNote
{
	/* text-decoration: underline; *//* Usability 101: non-links must not be underlined */
	font-weight: bold;
	font-size: 110%;
}

div.buttonList
{
	border: solid 1px #d5d5d5;
	background-color: #f5f5f5;
	padding: 1.2em .4em;
	text-align: center;
	margin-top: .8em;
}

div.buttonList input
{
	margin-right: 0.7em;
}

#unsubscribe
{
	padding: 1em;
	min-height: 220px;
}

a.up, span.up
{
	background: transparent url(../Images/arrow_up.gif) no-repeat right;
	padding-right: 1.2em;
}

a.down, span.down
{
	background: transparent url(../Images/arrow_down.gif) no-repeat right;
	padding-right: 1.2em;
}

/*#region ++ Site allocation */

#siteAllocationPopupContainer .modalPopup { width: 400px; }
#emailStudyCardPopupContainer .modalPopup { width: 300px; }
#siteAllocationPopupContainer .modalPopup select
, #emailStudyCardPopupContainer .modalPopup select
{
	display: block;
	margin: .2em 0 .4em 0;
}
#siteAllocationPopupContainer .modalPopup label
, #emailStudyCardPopupContainer .modalPopup label
{
	display: block;
	margin: 1em 0 .6em 0;
}
#siteAllocationPopupContainer .modalPopup input.text
, #emailStudyCardPopupContainer .modalPopup input.text
{
	margin-top: 0;
}
#emailStudyCardPopupContainer .modalPopup input.text { width: 100%; }
#emailStudyCardPopupContainer .modalPopup span.error
{
	margin-top: 1em;
}
/*#endregion*/

/*#region ++ File system instructions */

ul.fileList
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 300px;
}
ul.fileList a.wordFile
{
	display: block;
	background: transparent url("../Images/pdf_icon.gif") no-repeat left;
	padding: .4em 0 .4em 3em;
	line-height: 2em;
	white-space: nowrap;
}

/*#endregion*/

/*#region ++ Custom field editor*/

.customFieldEdit 
{
	vertical-align: middle;
}
.customFieldEdit a
, .customFieldEdit span
, .customFieldEdit input
{
	margin-right: .4em;
}
.customFieldEdit span
{
	white-space: nowrap;
}

/*#endregion*/

/*#region ++ Enter Study Card Page styles */

div.enterStudyCard
{
	width:503px;
	height:258px;
	background:transparent url(../Images/StudyCards/entercard-bg.jpg) no-repeat;
	padding:1.5em;
	margin-top:2em;
	position:relative;
}

div.enterStudyCard div.field
{
	padding:1em;
	clear:left;
}

div.enterStudyCard div.field label
{
	display:block;
	float:left;
	width:23ex;
}

div.enterStudyCard div.fail
{
	width:261px;
	height:30px;
	padding:8px;
	background:transparent url(../Images/StudyCards/enter-fail-bg.gif) no-repeat;
	margin-top:20px;
}

div.enterStudyCard div.success
{
	width:262px;
	height:52px;
	padding:8px;
	background:transparent url(../Images/StudyCards/enter-success-bg.gif) no-repeat;
}

div.enterStudyCard input.submit
{
	position:absolute;
	right:100px;
	bottom:85px;
	width:10ex;
}

div.scardRedir
{
	width:478px;
	height:70px;
	background-color:#86FF7F;
	padding:1em;
	position:relative;
	line-height:1.75em;
	border: solid 1px #bbb;
	margin-top:1em;
}

div.scardRedir img.info
{
	position:absolute;
	top:5px;
	right:5px;
}

/*#endregion*/

/*#region Styles for access codes. */

h1.acTest, a.actestLink
{
	background:transparent url(../Images/AccessCodes/test.png) no-repeat center left; 
	padding-left:28px; 
	line-height:2em;
}

h1.acCode, a.acCodeLink
{
	background:transparent url(../Images/AccessCodes/code.png) no-repeat center left; 
	padding-left:28px; 
	line-height:2em;
}

/*#endregion*/

/*#region ++ Styles for the access code language picker. */

#acLanguage
{
	margin-left:80px;
	margin-top: 1em;
	font-size:80%;
}

#acLanguage span
{
	float:left;
    font-family:verdana;
    margin-top:-2px;
    font-weight:bold;
}

#acLanguage ul
{
	padding:0;
    margin:0;
    list-style: none;
}
      
#acLanguage ul li
{
	float: left;
    margin: 0 .65em;
}
      
#acLanguage ul li a
{
	padding-top:2em;
    overflow:hidden;
    text-indent:-900%;
    display:block;
    width:30px;
    text-decoration:none;
}
      
#acLanguage ul li a:hover
{
	text-indent:0;
    overflow:visible;
    width:auto;
}

#acLanguage ul li.en
{
	background: url(../Images/Flags/gb-english.gif) top center no-repeat;
}
      
#acLanguage ul li.de
{
	background: url(../Images/Flags/de-german.gif) #fff top center no-repeat;
}
      
#acLanguage ul li.jp
{
	background: url(../Images/Flags/jp-japanese.gif) #fff top center no-repeat;
}
      
#acLanguage ul li.kr
{
	background: url(../Images/Flags/kr-korean.gif) #fff top center no-repeat;
}
      
#acLanguage ul li.ir
{
	background: url(../Images/Flags/ir-persian.gif) #fff top center no-repeat;
}
      
#acLanguage ul li.pt
{
	background: url(../Images/Flags/pt-portuguese.gif) #fff top center no-repeat;
}
      
#acLanguage ul li.es
{
	background: url(../Images/Flags/es-spanish.gif) #fff top center no-repeat;
}

#acLanguage ul li.th
{
	background: url(../Images/Flags/th-thai.gif) #fff top center no-repeat;
}

#acLanguage ul li.ru
{
	background: url(../Images/Flags/ru-russian.gif) #fff top center no-repeat;
}
      
#acLanguage ul:after
{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*#endregion*/

table.infoTable ul
, table.infoTable ul li
{
	padding: 0 0 0 .5em;
	margin: 0;
}
table.infoTable ul
{
	padding: 0;
	list-style-position: inside;
}
.emailedTo p
{
	margin: .3em 0;
	padding: 0;
}
ul.shortcut_list 
{
	margin: 0;
	padding-left: 1.2em;
}
ul.shortcut_list li p
{
	margin: .5em 0;
	padding: 0;
}

dl.options dt
, dl.options dd
{
	display: block;
	width: auto;
	float: none;
	margin: 0;
}
dl.options dd
{
	padding-bottom: 1em;
}

ul.subMenu
{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0 0 .3em 0;
}
ul.subMenu li
{
	margin-bottom: .2em;
}
ul.subMenu input
{
	width: 15em;
}

#packageExtracts .inputForm
{
}
#packageExtracts .inputForm .button
{
	float: left;
}

#packageExtracts .GridView
{
	margin-bottom: .6em;
}

#packageExtracts .resultInfo
{
	margin-bottom: 0;
}
#packageExtracts ul.itemSelector
, ul.itemSelector li
{
	float: left;
}
#packageExtracts ul.itemSelector
{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#packageExtracts ul.itemSelector li
{
	display: block;
	border: solid 1px #ccc;
	background: #DFEDDD url(../Images/itemSelector_item_background.gif) repeat-x center left;
	margin: .8em .4em .4em 0;
}
#packageExtracts ul.itemSelector li:hover
{
	background-image: url(../Images/itemSelector_item_background_hover.gif);
}
#packageExtracts ul.itemSelector p
{
	margin: 0;
	white-space: nowrap;
	width: 100%;
	font-size: 88%;
}
#packageExtracts ul.itemSelector div
{
	float: left;
}
#packageExtracts ul.itemSelector .number
{
	line-height: 2.5em;
	text-align: center;
	font-size: 130%;
	padding: .3em .1em .3em .6em;
}
#packageExtracts ul.itemSelector .info
{
	padding: .4em .6em;
}
#packageExtracts ul.itemSelector .info .type
{
	font-size: 100%;
	padding-bottom: .2em;
}
#packageExtracts .infoTable .processStatus { width: 14.4em; text-align: center; }
#packageExtracts .infoTable .processStatus a
, #packageExtracts .infoTable .processStatus span
{
	margin-right: .4em;
	white-space: nowrap;
}
#studentPager
{
	margin-bottom: .6em;
}
#packageExtracts .collapsePanelHeader { margin-top: 0; }
#packageExtracts .actionList p
{
	margin: 0 0 .4em 0;
	font-size: 88%;
}

.dpsPromo
{
	text-align: center;
}
.dpsPromo img
{
	margin: 0 auto;
}

#reqhelp
{
	background-color:#FEFF8F;
	border:solid 1px #888;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:.5em;
	margin:.5em auto;
	width:700px;
}

#reqhelp p
{
	margin:0;
}

ul.listOfFiles
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 300px;
}
ul.listOfFiles a
{
	display: block;
	padding: .4em 0 .4em 3em;
	line-height: 2em;
	white-space: nowrap;
}
ul.listOfFiles a.doc
{
	background: transparent url("../Images/fileIcon/word.gif") no-repeat left;
}
ul.listOfFiles a.pdf
{
	background: transparent url("../Images/pdf_icon.gif") no-repeat left;
}

/* AccessCode Editor */
#accessCodeUsage
{
	padding:1em;
}

div.inputForm .accessCodeEditor > div.row > input[type=checkbox]
{
	margin: 2px 20px 0 0;
	float: left;
	width:auto;
}

div.inputForm .accessCodeEditor > div.row > label
{
	float:left;
}