/*	Modificaiton Log
	B7158 JJD 03/26/20 category cards - spectrum color picker
	EN168 JJD 02/24/23 Externalize images to vocab
	EN891 JJD 05/09/23 Use CSS class to size images
	EN544 JJD 05/25/23 Move inline styling to stylesheet
	EN933 JJD 08/06/23 Keep header at top of page while scrolling, change styling of page headings
	EN667 JJD 08/07/23 Portal access - add option to filter by enabled flag
*/

body {
	font-family: arial;
	font-size: 11px;
	color: #000;
	padding: 0;
	cursor: default;
	line-height: 11px;
	margin: 0 auto;
	font-family: arial;
	vertical-align: middle;
	horizontal-align: middle;
	width: 100%;
}

html {
	background-color: #FFF;
}

td {
	font-family: arial;
	font-size: 13px;
	color: #000;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 1em 0;
}

h3 {
	font-size: 13px;
	padding-bottom: 10px;
	color: #000;
	margin: 0px;
}

hr {
	border: 0;
	background-color: #FFF;
	color: #999999;
	height: 1px;
	width: 99%;
	align: left;
	margin: 3px;
	padding: 0px;
}

a {
	color: #2061AB;
	margin-left: 0px;
	font-weight: normal;
	text-decoration: none;
	font-size: 13px;
}

a.head 
{
  color: #fff;
  margin-left: 0px;
  font-weight: normal;
}

a img 
{
	border: none;
}

a:hover {
	color: #2061AB;
	margin-left: 0px;
	font-weight: normal;
	font-size: 13px;
}

input.submit {
	font-size: 11px;
	border: 1px solid #999999;
	color: #000;
	cursor: pointer;
}

input {
	font-size: 10px;
}

input[type=text]
{
	width: 200px;
}

input[type=password]
{
	width: 200px;
}

select {
	font-size: 10px;
}

/* Page wrapper
--------------------------------------------------*/
#container {
	background-color: #fff;
	margin: 0 auto;
	width:100%;
	text-align:left;
	position:relative;
}

/* Header
--------------------------------------------------
#header {
	background-color: #201e1d;
	height:68px;
}

#header h1 {
	font-size: 22px;
	font-weight: normal;
	color: #CCCC99;
	text-align: left;
	padding: 30px 0 10px 15px;
}*/

#header-person {
	font-size: 12px;
	font-weight: normal;
	color: #CCCC99;
	text-align: right;
	padding: 30px 0 10px 15px;
}

/* navigation bar
--------------------------------------------------*/
#navigation {
	background-color:#6f6d65;
//	border-top: 1px solid #C6C8C6;
	height:45px;
//	color:#336633;
    padding:8px 0px 0px 0px;
}

#navigation a {
	font-family: verdana;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
}

#navigation td {
	font-size:16px;
	height:11px;
	line-height:11px;
}



/* Content
--------------------------------------------------*/
#content {
	margin: 0px 0px 0px 0px;
	min-height: 700px;
}

#contentinner {
	float:right;
	width:99%;
	margin:0;
	background-color:#fff;
	line-height:1.7em;
}


#content .inner {
	padding: 15px 15px 15px 15px;
}

#content .courseinner {
	padding: 0px 15px 15px 15px;
}


/* footer
--------------------------------------------------*/
#footer {
	float: bottom;
	align: center;
	clear: both;
	border-top: 5px solid #C6C8C6;
	text-align: right;
	font: 9px/1.6em "trebuchet ms", verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	background-color: #004689;
	text-align: right;
	font: 9px/1.6em "trebuchet ms", verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	background-color: #004689;
	width: 100%;
	height: 50px;
	position: relative;
}

#footer table {
	padding-top: 20px;
	padding-left: 60px;
	padding-bottom: 10px;
	padding-right: 40px;
	color: #C6C8C6;
	background-color: #004689;
	text-align: right;
	font-size: 12px;
}

#footer table tr td {
	color: #C6C8C6;
}

#footer img {
	box-shadow: 3px 3px 4px #000;
}

/*	
#footer 
{
	clear: both;
	border-top: 1px dashed #aaa;
	text-align: right;
	font: 9px/1.6em "trebuchet ms", verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	background: #f2f2f2;
	background-color: #f2f2f2;
}
*/

/* popular container
--------------------------------------------------*/

#popularContainer {
	font-size: 11px;
	width:212px;
	float:left;
	background-position: top left;
}

#popularContainerInner {
	padding:10px 10px;
	background-color: #E6E6E6;
	border-left:1px solid #D4D4D4;
}


#popularContainer h3 {
	color: #5A5A5A;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0px 0px 10px 5px;
}

#popularContainer ul {
	margin: 0;
	list-style-type: none;
	font-size: 11px;
	padding:5px 0px 5px 0px ;
	line-height:2em;
	background-color:#F4F4F4;
	border:1px solid #cccccc;
}

#searchBox {
	margin: 0;
	font-size: 11px;
	padding:5px 10px 5px 15px ;
	line-height:1.5em;
	background-color:#F4F4F4;
	border:1px solid #cccccc;
}

#popularContainer li {
	padding:0px 0px 0px 12px;
}



/* maincontent
-----------------------------------*/

#maincontent {
  padding: 0px;
}

#maincontent ul,li {
  list-style-type: none;
  margin-left: 3px;
  padding-bottom: 0px;
}



#maincontent input.text {
 width: 200px;
 font-size: 12px;
 color: #000000;
 background-color: #ffffff;
 text-align: left;
 border: 1px solid gray;
 padding-left: 2px;
}

/* mainsearch
-----------------------------*/
#mainsearch {
  clear: both;
  margin-top: 50px;
  font-size: 11px;
}

#mainsearch label {
  font-weight: bold;
}

#mainsearch input.text {
 width: 200px;
 font-size: 12px;
 color: #000000;
 background-color: #ffffff;
 text-align: left;
 border: 1px solid gray;
 padding-left: 2px;
}

#subHeader
{
	width:99%;
	padding-left:2px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color:#F4F4F4;
	font-size:11px;
	font-family:Verdana;
	margin-top:5px;
	line-height:20px;
}

#subSubHeader {
	background-color:#6f6d65;
//	border-top: 1px solid #C6C8C6;
	height:45px;
//	color:#336633;
    padding:30px 0px 0px 0px;
}

#testHeader
{
	width:99%;
	height:25px;
	padding-left:2px;
	padding-top:10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color:#F4F4F4;
	font-size:18px;
	margin-top:5px;
}

#pageHeader
{
	background-color:#d6d1c2;
	font-size:11px;
	font-family:Verdana;
	margin-top:0px;
	line-height:30px;
	font-weight:bold;
	padding: 14px;
}
#pageHeader a:link {font-weight: bold; color:#444444;text-decoration:none}
#pageHeader a:visited {font-weight: bold;color:#444444;text-decoration:none}
#pageHeader a:active {font-weight: bold;color:#444444;text-decoration:none}
#pageHeader a:hover {font-weight: bold;color:#444444;text-decoration:underline}

#note
{
	width:99%;
	padding-left:2px;
	background-color:#fffaf0;
	margin-top:5px;
}

#pageAlert
{
	width:100%;
	padding-left:5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color:#980000;
	font-size:11px;
	font-family:Verdana;
	margin-top:0px;
	line-height:20px;
	color: white;
	font-weight:bold;
}

.alert 
{
	color:red;
} 

#note
{	
	background-color:#F4F4F4;
}

.actionFont {
	color: white;
	font-family: Verdana;
	font-size: 9pt;
	font-weight:bold;
}

.actionButtonLearner {
	

	/*border:1px solid;
	border-color:silver;
	border-right-color:black;
	cursor:hand;
	background:silver;
	color: white;
	font-family: Verdana;
	font-size: 9pt;
	font-weight:bold;
		font-size: 11px;
	cursor: pointer;
	font-size: 13px;*/
	/* border: 1px solid #999999; */
	color: #fff;
	cursor: pointer;
	background-color: #9cb535;
	border-bottom: 1px solid #979387;
	border-left: 1px solid #acc155;
	border-top: 1px solid #c6d48b;
	border-right: 1px solid #9d9b8e;
	text-shadow: -1px -1px #8da626;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	outline: none;
	font-weight:bold;
	font-size: 12px;
}

.actionButtonLearner:hover {
	background-color: #b0cc3f;
	border-bottom: 1px solid #80942e;
	border-left: 1px solid #bdd55f;
	border-top: 1px solid #c2d86b;
	border-right: 1px solid #8aa032;
	text-shadow: -1px -1px #a3bf34;
}

/* assessments */
.navigation {
	color:#6f6d65;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:white;
}

.buttonHead {
    font-family:verdana;
	font-size:8pt;
	background:#898989;
	color:#ffffff;
	text-align:center
}

.contentSectionDetail {
	background-color: white;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom:0px;
	border:0px;
}

.actionFont {
	color: white;
	font-family: Verdana;
	font-size: 9pt;
	font-weight:bold;
}

/*.actionButtonLearner {
	border:1px solid;
	border-color:silver;
	border-right-color:black;
	cursor:hand;
	background:silver;
	color: white;
	font-family: Verdana;
	font-size: 9pt;
	font-weight:bold;
}*/

.contentHeaderRow {
	background-color: white;
}

.contentSectionHeader {
	border: 0;
	width: 100%;
	padding: 0px;
}

.csHeaderFont {
	color: black;
	font-family: Verdana;
	font-weight: bold;
	font-size: 9pt;
	color:inherit;
}

.title {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold
}

.text {
	font-family: Verdana;
	font-size:9pt;
	color: black;
}

.backgroundText {
	font-family: verdana;
	color: white;
	font-weight:bold;
	font-size:9pt
}

.backgroundTextLearner {
	font-family: verdana;
	color: white;
	font-weight:bold;
	font-size:8pt
}

.error {
	font-family: Verdana;
	font-size:8pt;
	color: red
}

.explorertext {
	font-family: Verdana;
	font-size: 8pt
}

.date {
	font-family: Verdana;
	font-size: 8pt;
	color:#004689;
}

.reginput {
	font-family: verdana;
	color: black;
	font-size: 8pt;
	z-index:2000;
}

.coolreginput {
	cursor: hand;
	border: solid 1;
	background-color: #a0a0a0;
	font-size: 8pt;
	font-family:verdana;
	color: #ffffff;
	height:20px;
	z-index:2000;
}

inthelp {
	cursor: hand;
	border: outset 1;
	background: f9f9f9;
/*	font-size: 8pt; */
	font-family:verdana;
	color:black;
	padding:0;
}

.reginputselect {
	font-family: verdana;
	color: red;
	font-size: 8pt;
	z-index:2000;
}

.actionButton {
	border-bottom:0px;
	border-top:1px solid;
	border-left:1px solid;
	border-right:0px;
	cursor:hand;
}


.actionTable {
	background:c0c0c0;
	border:0px;
	border-left:1px solid;
	border-color:000000;
}


.csHeaderButton {
	background-color: 959595;
	font-family: Verdana;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
}

.contentHeader {
	border:0px;
	width: 100%;
	background-color:#EDE8CD;
	border-bottom:1px solid;
	border-color:000000;
	color: #004689;
}

.QuickViewBar {
	border:0px;
	width: 100%;
	background-color:#004689;
	border-bottom:1px solid;
	border-color:000000;
	color: white;
}

.QuickViewBarText {
	color: white;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
}

.contentSection {
/*	background-color: f9f9f9; */
	width: 100%;
	/*border: 1px solid;
	border-color:000000;*/
}


.colHeader {
	color: black;
	font-family: verdana;
	font-size: 9pt;
	font-weight: bold;
	text-align: left
}

.but {
    background-color: e0e0e0;
   	border:1px solid a0a0a0;
    font-family:MS Sans Serif;
	height:11px;
	width:11px;
	vertical-align:middle;
	align:center;
	cursor:hand
}

.butLogout {
   	border:1px;
	border-style:outset;
	border-color:black;
    font-family:verdana;
	font-size:7pt;
	cursor:hand;
	background:f1f1f1;
	color:black;
	width:60px
}

.butNav {
   	border:0px;
	border-right:1px solid;
	border-color:000000;
    font-family:verdana;
	font-size:8pt;
	cursor:hand;
	background:#ede8cd;
	color:#004689;
	width:110px;
}

.butNavHover {
   	border:0px;
	border-right:1px solid;
	border-color:000000;
    font-family:verdana;
	font-size:8pt;
	cursor:hand;
	background:#ede8cd;
	color:#004689;
}

.navTableModule {
   	border:1px black solid;
	padding:0px;
    font-family:verdana;
	background:f1f1f1;
}

.navTableFunction {
   	border:1px black solid;
	border-top:0px;
	border-right:0px;
	padding: 0;
    font-family:verdana;
	background:f1f1f1;
}

.butHead {
   	border:1px buttonhighlight outset;
    font-family:MS Sans Serif;
	font-size:8pt;
	font-weight:normal;
	disabled:yes;
}


.numItems {
	padding:1px;
   	border-top:1px solid;
   	border-bottom:1px solid;
   	border-left:0px;
   	border-right:0px;
    font-family:verdana;
	font-size:8pt;
	background:898989;
	color:ffffff;
	padding-bottom:0px;
}

.numItemsNone {
	padding:1px;
	border:0px;
    font-family:verdana;
	font-size:8pt;
	background:e0e0e0;
	color:red;
	padding-bottom:0px;
	padding-top:0px;
}

.butAction {
	bottom:0;
	border:1px buttonface solid;
	border-color:004689;
	background:004689;
	color:ffffff
}

.butActionHover {
	border:1px white outset;
	color:red;
	cursor:hand;
}

.butView {
	padding-left:0;
	width:60px;
	text-align:left;
	border:0px;
	background:f9f9f9;
	font-family: verdana;
	font-size:8pt;
	color: 2D4C92
}

.tocColHead {
    background-color: buttonface;
    border-bottom: white 2px;
    border-left: silver 1px solid;
    border-right: white 1px outset;
    border-top: white 2px outset;
    color: black;
    font-family: ms sans serif;
    font-size: 10pt;
    font-weight: bolder;
    height: 4pt;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	display:inline;
    padding-top: 0px
}

.tocHead {
    background-color: e0e0e0;
    border-bottom: 1px solid;
	border-color:000000;
}

.tocHeadLearner {
    background-color: ffffff;
    border-bottom: a0a0a0 1px solid;
    border-left:0;
    border-right:0;
    border-top: a0a0a0 1px solid;
    color: black;
    font-family: ms sans serif;
    font-size: 8pt;
    font-weight: normal;
    height: 4pt;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px
}

.tocItem {
    border-bottom: 1px solid;
	border-color:000000;
}

.tocFoot {
    background-color: tomato;
    border-bottom: white 2px outset;
    border-left: white 1px outset;
    border-right: white 2px outset;
    font-size: 0.03em;
    height: 1pt
}

.button {
    color: gray;
    font-family: verdana;
    font-size: 10pt;
    font-weight: bold;
    text-align: right
}

.arrow {
    font-family: webdings
}

.tabs {
    background-color: tomato;
    border-bottom: 2px outset;
    border-left: 2px outset;
    border-right: 2px outset;
    border-top: 2px outset
}

.tocSecCont {
    margin-left: 5px
}

.tocCont {
    background-color: buttonface;
}

.splashTable {
	color: 000000;
	font-family: verdana;
	font-size: 10pt;
	border-left: 1px solid;
	border-top: 1px solid;
	border-right: 1px solid;
	border-color: #ede8cd;
	width:80%
}

.splashBreak {
	background: #ede8cd;
	height:1px
}

.splashLink {
	font-face:verdana;
	font-size:8pt;
}
.hidden {
	display:none;
}
.tabButton {
   	border:0px solid;
	border-color: 000000;
    font-family:verdana;
	font-size:8pt;
	cursor:hand;
	background:e0e0e0;
	color:000000;
	border:0px;
	border-right:1px solid;
	padding:0px;
}
.tabButtonClicked {
    font-family:verdana;
	font-size:8pt;
	cursor:hand;
	background:ffffff;
	color:000080;
	border-color: 000000;
	border:0px;
	border-right:1px solid;
	padding:0px;
}
.timerNumbers {
	font-family:verdana;
	font-weight:bold;
	font-size:16pt;
}
.timerLetters {
	font-family:verdana;
	font-weight:normal;
	font-size:8pt;
}

/* ala specific */
#wrapcontainer {
        background-repeat:repeat-x;
        background-color:#ccc;      
}
#header {
        background-color:#004689;
        height:80px;
        border-top:2px #fff solid;
        margin:0px auto;
        align:center;
}



#header_nameplate {
        height:45px;
        padding-top:10px;
        background-color:#1F1F1F;
        float:left;
        color:#fff;
}

#_nameplate a:link {font-size: 24px; font-weight: bold; color:#fff;text-decoration:none}

#header_nameplate a:visited {font-size: 24px; font-weight: bold;color:#fff;text-decoration:none}

#header_nameplate a:active {font-size: 24px; font-weight: bold;color:#fff;text-decoration:none}

#header_nameplate a:hover {font-size: 24px; font-weight: bold;color:#ccc;text-decoration:underline}             

#header_nameplate img {margin-top:10px;margin-bottom:0px;}

#header_mark {
        float:left;
        height:68px;
        padding-top:10px;
        padding-right:25px;
        text-align:right;
        background-color:#1F1F1F;
}               

#header_info {
        float:right;
        text-align:right;
        background-color:#1F1F1F;
        padding-top:40px;
        padding-right:25px;
		color:white;
		font-family: Century Gothic;
		font-size: 14px;
}               
#header_info a:link {font-family: Century Gothic; font-size: 14px; color:#fff;text-decoration:none}
#header_info a:visited {font-family: Century Gothic; font-size: 14px;color:#fff;text-decoration:none}
#header_info a:active {font-family: Century Gothic; font-size: 14px;color:#fff;text-decoration:none}
#header_info a:hover {font-family: Century Gothic; font-size: 14px;color:#fff;text-decoration:underline}             
#header_info img {margin-top:10px; font-size: 14px; margin-bottom:0px;}

.detailPromptCell {
	padding-left:5px;
	padding-right:50px;
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:middle;
//	background-color:#e0e0e0;
	text-align:left;
	font-family: Verdana;
	font-size:9pt;
	color: black;
	height:20px;
	white-space: nowrap;
}

.detailDisplayCell {
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:top;
	text-align:left;
	font-family: Verdana;
	font-size:9pt;
	color: black;
	height:20px;
}

.contentdiv {
	padding:5px 5px 5px 25px;
	display:inline;
	overflow:hidden;
}

/* Passwords
--------------------------------------------------*/
.password_info {
 position:absolute;
/* width:328px;
 top:10px;
 right:40%; */
 padding:15px;
 background:#fefefe;
 font-size:.875em;
 border-radius:5px;
 box-shadow:0 1px 3px #ccc;
 border:1px solid #ddd;
 font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
 color:#444;
}
.password_info h4 {
 margin:0 0 10px 0;
 padding:0;
 font-weight:normal;
	font-size:14px;
}
.password_info ul, li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:14px;
 font-weight:normal;
}
.password_info::before {
 content: "\25B2";
 position:absolute;
 top:-12px;
 left:5%;
 font-size:14px;
 line-height:14px;
 color:#ddd;
 text-shadow:none;
 display:block;
}
.invalid {
 background:url(../images/invalid.png) no-repeat 0 50%;
 padding-left:27px;
 line-height:24px;
 color:#ec3f41;
}
.valid {
 background:url(../images/valid.png) no-repeat 0 50%;
 padding-left:27px;
 line-height:24px;
 color:#3a7d34;
}

/* for drag-drop table */
.tDnD_whileDrag {
    background-color: #eee;
}

tr.alt td {
    background-color: #ecf6fc;
}

tr.myDragClass td {
    background-color: #f1f1f1;
}

td.dragHandle {
    
}

td.showDragHandle {
/* 	background-image: url(../images/updown2.gif); */
/* 	background-repeat: no-repeat; */
/* 	background-position: center center; */
	cursor: move;
}



/*	Modificaiton Log
	B4832  DES 05/10/16 Provide for forgotten usernames
	B4646  BDJ 12/20/16 Add th style
*/
body {
	font-family: arial;
	font-size: 11px;
	color: #000;
	padding: 0;
	cursor: default;
	line-height: 11px;
	margin: 0 auto;
	font-family: arial;
	vertical-align: middle;
	horizontal-align: middle;
	width: 100%;
}

html {
	background-color: #FFF;
}

td, th {
	font-family: arial;
	font-size: 13px;
	color: #000;
	text-align: inherit;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 1em 0;
}

h3 {
	font-size: 13px;
	padding-bottom: 10px;
	color: #000;
	margin: 0px;
}

hr {
	border: 0;
	background-color: #FFF;
	color: #999999;
	height: 1px;
	width: 99%;
	align: left;
	margin: 3px;
	padding: 0px;
}

a {
	color: #2061AB;
	margin-left: 0px;
	font-weight: normal;
	text-decoration: none;
	font-size: 13px;
}

a img {
	border: none;
}

a:hover {
	color: #2061AB;
	margin-left: 0px;
	font-weight: normal;
	font-size: 13px;
}

input.submit {
	font-size: 11px;
	cursor: pointer;
	font-size: 13px;
	/* border: 1px solid #999999; */
	color: #fff;
	cursor: pointer;
	background-color: #9cb535;
	border-bottom: 1px solid #979387;
	border-left: 1px solid #acc155;
	border-top: 1px solid #c6d48b;
	border-right: 1px solid #9d9b8e;
	text-shadow: -1px -1px #8da626;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	outline: none;
}

input.submit:hover {
	background-color: #b0cc3f;
	border-bottom: 1px solid #80942e;
	border-left: 1px solid #bdd55f;
	border-top: 1px solid #c2d86b;
	border-right: 1px solid #8aa032;
	text-shadow: -1px -1px #a3bf34;
}

}
input.button {
	font-size: 11px;
	cursor: pointer;
	font-size: 13px;
	/* border: 1px solid #999999; */
	color: #fff;
	cursor: pointer;
	background-color: #9cb535;
	border-bottom: 1px solid #979387;
	border-left: 1px solid #acc155;
	border-top: 1px solid #c6d48b;
	border-right: 1px solid #9d9b8e;
	text-shadow: -1px -1px #8da626;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	outline: none;
}

input.button:hover {
	background-color: #b0cc3f;
	border-bottom: 1px solid #80942e;
	border-left: 1px solid #bdd55f;
	border-top: 1px solid #c2d86b;
	border-right: 1px solid #8aa032;
	text-shadow: -1px -1px #a3bf34;
}

input {
	font-size: 10px;
}

select {
	font-size: 10px;
}

#main {
	width: 100%;
	vertical-align: middle;
	horizontal-align: middle;
	display: inline-block;
	float: center;
	background-color: #fff;
}

#wholeContent {
	background-color: white;
	margin: auto; //
	min-width: 800px; //
	max-width: 1150px;
	overflow: hidden;
	/*-moz-box-shadow: 0 0 30px 0px #999;
	-webkit-box-shadow: 0 0 30px 0px #999;*/
}

/* Breadcrumb
--------------------------------------------------*/
#breadcrumb {
	vertical-align: middle;
}

#breadcrumb a {
	color: #1F1F1F;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	position: relative;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#breadcrumb a:hover {
	background-color: #f3cc84;
	margin-left: 0px;
}

/* Page wrapper
--------------------------------------------------
#container {
	background-color: #fff;
	margin: 0 auto;
	width: 77%;
	text-align: left;
	position: relative;
	text-align: left;
}*/

/* Header
--------------------------------------------------*/
#header {
	align: left;
	clear: both;
	float: top;
	width: 100%;
	height: 90px;
	background-color: #1F1F1F;
	/*border-bottom: 5px solid #C6C8C6;*/
}

#header_title {
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 15px;
	height: 45px;
	background-color: #1F1F1F;
}

#header table {
	padding-left: 10px;
	/*margin: auto; 
	min-width: 1150px; //
	max-width: 1150px;*/
	overflow: hidden;
}

/* Login on header
--------------------------------------------------*/
#login {
	font-family: Century Gothic;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	text-shadow: black 0.1em 0.1em 0.2em;
	float: right;
	padding-top: 45px;
	padding-right: 45px;
	height: 45px;
	color: #fff;
	background-color: #1F1F1F;
	float: right;
}

#cartCount {
	font-family: Century Gothic;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
	text-shadow: black 0.1em 0.1em 0.2em;
	float: right;
	height: 45px;
	color: #fff;
	background-color: #1F1F1F;
	float: left;
	text-shadow: black 0.1em 0.1em 0.2em;
}

#cartCount img {
	padding: 1px 5px 1px 0;
	vertical-align: middle;
}

#cartCount a {
	color: #e8e9e8;
	text-decoration: none;
	font-size: 12px;
	padding: 0;
}

#cartCount a:hover {
	text-decoration: underline;
}

#login input.submit {
	color: #004689;
	background-color: #edba57;
	font-size: 13px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 15px;
	white-space: normal;
	align: center;
	text-decoration: none;
}

#login input.submit:hover {
	background-color: #f2cd84;
	color: #004689;
}

#login input.text {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
}

#login a {
	color: #e8e9e8;
	text-decoration: none;
	font-size: 12px;
}

#login a:hover {
	text-decoration: underline;
}

#topBar { //
	min-width: 600px; //
	max-width: 1150px;
	padding-top: 20px;
	padding-left: 35px;
	vertical-align: center;
	background-color: #6f6d65;
}

#breadcrumbTop {
	width: 65%;
	color: #fff;
	background-color: #6f6d65;
}

#breadcrumbTop a {
	color: #fff;
	font-family: Century Gothic;
	text-decoration: none;
	font-size: 13px;
	position: relative;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#breadcrumbTop a:hover {
	text-decoration: underline;
	margin-left: 0px;
}

/* Search box
--------------------------------------------------*/
#search {
	float: right;
	width: 100%;
	padding-right: 5px;
	text-align: right;
	vertical-align: center;
	background-color: #d6d1c2;
	height: 10px;
}

#search input.text {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	width: 300px;
}

#header h1 {
	font-size: 22px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	padding: 30px 0 10px 15px;
}

#header-person {
	font-size: 12px;
	font-weight: normal;
	color: #CCCC99;
	text-align: right;
	padding: 30px 0 10px 15px;
}

/* navigation bar
--------------------------------------------------
#navigation {
	font-size: 13px;
	float: right;
	width: 15%;
	position: relative;
	background-color: #ffffff;
	padding-top: 15px;
}*/

#navigation h3 {
	text-align: justify;
	padding-left: 2px;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0px 0px 10px 5px;
}

#navigation ul {
	list-style-type: none;
	overflow: auto;
	text-align: left;
}

#navigation ul {
	margin: 0;
	list-style-type: none;
	font-size: 11px;
	padding: 5px 0px 5px 0px;
	line-height: 2em;
}

#navigation li {
	padding-bottom: 1px;
	padding-right: 10px;
}

#navigation ul li a {
	display: block;
	font-size: 13px;
	padding-left: 4px;
	font-weight: bold;
	text-decoration: none;
	background-color: #C6C8C6;
	padding: .2em 1em;
	border-radius: 3px;
}

#navigation ul li a:hover {
	color: #e9a628;
	background-color: #696e69;
}

/* Course Content
--------------------------------------------------*/
#content {
	background-color: #fff;
	width: 100%;
	position: relative;
	float: left;
	min-height: 700px;

}

#contentFull {
	background-color: #d6d1c2;
	width: 100%;
	position: relative;
	float: left;
	min-height: 700px;
}

#contentinner {
	float: right;
	width: 98%;
	margin: 0;
	background-color: #d6d1c2;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	line-height: 1.7em;
	height: 100%;
}

#content .inner {
	padding: 15px 15px 15px 15px;
}

#content .courseinner {
	padding: 15px 30px 30px 30px;
	background-color: #f5f5f5;
	border-radius: 5px;
}

#courseinner {
	padding: 15px 30px 30px 30px;
	background-color: #f5f5f5;
	border-radius: 5px;
}

#courses a img:hover {
	border: thin;
}

#courseinner table {
	background-color: #f5f5f5;;
	font-size: 12px;
}

#courses {
	padding-top: 10px;
	padding-bottom: 20px;
	color: #000;
	font-size: 13px;
	font-weight: 500;
}

#courses img {
	float: left;
	width: 65px;
	height: 65px;
	padding: 0px 15px 5px 0px;
}

#courses .facilityimage {
	float: right;
	width: 200px;
	height: auto;
	padding: 0px 0px 0px 0px;
}

#courses #courseinner table tr td {
	font-size: 13px;
}

#courses #courseinner table tr td input.text {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
}

#courses #courseinner table tr td select.dropdown {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
	padding-right: 5px;
}

#courses #courseinner table tr td.tableheading {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #004689;
}

#courses a {
	padding-top: 10px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #004689;
}

#courses a:hover {
	color: #e9a628;
}

#subheadinglink a {
	padding-top: 20px;
	padding-left: 3px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #004689;
}

#subheadinglink a:hover {
	color: #e9a628;
}

/* Shopping Cart
--------------------------------------------------*/
#cartinner {
	padding: 5px 15px 15px 15px;
	background-color: #f5f5f5;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
}

#cart a img:hover {
	border: thin;
}

#cartinner table {
	background-color: #f5f5f5;;
	font-size: 12px;
}

#cart #cartinner table tr td.tableheading {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #004689;
}

#cart #cartinner table tr td.heading {
	font-size: 12px;
	font-weight: bold;
}

#cart #cartinner table tr td.subheading {
	padding-left: 30px;
	font-size: 12px;
	font-weight: bold;
}

#cart #cartinner table tr td div.break {
	padding-bottom: 4px;
}

#cart #cartinner table tr td {
	vertical-align: top;
}

#cart #cartinner table tr td.total {
	font-size: 15px;
	font-weight: bold;
}

#cart #cartinner table tr td input.text {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
}

#cart #cartinner table tr td select.dropdown {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
	padding-right: 5px;
}

#cart #cartinner table tr td hr {
	color: #e9a628;
	background-color: #e9a628;
	height: 1px;
}

#cart #cartinner hr {
	color: #e9a628;
	background-color: #e9a628;
	height: 2px;
}

#cart {
	padding-top: 10px;
	color: #000;
	font-size: 13px;
	font-weight: 500;
}

#cart a {
	padding-top: 10px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #004689;
}

#cart a:hover {
	color: #e9a628;
}

#cart #cartinner #addedAttendee {
	border: 1px solid #afb4af;
	background-color: #dce8f4;
	vertical-align: text-top;
	float: left;
	padding-right: 3px;
	padding-left: 7px;
	border-radius: 15px;
}

#cart #cartinner #addedAttendee:hover {
	background-color: #ffefb4;
}

#cart #cartinner #addedAttendee img {
	padding: 1px 3px 0 0;
	vertical-align: middle;
}

#cart #cartinner #addedAttendee a {
	padding: 0;
}

#cart #cartinner #removedAttendee img {
	padding: 1px 3px 0 0;
	vertical-align: middle;
}

#cart #cartinner #removedAttendee a {
	padding: 0;
}

#cart #cartinner #removedAttendee {
	border: 1px solid #afb4af;
	background-color: #f7cbcb;
	vertical-align: center;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 15px;
	text-align: justify;
}

#cart #cartinner #removedAttendee:hover {
	background-color: #f2a4a4;
}

#cartOption a {
	background-color: #004689;
	color: #C6C8C6;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-right: 15px;
	padding-right: 25px;
	border-radius: 15px;
	width: 150px;
	white-space: normal;
	align: center;
	text-decoration: none;
}

#cartOption a:hover {
	background-color: #696e69;
	color: #e9a628;
}

#cartOption input.submit {
	background-color: #edba57;
	color: #004689;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-right: 15px;
	padding-right: 25px;
	border-radius: 15px;
	width: 150px;
	white-space: normal;
	align: center;
	text-decoration: none;
}

#cartOption input.submit:hover {
	background-color: #f2cd84;
}

/* History
--------------------------------------------------*/
#historyinner {
	padding: 5px 15px 15px 15px;
	background-color: #f5f5f5;;
	border-radius: 5px;
}

#history a img:hover {
	border: thin;
}

#historyinner table {
	background-color: #f5f5f5;;
	font-size: 12px;
}

#history #historyinner table tr td.heading {
	font-size: 12px;
	font-weight: bold;
}

#history #historyinner table tr td.tableheading {
	font-size: 12px;
	font-weight: bold;
	color: #004689;
	border-spacing: 0px;
	border-collapse: collapse;
}

#history #historyinner table tr td {
	vertical-align: top;
	font-size: 12px;
}

#history #historyinner table tr td select.dropdown {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
	padding-right: 5px;
}

#history #historyinner hr {
	color: #e9a628;
	background-color: #e9a628;
	height: 1px;
}

#history {
	padding-top: 10px;
	padding-bottom: 20px;
	color: #000;
	font-size: 13px;
	font-weight: 500;
}

#history a {
	padding-top: 10px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #004689;
}

#history a:hover {
	color: #e9a628;
}

/* Profile
--------------------------------------------------*/
#profileinner {
	padding: 5px 15px 15px 15px;
	background-color: #f5f5f5;;
	border-radius: 5px;
}

#profile a img:hover {
	border: thin;
}

#profileinner table {
	background-color: #f5f5f5;;
	font-size: 13px;
	font-weight: bold;
}

#profile #profileinner table tr td.heading {
	font-size: 13px;
	font-weight: bold;
}

#profile #profileinner table tr td {
	vertical-align: middle;
	font-size: 12px;
}

#profile #profileinner hr {
	color: #e9a628;
	background-color: #e9a628;
	height: 2px;
}

#profile {
	padding-top: 10px;
	color: #000;
	font-size: 13px;
	font-weight: 500;
}

#profile a {
	padding-top: 10px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #004689;
}

#profile a:hover {
	color: #e9a628;
}

#profile #profileinner table tr td input.text {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
}

#profile #profileinner table tr td select.dropdown {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
	padding-right: 5px;
}

#profileOption a {
	background-color: #004689;
	color: #C6C8C6;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-right: 15px;
	padding-right: 25px;
	border-radius: 15px;
	width: 150px;
	white-space: normal;
	align: center;
	text-decoration: none;
}

#profileOption a:hover {
	background-color: #696e69;
	color: #e9a628;
}

#profileOption input.submit {
	background-color: #edba57;
	color: #004689;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-right: 15px;
	padding-right: 25px;
	border-radius: 15px;
	width: 150px;
	white-space: normal;
	align: center;
	text-decoration: none;
}

#profileOption input.submit:hover {
	background-color: #f2cd84;
}

/* footer
--------------------------------------------------*/
#footer {
	float: bottom;
	align: center;
	clear: both;
	text-align: right;
	font: 9px/1.6em "trebuchet ms", verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	background-color: #000008;
	text-align: right;
	font: 9px/1.6em "trebuchet ms", verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	background-color: #1F1F1F;
	width: 100%;
	height: 50px;
	position: relative;
}

#footer table {
	padding-top: 20px;
	padding-left: 60px;
	padding-bottom: 10px;
	padding-right: 40px;
	color: #C6C8C6;
	background-color: #000008;
	text-align: right;
	font-size: 12px;
}

#footer table tr td {
	color: #C6C8C6;
}

#footer img {
	box-shadow: 3px 3px 4px #000;
}

/* popular container
--------------------------------------------------*/
#popularContainer #leftMenu {
	padding-top: 15px;
	padding-left: 15px;
}

#popularContainer #leftMenu ul li {
	padding: 0 0 0 0;
	padding-top: 1px;
}

#popularContainer #leftMenu ul li a {
	line-height: 100%;
	padding: 4px 4px 6px 20px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #004689;
	background-color: #b5cfe8;
	/*background-color: #f2cd84;*/
	border-radius: 3px;
	padding-bottom: 8px;
	padding-top: 8px;
	font-weight: bold;
}

#popularContainer #leftMenu ul li a.children0 {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-position: 7px;
}

#popularContainer #leftMenu ul li a.children1 {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-position: 28px;
}

#popularContainer #leftMenu ul li a.children2 {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-position: 42px;
}

#popularContainer #leftMenu ul li a.children3 {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: left;
	background-position: 62px;
}

#popularContainer #leftMenu ul li a.children4 {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-position: 82px;
}

#popularContainer #leftMenu ul li a.children-clicked0 {
	background-image: url(../images/arrowDown.png);
	background-repeat: no-repeat;
	vertical-align: top;
	background-position: top left;
	background-position: 7px;
}

#popularContainer #leftMenu ul li a.children-clicked1 {
	background-image: url(../images/arrowDown.png);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: top;
	background-position: 28px;
}

#popularContainer #leftMenu ul li a.children-clicked2 {
	background-image: url(../images/arrowDown.png);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: top;
	background-position: 42px;
}

#popularContainer #leftMenu ul li a.children-clicked3 {
	background-image: url(../images/arrowDown.png);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: top;
	background-position: 62px;
}

#popularContainer #leftMenu ul li a.children-clicked4 {
	background-image: url(../images/arrowDown.png);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: top;
	background-position: 82px;
}

#popularContainer #leftMenu ul li a:hover {
	color: #004689;
	background-color: #f7d99d;
}

#popularContainer #leftMenu ul {
	padding: 0 0 0 0;
}

#popularContainer #leftMenu ul.Level00 li a {
	line-height: 120%;
	padding: 4px 4px 6px 20px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	background-color: #b5cfe8;
	/*background-color: #f2cd84;*/
	border-radius: 3px;
	padding-bottom: 8px;
	padding-top: 8px;
	font-weight: bold;
}

#popularContainer #leftMenu ul.Level01 li a {
	font-size: 12px;
	line-height: 140%;
	padding: 4px 4px 6px 45px;
	text-transform: none;
	font-weight: normal;
	display: block;
	background-color: #c8dcee;
	/*background-color: #f2cd84;*/
	color: #004689;
	font-weight: bold;
}

#popularContainer #leftMenu ul.Level02 li a {
	font-size: 12px;
	line-height: 140%;
	padding: 4px 4px 6px 65px;
	text-transform: none;
	font-weight: normal;
	display: block;
	background-color: #dbe8f4;
	/*background-color: #f2cd84;*/
	color: #004689;
	font-weight: bold;
}

#popularContainer #leftMenu ul.Level03 li a {
	font-size: 12px;
	line-height: 140%;
	padding: 4px 4px 6px 85px;
	text-transform: none;
	font-weight: normal;
	display: block;
	background-color: #eff4fa;
	/*background-color: #f2cd84;*/
	color: #004689;
	font-weight: bold;
}

#popularContainer #leftMenu ul.Level04 li a {
	font-size: 12px;
	line-height: 140%;
	padding: 4px 4px 6px 105px;
	text-transform: none;
	font-weight: normal;
	display: block;
	background-color: #c8dcee;
	/*background-color: #f2cd84;*/
	color: #004689;
	font-weight: bold;
}

#popularContainer #leftMenu ul.Level00 li a:hover, #popularContainer  #leftMenu ul.Level01 li a:hover,
	#popularContainer  #leftMenu ul.Level02 li a:hover, #popularContainer  #leftMenu ul.Level03 li a:hover
	{
	background-color: #f7d99d;
	color: #004689;
}

#popularContainer {
	font-size: 13px;
	float: left;
	height: 100%;
	width: 22%;
	position: relative;
	background-color: #ffffff;
}

#popularContainer h3 {
	text-align: justify;
	padding-left: 2px;
	color: #004689;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0px 0px 10px 5px;
}

/* maincontent
-----------------------------------*/
#maincontent {
	background-color: #ffffff;
	padding: 0px;
	min-height: 700px;
}

#maincontent ul, li {
	list-style-type: none;
	margin-left: 3px;
	padding-bottom: 0px;
}

#maincontent input.text {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
	/*	width: 150px;  - This was removed ny MDR 12/20/12 */
}

#maincontent input.money {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 0px;
	text-align: right;
	/*	width: 150px;  - This was removed ny MDR 12/20/12 */
}

/* loginContent
-----------------------------*/
#wholeLogin {
	width: 90%;
}

#returning {
	background-color: #f1efea;
	width: 45%;
	height: 230px;
	float: left;
	border-radius: 10px;
	padding-right: 20px;
	float: left;
}

#returning table {
	background-color: #f1efea;
}

#new {
	background-color: #fbeed6;
	width: 45%;
	height: 230px;
	float: right;
	border-radius: 10px;
	padding-left: 20px;
}

#new table {
	background-color: #fbeed6;
}

#importantNote {
	background-color: #f9efe1;
	width: 95%;
	float: Center;
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-top: 230px;
	display: block;
}

#importantNote table {
	background-color: #f9efe1;
}

#loginContent {
	padding-top: 20px;
}

#loginHeader {
	width: 60%;
	padding-left: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	margin-top: 5px;
	border-radius: 5px;
	color: #004689;
	background-color: #e8e9e8;
}

#loginContent table tr td {
	height: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #004689;
}

#loginContent table tr td.heading {
	font-size: 17px;
	font-weight: bold;
	color: #696e69;
}

#loginContent select.text {
	width: 200px;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	border: 1px solid gray;
	padding-left: 2px;
	padding-bottom: 2px;
}

#loginContent input.button {
	background-color: #004689;
	color: #C6C8C6;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-right: 15px;
	padding-right: 25px;
	border-radius: 15px;
	white-space: normal;
	align: center;
	text-decoration: none;
}

#loginContent a {
	font-size: 13px;
	padding-top: 20px;
	font-weight: bold;
	color: #004689;
}

/* B4832 BEG ADD */
#loginContent a.forgot {
	white-space: nowrap;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 12px;
}
/* B4832 END ADD */
#loginContent input.button:hover {
	background-color: #C6C8C6;
	color: #004689;
}

#loginContent input.submit {
	background-color: #004689;
	color: #C6C8C6;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-right: 15px;
	padding-right: 25px;
	border-radius: 15px;
	white-space: normal;
	align: center;
}

#loginContent input.submit:hover {
	background-color: #696e69;
	color: #e9a628;
}

.loginContent input.submit {
	font-size: 11px;
	cursor: pointer;
	font-size: 13px;
	/* border: 1px solid #999999; */
	color: #fff;
	cursor: pointer;
	background-color: #9cb535;
	border-bottom: 1px solid #979387;
	border-left: 1px solid #acc155;
	border-top: 1px solid #c6d48b;
	border-right: 1px solid #9d9b8e;
	text-shadow: -1px -1px #8da626;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	outline: none;
}

.loginContent input.submit:hover {
	background-color: #b0cc3f;
	border-bottom: 1px solid #80942e;
	border-left: 1px solid #bdd55f;
	border-top: 1px solid #c2d86b;
	border-right: 1px solid #8aa032;
	text-shadow: -1px -1px #a3bf34;
}

.loginContent input.text {
 width: 200px;
 font-size: 0.813rem;
 color: #000000;
 background-color: #ffffff;
 text-align: left;
 border: 1px solid gray;
 padding-top: 5px;
 padding-bottom: 3px;
 padding-left: 5px;
 margin-right: 10px;
}

.loginContent td,th {
	font-size: 0.813rem;
}
/* mainsearch
-----------------------------*/
#mainsearch {
	clear: both;
	margin-top: 50px;
	font-size: 11px;
}

#mainsearch label {
	font-weight: bold;
}

#mainsearch input.text {
	width: 200px;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	border: 1px solid gray;
	padding-left: 2px;
}

#subHeader {
	width: 100%;
	padding-left: 2px;
	font-family: Century Gothic;
	font-size: 19px;
	font-weight: bold;
	padding-top: 15px;
	color: #000008;
	background-color: #d6d1c2;
	padding-bottom: 15px;
}

#subHeaderWithNote {
	width: 99%;
	padding-left: 2px;
	font-size: 19px;
	font-weight: bold;
	margin-top: 5px;
	color: #000008;
}

#subHeaderNote {
	width: 99%;
	padding-left: 32px;
	border-bottom: 3px solid #f3cc84;
	font-size: 13px;
	margin-top: 5px;
	color: #000008;
}

/* Sub-categories
--------------------------------------------------*/
#subCategories {
	padding-top: 5px;
}

#subCategories a {
	color: #004689;
	font-size: 12px;
	padding-left: 4px;
	font-weight: bold;
	text-decoration: none;
	background-color: #C6C8C6;
	padding: .2em 1em;
	border-radius: 3px;
}

#subCategories a:hover {
	color: #C6C8C6;
	font-size: 12px;
	padding-left: 4px;
	font-weight: bold;
	text-decoration: none;
	background-color: #004689;
	padding: .2em 1em;
	border-radius: 3px;
}

#note {
	width: 99%;
	padding-left: 2px;
	margin-bottom: 5px;
}

.alert {
	color: #5d615d;
	font-weight: bold;
}

#note {
	color: #004689;
	margin-top: 5px;
	font-size: 13px;
}

/* Instructors
--------------------------------------------------*/
#instructors {
	padding-bottom: 20px;
	color: #000;
	font-size: 13px;
	font-weight: 500;
}

#instructors table {
	width: 100%;
}

#instructors table tr td {
	padding: 4px 4px 4px 10px;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	background-color: #f5f5f5;
	border-radius: 3px;
}

#instructors img {
	padding: 1px 5px 1px 0;
	vertical-align: middle;
	border: thin;
	float: left;
	width: 125px;
	height: 145px;
}

#instructorinner {
	padding-bottom: 20px;
	color: #000;
}

#instructorbreak a li {
	padding-top: 10px;
	padding-bottom: 5px;
	padding: 4px 4px 4px 10px;
	font-size: 18px;
	font-weight: bold;
	background-color: #b5cfe8;
	border-radius: 3px;
}

#instructorline a li {
	line-height: 100%;
	padding: 1px 4px 1px 10px;
}

/* Bulletins
--------------------------------------------------*/
#bulletin_header {
	align: center;
	clear: both;
	float: top;
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 5px solid #C6C8C6;
}

#bulletin {
	align: center;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 15px;
	padding-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	clear: both;
	float: top;
	width: 100%;
	background-color: #FFFFFF;
}

/* Passwords
--------------------------------------------------*/
#password_info {
	position: absolute;
	/* width:328px;
 top:10px;
 right:40%; */
	padding: 15px;
	background: #fefefe;
	font-size: .875em;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ddd;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans",
		"Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref",
		sans serif;
	color: #444;
}

#password_info h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
}

#password_info ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	font-weight: normal;
}

#password_info::before {
	content: "\25B2";
	position: absolute;
	top: -12px;
	left: 5%;
	font-size: 14px;
	line-height: 14px;
	color: #ddd;
	text-shadow: none;
	display: block;
}

.invalid {
	background: url(../images/invalid.png) no-repeat 0 50%;
	padding-left: 27px;
	line-height: 24px;
	color: #ec3f41;
}

.valid {
	background: url(../images/valid.png) no-repeat 0 50%;
	padding-left: 27px;
	line-height: 24px;
	color: #3a7d34;
}

/* instructor bio */
.bio_table {
	width: 300px;
}

.bio_masthead {
	background-color: #b30839;
	vertical-align: top;
	text-align: left;
}

.bio_name {
	font-size: medium;
	color: white;
	font-weight: bold;
}

.bio_title {
	font-size: medium;
	color: white;
}

.bio_image {
	float: right;
	width: 100px;
	height: 100px;
}

.cal {
	border-collapse: collapse;
	padding
	5px
	5px
	5px
	5px;
}

.calHeader {
	color: rgb(255, 255, 255);
	display: block;
	/* 	float: left; */
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	height: 22px;
	line-height: 22.4px;
	padding-left: 8px;
	width: 100%;
	background-color: #004689
}

.calSubheader {
	min-height: 175px
}

.calCatSelect {
	color: #2061AB;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	height: 22px;
	line-height: 22.4px;
	padding-left: 8px;
}

.calCatOption {
	color: #2061AB;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	height: 22px;
	line-height: 22.4px;
	padding-left: 8px;
}

.calSubheaderLeft {
	text-align: left;
	border-spacing: 0 0 0 0
}

.calSubheaderCenter {
	text-align: center;
}

.calSubheaderRight {
	text-align: right;
	padding: 3 3 3 3
}

.calSubheaderDOW {
	color: rgb(255, 255, 255);
	text-align: center;
	border-style: none;
	background-color: #004689;
}

.calEmptyDOW {
	border-color: white;
	border-style: solid;
}

.calDOW {
	background-color: #c8dcee;
	vertical-align: top;
	height: 135px;
	width: 135px;
	border-color: white;
	border-style: solid;
	padding
	15px
	15px
	15px
	15px;
}

.calFooter {
	color: rgb(255, 255, 255);
	background-color: #004689;
	border-color: #004689;
}

.calFooterLeft {
	color: rgb(255, 255, 255);
	text-align: left;
	color: rgb(255, 255, 255);
	background-color: #004689;
	border-collapse: collapse;
	border-color: #004689;
}

.calFooterCenter {
	color: rgb(255, 255, 255);
	text-align: center;
	color: rgb(255, 255, 255);
	background-color: #004689;
	border-collapse: collapse;
	border-color: #004689;
}

.calFooterRight {
	color: rgb(255, 255, 255);
	text-align: right;
	color: rgb(255, 255, 255);
	background-color: #004689;
	border-collapse: collapse;
	border-color: #004689;
}

.calDOWlisting {
	font-family: arial;
	font-size: 18px;
	text-align: left;
}

.calTodayDOWlisting {
	font-family: arial;
	font-size: 18px;
	text-align: left;
	color: red;
}

.colDOWContainer {
	padding: 3px 3px 3px 3px;
}

.truncate {
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* payment
--------------------------------------------------*/
#paymentinner {
	padding: 5px 15px 15px 15px;
	background-color: #f5f5f5;;
	border-radius: 5px;
}

#payment a img:hover {
	border: thin;
}

#paymentinner table {
	background-color: #f5f5f5;;
	font-size: 12px;
	width: 100%;
}

#payment #paymentinner table tr td.heading {
	font-size: 12px;
	font-weight: bold;
}

#payment #paymentinner table tr td.tableheading {
	font-size: 12px;
	font-weight: bold;
	color: #004689;
	border-spacing: 0px;
	border-collapse: collapse;
}

#payment #paymentinner table tr td {
	vertical-align: top;
	font-size: 12px;
	text-align: initial;
}

#payment #paymentinner table tr td select.dropdown {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
	padding-right: 5px;
}

#payment #paymentinner hr {
	color: #e9a628;
	background-color: #e9a628;
	height: 1px;
}

#payment {
	padding-top: 10px;
	padding-bottom: 20px;
	color: #000;
	font-size: 13px;
	font-weight: 500;
}

#payment a {
	padding-top: 10px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #004689;
}

#payment a:hover {
	color: #e9a628;
}

#payment #paymentinner table tr td.money {
	text-align: right;
}

#payment #paymentinner table tr th.money {
	text-align: right;
}

#payment #paymentinner table tr.paymenttotalline {
	line-height: 30px;
}

.featuredCourse {
	border: 5px solid #9b9b9c;
	padding: 10px;
	vertical-align: top;
	min-width: 298px;
	border-radius: 15px;
}

.featuredCourse span {
	font-size: 85%;
}

.featuredCourse td {
	width: 33%;
	min-width: 298px;
}

.featuredCourse img {
	padding: 10px;
	width: 100px;
	height: 100px;
	float: left;
}

.featuredCourse ul {
	list-style-type: circle;
	list-style-position: inside;
	border: none;
}

.featuredCourse a {
	border: none;
	font-size: 85%;
}

.featuredCourseTitle {
	font-size: 13px;
	font-weight: bold;
}

.featuredCourseTitle a {
	font-size: 13px;
	font-weight: bold;
}

.featuredCourseTitle div {
	font-size: 13px;
	font-weight: bold;
}

.upcomingCourse ul {
	padding: 1px;
	margin-left: 3px;
	text-align: left;
}

.upcomingCourse li {
	list-style-type: circle;
	list-style-position: outside;
	border: none;
	margin-left: 10px;
}

#docFileType {
	width: 60%;
}

#docTable {
	padding-left: 20px;
	padding-top: 20px;
	font-size: 12px;
	color: black;
	font-weight: normal;
}

#docDescription
{
	font-size: 12px;
}

/* regSetup (profile manager styles) */
.maindiv
{
/*	width:80%; */
	margin:auto;
	padding-top:5px;
	padding-bottom:25px;
	float:left;
}
.unusedwrapper
{
/*    width: 100%; */
    height: 350px;
    overflow: auto;
    float:left;
}
.unused
{
	float:left;
	background-color:#8da626;
	font-size: 13px;
	font-weight: bold;
	padding: 25px;
}
.used
{
	float:left;
	padding-left: 40px;
}
.setuptable
{
	border: 0px solid;
}
.setuptable tr
{
	vertical-align: top;
	text-aligh: left;
}
.setuptable td
{
	margin-right: 55px;
	border: 0px solid;
}
.setuptableheader
{
	font-size: 14px;
	margin-top: 15px;
	color: #004689;
	padding-left:40px;
}
.inuseheader
{
	border-bottom: 3px solid #f3cc84;
	font-size: 19px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #004689
}

.fileImportForm
{
	display:inline-block;
}

label.fileImportForm
{
	min-width: 150px;
	vertical-align: top;
}

textarea.fileImportForm, select.fileImportForm
{
	width: 300px;
}

.carousel {
    height: 400px;
    box-sizing: border-box;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}
.carousel div{
    width: 15%;
    height: 95%;
    margin: auto;
    display: inline-block;
}

/* B7158 */
.sp-clear-display:before {
	
    color: #00000099;
    content: "CSS";
    align-content: center;
}

.sp-replacer {
	height: 0.9rem;
	padding: 0;
	width: 95%;
}

.sp-preview {
	height: 100%;
	width: 100%;
}

.sp-input[type=text] {
	background-color: #FFFFFF;
	width: 100%;
	box-sizing: border-box;
	border-color: #666666;
}

.ssoBlock {
	margin: 10px;
	padding: 10px;
	background-color: #eaeaea;
	border-radius: 10px;
	font-size: 0.85rem;
}

.ssoHeader {
	font-size: 1.2rem;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 10px;
}

.flexWrapper {
	display: flex;
	flex-wrap: wrap;
}

.optionsTable {
	border: 1px solid black; 
	border-collapse: collapse;
	margin: 10px;
}

.optionsTable th {
	border-bottom: 1px solid black;
	background-color: #A0A0A0;
	color: #FFFFFF;
	font-family: Verdana;
	padding: 3px;
}

.optionsTable td {
/* 	border-bottom: 1px solid black; */
	background-color: #F1F1F1;
	font-family: Verdana;
	padding: 3px;
}

.optionsTable tr {
	border: 1px solid black;
	border-bottom: 1px solid #d5d5d5;
}

.optionsTable tr:last-child {
	border-bottom: 1px solid black;
}

.removeMetadataButton {
	border: 2px solid transparent;
	border-radius: 50%;
	background-color: transparent;
	cursor: pointer;
}


/* EN891 */

.admin_image_add {
	width: auto;
	height: 16px;
}

.admin_image_cache {
	width: auto;
	height: 16px;
}

.admin_image_cacheElement {
	width: auto;
	height: 16px;
}

.admin_image_category {
	width: auto;
	height: 16px;
}

.admin_image_certificate {
	width: auto;
	height: 16px;
}

.admin_image_course {
	width: auto;
	height: 16px;
}

.admin_image_dateChooser {
	width: auto;
	height: 16px;
}

.admin_image_delete {
	width: auto;
	height: 16px;
}

.admin_image_desktop {
	width: auto;
	height: 16px;
}

.admin_image_envelope {
	width: auto;
	height: 16px;
}

.admin_image_facility {
	width: auto;
	height: 16px;
}

.admin_image_header {
	width: auto;
	height: 100%;
}

.admin_image_image {
	width: auto;
	height: 16px;
}

.admin_image_instructor {
	width: auto;
	height: 16px;
}

.admin_image_loadingCircle {
	width: auto;
	height: 48px;
}

.admin_image_note {
	width: auto;
	height: 16px;
}

.admin_image_resource {
	width: auto;
	height: 16px;
}

.admin_image_session {
	width: auto;
	height: 16px;
}

.admin_image_upDownArrow {
	width: auto;
	height: 16px;
}

.admin_image_valid {
	width: auto;
	height: 24px;
}

.admin_image_verified {
	width: auto;
	height: 16px;
}

.admin_image_vocabulary {
	width: auto;
	height: 16px;
}


.actionButtonImage {
	width: auto;
	height: 12px;
}

.windowButtonImage {
	width: auto;
	height: 16px;
}

.adminTable tr td, .adminTable tr th{
	padding-top: 1px;
	padding-bottom: 1px;
}

.adminTable tr:nth-child(odd) {
	color: #000000;
	background-color: #D1D7DC;
}

.adminTable tr:nth-child(even) {
	color: #000000;
	background-color: #F1F1F1;
}

.adminTable tr.headerRow {
	color: #FFFFFF;
	background-color: #A0A0A0;
}

.adminTable tr.headerRow th {
	color: #FFFFFF;
	background-color: transparent;
	font-weight:bold;
}
	
#contentContainer {
	position: relative;
	width: 100%;
	margin-top: 90px;
}

#wrapcontainer {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1;
}

#content {
	padding-left: 60px;
	box-sizing: border-box;
	width: 100%;
}

#header {
	border: none;
}

#pageHeader {
	font-family: Century Gothic;
	font-size: 1.0rem;
}

.onlyEnabled {
	text-align: right;
	padding: 5px 0px;
	font-size: 0.813rem;
	font-family: Verdana;
}