body
{
	background: url('images/background.png') repeat-x;
}

html
{
	background: #F7FAFE;
}

*:focus
{
	outline: none;
}

/* Content */
.menu
{
	vertical-align: top;
}

.mainContent, .content
{
	padding: 5px;
}

label
{
	margin-left: 5px;
}

/* Header */
.header
{
	height: 50px;
}

.headerBackground
{
	background: url('images/background.png') repeat-x;
	width: 1024px;
	height: 91px;
	margin: auto;
	padding: 0px 5px;
}

.header .left
{
	float: left;
	width: 40%;
	height: 45px;
	background-image: url('images/Header.png');
	background-repeat: no-repeat;
}

.validator
{
	padding: 0 0 3px 18px;
	background: url('images/InformationIcon.png');
	background-repeat: no-repeat;
}

.validatorAlert
{
	padding: 0 0 3px 18px;
	background: url('images/AlertIcon.png');
	background-repeat: no-repeat;
	color: maroon;
}

.alertBox
{
	width: 100%;
	height: 50px;
	background: url(images/messageBG.png) top repeat-x;
	color: White;
}

.header .right
{
	float: right;
	width: 60%;
	height: 45px;
	color: #498ADB;
}

.header .right .login
{
	float: right;
	margin-bottom: 3px;
	padding-right: 5px;
	background: url('images/ArrowDown.png') right no-repeat;
}

.header .slogan
{
	float: right;
	padding: 0px 1%;
	color: Navy;
}

.header .menu
{
	text-align: left;
	float: left;
	width: 98%;
	color: #498ADB;
	margin: 5px 0px 10px 0px;
}

.header .hr
{
	clear: both;
	float: left;
	height: 10px;
	width: 100%;
	background: url('images/HR.png') no-repeat;
	margin-top: 5px;
}

.main-combobox, .main-combobox-hover, .main-combobox-focused
{
	height: 25px;
	border: 0;
	background: #fff url('images/DropDown.png') no-repeat;
}

.main-combobox-textbox
{
	background: transparent;
	border: none;
	margin: 0;
	padding: 0 0 0 10px;
	color: #333;
}

.main-combobox-drop, .main-combobox-drop:hover, .main-combobox-drop-expanded
{
	width: 25px;
	height: 25px;
	background: transparent url('images/DropDown.png') no-repeat -275px 0;
}

.main-combobox-dropdown
{
	border: 1px solid #a7abb0;
}

.main-combobox-dropdown-content
{
	margin: 0;
	padding: 1px 0;
	background: #fff; /* FS-Dropdown */
	min-width: 120px;
}

.main-combobox-item
{
	padding: 0 9px;
	margin: 0;
	border: 0;
}

.main-combobox-item a
{
	margin: 0;
	height: 22px;
	line-height: 22px;
	display: block;
	background: none;
	color: #666;
	border: 0;
	cursor: default;
	text-decoration: none;
}

.main-item-hover
{
	background: #EEE;
}

.pageTitleLink
{
	font-size: 160%;
	color: #004A7F;
}

.header .pageTitle
{
	background: #77a5d9;
	vertical-align: top;
	width: 100%;
	text-align: left;
	padding-left: 10px;
}

.header .mission
{
	background: navy;
	text-align: center;
	vertical-align: middle;
	width: 603px;
	color: White;
}

a .alt
{
	display: none;
}

/* Footer */
.footer
{
	font-size: 80%;
	text-align: center;
	width: 100%;
	color: #828282;
	padding: 15px 0 5px 0;
	background: #C3DAFD;
}

/* Login */
.loginBox
{
	border: solid 1px black;
	width: 45%;
	margin: 18px;
}

.loginBox div
{
	padding: 5px;
}

.login-NewUsers
{
	background: #fcfecc;
	float: left;
}

.login-SampleCourse
{
	background: #c9f1ca;
	float: left;
}

.login-CurrentUsers
{
	background: #fed2d2;
	float: right;
	text-align: center;
}

/* General */
.noBorder
{
	border: 0px;
}

.center
{
	text-align: center;
}

.bold
{
	font-weight: bold;
}

.buttons
{
	display: block;
	margin: 10px 0;
	text-align: center;
}

.buttonsLeft
{
	display: block;
	margin: 10px 0;
	text-align: left;
}

.section
{
	background: #DBE5F1;
	padding: 10px;
	margin: auto auto 10px auto;
}

.whiteBox
{
	background: white;
	padding: 10px;
	border: solid 1px black;
	margin: auto auto 10px auto;
}

.indent
{
	margin: 10px 20px;
}

.formCentered
{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}

.columnHeaderDataVertical
{
	float: left;
	margin: 5px 5px;
	width: 150px;
	text-align: left;
	font-weight: bold;
}

.columnContentDataVertical
{
	float: left;
	margin: 5px 5px;
	width: 250px;
}

.columnHeaderVertical
{
	float: left;
	margin: 11px 5px;
	width: 150px;
	text-align: right;
}

.columnContentVertical
{
	float: left;
	margin: 5px;
	width: 250px;
}

.columnContentVertical > *
{
	width: 100%;
	padding: 2px 2px;
	margin: 4px 0px;
}

.columnContentVertical > input[type='checkbox']
{
	width: auto;
	margin: 5px;
}

.columnContentVertical2
{
	float: left;
	margin: 11px 10px;
	width: 400px;
}

.rowContentVertical
{
	float: left;
	width: 930px;
	padding: 10px,auto,auto,10px;
}

.columnContentVerticalFooter
{
	float: right;
}

.displayNone
{
	display: none;
}

.rowContentVerticalLarge
{
	clear: both;
	width: 100%;
}

.columnHeaderVerticalLarge
{
	float: left;
	margin: 7px 5px;
	width: 150px;
	font-weight: bold;
	font-size: 130%;
}

.columnContentVerticalLarge
{
	float: left;
	margin: 7px 5px;
	font-size: 130%;
}

/* RadioList */

.radioItem
{
	width: 40%;
	margin: 10px 0 0 10px;
	float: left;
}

.radioButton
{
	margin: 5px;
}

/* Form */
.form
{
}

.form .category
{
	margin-bottom: 20px;
	background: #DBE5F1;
	padding: 10px;
}

.form .category em
{
	color: navy;
	font-weight: bold;
	font-size: 115%;
	border-bottom: solid 1px black;
	margin-bottom: 10px;
	font-style: normal;
	display: block;
}

.form .row
{
	clear: left;
	padding: 5px;
}

.form .label
{
	clear: left;
	float: left;
	font-weight: bold;
	text-align: right;
	width: 125px;
	padding: 5px 5px 0px 0px;
	font-size: 90%;
}

.form .label.left
{
	text-align: left;
}

.form .input
{
	float: left;
}

.form .field
{
	padding-bottom: 5px;
}

.form .text
{
	padding: 5px;
}

.form .help
{
	background: #fffea0 url(../../images/PageTitleBG.gif) repeat-y;
	float: right;
	border: solid 1px black;
	width: 200px;
	font-size: 70%;
	padding: 5px;
}

.form .help ul
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-left: 10px;
}

.form .help li
{
	margin-bottom: 5px;
}

.form .error
{
	font-size: 70%;
}

/* Course List */
.courseDetailsBox
{
	float: left;
	border: solid 1px black;
	width: 550px;
	background-color: White;
	margin: 20px 10px 0 10px;
}

.tempCourseSection .tempCourssHeader
{
	padding: 10px;
	margin: auto auto 10px auto;
}

.tempCourseSection
{
	background: #DBE5F1;
}

.courseDetailsBox .accreditedTitle, .courseDetailsBox .acceleratedTitle
{
	border-bottom: solid 1px black;
	background-color: Navy;
	color: White;
	font-weight: bold;
	padding: 3px;
	display: block;
}

.courseDetailsBox .acceleratedTitle
{
	background-color: Maroon;
}

.courseDetailsBox .courseDetails
{
	padding: 10px;
	width: 90%;
}

.courseDetails .label
{
	clear: left;
	float: left;
	width: 100px;
	font-weight: bold;
	padding: 1px;
}

.courseDetails .text
{
	padding: 1px;
}

/* Course */
.mainContainer
{
	position: absolute; /* For bug in Netscape.  Can't be relative and overflow hidden */
	width: 100%;
	height: 100%; /* overflow: hidden; */
}

.courseHeader
{
	width: 100%;
	height: 102px;
	border: 0px;
	font-size: 75%;
	font-weight: bold;
	color: White;
	background: url(../images/HeaderBG.gif) repeat-x;
}

.courseHeader a, .courseHeader a:active, .courseHeader a:visited, .courseHeader a:hover
{
	color: White;
}

.courseHeader .headerFixedSize
{
	width: 770px;
	float: left;
}

.courseHeader .headerNavigationBridge
{
	float: left;
	width: 220px;
	height: 85px;
	text-align: center;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	background: white;
}

.courseHeader .headerToolbar
{
	float: left;
	border-bottom: solid 1px black;
}

.courseHeader .headerToolbarButtons
{
	background: #CED3E7;
	height: 66px;
}

.courseHeader .toolbarButton
{
	float: left;
	width: 108px;
	text-align: center;
	padding-top: 5px;
}

.courseHeader .headerToolbarText
{
	background: #CE4184;
	height: 18px;
	border-top: solid 1px black;
}

.courseHeader .toolbarText
{
	padding-top: 2px;
	float: left;
	width: 108px;
	text-align: center;
}

.courseHeader .headerInfo
{
	padding-top: 0px;
	clear: left;
	background: #31659C;
	height: 15px;
	border-bottom: solid 1px black;
}

.courseHeader .courseheaderInfo
{
	padding-top: 0px;
	clear: left;
	background: #31659C;
	height: 30px;
	border-bottom: solid 1px black;
}

.courseHeader .headerShowHideIndex
{
	float: left;
	width: 220px;
	height: 15px;
	border-right: solid 1px black;
	text-align: center;
}

.courseContainer
{
	width: 100%;
	float: left;
	background-color: #EDF5FD;
	min-width: 770px; /* for Netscape */
}

/* Course TOC */
.courseToc
{
	width: 20%;
	height: 100%;
	float: left;
	border-right: solid 1% black;
}

.courseTocContainer
{
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
}

.courseToc .tocDirections
{
	height: 15px;
	background: #CE4184;
	border-bottom: solid 1px black;
	font-size: 75%;
	font-weight: bold;
	padding-top: 3px;
	text-align: center;
	color: White;
}

.courseToc .tocDirectionExpandImage
{
	padding-left: 20px;
	background: url(../images/Tree/Expand.gif) no-repeat 0 50%;
}

.courseToc .tocDirectionCollapseImage
{
	margin-left: 10px;
	padding-left: 20px;
	background: url(../images/Tree/Collapse.gif) no-repeat 0 50%;
}

.courseToc .gettingStarted
{
	color: black;
}

.courseToc .overview
{
	color: black;
}

.courseToc .pretest
{
	color: black;
}

.courseToc .terminology
{
	color: black;
}

.courseToc .content, .courseToc .content nobr
{
	color: black;
}

.courseToc .reflections
{
	color: black;
}

.courseToc nobr
{
	white-space: normal;
}

.courseToc .treeNode, .courseToc .gettingStarted, .courseToc .overview, .courseToc .pretest, .courseToc .terminology, .courseToc .content, .courseToc .reflections
{
	font-family: Verdana;
	padding: 3px;
	cursor: default;
}

.courseToc .disabledTreeNode
{
	font-family: Verdana;
	font-weight: bold;
	color: Gray;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;
	cursor: default;
	padding-top: 2px;
}

.courseToc .selectedTreeNode
{
	font-family: Verdana;
	border: royalblue 1px solid;
	padding: 2px;
	cursor: default;
	color: black;
	background-color: #C3DAFD;
}

.courseToc .tree
{
	padding: 5px;
}

/* Course Content */
.courseContent
{
	width: 300px;
	height: 500px;
	border: 0px;
}

.quote
{
	border: solid 1px #c3dafd;
	margin: 10px 0;
	margin-left: 20px;
	padding: 5px;
}

/* Course Catalog */
.courseDescriptionSummary
{
	margin-bottom: 15px;
}

table.courseCatalog
{
	width: 100%;
	border: 0px;
}

table.courseCatalog th, table.courseCatalog td
{
	padding: 5px;
	border: 0px;
	vertical-align: top;
}

table.courseCatalog .accreditedHeader
{
	background: #C3DAFD;
}

table.courseCatalog .acceleratedHeader
{
	background: maroon;
	color: white;
}

.acceleratedHeader th
{
	color: white;
}

table.courseCatalog .accreditedRow
{
	background: #DBE5F1;
}

table.courseCatalog .acceleratedRow
{
	background: #fed2d2;
}

table.courseCatalog .rowAlt
{
	background: white;
}

table.courseCatalog .creditItem
{
	width: 50px;
	text-align: center;
}

table.courseCatalog .statusItem
{
	width: 100px;
	text-align: center;
}

/* Menu */
.menu
{
	margin: auto;
	text-align: center;
	width: 250px;
}

a.menuText, a.menuText:visited, a.menuText:active
{
	color: #498ADB;
	text-decoration: none;
	font-weight: normal;
}

a.menuText:hover
{
	font-weight: normal;
}


a.menuButton, a.menuButton:visited, a.menuButton:active
{
	border: solid 1px navy;
	background: navy;
	color: white;
	cursor: pointer;
	padding: 3px 5px;
	margin: 5px 5px;
	display: block;
	text-decoration: none;
	text-align: center;
	width: 100%;
}

a.menuButton:hover
{
	color: white;
	background: blue;
}

/* Formatted List */
table.list
{
	clear: both;
	width: 100%;
	padding: 10px;
	border-collapse: collapse;
	border: 1px solid #666699;
	margin: 5px auto;
	margin-bottom: 15px;
}

table.topic
{
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 0px;
}

table.replies
{
	border-top: 0px;
	margin-top: 0px;
}

table.list th, table.list td
{
	font-weight: normal;
	color: #3B3B3B;
	padding: 5px;
	border: 1px solid gray;
	margin: 0px;
	vertical-align: top;
}

table.list th
{
	font-weight: normal;
	color: #3B3B3B;
	background: #C3DAFD url(/App_Themes/Main/theme/horizontal.png) repeat-x 0px -19px;
	vertical-align: bottom;
	padding: 0px 5px;
	line-height: 20px;
}

.table.list th.highlight
{
	text-align: right;
	padding: 0 5px;
	width: 5%;
	vertical-align: top;
	background: #C3DAFD url(/App_Themes/Main/theme/horizontal.png) repeat-x 0px -19px;
	line-height: 20px;
}

table.list tr
{
	background: #f7f7f7;
}

table.list tr.alt
{
	background: #e9e9e9;
}

.enrollNowBox
{
	float: right;
	width: 175px;
	padding: 20px;
	background: #DBE5F1;
	font-weight: bold;
	text-align: center;
}
.LinkButton
{
	text-decoration: none;
	color: Blue;
}

.pageContent
{
	float: left;
	width: 98%;
	margin: 1%;
}

.multiPage
{
	width: 100%;
	padding: 1.5%;
	float: left;
	border-collapse: separate;
	background: white;
	border: 0px solid #A2ACDD;
	border-top: 0;
	height: 100%;
}

.formPage
{
	float: left;
	background: #C3DAFD url(images/boxL.png) left repeat-y;
	width: 100%;
}

.formPage .right
{
	float: left;
	background: url(images/boxR.png) right repeat-y;
	width: 100%;
}

.formPage .topLeft
{
	float: left;
	background: url(images/boxTL.png) left top no-repeat;
	width: 100%;
}

.formPage .topRight
{
	float: left;
	background: url(images/boxTR.png) right top no-repeat;
	width: 100%;
}

.formPage .bottomLeft
{
	float: left;
	background: url(images/boxBL.png) left bottom no-repeat;
	width: 100%;
}

.formPage .bottomRight
{
	float: left;
	background: url(images/boxBR.png) right bottom no-repeat;
	width: 100%;
}

.formPage .content
{
	width: 94%;
	float: left;
	margin: 0px 1.5% 0px 1.5%;
	padding: 1.5%;
	background: white;
	border: 1px solid #A2ACDD;
	border-bottom: 0;
}

.formTitle
{
	width: 97%;
	margin: 6px 1.5% 2px 1.5%;
	float: left;
	color: black;
	font-weight: bold;
	padding: 5px;
}

.formHeader
{
	float: left;
	width: 97%;
	margin: 5px 1.5% 10px 1.5%;
	padding: 10px 0;
	border-bottom: 1px solid #c3dafd;
}

.formContent
{
	float: left;
	width: 97%;
	margin: 0 1.5%;
}

.reportHeader
{
	width: 98%;
	float: left;
	padding: 2px 1%;
	background: #EDF5FD;
	border-bottom: 1px solid #C3DAFD;
}

.formFooter
{
	margin-top: 10px;
	width: 98%;
	float: left;
	padding: 2px 1%;
	background: #EDF5FD;
	border-top: 1px solid #C3DAFD;
}

.formFooterButtons
{
	float: right;
	padding: 5px;
}

a.formButton, a.formButton:visited, a.formButton:link, a.formButton:active
{
	float: left;
	display: block;
	line-height: 26px;
	color: white;
	border: 0;
	cursor: default;
	text-decoration: none;
	background: transparent url(images/btnLeft.jpg) no-repeat 0;
	margin: 0 5px;
	float: right;
}

a.formButton span.outer
{
	float: left;
	display: block;
	margin-left: 2px;
	padding: 7px 9px 7px 7px;
	background: transparent;
	line-height: 26px;
	background: transparent url(images/btnRight.jpg) no-repeat right;
}

a.formButton:hover
{
}

a.formButton:hover span.outer
{
	color: white;
}

a.formButton:active span.outer
{
	padding: 8px 8px 6px 8px;
}

.leftArrow
{
	height: 16px;
	width: 20px;
	background: transparent url(theme/glyphs.png) no-repeat 0 -95px;
}

.rightArrow
{
	height: 16px;
	width: 20px;
	background: transparent url(theme/glyphs.png) no-repeat 0 -114px;
}

.dialog
{
	text-align: left;
}

.dialogLeft
{
	float: left;
	background: url(images/dialogL.png) left repeat-y;
	width: 100%;
}

.dialogRight
{
	float: left;
	background: url(images/dialogR.png) right repeat-y;
	width: 100%;
}

.dialogTopLeft
{
	float: left;
	background: url(images/dialogTL.png) left top no-repeat;
	width: 100%;
}

.dialogTopRight
{
	float: left;
	background: url(images/dialogTR.png) right top no-repeat;
	width: 100%;
	height: 7px;
}

.dialogBackground
{
	float: left;
	background: #C3DAFD;
	width: 100%;
}

.dialogBottomLeft
{
	float: left;
	background: url(images/dialogBL.png) left bottom no-repeat;
	width: 100%;
}

.dialogBottomRight
{
	float: left;
	background: url(images/dialogBR.png) right bottom no-repeat;
	width: 100%;
	height: 7px;
}

.dialogContent, .dialogContentGlobal
{
	width: 95%;
	float: left;
	margin: 0px 1%;
	padding: 1.5%;
	background: white;
	border: 1px solid #A2ACDD;
	border-bottom: 0;
}

.dialogTitle
{
	width: 95%;
	float: left;
	margin: 0px 1%;
	color: black;
	font-weight: bold;
	padding: 1% 1.5% 1% 1.5%;
	cursor: default;
}

.dialogFooter, .dialogFooterGlobal
{
	width: 95%;
	float: left;
	margin: 0 1%;
	padding: 0 1.5%;
	background: #EDF5FD;
	border: 1px solid #A2ACDD;
	border-top: 0;
}

.dialogFooterButtons
{
	float: right;
	padding: 5px;
}

.dialogContentGlobal
{
	padding: 5%;
	margin: 0px 2%;
	width: 86%;
}

.dialogFooterGlobal
{
	margin: 0px 2%;
	width: 93%;
}

.panelL
{
	float: left;
	background: #F2F2F2 url(images/panelL.png) left repeat-y;
	width: 100%;
}

.panelR
{
	float: left;
	background: url(images/panelL.png) right repeat-y;
	width: 100%;
}

.panelTL
{
	float: left;
	background: url(images/panelTL.png) left top no-repeat;
	width: 100%;
}

.panelTR
{
	float: left;
	background: url(images/panelTR.png) right top no-repeat;
	width: 100%;
}

.panelBL
{
	float: left;
	background: url(images/panelBL.png) left bottom no-repeat;
	width: 100%;
}

.panelBR
{
	float: left;
	background: url(images/panelBR.png) right bottom no-repeat;
	width: 100%;
}

.panelContent
{
	width: 98%;
	float: left;
	padding: .5% 1%;
}

.panelTitle
{
	width: 97%;
	margin: 6px 1.5% -8px 1.5%;
	float: left;
	color: black;
	font-weight: bold;
	padding: 5px;
}

.wpanelL
{
	float: left;
	background: #FFFFFF url(images/wpanelL.png) left repeat-y;
	width: 100%;
}

.wpanelR
{
	float: left;
	background: url(images/wpanelL.png) right repeat-y;
	width: 100%;
}

.wpanelTL
{
	float: left;
	background: url(images/wpanelTL.png) left top no-repeat;
	width: 100%;
}

.wpanelTR
{
	float: left;
	background: url(images/wpanelTR.png) right top no-repeat;
	width: 100%;
}

.wpanelBL
{
	float: left;
	background: url(images/wpanelBL.png) left bottom no-repeat;
	width: 100%;
}

.wpanelBR
{
	float: left;
	background: url(images/wpanelBR.png) right bottom no-repeat;
	width: 100%;
}

.wpanelContent
{
	width: 98%;
	float: left;
	padding: .5% 1%;
}

.wpanelTitle
{
	width: 97%;
	margin: 6px 1.5% -8px 1.5%;
	float: left;
	color: black;
	font-weight: bold;
	padding: 5px;
}

.bluePanelL
{
	float: left;
	background: #C3DAFD url(images/boxL.png) left repeat-y;
	width: 100%;
}

.bluePanelR
{
	float: left;
	background: url(images/boxR.png) right repeat-y;
	width: 100%;
}

.bluePanelTL
{
	float: left;
	background: url(images/boxTL.png) left top no-repeat;
	width: 100%;
}

.bluePanelTR
{
	float: left;
	background: url(images/boxTR.png) right top no-repeat;
	width: 100%;
}

.bluePanelBL
{
	float: left;
	background: url(images/boxBL.png) left bottom no-repeat;
	width: 100%;
}

.bluePanelBR
{
	float: left;
	background: url(images/boxBR.png) right bottom no-repeat;
	width: 100%;
}

.bluePanelContent
{
	width: 94%;
	float: left;
	padding: 1.5%;
	background: white;
	border: 1px solid #A2ACDD;
	margin: 9px 1.3% 8px 1.3%;
}

.bluePanelTitle
{
	width: 97%;
	margin: 6px 1.5% -8px 1.5%;
	float: left;
	color: black;
	font-weight: bold;
	padding: 5px;
}

.borderPanelL
{
	float: left;
	background: #C3DAFD;
	width: 100%;
}

.borderPanelR
{
	float: left;
	width: 100%;
}

.borderPanelTL
{
	float: left;
	background: url(images/borderTL.png) left top no-repeat;
	width: 100%;
}

.borderPanelTR
{
	float: left;
	background: url(images/borderTR.png) right top no-repeat;
	width: 100%;
}

.borderPanelBL
{
	float: left;
	background: url(images/borderBL.png) left bottom no-repeat;
	width: 100%;
}

.borderPanelBR
{
	float: left;
	background: url(images/borderBR.png) right bottom no-repeat;
	width: 100%;
}

.borderPanelContent
{
	width: 98%;
	float: left;
	background: white;
	margin: 9px 1% 8px 1%;
}

.borderPanelTitle
{
	width: 97%;
	margin: 6px 1.5% -8px 1.5%;
	float: left;
	color: black;
	font-weight: bold;
	padding: 5px;
}

.tabPanelBG
{
	float: left;
	background: #FFFFFF url(images/Fade.png) top repeat-x;
	width: 100%;
}

.tabPanelL
{
	float: left;
	background: url(images/panelL.png) left repeat-y;
	width: 100%;
}

.tabPanelR
{
	float: left;
	background: url(images/panelL.png) right repeat-y;
	width: 100%;
}

.tabPanelBL
{
	float: left;
	background: url(images/tabPanelBL.png) left bottom no-repeat;
	width: 100%;
}

.tabPanelBR
{
	float: left;
	background: url(images/tabPanelBR.png) right bottom no-repeat;
	width: 100%;
}

.tabPanelContent
{
	width: 98%;
	float: left;
	padding: 1% 1%;
}

.tabPanelTitleB
{
	float: left;
	background: url(images/panelL.png) 0px bottom repeat-x;
	width: 100%;
}

.tabPanelTitleL
{
	float: left;
	background: #F2F2F2 url(images/panelL.png) left 0px repeat-y;
}

.tabPanelTitleR
{
	float: left;
	background: url(images/panelL.png) right 0px repeat-y;
}

.tabPanelTitleTL
{
	float: left;
	background: url(images/panelTL.png) left top no-repeat;
}

.tabPanelTitleTR
{
	float: left;
	background: url(images/panelTR.png) right top no-repeat;
}

.tabPanelTitle
{
	margin: 6px 4px 2px 4px;
	float: left;
	color: #FF8C00;
	font-weight: bold;
	padding: 0px 6px;
}

.standardText, .benchmarkText, .componentText
{
	color: #525252;
}

.selectBenchmarkText
{
	padding: 5px 0px;
	cursor: pointer;
}

.strandText
{
	font-weight: bold;
	color: #ff8c00;
}

.standardText
{
	font-weight: bold;
}

.componentText
{
	margin: 5px 10px;
	padding: 5px;
	padding-left: 25px;
	background: url(images/DialogIcon.png) 5px 5px no-repeat;
	cursor: pointer;
}

.benchmarkCheckBox
{
	padding-left: 20px;
	background: url(images/checkBox.png) 0 5px no-repeat;
	cursor: pointer;
}

.benchmarkCheckBoxChecked
{
	padding-left: 20px;
	background: url(images/checkBoxChecked.png) 0 5px no-repeat;
	cursor: pointer;
}

.round-tabstrip-outer-wrapper
{
	padding: 0;
	margin: 0;
	border: 1px solid #9fb2c7;
	background: #fff;
	color: #1e395b;
	width: 400px;
	height: 200px;
}

.round-tabstrip-inner-wrapper
{
	margin: 0;
	border: 0;
	background: #fff;
	color: #1e395b;
	min-height: 198px;
}

.round-tabstrip
{
	width: auto;
	height: 35px;
	padding: 2px 0 0 0px;
	background: url(theme/horizontal.png) repeat-x 0 bottom;
}

.round-tabstrip-group
{
	padding: 0 4px;
}

.round-tabstrip-group td
{
	padding: 0;
}

.round-tabstrip-top-item
{
	padding: 0;
	margin: 4px 0 0;
	border: 0;
	white-space: nowrap;
}

.round-tabstrip-top-item a
{
	margin: 0 0 1px;
	height: 31px;
	display: block;
	background: transparent;
	line-height: 31px;
	color: #004A7F;
	border: 0;
	cursor: default;
	text-decoration: none;
	width: auto;
	font-size: 130%;
}

.round-tabstrip-top-item a span.round-outer
{
	display: block;
	background: transparent;
	margin: 0 0 0 4px;
	padding: 0;
	height: 40px;
}

.round-tabstrip-top-item a span.round-outer span.round-none
{
	background: none !important;
	padding: 0 12px 0 8px !important;
}

.round-item-selected .round-tabstrip-top-item a
{
	background: transparent url(images/DialogTabTL.png) no-repeat top left;
	color: #FF8C00;
}

.round-item-selected .round-tabstrip-top-item a span.round-outer
{
	background: transparent url(images/DialogTabTR.png) no-repeat top right;
}


.roundedMultiPage
{
	width: 100%;
	padding: 1.5%;
	float: left;
	border-collapse: separate;
	background: white;
	border: 1px solid #B2B2B2;
	border-top: 0;
	height: 400px;
}

.roundedButton
{
	float: left;
	display: block;
	line-height: 26px;
	color: #eee;
	border: 0;
	cursor: default;
	text-decoration: none;
	font-weight: bold;
	background: transparent url(images/dialogButtonL.png) no-repeat 0;
}

.roundedButton span.outer
{
	float: left;
	display: block;
	margin-left: 2px;
	padding: 7px 9px 7px 7px;
	background: transparent;
	line-height: 26px;
	background: transparent url(images/dialogButtonR.png) no-repeat right;
}

.roundedButton:hover
{
}

.roundedButton:hover span.outer
{
	color: #ccc;
}

.roundedButton:active span.outer
{
	padding: 8px 9px 6px 7px;
}

.dialogL
{
	float: left;
	background: #464646 url(images/panelL.png) left repeat-y;
	width: 100%;
}

.dialogR
{
	float: left;
	background: url(images/panelL.png) right repeat-y;
	width: 100%;
}

.dialogTL
{
	float: left;
	background: url(images/panelTL.png) left top no-repeat;
	width: 100%;
	height: 7px;
}

.dialogTR
{
	float: left;
	background: url(images/panelTR.png) right top no-repeat;
	width: 100%;
	height: 7px;
}

.dialogBL
{
	float: left;
	background: url(images/panelBL.png) left bottom no-repeat;
	width: 100%;
}

.dialogBR
{
	float: left;
	background: url(images/panelBR.png) right bottom no-repeat;
	width: 100%;
}

.dialogTable
{
	width: 100%;
}

.dialogTable td, th
{
	border: 1px solid #bcbcbc;
	padding: 5px;
	color: #525252;
}

.dialogTable tr.alt
{
	background: #F8FBFF;
}

.dialogTable th
{
	background: #E0EBF9;
	font-weight: bold;
	color: #7C92FF;
	text-align: left;
}

blockquote
{
	padding: 0pt 30pt;
}

/* Vertical Scroller */
.item
{
	position: relative;
	width: 152px;
	border: 0px solid black;
	list-style: none;
	margin: 0;
	padding: 2px 2px 15px;
}

.list
{
	width: 155px;
	z-index: 1;
	margin: 0;
}

.mask
{
	width: 160px;
	height: 200px;
	overflow: hidden;
	z-index: 2;
	margin: 0;
}

.scrollContainer
{
	height: 200px;
}

.c_4
{
	float: left;
	width: 600px;
	position: relative;
}

.c_8
{
	float: left;
	width: 960px;
}

.c_4 input, .c_4 select
{
	width: 300px;
	margin-bottom: 10px;
	padding: 2px;
	margin-top: 5px;
	float: left;
}

.datePicker
{
	width: 60px !important;
	margin-right: 5px;
}

.creditPicker
{
	width: 300px !important;
}

.subscriptionFee
{
	float: right;
	width: 200px;
	background: rgb(237, 245, 253);
	padding: 20px;
	margin: 20px;
	border: 1px solid #888;
	border-radius: 5px;
	font-family: segoe ui;
	font-size: 125%;
	color: #333;
}

.courseRating
{
	width: 23%;
	float: left;
	padding: 1%;
	border-right: 1px dotted #888;
}

.courseInformation
{
	width: 73%;
	float: left;
	padding-top: 1%;
	padding-left: 1%;
}

.courseTab
{
	width: 19%;
	float: left;
	border: 1px solid #888;
}


.courseTabData
{
	display: none;
	height: 350px;
	overflow: auto;
}

.courseInfo
{
	margin-bottom: 5px;
}

.courseInfo h3
{
	font-weight: bolder;
}

.courseInfo span
{
	font-weight: normal;
}

.rating
{
	width: 100%;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.listRating
{
	float: right;
	padding-right: 10px;
}

.listRating a
{
	display: block;
	font-size: 1em;
	padding: 0 !important;
}

.commentBox_6
{
	width: 323px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #eee;
	padding: 10px;
	border-radius: 3px;
}

.commentBox_6 h3
{
	margin-bottom: 5px;
	font-family: Segoe Ui;
	font-weight: bolder;
}

.subscriptionGroup
{
	border-top: 1px solid #888;
	width: 500px;
	margin-top: 10px;
	padding: 10px;
}

.subscriptionGroup legend
{
	margin-left: 10px;
	font-size: 120%;
	
}

.subscriptionGroup h3
{
	font-family: segoe ui;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
}

.hidden
{
	display: none;
}


.selectHeader
{
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #A6C9E2;
}

.subjectItem
{
	font-size: 120%;
	font-weight: normal;
}

.l1Item
{
	list-style-type: square;
}

.l1Item ul
{
	margin-left: 0px;
}

.l2Item
{
	list-style-type: none;
	margin-left: 0px;
}

.l3Item
{
	list-style-type: circle;
}

.commentBox_6 a:hover
{
	cursor: pointer;
}

.courseTabData a:hover
{
	cursor: pointer;
}

#cancelSubscription a:hover
{
	cursor: pointer;
}

img.help
{
	float: right;
	width: 26px;
	height: 26px;
	margin: 5px;
}

.row
{
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}

.column, .columns
{
	margin-left: 2.25%;
	float: left;
	position: relative;
}

.column:first-child, .columns:first-child
{
	margin-left: 0px;
}

.row .sixteen.columns
{
	width: 100%;
}

.row .eight.columns
{
	width: 48.875%;
}

.row .four.columns
{
	width: 23.3125%;
}

.row .two.columns
{
	width: 10.53125%;
}

.title
{
	font-size: 150%;
	font-family: Segoe UI;
	border-radius: 2px;
	margin-bottom: 10px;
}

.row .content
{
	padding: 0;
	margin: 0;
}

.purple
{
	color: #7156d6;
}

.green
{
	color: #006400;
}

.orange
{
	color: #FF8C00;
}

.row div.centered
{
	margin: 0 auto;
	width:82px;
	
}

.grey
{
	background:#ccc;
	}

.text-right
{
	text-align:right;
	}