body
{
	behavior: url("/js/csshover3.htc");
	background: transparent url(/images/bg_body.gif) repeat-y top left;
	color: #000000;
	font-family: arial;
	font-size: 12px;
	text-align: left;
}

p {
    margin: 0 0 15px 0;   
}

/* template layout begins */
/* id styles */
#container
{
	width: 100%;
}

#header
{
	background: #ffffff url(/images/header.jpg) no-repeat top left;
	width: 100%;
}

#header #logo
{
    display: block;
	position: relative;
	background: transparent url(/images/logo.gif) no-repeat 0 70px;
	width: 158px;
	height: 160px;
	text-indent: -999px;
}

#header #topNav
{
	background: transparent url(/images/bg_topNav.gif) no-repeat top right; 
	width: 990px; 
	height: 44px;
	font-size: 11px;
}

#header #topNav ul
{
	padding: 7px 0 5px 0;
	margin: 0 75px 0 25px;
}

#header #topNav li
{
	float: right;
	display: inline;
	padding: 0;
	margin: 0 5px 0 0;
}

#header #topnav li.admin
{
	float: left;
	display: inline;
	padding: 0;
}

#header #topnav li.help
{
	margin: 0;
}

#header #topnav li.signin
{
	text-align: right;
	padding-right: 10px;
}

#header #topNav li.signin a:link, #header #topNav li.signin a:active, #header #topNav li.signin a:visited
{
	display: inline;
	outline: none;
	width: auto;
	background-image: none;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #000066;
	font-weight: normal;
}

#header #topNav li.signin a:hover
{
	background-image: none;
	color: #0000ff;
}

#header #topNav li a:link, #header #topNav li a:active, #header #topNav li a:visited
{
	display: inline-block;
	outline: none;
	width: auto;
	height: 19px;
	background: transparent url(/images/b_topNavUser.gif) no-repeat 0 0;
	margin: 0 15px 0 0;
	padding: 15px 0 0 1px;
	text-decoration: none;
	color: #8f8f8f;
	font-weight: normal;
}

#header #topNav li a:hover
{
	background: transparent url(/images/b_topNavUser_h.gif) no-repeat 0 0;
	color: #000000;
}

#header #topNav li a.selected:link, #header #topNav li a.selected:active, #header #topNav li a.selected:visited, #header #topNav li a.selected:hover
{
	background: transparent url(/images/b_topNavUser_h.gif) no-repeat 0 0;
	color: #666666;
	font-weight: bold;
}

#header #topNav li.admin a:link, #header #topNav li.admin a:active, #header #topNav li.admin a:visited
{
	background: transparent url(/images/b_topNavAdmin.gif) no-repeat 0 0;
}

#header #topNav li.admin a:hover
{
	background: transparent url(/images/b_topNavAdmin_h.gif) no-repeat 0 0;
}

#header #topNav li.admin a.selected:link, #header #topNav li.admin a.selected:active, #header #topNav li.admin a.selected:visited, #header #topNav li.admin a.selected:hover
{
	background: transparent url(/images/b_topNavAdmin_h.gif) no-repeat 0 0;
}

#header #topNav li.help a:link, #header #topNav li.help a:active, #header #topNav li.help a:visited
{
	background: transparent url(/images/b_topNavHelp.gif) no-repeat 0 0;
	width: 50px;
}

#header #topNav li.help a:hover
{
	background: transparent url(/images/b_topNavHelp_h.gif) no-repeat 0 0;
}

#header #topNav li.cart a:link, #header #topNav li.cart a:active, #header #topNav li.cart a:visited
{
	background: transparent url(/images/btn_cart.gif) no-repeat 0 0;
	width: auto;
}

#header #topNav li.cart a:hover
{
	background: transparent url(/images/btn_cart_h.gif) no-repeat 0 0;
}

#header #topNav li.help a.selected:link, #header #topNav li.help a.selected:active, #header #topNav li.help a.selected:visited, #header #topNav li.help a.selected:hover
{
	background: transparent url(/images/b_topNavHelp_h.gif) no-repeat 0 0;
	width: 50px;
}

#content
{
	width: 990px; 
	padding: 10px 0 50px 0;
}

#content #userLabel
{
	float: left;
	padding: 0 38px 10px 15px;
	font-weight: bold;
}

#content #userLabel img
{
	padding-right: 5px;
}

#content #statusBar
{
	clear: both;
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}

#content #wrapper 
{
	width: 990px; 
	padding: 5px 0 0;
}

#content #wrapper #leftNav
{
	float: left;
	padding: 0 10px 0 0;
	font-family: arial;
	font-size: 11px;
	width: 190px;
}

#content #wrapper #leftNav ul
{
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
}

#content #wrapper #leftNav ul li
{
	margin-bottom: 5px;
}

#content #wrapper #leftNav li a:link, #content #wrapper #leftNav li a:active, #content #wrapper #leftNav li a:visited
{
	display: block;
	outline: none;
	margin: 0;
	text-decoration: none;
	color: #b1b1b1;
	width: 100%;
}

#content #wrapper #leftNav li a:hover
{
	color: #5597bd;
}

#content #wrapper #main
{
	float: left;
	width: 760px;
	margin-left: 10px;
}

#content #wrapper #main ul
{
	list-style: disc;
	padding: 10px 0 10px 15px;
	margin: 0 15px;
}

#content h1
{
	color: #436981;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 8px 3px; /*     padding-bottom: 10px; 	border-bottom: 1px solid #336699;     */
}

#footer
{
	background: transparent url(/images/bg_footer.gif) no-repeat top right; 
	width: 986px;  
	height: 60px;
	margin-top: 25px;
}

#footer #footerContent
{
	width: 100%;
	height: 60px;
	padding-top: 4px;
	font-size: 11px;
}

#footer #footerContent .copyright
{
	float: left;
	padding-left: 10px;
}

#footer #footerContent .links
{
	float: right;
	padding-right: 50px;
}

#footer #footerContent a:link, #footer #footerContent a:active, #footer #footerContent a:visited
{
	padding: 0 10px;
}

#footer #footerContent a:hover
{
}

#iframeModal
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 888;
	background-color: #000000;
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: .9;
	-khtml-opacity: .9;
	opacity: .9; /* for future compatibility */
}

#iframeProgress
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2000px;
	z-index: 998;
	background-color: #333333;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	opacity: .5; /* for future compatibility */
}
#processingBox
{
	position:fixed; 
	top:30%; 
	left:40%;
	z-index: 999;
	padding: 10px 20px;
	width: 200px;
	border: 1px solid #666666;
	background-color: #96a3b2;
	color: #eeeeee;
	text-align: center;
}

#loginForm
{
	position: absolute;
	display: inline;
	padding: 5px;
	background-color: #ffffff;
	width: 210px;
}

#loginForm input
{
	font-size: 11px;
	border: 1px solid #cccccc;
}

#loginForm label
{
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	font-weight: bold;
	padding: 2px 2px 0px 0px;
	margin-bottom: 5px;
}

#loginForm br
{
	clear: both;
}


/* template layout ends */

/* element styles by element*/
*
{
	margin: 0;
	padding: 0;
}

a:link, a:active, a:visited
{
}

a:hover
{
}

a.small:link, a.small:active, a.small:visited, a.small:hover
{
	font-size: 11px;
}

em
{
	font-size: 11px;
	display:block; /*needed to get the margin-top setting to work*/
	line-height: 12px;
/*	
DO NOT DO THIS:
	position:relative;
	top:-5px;
*/
}

em.below
{
	font-size: 11px;
	display:block; /*needed to get the margin-top setting to work*/
	margin: 4px;
	color:#1D1D1D; /*#990000;*/
}

em.belowLabel
{
	float: left;	
	width: 120px; /*10em;	*/
	margin-right: .5em;	
	text-align: right;
}

em.inline
{
	font-size: 11px;
	display:inline; /*needed to get the margin-top setting to work*/
	margin-top:2px;
	margin-left:3px;
}

fieldset
{
	float: left;
	clear: both;
	width: 95%;
	margin: 0 0 1.5em 0;
	padding: 3px 0 3px 3px;
	border: none;
	background-color: transparent;
}
fieldset ol
{
  width: 95%;
	list-style: none;
	display: inline-block;
}

fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 10px;
}

fieldset li fieldset
{
	clear: both;
	float: none;
	display: inline;
	width: 400px;
	margin: 0; 
	padding: 0;
}

fieldset fieldset ol
{
	margin: 0 0 5px 0;
	padding: 0;
	display: inline-block;
}

fieldset fieldset li
{
	padding-bottom: 3px;
}

fieldset fieldset label
{
	float: none;
	width: auto;
	margin-right: auto;
	margin-left: .5em;
}

fieldset p
{
	margin: 5px 0;
}

hr.SingleGrayLine
{
	border: 1px solid #A9A9A9; 
	margin-bottom:5px; 
	border-bottom-color: #FFFFFF; 
	border-left-color: #FFFFFF; 
	border-right-color: #FFFFFF;
}

h2
{
	color: #6b8fac;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0;
	padding: 2px 0 8px 3px; /*     padding-bottom: 10px; 	border-bottom: 1px solid #336699;     */
}

div.htmlEditor ol, td.htmlEditor ol, td.htmlEditor {width: auto; list-style: decimal; list-style-type: decimal; padding-left: 30px; margin: 15px 0 10px 10px;}
div.htmlEditor ul {width: auto; list-style: decimal; list-style-type: circle; padding-left: 30px; margin: 15px 0 10px 10px;}
div.htmlEditor blockquote {width: auto; padding-left: 30px; margin: 10px;}

div.htmlEditor em {
	font-size: auto;
	/*display:block; needed to get the margin-top setting to work*/
	line-height:normal;
}
	
td.htmlEditor 
{
	margin: 0 0 0 0;
	padding: 0;
}

.disabled
{
	background-color:Transparent;
	color: #808080;
	cursor: default;
} 

select.disabled, textarea.disabled
{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/*to spoof the TIRES <fieldset><ol><li> look */
.fieldsetLayout td
{
	vertical-align:top;
	/*padding-bottom:8px;*/
}

img
{
	border: 0px;
}

input
{
	font-size: 11px;
	border: 1px solid #cccccc;
	padding-right: 2px;
}

input.noPadding
{
	font-size: 11px;
	border: 1px solid #cccccc;
	padding: 0px 0px 0px 0px;
	margin-left:1px;
	margin-top:1px;
}
.noPadding td, tr.noPadding td 
{
	padding: 0px 0px 0px 0px;
}

textarea
{
	font-size: 11px;
	font-family: arial;
	overflow-y:auto;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
}

select, option {
    font-size: 11px;  
}

label
{
	float: left;
	width: 10em;
	margin-right: .5em;
	text-align: left;
}

label.wide
{
    display: block;
	float: none;
	width: auto;
	padding: 0;
	margin: 0 0 7px;
}

.formNote {
    display: block;
    font-style: italic;
    margin-left: 126px;
    font-size: 11px;
}

legend
{
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}


table, td
{
	color: #000000;
	font-family: arial;
	font-size: 12px;
}
/********************************** class styles by class ***********************************************/
/********************************** class styles by class ***********************************************/
/********************************** class styles by class ***********************************************/
/********************************** class styles by class ***********************************************/
	
/* Accordion */
.accordionHeader {
	background: #f8f8f8 url(/images/bgTitle2.gif) repeat-x left bottom;
	border: 1px solid #eeeeee;
	font-weight: bold;
    padding: 0;
    margin-top: 1px;
	/*margin-left: 105px;*/
    cursor: pointer;
	border-bottom: 1px solid #ffffff;
}

.accordionHeaderSelected {
	background: #eeeeee url(/images/bgTitle2.gif) repeat-x left bottom;
	color: #ffffff;
	font-weight: bold;
	padding: 0;
    margin-top: 1px;
	/*margin-left: 105px;*/
    cursor: pointer;
	border: 1px solid #666666;
	border-bottom: none;
}

.accordionContent {
    background-color: #ffffff;
    border: 1px solid #666666;
    padding: 5px;
	margin-bottom: 5px;
}
/* \*/* html .accordionContent{height: 200px;} /*** a fix for IE Win ***/

.accordionHeader a:link, .accordionHeader a:active, .accordionHeader a:visited {
	background: transparent url(/images/arrowRight.gif) no-repeat 5px 7px;
	text-decoration: none;
	height: 15px;
	display: block; 
	padding: 5px 5px 5px 25px;
	width: auto;
	border: 1px solid #999999;
	color: #999999;
}

html* .accordionHeader a {
	width: 100%; 
}

.accordionHeader a:hover {
	background: transparent url(/images/arrowRight.gif) no-repeat 5px 7px;
	color: #666666;
	border: 1px solid #333333;
}

.accordionHeaderSelected a:link, .accordionHeaderSelected a:active, .accordionHeaderSelected a:visited, .accordionHeaderSelected a:hover {
	background: transparent url(/images/arrowDown.gif) no-repeat 5px 7px;
	height: 15px;
	display: block; 
	padding: 5px 5px 5px 25px;
	width: auto;
	text-decoration: none;
	/*border: 1px solid #333333;*/
	color: #666666;
}

.ActionSuccessful
{
	background-color: #666666;
	color: White;
	font-weight: bold;
	font-size:105%;
	text-align: center;
	line-height: 2em;
	display: block;
}

.add
{
	background: url(/images/add.gif) no-repeat 1px 5px;
	padding: 5px;
	padding-left: 20px;
}


/*** a fix for IE Win ***/
/*
.alert
{
	color: #990000;
	font-weight: bold;
}
 */

.alert-warning {
    border-style: solid;
    border-color: #dfb56c;
    color: #826430;
    background-color: #efe1b3;
}

.alert {
    margin-bottom: 20px;
    margin-top: 0;
    color: #675100;
    border-width: 0;
    border-left-width: 5px;
    padding: 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.alert-info-div {
	color: #055160;
	background-color: #cff4fc;
	border-color: #b6effb;
	border-left: 5px solid #b6effb;
}



/*AutoComplete flyout */
.autocomplete_list
{
	visibility: hidden;
	margin: 0px !important;
	padding: 0px;
	background-color: inherit;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: default;
	text-align: left;
	list-style-type: none;
	overflow: auto;
	font-weight: normal;
	font-family: tahoma;
	font-size: 12px;
}

/* AutoComplete highlighted item */
.autocomplete_highlighted_listitem
{
	background-color: Highlight;
	color: HighlightText;
	padding: 3px;
}

/* AutoComplete item */
.autocomplete_listItem
{
	background-color: window;
	color: windowtext;
	padding: 3px;
}

.blue
{
	color: #000099;
}

/* Box */

.Box
{
	width: 100%;
	background: #f0f3f5 url(/images/boxLeft.gif) repeat-y left top;
}

.Box p
{
	margin: 5px 0;
}

.BoxTop
{
	width: 100%;
	height: 22px;
	background: url(/images/boxTopLeft.gif) no-repeat left top;
}
.BoxTop p {
	height: 20px;
	padding: 2px 0 0 5px;
	font-weight: bold;
	color: #666666;
	background: url(/images/boxTopRight.gif) no-repeat right top;
	margin: 0;
}
.BoxTop p b {
	margin: 0;
	padding: 0 10px;
	float: left;
}
.BoxTop p a:link, .BoxTop p a:active, .BoxTop p a:visited, .BoxTop p a:hover {
	float: right;
	background: url(/images/tabClose.gif) no-repeat right 2px;
	padding: 0 15px 0 0;
	margin: 0 10px 0 0;
	height: 15px;
	text-decoration: none;
}
.BoxTop span
{
	display: block;
	position: relative;
	height: 20px;
	padding: 2px 0 0 15px;
	font-weight: bold;
	color: #666666;
	background: url(/images/boxTopRight.gif) no-repeat right top;
}
.BoxTop span img
{
	float: right;
	margin: 3px 10px 0 0;
}
.BoxTop2
{
	width: 100%;
	height: 22px;
	background: url(/images/boxTopLeft2.gif) no-repeat left top;
}
.BoxTop2 p {
	height: 20px;
	padding: 2px 0 0 5px;
	font-weight: bold;
	color: #666666;
	background: url(/images/boxTopRight2.gif) no-repeat right top;
	margin: 0;
}
.BoxTop2 p b {
	margin: 0;
	padding: 0 10px;
	float: left;
}
.BoxTop2 p a:link, .BoxTop2 p a:active, .BoxTop2 p a:visited, .BoxTop2 p a:hover {
	float: right;
	background: url(/images/tabClose.gif) no-repeat right 2px;
	padding: 0 15px 0 0;
	margin: 0 10px 0 0;
	height: 15px;
	text-decoration: none;
}
.BoxTop2 span
{
	display: block;
	position: relative;
	height: 20px;
	padding: 2px 0 0 15px;
	font-weight: bold;
	color: #666666;
	background: url(/images/boxTopRight2.gif) no-repeat right top;
}

.BoxCenter-content
{
	clear: both;
	position: relative;
	background: url(/images/boxRight.gif) repeat-y right top;
	padding: 1px 15px 1px 15px;
	margin: 0;
}

.BoxBottom
{
	width: 100%;
	height: 10px;
	background: url(/images/boxBottomLeft.gif) no-repeat left bottom;
}
.BoxBottom span
{
	display: block;
	height: 10px;
	background: url(/images/boxbottomRight.gif) no-repeat right bottom;
}

.breadCrumb
{
	font-size: 8.5pt;
	margin-bottom:5px;
	display:inline-block;
}

a.breadCrumb:link, a.breadCrumb:active, a.breadCrumb:visited
{
	font-size: 8.5pt;
	color:#0000FF;
	margin-bottom:5px;
	display:inline-block;
    text-decoration: none;
}

a.breadCrumb:hover
{
	color:#990000;
    text-decoration: none;
}

a.checkout:link, a.checkout:active, a.checkout:visited
{
    background-color: #f0f3f5;
	padding: 0 10px;
	color:#999999;
	border:1px solid #cccccc;
	display:inline-block;
	text-decoration: none;
}

a.checkout:hover
{
	color:#f0f3f5;
	background-color: #cccccc;
	border:1px solid #999999;
}

.btnAdd
{
	background: url(/images/add.gif) no-repeat 1px 0;
	color: #484848;
	font-weight: bold;
	border: none;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	margin-bottom: 10px;
	padding-left: 20px;
	padding-bottom:3px; 
	text-align: left;
	white-space:nowrap; 
}

.btnAdd:hover
{
	color: #990000;
}

.btnAssign
{
	background: url(/images/addPerson.gif) no-repeat;
	padding-left: 20px;
	color: #5382A1;
	text-decoration: none;
	border: none;
	background-color: transparent;
}

.btnAssign:hover
{
	background: url(/images/addPerson.gif) no-repeat;
	padding-left: 20px;
	color: #5382A1;
	text-decoration: underline;
	border: none;
	background-color: transparent;
}

.btnBlueSmall
{
	width: 40px;
	height: 18px;
	margin: 0;
	padding: 0 7px 0 5px;
	font-weight: bold;
	border: 0;
	background: transparent url(/images/btnSmBlue.gif) no-repeat 0 0;
	color: #000099;
	text-align: center;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.btnBlueSmall:hover
{
	background: transparent url(/images/btnSmBlue_h.gif) no-repeat 0 0;
	color: #ffffff;
}

.btnCloseRight
{
	
	background: url(/images/tabClose.gif);
	background-repeat: no-repeat;
	/* right 2px float: right;
	padding: 0 15px 0 0;
	margin:  -17px 0px 0 0;*/
	height: 15px;
	text-decoration: none;
}

.btnDelete
{
	background: url(/images/reddelete.gif) no-repeat left 3px;
	padding-left: 20px;
	color: #990000;
	text-decoration: none;
	border: none;
	background-color: transparent;
}

.btnDelete:hover
{
	background: url(/images/reddelete.gif) no-repeat left 3px;
	padding-left: 20px;
	color: #990000;
	text-decoration: underline;
	border: none;
	background-color: transparent;
}

.btnEdit
{
	background: url(/images/view.gif) no-repeat left 2px;
	padding-left: 20px;
	color: #5382A1;
	text-decoration: none;
	border: none;
	background-color: transparent;
}

.btnEdit:hover
{
	background: url(/images/view.gif) no-repeat left 2px;
	padding-left: 20px;
	color: #5382A1;
	text-decoration: underline;
	border: none;
	background-color: transparent;
}

/********************* standard silver and blue buttons **********************************************/

.btnSilver1, .btnBlue1, .btnSilver2, .btnBlue2, .btnBlue3, .btnSilver3, .btnSilver4, .btnBlue4, .btnBlue5
{
	background-color:Transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	border: 0;
	/*border: solid 1px red;*/
	cursor: hand; /* for IE 5.x */
	cursor: pointer; /* hand-shaped cursor */
	height: 18px;
	margin: 0px 10px 0 10px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align:middle;
}

.btnSilver1
{
	width: 65px;
	background-image:url(/images/btn_1.gif);
}

.btnSilver1:hover
{
	background-image:url(/images/btn_1_on.gif);
}

.btnBlue1
{
	width: 65px;
	background-image:url(/images/btn_1blue.gif);
}

.btnBlue1:hover
{
	color: #ffffff;
}

.btnSilver2
{
	width: 109px;
	background-image:url(/images/btn_2.gif);
}

.btnSilver2:hover
{
	background-image:url(/images/btn_2_on.gif);
}

.btnBlue2
{
	width: 109px;
	background-image:url(/images/btn_2blue.gif);
}

.btnBlue2:hover
{
	color: #ffffff;
}

.btnBlue3
{
	width: 130px;
	background-image:url(/images/btn_3blue.gif);
}

.btnBlue3:hover
{
	color: #ffffff;
}

.btnBlue4
{
	width: 170px;
	background-image:url(/images/btn_4blue.gif);
}
.btnBlue4:hover
{
	color: #ffffff;
}

.btnBlue5
{
	width: 220px;
	background-image:url(/images/btn_5blue.gif);
}
.btnBlue5:hover
{
	color: #ffffff;
}

.btnSilver3
{
	width: 165px;
	background-image: url(/images/btn_3.gif);
}

.btnSilver3:hover
{
	background-image: url(/images/btn_3_on.gif);
}

.btnSilver4
{
	width: 200px;
	background-image: url(/images/btn_4.gif);
}

.btnSilver4:hover
{
	background-image: url(/images/btn_4_on.gif);
}

/********************* standard silver and blue buttons **********************************************/

fieldset .buttonRight
{
	width: 410px;
	text-align: right;
}

fieldset .buttonRightSmall
{
	width: 335px;
	text-align: right;
}

.CalendarButton
{
	width: 14px;
	height: 15px;
}


div.checkBoxList
{
	/*#999999;*/ /*border-top-style:inset;*/
	border-style: ridge solid solid ridge;
	border-width: 2px 1px 1px 2px;
	border-color: #D4D0C8;
	float: left;
	margin-right: 10px;
	max-height: 155px;
	overflow-y: auto;
	width: 280px;
}

div.insetBox /* goal is for these to look like a standard drop down list inset borders*/
{
	/*#999999;*/ /*border-top-style:inset;*/
	border-style: ridge solid solid ridge;
	border-width: 2px 1px 1px 2px;
	border-color: #D4D0C8;
	float: left;
	margin-right: 10px;
	max-height: 155px;
	overflow-y: auto;
	width: 280px;
}

table.checkBoxList td input
{        
	border: none;
	float: none;
}

table.checkBoxList td label
{        
	display: inline;
	float: none;
	font-size:11px;
	margin-left: 2px;
	text-align: left;
	padding-right: 10px;
	width: auto;
}



/* CSS for scrolling checkbox lists */
.checklist
{
	border: 1px solid #a5acb2;
	list-style: none;
	height: 10em;
	overflow: auto;
	width: 16em;
}
.checklist, .checklist li
{
	margin-left: 0;
	padding: 0;
}
.checklist label
{
	display: block;
	padding-left: 25px;
	text-indent: -25px;
}
.checklist label:hover, .checklist label.hover
{
	background: #777;
	color: #fff;
}
* html .checklist label
{
	height: 1%;
}
/* Checklist 1 */.cl1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #353636;
	width: 483px;	/* right-aligns with web html editors */
	height: 15em;
}
.cl1 .alt
{
	background: #e9f0f4;
}
.cl1 input
{
	vertical-align: middle;
}
.cl1 label
{
	border-bottom: dashed 1px #b2b2b2;
}
.cl1 label:hover, .cl1 label.hover
{
	background: #ddd;
	color: #000;
}

/* End of CSS for scrolling checkbox lists */

.clear
{
	clear: both;
	height: 1px;
	overflow: hidden;
	line-height: 1%;
	font-size: 0px;
	font-size: 0px;
	margin-bottom: -1px;
}
/* \*/* html .clear
{
	height: auto;
	margin-bottom: 0;
}
.collapseBody
{
	clear: both;
	background: #ffffff;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: none; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */
	padding: 10px 10px 30px 10px;
	height: 200px;
	overflow: auto;
}

.collapsePanel
{
	background-color: white;
	overflow: hidden;
}

.collapseTitlePane
{
	background: #cccccc url(/images/bgTitle.gif) repeat-x;
	padding: 4px 4px 2px 4px;
	cursor: pointer;
	vertical-align: middle;
	height: 20px;
	border: solid 1px #cccccc;
}


fieldset .columnRight
{
	float: right;
	width: auto;
	text-align: right;
	padding-right: 50px;
}

.explanation
{
	font-size: 11px;
	word-spacing: 2px;
	color: #353636;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

.content1-text2
{
	font-weight: normal;
	font-size: 18pt;
	color: #598bb6;
	font-family: "Trebuchet MS" , Arial, sans-serif;
}
/*Tom*/
.coursesContent
{
	margin: 20px 10px 10px 20px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	background-image: url(images/coursesIntro.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}


/* contextInfo is designed for a table that displays context 
   information (course name, location, etc.) for the page.*/
table.contextInfo
{
	margin-bottom: 10px;
	width: 80%;
}

table.contextInfo td
{
	color: #436981;
	font-size: 8.5pt;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	padding: 2px 2px 2px 2px;
}

table.contextInfo td span
{
	color: Black;
	font-size: 8.5pt;
	font-weight: normal;
}

.DangerWillRobinson
{
	background-color: #990000;
	color: White;
	font-weight: bold;
	text-align: center;
	line-height: 2em;
	display: block;
}

div.dimmer
{
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	font-family: verdana;
	font-weight: bold;
	padding: 40px;
	background-image: url(grey.png); /* ieWin only stuff */ /* with this trick only IE            manage the following 2 attributes */
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale src= 'grey.png' );
}

.divShow
{
	display: block;
}

.divHide
{
	display: none;
}
.errorAlert
{
	background: #F8F8F8 url(/images/alert.gif) no-repeat 5px 5px; /*#fcf495;*/
	display: block;
	font-weight: bold;
	color: #1D1D1D; /*#990000;*/
	border: 1px solid #1D1D1D; /*#990000;*/
	padding: 10px 10px 10px 40px;
}

.noDataMessage
{
	/*background: #fcf495 url(/images/win_info.png) no-repeat 5px 5px;*/
	background-color: #F8F8F8; /*#fcf495;*/
	display: block;
	font-weight: bold;
	color: #1D1D1D; /*#990000;*/
	border: 1px solid #1D1D1D; /*#990000;*/
	padding: 10px 10px 10px 10px; /*40px;*/
}

.warningMessage
{
	/*background: #fcf495 url(/images/win_info.png) no-repeat 5px 5px;*/
	background-color: #F8F8F8; /*#fcf495;*/
	display: block;
	font-weight: bold;
	color: #990000; /*#990000;*/
	border: 1px solid #990000; /*#990000;*/
	padding: 10px 10px 10px 10px; /*40px;*/
}

fieldset .columnLeft
{
	float: left;
	width: auto;
}
.ErrorLabel
{
	background-color: Red;
	color: White;
	font-weight: bold;
	text-align: center;
}

.searchBox
{
	background-color: #cccccc; 
	padding: 2px 10px; 
	border: 1px solid #999999;
	/*border-top: 1px solid #cccccc; */
	/*border-bottom: 1px solid #cccccc; */
	margin-top: 0px;
}

.moveALittleLeft {padding: 1px 0 0; margin:0;}

.fieldAlert
{
	background: transparent url(/images/yellowAlert_sm.gif) no-repeat top left;
	display: inline;
	width: 10px;
	height: 10px;
	padding-left: 14px;
}
.FloatingPaddedPanel
{
	float: left;
	padding: 10px;
}

.folder
{
	background: url(/images/folder.gif) no-repeat top left;
	padding-left: 20px;
}

table.formViewSmall td
{
	font-size: 8.25pt;
	font-family: Arial, Sans-Serif;
	padding: 2px 2px 2px 2px;
}

table.formViewSmall td.formViewLabel
{
	font-size: 8.25pt;
	font-family: Arial, Sans-Serif;
  font-weight:bold;
	padding: 2px 2px 2px 2px;
	text-align:right;
}


table.formViewSmall td label
{
	font-size: 9pt;
	width: auto;
	float: right;
	margin-right: .2em; /*.5em;*/
	margin-left: .5em;
	/*padding: 0px 2px 0px 3px;*/
}

table.gridView
{
	border: 1px solid #9f9f9f;
}
tr.gridViewSimpleHeaderRow th, tr.gridViewHeaderRow th
{
	font-size: 8.5pt;
	font-family: Arial, Sans-Serif;
	padding: 2px 4px 2px 4px;
	vertical-align: middle;
}
/*HeaderStyle-BackColor="#eeeeee" HeaderStyle-Font-Bold="true"*/
tr.gridViewSimpleHeaderRow th
{
	background-color: #eeeeee;
}

tr.gridViewHeaderRow th
{
	background-color: #A3A3A3; /*med gray*/
	background-image: url(./../images/1x80_GradientLtBlue.gif); /*1x80_Gradient.gif*/
	background-position: left top;
	background-repeat: repeat-x;
	border-style: solid;
	/*text-align: left;*/
	border: solid 1px #9f9f9f;
}

table.gridViewSimple th, table.gridView th
{
	font-size: 8.5pt;
	font-family: Arial, Sans-Serif;
	padding: 2px 4px 2px 4px;
	vertical-align: middle;
}

table.gridView th
{
	background-color: #A3A3A3; /*med gray*/
	background-image: url(./../images/1x80_GradientLtBlue.gif); /*1x80_Gradient.gif*/
	background-position: left top;
	background-repeat: repeat-x;
	border-style: solid;
	/*text-align: left;*/
	border: solid 1px #9f9f9f;
}
table.gridView th a:link, table.gridView th a:active, table.gridView th a:visited, table.gridView th a:hover
{
	color: #000000;
}

tr.gridViewSimpleRow td, tr.gridViewSimpleAlternatingRow td,
tr.gridViewRow td, tr.gridViewAlternatingRow td
{
	font-size: 8.25pt;
	font-family: Arial, Sans-Serif;
	padding: 2px 4px 2px 4px; /* padding left 3px */
}
tr.gridViewRow td, tr.gridViewAlternatingRow td
{
	border: solid 1px #9f9f9f; /*border-top:  solid 1px #FFFFFF;*/
}
tr.gridViewRow td
{
	background-color: #F5F5F5; /*offwhite*/
}

tr.gridViewAlternatingRow td
{
	/*background-color: #FFFFE6; light yellow*/
	background-color: #dfdfdf; /*gray*/
}

.gridView td, .gridView2 td
{
	background-color: #F5F5F5; /*offwhite*/
}

.gridView2 .gridViewRow td:hover
{
	background-color: #6191cd;
	color: #ffffff;
}

.gridView2 .gridViewAlternatingRow td:hover
{
	background-color: #6191cd;
	color: #ffffff;
}

.gridViewRow:hover
{
	background-color: #6191cd;
	color: #ffffff;
}

.gridView td a.select:link, .gridView td a.select:active, .gridView td a.select:visited, .gridView2 td a.select:link, .gridView2 td a.select:active, .gridView2 td a.select:visited,
.gridViewSimple td a.select:link, .gridViewSimple td a.select:active, .gridViewSimple td a.select:visited
{
	display: block;
	padding: 3px 1px;
	width: 100%;
	text-decoration: none;
	color: #000099;
}

.gridView td a.select:hover, gridViewSimple td a.select:hover, .gridView2 td a.select:hover
{
	background-color: #6191cd;
	color: #ffffff;
}

.gridView td div.editDelete, .gridView2 td div.editDelete
{
	float: right;
	width: 200px;
	text-align: right;
}

.gridViewEmpty
{
	padding: 15px;
}

.gridViewAdd
{
	padding: 5px 15px;
}

.gridViewForm
{
	padding: 0 0 0 10px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin-bottom: 15px;
}

.bgOffWhite
{
	background-color: #F5F5F5; /*offwhite*/
}

.gridViewForm .title
{
	padding: 5px 15px;
	background-color: #eeeeee;
	font-weight: bold;
	letter-spacing: 1px;
}

.rpt
{
	border: 1px solid #999999;
	border-top: none;
}

.rpt a:link, .rpt a:active, .rpt a:visited
{
	display: block;
	padding: 3px 1px;
	width: 100%;
	background-color: #efefef;
	text-decoration: none;
	color: #333333;
	border-top: 1px solid #999999;
}

.rpt a.alternatingRow:link, .rpt a.alternatingRow:active, .rpt a.alternatingRow:visited
{
	display: block;
	background-color: #f8f8f8;
}

.rpt a:hover, .rpt a.alternatingRow:hover
{
	background-color: #6191cd;
	color: #ffffff;
}


/* original style with nice blue green back color */
/*
	font-family: arial, Sans-Serif;
	font-size: 8.5pt;
	font-weight: bold;
	padding:  4px 3px 4px 3px;
	vertical-align:bottom;
	background-color: #A9C3D2;
	color: #353636;
	
}*/

.InformationLabel
{
	background-color: #cccccc;
	color: White;
	font-weight: bold;
	text-align: center;
	display: block;
}
.InformationalMessage
{
	background-color: #cccccc;
	color: Black;
	font-weight: bold;
	padding-left: 230px;
	line-height: 2em;
	display: block;
}


/* Letter links */
a.letters:link, a.letters:active, a.letters:visited
{
	display: block;
	float: left;
	padding: 1px 3px;
	background-color: White; /*transparent;*/
	border: 1px solid #6191cd;
	text-decoration: none;
	color: #6191cd;
	text-align: center;
	width: auto;
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	margin: 1px;
}

a.letters:hover
{
	background-color: #6191cd;
	border: 1px solid #022959;
	color: #ffffff;
}

a.lettersSelected:link, a.lettersSelected:active, a.lettersSelected:visited, a.lettersSelected:hover
{
	display: block;
	float: left;
	padding: 1px 3px;
	text-decoration: none;
	text-align: center;
	width: auto;
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	margin: 1px;
	background-color: #6191cd;
	border: 1px solid #022959;
	color: #ffffff;
}

/*************************** lmsTabs***************************************/
.lmsTabs
{
	width: 100%;
	font: bold 12px Arial;
}
.lmsTabs ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 25px;
}
.lmsTabs li
{
	float: left;
	background: url("/images/left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}
.lmsTabs a, .lmsTabs a:visited, .lmsTabs a:active
{
	float: left;
	display: block;
	background: url("/images/right.gif") no-repeat right top;
	padding: 5px 15px 5px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #2d2b2b;
	margin-right: 1px;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.lmsTabs a
{
	float: none;
}
/* End IE5-Mac hack */
.lmsTabs a:hover
{
	color: #ffffff;
}
.lmsTabs .selected
{
	background-image: url("/images/left_on.gif");
	position: relative;
	top: 1px;
}
.lmsTabs .selected a, .lmsTabs .selected a:active, .lmsTabs .selected a:visited
{
	background-image: url("/images/right_on.gif");
	color: #2d2b2b;
	padding-bottom: 5px;
}

/*************************** lmsTabs***************************************/

/************************** for transfer between two list boxes ******************/

div.dualPickLists { width: 550px; margin: 15px 0 5px 25px; }

div.lstTransferBtns
{
	float:left; 
	padding:5px 15px; 
	margin: 30px 0 0;
}

div.lstTransferRight
{
	float:left; 
	width: 220px; 
	margin-top: 14px; 
	padding: 1px 2px; 
  background: #879dc0 url(../../images/1x80_GradientLtBlue.gif) repeat-x top left; 
  border: 1px solid #999999;
}

div.lstTransferRight span
{
	display: block; 
	padding: 1px 5px; 
	color: #333333; 
	font-weight: bold;
}

div.lstTransferLeft
{
	float: left; 
	width: 260px; 
	padding: 1px 2px;
}

div.lstTransferLeft span
{
	display: block; 
	font-weight: normal;
}

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

div.bkgrdGradient
{
	/*background-image: url(./../images/1x80_GradientSheenBlue_Inse.gif);*/
	/*background-image: url(./../images/1x80_GradientSheenBlue_Inset2.gif);*/
	/*background-image: url(./../images/1x80_GradientSheenBlue_Inset3.gif);*/
	/*background-image: url(./../images/1x80_GradientSheenBlue_Inset4.gif);*/
	/*background-image: url(./../images/1x80_Gray_Gradient.gif);*/
	/*background-image: url(./../images/1x80_GradientLtBlue.gif);*/
	/*background-image: url(./../images/1x80_GradientLtBlue2.jpg);*/
	background-image: url(./../images/1x112_GradientLtBlue2.jpg);
}
/************************** for transfer between two list boxes ******************/


.ModalBackground
{
	position: absolute;
	z-index: 500;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 100px 0 100px 0;
	background-color: #6b8fac;
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8; /* for future compatibility */
}
/* Using this modalBackgroundEx for the ATLAS popup extender control*/
.modalBackgroundEx
{
	background-color: Gray;
	filter: alpha (opacity=70);
	opacity: 0.7;
}
.modalPopup
{
	background-color: #F5F5F5; /*very pale yellow used on igGrid*/
	border: solid 3px gray;
	padding: 3px;
	width: 500px;
	/*height: 400px;*/
}

.igTabSelected
{
	/*left edge and text of selected tab*/
	background:transparent url(/images/ig_tab_lightb2.gif) no-repeat scroll left top;
	cursor:default;
	height:20px;
	padding:0 0 0 5px;
	border-width: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.igTabSelected_R
{
	background:transparent url(/images/ig_tab_lightb2.gif) no-repeat scroll right top;
	cursor:default;
	font-size:2px;
	padding-left:4px;
	border-width: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.igTabUnselected
{
	background:transparent url(/images/ig_tab_lightb1.gif) no-repeat scroll left top;
	cursor:pointer;
	height:20px;
	padding:0 0 0 5px;
	border-width: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.igTabUnselected_R
{
	background:transparent url(/images/ig_tab_lightb1.gif) no-repeat scroll right top;
	cursor:pointer;
	font-size:2px;
	padding-left:4px;
	border-width: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}






/****************************** MyTabs ************************************************/
.MyTabs .ajax__tab_header
{
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	background: url(/images/myTabsBorder.gif) repeat-x bottom;
}

.MyTabs .ajax__tab_outer
{
	height: 23px;
	background: url(/images/left.gif) no-repeat top left;
}

.MyTabs .ajax__tab_inner
{
	width: 10px;
	height: 23px;
	background: url(/images/right.gif) no-repeat top right;
	width: auto;
}

.MyTabs .ajax__tab_tab
{
	padding: 5px 10px 0px 10px;
	width: auto;
}

.MyTabs .ajax__tab_hover .ajax__tab_outer, .MyTabs .ajax__tab_active .ajax__tab_outer
{
	height: 23px;
	background: url(/images/left_on.gif) no-repeat top left;
}

.MyTabs .ajax__tab_hover .ajax__tab_inner, .MyTabs .ajax__tab_active .ajax__tab_inner
{
	width: 10px;
	height: 23px;
	width: auto;
	background: url(/images/right_on.gif) no-repeat top right;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.MyTabs .ajax__tab_hover .ajax__tab_tab, .MyTabs .ajax__tab_active .ajax__tab_tab
{
	padding: 5px 10px 0px 10px;
}

.MyTabs .ajax__tab_body
{
	padding: 15px 10px 5px;
	border: 1px solid #666666;
	border-top: 0;
}
/****************************** MyTabs ************************************************/


/* To be able to place a label in the gradient navigator and have it look like a selected button.*/
.navBarInfo
{
	float: right;
	background: url(/images/topnav_button_center.png) center repeat-x;
}

.navBarInfo span
{
	background: url(/images/topnav_button_right_side.png) center right no-repeat;
	display: block;
}

.navBarInfo span span
{
	background: url(/images/topnav_button_left.png) center left no-repeat;
}

.navBarInfo span span span
{
	padding-left: 20px;
	padding-right: 20px;
}

label.noStyle
{
	display: inline;
	float: none;
	width: auto;
	text-align: left;
	font-weight: normal;
	padding: 0 2px 0px 0;
}

.note
{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC9900;
	font-size: 10px;
}
/*outlookEmail styles for display that looks like outlook emails in the email history browser.*/

div.outlookEmailHdr
{
	background-color: #D3D3D3;
	border-style: outset;
	border-width: 2px;
	height: 90%;
	margin-top: 10px;
	padding: 10px 20px 10px 20px;
}

table.outlookEmailHdr td
{
	padding: 5px 0px 0px 5px;
	font-size: 8.5pt;
	font-family: Arial, Sans-Serif;
	text-align: left;
}

div.outlookEmailBody
{
	background-color: #FFFFFF;
	border-style: inset;
	border-width: 2px;
	overflow: auto;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
}



tr.overlined td
{
	border-top: dashed 1px #b2b2b2;
}

.popup
{
	z-index: 900;
	position: absolute;
	top: 120px;
	left: 20px;
	padding: 5px 10px 50px 10px;
}


/*
Example checkbox in a td
<span class="radiolist" title="Select this checkbox if you want to also save this survey as a template for other surveys.">
<input id="ProductSurvey_Form_chkSaveAsTemplate" type="checkbox" name="ProductSurvey_Form$chkSaveAsTemplate" />
<label for="ProductSurvey_Form_chkSaveAsTemplate">Save As Template</label>
</span>
Example checkbox in an li (now to spec in VS and how it gets rendered).
	<asp:CheckBox ID="chkInactiveUsers" CssClass="radiolist" Text="Inactive Users" runat="server" />
	<span class="radiolist"><input id="_chkInactiveUsers" type="checkbox" /><label for="_chkInactiveUsers">Inactive Users</label></span>
</li>
*/
fieldset.radiolist
{
}

fieldset.radiolist input, table.radiolist td input, span.radiolist label, td.radiolist input
{
	float: none;
	border: none;
}
/* */
fieldset.radiolist label, table.radiolist td label
{
	float: none;
	width: auto;
	padding-right: 10px;
	display: inline;
	text-align: left;
	margin-left: 2px;
	white-space: nowrap;
}

table.radiolist td
{
	white-space: nowrap;
}

span.radiolist label, table.formViewSmall td span.radiolist label
{
	width: auto;
	float: none;
	display: inline;
	vertical-align: middle;
	position: relative;
	top: -3px;
	padding-right: 15px;
}

span.radiolist input
{
	border: none;
}

.radiolist
{
	font-size:11px;
}

fieldset.fontSize10 label, table.fontSize10 td label, .fontSize10
{
	font-size:10px;
}

/* For navigating from slide to slide; looks prettier than bare <a/> tags.*/
li.repeaterNav
{
	background: transparent url(/images/topnav_bg.gif) repeat-x;
	font: normal 12px 'Trebuchet MS' , 'Arial';
	color: White;
	width: auto; /*height: 22px;*/
	clear: none;
	padding-top: 5px;
	padding-right: 20px;
	margin-bottom: 10px;
}

/* For the small label on the left side of the nav bar that says something like "Slide #"*/
li.repeaterNav label, li.repeaterNav span
{
	width: 50px; /*border: solid 1px red;*/
}

.repeaterNav a, .repeaterNav a.selected
{
	width: 40px;
	height: 23px;
	display: block;
	text-align: center;
}

.repeaterNav a:hover, .repeaterNav a.selected
{
	background: url(/images/topnav_button_50.png) no-repeat left center;
}

.repeaterNav a.selected
{
	color: #FFF; /*border:solid 1px red; */
}

.repeaterNav a:active, .repeaterNav a:visited, .repeaterNav a:link
{
	color: #FFF; /* need because it will use default link color */
	text-decoration: none; /* so there will not be an underline under the slide number link.*/
}

/* TODO: add an image of a red asterisk and place the text off screen (Lucas)*/
label span.required
{
	text-indent: -5000px;
	display: inline-block; /*background: url(/images/asterisk_orange.png) no-repeat;*/
	background: transparent url(/images/RedAsterisk2.gif) no-repeat left top;
	width: 7px;
	height: 7px;
	text-align: left;
	margin-left: 2px;
	margin-bottom:4px;
}


.RequiredField
{
	color: Red;
	font-weight: bold;
}

label.right
{
	display: inline;
	float: none;
	width: auto;
	text-align: right;
	font-weight: normal;
	padding: 2px 2px 0px 15px;
}

span.right
{
	display: block;
	width: 150px;
	text-align: right;
	font-weight: bold;
	padding: 10px 2px 0px 0px;
	letter-spacing: 1px;
}


.statusAlert
{
	display: block;
	font-weight: bold;
	color: #990000;
}


/*
For a Subheader.ascx which renders like this on a form to let the user know what they are doing now
<div class="subHeader">
	<span id="_lblSubject" class="subHeaderSubject">Reports</span>
	<span id="_lblGTGT">&gt;&gt;</span>
	<span id="_lblTopic">Roster Report Selection</span>
</div>
<hr />
*/
div.subHeader
{
	color: #436981;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.subHeader span.subHeaderSubject
{
	font-size: 20px;
	font-style: normal;
	margin-left: 0px;
}

span.subHeaderSubject
{
	color: #436981;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
}

div.subHeader span
{
	font-size: 16px;
	font-style: italic;
	margin-left: 5px;
}

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

div.subNav
{
	background: transparent url(/images/topnav_bg.gif) repeat-x;
	font: normal 12px 'Trebuchet MS' , 'Arial';
	margin: 0;
	padding: 0;
	width: 100%;
	height: 32px;
}

.tabContent
{
	width: 270px;
	padding: 10px 10px 0px 10px;
}


tr.tableHeaderBlue td
{
	background: transparent url(/images/topnav_bg.gif) repeat-x;
	font: normal 12px 'Trebuchet MS' , 'Arial';
	color: White;
	height: 30px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	padding: 2px 10px 2px 10px; /* 	border: solid 1px red; 	clear: none; 	width: auto; 	padding-right: 20px;*/
}

div.headerBlue
{
	background: transparent url(/images/topnav_bg.gif) repeat-x;
	font: bold 14px 'Trebuchet MS' , 'Arial';
	color: White;
	height: 30px;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	padding-left: 15px;
	padding-top: 5px; /* 	border: solid 1px red; 	clear: none; 	width: auto; 	padding-right: 20px;*/
}



tr.underlined td
{
	border-bottom: dashed 1px #b2b2b2;
}


.ValidationSummary
{
	margin-left: 230px;
	font-weight: bold;
}

.ValidationSummary ul
{
	list-style: none;
}

.ValidationSummary ul li
{
	font-weight: normal; /*background: transparent url(/images/yellowAlert.gif) no-repeat 0 4px;*/
	padding: 7px 0 0 20px;
	margin: 0;
}

.wizardDiv
{
	margin-left: 10px;
	margin-top: 5px;
}

.wizardBoxWithTabs
{
  border-bottom: solid 1px #757575;
  border-left: solid 1px #757575;
  border-right: solid 1px #757575;
}

.wizardBoxWithoutTabs
{
	border: 1px solid #757575;
}



/**************************************** one letter classes  ********************************************/

.t
{
	background: url(/images/dot.gif) 0 0 repeat-x;
	width: 20em;
}
.b
{
	background: url(/images/dot.gif) 0 100% repeat-x;
}
.l
{
	background: url(/images/dot.gif) 0 0 repeat-y;
}
.r
{
	background: url(/images/dot.gif) 100% 0 repeat-y;
}
.bl
{
	background: url(/images/bl.gif) 0 100% no-repeat;
}
.br
{
	background: url(/images/br.gif) 100% 100% no-repeat;
}
.tl
{
	background: url(/images/tl.gif) 0 0 no-repeat;
}
.tr
{
	background: url(/images/tr.gif) 100% 0 no-repeat;
	padding: 10px;
}
/**************************************** one letter classes  ********************************************/

/*Reorder List*/
.dragHandle
{
	list-style: none;
	width: 10px;
	height: 15px;
	background: #ffffff url(/images/left_arrow.gif) no-repeat left 2px;
	cursor: move;
	margin: 0;
	padding: 0;
}

.callbackStyle
{
	border: 1px solid #d7e79e;
}

.callbackStyle table
{
	background-color: #d7e79e;
	color: Black;
}

.reOrderList
{
	margin: 0 0 0 77px;
	padding: 0;
}

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

.reOrderList li
{
	list-style: none;
	padding: 2px;
	background-color: #ffffff;
	margin: 0;
}

.reOrderList2
{
	margin: 0 0 0 0;
	padding: 0;
}

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

.reOrderList2 li
{
	list-style: none;
	padding: 2px;
	background-color: #ffffff;
	border-bottom: 1px solid #eeeeee;
	margin: 0;
}

.reorderCue
{
	background-color: #f2f7e0;
	width: 100%;
	height: 25px;
}

.itemArea
{
	margin-left: 15px;
}

.itemAreaEdit li
{
	background-color: #eeeeee;
	padding: 10px;
	list-style: none;
	margin: 0;
}

.treeView
{
}

.treeView td
{
	vertical-align: top;
	padding-bottom: 3px;
}

.reportFooter
{
	font-weight: bold;
}

.displayOnly
{
	color: Gray;
}

.boldRed
{
	color:Red;
	font-weight:bold;
}

.underline
{
	text-decoration: underline;
}
.noUnderline
{
	text-decoration: none;
}

.grpBoxBkgrd
{
	background-color: #EBEBEB;
}

.genericFieldSpecify
{ 
    background: #fff url(/images/arrow_brown2_right.gif) no-repeat 0 3px;
    padding: 0 0 0 5px;
}
.genericFieldSpecifyUp
{ 
    background: #fff url(/images/arrow_brown2_up.gif) no-repeat 0 0;
    padding: 0 0 0 10px;
}
.genericFieldSpecify span, .genericFieldSpecifyUp span
{ 
    font-weight: bold;
    padding-right: 5px;
}

.genericSpecifyFieldPlacement {
    position:relative;
    float:right;
    top: -2px;
}
.genericfieldset {
    width:290px;
}
a.helpSquare:link,a.helpSquare:active,a.helpSquare:visited 
{
	display: inline-block;
	text-align: left;
	text-indent: -9009px;
	width: 11px;
	height: 11px;
	line-height: 11px;
	background: transparent url(/images/help_square.gif) no-repeat -1px -1px;
}
a.helpSquare:hover 
{
	background: transparent url(/images/help_square.gif) no-repeat -1px -14px;
}
.sortColumn {
    text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
span.arrowClosed, a.arrowClosed:link, a.arrowClosed:active, a.arrowClosed:visited, a.arrowClosed:hover {display: inline-block;background: url(/images/arrow_blue_right.gif) no-repeat 0 1px;padding-left:15px;height:16px;text-align: left;cursor: pointer;cursor: hand;}
span.arrowOpen, a.arrowOpen:link, a.arrowOpen:active, a.arrowOpen:visited, a.arrowOpen:hover {display: inline-block;background: url(/images/arrow_blue_down.gif) no-repeat 0 1px;padding-left:15px;height:16px;text-align: left;cursor: pointer;cursor: hand;}

#slideViewerWrapper {
    padding: 5px; 
    background: #879dc0 url(/images/1x80_GradientLtBlue.gif) repeat-x 0 0;
    border: 1px solid #b6c4d8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px 3px #eee;
	-webkit-box-shadow: 3px 3px 3px #eee;
	box-shadow: 3px 3px 3px #eee;}
	
#slideViewerWrapperContent {background-color: #fff; border: solid 1px #ccc;}
.slideViewerTopNav {padding: 10px 10px 5px 10px; background-color: #f8f8f8; border-bottom: 1px solid #eee;}
.slideViewerBottomNav {margin-top: 25px; padding: 10px 10px 5px 10px; background-color: #f8f8f8; border-top: 1px solid #eee;}
#slideViewerContent {margin: 10px 0px; padding: 5px 5px 5px 10px; overflow-x:auto;}
#slideViewerContent ol {width: auto; list-style: decimal; list-style-type: decimal; padding-left: 30px; margin: 15px 0 10px 10px;}
#slideViewerContent ul {width: auto; list-style: decimal; list-style-type: circle; padding-left: 30px; margin: 15px 0 10px 10px;}
#slideViewerContent blockquote {width: auto; padding-left: 30px; margin: 10px;}
#slideViewerHeader {padding-left: 10px;}
#slideViewerHeader hr {display: none;}
#slideViewerExitNav{text-align: right; padding: 5px 15px 10px 0;}

a.slideButton:link, a.slideButton:active, a.slideButton:visited {font-weight: bold; text-decoration: none; padding: 0 0 0 15px; color: #4876a4;}
a.slideButton:hover {color: #8dc6ff;}

a.slidePreviousButton:link, a.slidePreviousButton:active, a.slidePreviousButton:visited {background: transparent url(/images/slideLeft.gif) no-repeat 0 0;}
a.slidePreviousButton:hover {background: transparent url(/images/slideLeft_h.gif) no-repeat 0 0;}

a.slideNextButton:link, a.slideNextButton:active, a.slideNextButton:visited {margin-left: 40px; padding: 0 15px 0 0; background: transparent url(/images/slideright.gif) no-repeat top right;}
a.slideNextButton:hover {background: transparent url(/images/slideRight_h.gif) no-repeat right top;}

a.slideTOCButton:link, a.slideTOCButton:active, a.slideTOCButton:visited {margin-left: 40px; padding: 0 20px 0 0; background: transparent url(/images/slideUp.gif) no-repeat right 4px;}
a.slideTOCButton:hover {background: transparent url(/images/slideUp_h.gif) no-repeat right 4px;}

a.slideEndButton:link, a.slideEndButton:active, a.slideEndButton:visited {font-weight: bold; text-decoration: none; padding: 0 17px 0 0; background: transparent url(/images/slideEnd.gif) no-repeat right 2px; color: #a2a2a2;}
a.slideEndButton:hover {color: #4876a4; background: transparent url(/images/slideEnd_h.gif) no-repeat right 2px;}
.backgroundPopup {display:none;  position:absolute;  _position:absolute; /* hack for internet explorer 6*/  top:0;  left:0; z-index:10000;  background-color: #ffffff;filter: alpha(opacity=50);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: .5;-khtml-opacity: .5;opacity: .5; /* for future compatibility */}
.backgroundPopup iframe {background-color: #ffffff;}

.spinner {z-index: 10000;font-size: 12px;font-weight: bold;position: absolute;background: #ffffff url(/images/spinner.gif) no-repeat 0 0;padding-left: 25px;}


.borderlessTables table, .borderlessTables tr, .borderlessTables td
{
	border: 0;
}

.divSelectAll
{
	background-color:#D2DBE7; 
	border-left:1px solid #999999; 
	border-right:1px solid #999999; 
	padding-left:10px; 
	padding-bottom:2px;
}

/*************************  Scrolling Lists ****************************/
#divScrollingList, #divScrollingList_small, #divScrollingList2_small, #divScrollingList1, #divScrollingList2, #divScrollingList3, #divScrollingList4, #divScrollingList5 {border: solid 1px #9F9F9F; background : #ffffff; color : #000000; padding : 0px; width : 758px; height : 700px; overflow-y : scroll; overflow-x: hidden; }
#divScrollingList_small {width : 426px; height : 115px; }
#divScrollingList2_small {width : 314px; height : 115px; }
#divScrollingList table, #divScrollingList_small table, #divScrollingList2_small table, #divScrollingList1 table, #divScrollingList2 table, #divScrollingList3 table, #divScrollingList4 table, #divScrollingList5 table {display: none; }
#divScrollingList.noScroll, #divScrollingList_small.noScroll, #divScrollingList2_small.noScroll, #divScrollingList1.noScroll, #divScrollingList2.noScroll, #divScrollingList3.noScroll, #divScrollingList4.noScroll, #divScrollingList5.noScroll {height: auto; overflow-y: auto; }
.divScrollingListLoading, .divScrollingListLoading1, .divScrollingListLoading2, .divScrollingListLoading3, .divScrollingListLoading4, .divScrollingListLoading5 { padding: 10px 0 10px 0; text-align: center; }
.divScrollingListEmpty, .divScrollingListEmpty_small, .divReportOutputEmpty { padding: 10px 0 10px 0; text-align: center; border: solid 1px #9F9F9F; background : #ffffff; color : #000000; width : 758px; }
.divScrollingListEmpty_small { width : 400px; }

.notVisible { display:none; }

/*************************  end Scrolling Lists ****************************/

.reportRepeaterTable
{
	border: solid 2px #000;
	width: 98%;
}

div.defaultPageMenu
{
	margin-bottom: 30px;
}
div.defaultPageMenu div div
{
	padding-top: 20px;
	float: left; 
	width: 250px; 
	margin-right: 50px;
}

.ScrollingListHeader { border-left: 1px solid #ADADAD; border-top: 1px solid #ADADAD; }
.ScrollingListHeader a:link, .ScrollingListHeader a:active, .ScrollingListHeader a:visited {color: #000000;}

/************** Reports **************/

#reportFilters
{
	width: 760px;
}
#reportFilters #reportFilterHeader
{
	width: 725px;
	padding: 7px 10px 0 15px;
	font-weight: bold;
	font-size: 13px;
	height: 20px;
	background-image: url(/Images/1x80_GradientLtBlue.gif);
	border: solid 1px #666;
	border-bottom: none;
}
#reportFilters #reportFilterbody
{
	border: solid 1px #666;
	padding: 5px 10px;
	width: 730px;
}
div.filterCell 
{
	display: block;
	float: left;
	width: 228px;
	padding: 5px 5px 10px;
}
div.twoColumn 
{
	width: 466px;
}
div.threeColumn 
{
	width: 710px;
}
img.filterSpacer
{
	height: 16px;
}

#reportOutput
{
	width: 762px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/************** end Reports **************/

.floatLeft { float: left; }
.marginLeftRight20 { margin-left: 20px; margin-right: 20px; }
.paddingLR5 { padding-left: 30px; padding-right: 30px; }

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


fieldset.creditCard
{
	margin:0;
}
fieldset.creditCard ol li label
{
	width:109px;
	margin-right:5px;
}
fieldset.creditCard ol li input
{
	width:180px;
}


.raisedBorder 
{
	background-color:#fff;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	border-top-color:#ddd;
	border-left-color:#ddd;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius: 3px;
	padding: 3px 4px 3px 4px;
	-moz-box-shadow: 3px 3px 3px #eee;
	-webkit-box-shadow: 3px 3px 3px #eee;
	box-shadow: 3px 3px 3px #eee;}




/*## begin help styles ##*/

.helpicon {
    /*a hook for changing the icon easily in the future*/
}
.loginhelpicon{
    width: 13px;
    height: 13px;
}
.helplink {
    text-decoration: underline;
}
.helpsubject {
    font-style: italic;
}

.helpbutton:hover{
    cursor:pointer;
}

.loginhelp {
    position:absolute;
    left:100px;
    top:61px;
    display:inline;
}
.section_calendarfiltershelp {
    display:block;
    position:relative;
    float:right;
    top: 0px;
}
.section_onlinecourseshelp{
    display:block;
    position:relative;
    float:right;
    top: -9px;
}
.section_onlineproviderfiltershelp{
   display:block;
    position:relative;
    float:right;
    top: 0px;
}
.section_onlinecategorieshelp{
    display:block;
    position:relative;
    float:right;
    top: 0px;
}
.section_approvalbodieshelp{
    display:block;
    position:relative;
    float:right;
    top: 0px;
}
.registerhelp {
    float: right;
    position: relative;
    top: 15px;
}
.controlhelpimage {
    display:none;
}
.controlhelpimage:hover {
    cursor:pointer;
}
.subheader_mycourseshelp {
    display:block;
    float: right;
    position: relative;
    top: 0px;
}
.subheader_helpmini {
    cursor:pointer;
    display:block;
    float: right;
    position: relative;
    top: 0px;
}
.subheader_myclassroomcourseshelp {
    display:block;
    float: right;
    position: relative;
    top: 0px;
}
.subheader_mycertificateshelp{
    display:block;
    float: right;
    position: relative;
    top: 0px;
}
.subheader_mylearningcommunitieshelp {
    display:block;
    float: right;
    position: relative;
    top: 0px;
}
.subheader_myordershelp{
    display:block;
    float: right;
    position: relative;
    top: 0px;
}
.subheader_myscheduledeventshelp {
    display:block;
    float: right;
    position: relative;
    top: 0px;
}
.subheader_mytranscriptshelp{
    display:block;
    float: right;
    position: relative;
    top: 0px;
    right:8px;
}
.helpPanel{
    text-align:left;
    padding:5px 5px 10px 5px;
}
.helpSilverBorder{
    border: solid 1px silver;
    padding: 0px;
    margin-bottom:5px;
}
/*## end help styles ##*/
.newcustomfieldname{
    width:75%;
}
.liststylenone {list-style: none; }


.showdefaultcatalogslbl {
    position:absolute;
    width:150px;
    left:770px;
}
.closetableheader {
    margin-bottom:-20px;
}
.movedexpandcollapse{
    margin-top:10px !important;
    color:#2b2b2b;
    text-align:left;
    vertical-align:baseline;
    background: url("/images/bg_expandCollapseCotent.gif") repeat-x scroll 0 0 #FFFFFF;
    border: solid 1px #666666;
    
}
.movedexpandcollapse h3 {
    background: url("/images/bg_expandCollapseBar.gif") repeat-x scroll 0 0 #E35713;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 4px 12px;
    text-transform: capitalize;
}
.movedexpandcollapse h3 a:link, .movedexpandcollapse h3 a:active, .movedexpandcollapse h3 a:visited, .movedexpandcollapse h3 a:hover {margin: 0;background: transparent url(/images/arrow_closed.gif) no-repeat top right; display: block; zoom: 1;color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; cursor:pointer; }
.movedexpandcollapse h3 a.selected:link, .movedexpandcollapse h3 a.selected:active, .movedexpandcollapse h3 a.selected:visited, .movedexpandcollapse h3 a.selected:hover {margin: 0;background: transparent url(/images/arrow_open.gif) no-repeat top right; display: block; zoom: 1;color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; cursor:pointer; }

.topalign td, .topalign a, .topalign img, .topalign span, .topalign input {
    vertical-align:top;
}

.widegenlabel{
    /*padding: 0 15px 0 0;
    display:block;
    width:128px;
    float:none;
    margin:0 0 7px;*/
    margin-right:10px;
}
.widegenericvalues {
    /*position:absolute;
    left:140px;
    top: 0;*/
    width:295px;
    
}
.widegenericvalues ol {
    width:295px;
}
.widegenericvalues ol li {
    width:295px;
}
.specifywide {
    position:absolute;
    right: 0;
    top: 0;
}
.genspecifywide {
    position:absolute;
    right: 0;
    top: 0;
}
.relgenitem {
    position:relative !important;/*this is needed to allow child elements to absolutely position*/
    margin-bottom:10px !important;
}
.gencustomtable{
    width:100%;
}
.gentr { }
.gentdleft{
    display:inline-block;
    padding-right:15px;
    width:9em;
    text-align:left;
    vertical-align:top;
} 
.gentdright {
    display:inline-block;
    text-align:left;
    /*width:500px;*/
    vertical-align:top;
}  
/*start section 508 compliance*/
.hidden508{
    overflow:hidden !important;
    width:1px !important;
    height:1px !important;
    z-index:-3 !important;
    left:-999px !important;
    top:-999px !important;
    position:absolute !important;
}               
.ignore508{
    display:none !important;
}              
.registerlabel {
    float:left;
    width:10em;
    font-size:13px;
    margin-right:10px;
    text-align:left;
}
.registerlabel span.required
{
	text-indent: -5000px;
	display: inline-block; /*background: url(/images/asterisk_orange.png) no-repeat;*/
	background: transparent url(/images/RedAsterisk2.gif) no-repeat left top;
	width: 7px;
	height: 7px;
	text-align: left;
	margin-left: 2px;
	margin-bottom:4px;
}
.mytranscriptheaderlabel {
    float: left;
    margin-right: 0.5em;
    text-align: left;
    width: 10em;
}

/*end section 508 compliance*/

.leftgridcell {
    border-left:solid 1px #9F9F9F !important;
}
         
.btnblue1expanded {
margin-top:5px;
margin-left:0px;
width:87px;
background-image:url("/images/btn_blue85.gif");
}

/*receipt class data formatting*/
.classtable { border-collapse:collapse; border: 1px solid black; } 
.classtable th, .classtable td { border: 1px solid black; padding: 5px;}
.floatright {
    float:right;
}

.fleft {
    float:left;
}

/* My Courses tab alerts */
.courseAlert 
{
	border-width: 0px;
	margin-left: 4px;
	vertical-align: middle;
}

#simplemodal-container a.modalCloseImg {background:url(/images/x.png) no-repeat; width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-18px;cursor:pointer;}
#simplemodal-container {padding: 10px;background-color: #fff;border: 1px solid #ccc;}


@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('/Scripts/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/Scripts/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/Scripts/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit- -webkit-  -webkit-glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

#prerequisite{
    padding: 10px 0 10px 0;
}