/*****************************************************************************************************************/
/* Generic
/*****************************************************************************************************************

body, table, td, th, span, input, select, p, a, h1, h2, h3
{
	font-family: verdana, Arial, Sans-Serif;
	font-size: 12px;
}

h1
{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 0 0 5px 0;
}

h2
{
	font-size: 16px;
	font-weight: bold;
	color: #111;
	margin: 0 0 5px 0;
}

h3
{
	font-size: 15px;
	font-weight: bold;
	color: #333;
	margin: 2px 0;
	margin: 0 0 5px 0;
}

body
{
	margin: 0px;
}
*/
/***** 
table, td, th, input, select, span
{
	font-family: verdana, Arial, Sans-Serif;
	font-size: 12px;
    border: 0px;
    margin: 0px;
    padding: 0px;

}

table, td, a
{
	color: inherit;
}

table
{
	border-collapse: collapse;
}

th
{
	text-align: left;
}

table, th, td
{
	border-color: #ccc;
	border-style: solid;
	border-width: 0px;
}
****/
/*
div
{
	border-color: #ccc;
	border-style: solid;
	border-width: 0px;
}

a, a:active, a:visited { color: #333333; text-decoration: underline; }
a:hover { color: #805100; text-decoration: none; }

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0 0;
	height: 1px;
}
*/

#banner #band {
top: 145px;
}

#banner {
background-color: black;
background-repeat: no-repeat;
background-position: top center;
height: 205px;
position: relative;
z-index: -5;
}

#band {
background: black;
background: rgba(0, 0, 0, 0.75);
height: 60px;
}

#searchBox input.input {
background: #E5E5E5;
border: 0;
float: left;
font-size: 13px;
font-style: italic;
height: 28px;
line-height: 28px;
padding-left: 10px;
width: 213px;
}

img
{
	border: 0;
}

p
{
	margin: 5px 0 10px 0;
}



div.outer table, td, th
{
	font-family: verdana, Arial, Sans-Serif;
	font-size: 12px;
    border: 0px;
    margin: 0px;
    padding: 0px;

}

div.outer input, select, span, input
{
	font-family: verdana, Arial, Sans-Serif;
	font-size: 12px;


}

div.outer table, td, a
{
	color: inherit;
}

div.outer table
{
	border-collapse: collapse;
}

div.outer th
{
	text-align: left;
}

div.outer table, th, td
{
	border-color: #ccc;
	border-style: solid;
	border-width: 0px;
}

div.menu
{
    margin: 0 auto;
    min-width: 960px;
    position: relative;
    width: 960px;
clear: both;
background-color: #B6B6B6;
height: 29px;
}


/*****************************************************************************************************************/
/* Structure
/*****************************************************************************************************************/

@media print
{
	div.content div.left
	{
		display: none;
	}
}

/*
div.outer
{
	margin: 8px;
}
*/

div.content
{
/*
	width: 795px;
	clear: left;
*/
    margin: 0 auto;
    min-width: 960px;
    position: relative;
    width: 960px;
}

div.content div.left
{
	float: left;
}

div.find_course_top
{
	clear: both;
	width: 228px;
	height: 30px;
	background-image: url("/images/find_course_bg_top.gif");
	background-repeat: no-repeat;
}

div.find_course_top h1
{
	font-size: 14px;
	padding-left: 10px;
	padding-top: 5px;
}


div.find_course
{
	clear: both;
	width: 228px;
	height: 160px;
	background-image: url("/images/find_course_bg.gif");
	background-repeat: no-repeat;
	padding-top: 2px;
	line-height: 1.1em;
}

div.find_course table
{
	color: #444;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
}

div.find_course a
{
	color: #777777;
}

input.btn
{
	border: 0px;
	background-color: transparent;
	background-image: url("/images/find_btn.jpg");
	width: 88px;
	height: 24px;
	cursor: pointer;
}


@media print
{
	div.find_course .find_btn, input.btn
	{
		display: none;
	}
}

div.tips
{
	border: 1px solid #ccc;
	border-right: 0px;
	margin-top: 5px;
}

div.content div.right
{
	float: left;
	width: 565px;
}

div.content div.header
{
	padding: 5px 0px 10px 10px;
	border-left: 1px solid #ccc;
	clear: both;
}

div.content div.body, div.content div.footer
{
	padding: 5px 0px 10px 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	clear: both;
}

.footer a
{
	font-size: 12px;
	color: black;
}

div.header
{
    margin: 0px 0px 5px;
	line-height: 1.1em;
}

p.header
{
    font-size:medium;
}

.Labelheader
{
    font-size:medium;
}

div.header h1
{
    font-family: verdana, Arial, Sans-Serif;
    font-size: 18px;
    font-weight: bold;
	line-height: 1.1em;
}

div.header h2
{
    font-family: verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
	line-height: 1.1em;
}
div.header span
{
    font-family: verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
	line-height: 1.1em;
}


div.adminheader 
{
    background-image: url('/images/adminheader.png'); 
    width: 795px; 
    height: 58px;
}

div.adminheader table
{
    width: 795px; 
    height: 58px;
}

div.adminheader table td
{
	height: 29px;
	vertical-align: middle;
}

div.adminheader table td.title
{
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

@media print
{
	div.links
	{
		display: none;
	}
}

div.links
{
	padding-top: 20px;
	text-align: left;
	padding-left: 0px;
	/*width: 552px;*/
	clear: both;
	
    margin: 0 auto;
    min-width: 960px;
    position: relative;
    width: 960px;
}

div.links table, tr, td
{   
    text-align: left;
    vertical-align: top;
    font-family: verdana, Arial, Sans-Serif;
    font-size: 11px;
}

div.links a, div.links a:active, div.links a:visited
{
	text-decoration: none;
	font-size: 11px;
}

@media print
{
	div.links
	{
		padding-left: 10px;
	}
}


/*****************************************************************************************************************/
/* Shaded Tables
/*****************************************************************************************************************/

table.shaded
{
	line-height: 135%;
}

table.shaded th, table.shaded td
{
	padding: 7px 2px;
}

table.shaded thead tr, table.shaded tr.thead
{
	background-color: #999;
	background-image: url("/images/gray_bar1.jpg");
	background-repeat: repeat-x;
	background-position: top;
}

table.shaded thead th, table.shaded tr.thead th
{
	color: white;
	border-right: 2px solid #dddddd;
}

table.shaded thead th.start, table.shaded tr.thead th.start
{
	border-right: 2px solid #dddddd;
}

table.shaded thead th.end, table.shaded tr.thead th.end
{
	background-image: url("/images/gray_bar2.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	border-right: 0;
}


table.shaded tbody tr
{
	background-image: url("/images/white_bar1.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
}

table.shaded tbody td
{
	border-right: 2px solid #dddddd;
}

table.shaded tbody td.start
{
}

table.shaded tbody td.end
{
	background-image: url("/images/white_bar2.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
	border-right: 0;
}




table.shadedSubTable
{
    
}

table.shadedSubTable th, table.shadedSubTable td
{
	padding: 0px 2px;
}

table.shadedSubTable tbody tr
{
	background-repeat: no-repeat;
	background-position: top;
}

table.shadedSubTable tbody td
{
	border-right: 0px solid #dddddd;
}




@media print
{
	table.shaded
	{
		border: 2px solid #dddddd;
		border-collapse: collapse;
	}

	table.shaded th, table.shaded td
	{
		padding: 7px 2px;
		border: 2px solid #dddddd;
	}
}

/*****************************************************************************************************************/
/* Tooltips & Questions */
/*****************************************************************************************************************/

#tooltip 
{
	position: absolute;
	z-index: 3000;
	border: 2px solid #FCB714;
	background-color: #E8E8E8;
	background-image: url('images/question_bg.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px;
	/*opacity: 0.85;*/
	width: 250px;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 12px; font-weight: normal; color: #000; }

img.question
{
	cursor: pointer;
}


/*****************************************************************************************************************/
/* Elements */
/*****************************************************************************************************************/

span.dataLabel, td.dataLabel, p.dataLabel
{
	font-weight: bold;
	color: #444;
}

span.mandatoryStar
{
	color: red;
}

.errorBackground 
{ 
	background-color: #FFEFC9;
}

.errorPanel
{
	text-align:center; 
	padding: 10px;
	background-color: #FFEFC9;
	margin: 5px 0;
}

.textRight
{
	text-align: right;
}

table.form td, table.form th
{
	padding: 2px 0px 2px 0;
}

/*****************************************************************************************************************/
/* Data tables */
/*****************************************************************************************************************/

table.dataTable
{
	border-width: 1px;
}

table.dataTable th
{
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #FCB714;
}

table.dataTableColor
{
	border-width: 1px;
}

table.dataTableColor th
{
	border-bottom-width: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #FCB714;
}

table.dataTableColor td
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

table.dataTableGrid
{
	border-width: 1px;
}

table.dataTableGrid th
{
	border-width: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #FCB714;
}

table.dataTableGrid td
{
	border-width: 1px;
}

tr.evenRow
{
	background-color: #FFF;
}
tr.oddRow
{
	background-color: #EEE;
}
tr.selectedRow
{
	background-color: #FFE6AB;
}

table.dataTableGridE
{
    border-style: solid;
    border-width: 1px;
}

table.dataTableGridE th
{
	border-width: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #FCB714;
}

table.dataTableGridE td
{
	border-width: 0px;
}



/* repeat Label Table - used for CheckBoxList and RadioButtonList to space them out a bit more */
table.repeatLabelTable 
{
}

table.repeatLabelTable label 
{ 
	padding-right: 15px; 
}

/* data table internal, overrides the dataTable* styles and sets them back to the defaults */
table.dataTableInternal
{
	border-width: 0;
	background-color: inherit;
}

table.dataTableInternal td
{
	border-width: 0;
}


/*****************************************************************************************************************/
/* Buttons */
/*****************************************************************************************************************/


/* buttons */
@media print
{
	.Button_Small, .Button_Medium, .Button_Standard
	{
		visibility: hidden;
	}
}

.Button_Small, .Button_Medium, .Button_Standard
{
	font-size: 12px; 
	border: 1px solid #FFF; 
	background-color: #FCB714;
	cursor: pointer; 
	height: 24px;
	background-repeat: repeat-x;
	background-position: left center;
	background-image: url("/images/buttons/button_background.gif");
}

.Button_Small
{
	width: 78px;
}

.Button_Medium
{
	width: 90px;
}

.Button_Standard
{
	width: 130px;
}

.Button_Small:hover, .Button_Small:focus, .Button_Small:active,
.Button_Medium:hover, .Button_Medium:focus, .Button_Medium:active,
.Button_Standard:hover, .Button_Standard:focus, .Button_Standard:active
{ 
	color: #FFF;
	text-decoration: underline;
}


.Button_Add, .Button_Create, .Button_New
{
    background-image: url(images/buttons/button_add.gif);
	background-repeat: no-repeat;
}

.Button_Update, .Button_Edit
{
    background-image: url(images/buttons/button_update.gif);
	background-repeat: no-repeat;
}

.Button_Save
{
    background-image: url(images/buttons/button_save.gif);
	background-repeat: no-repeat;
}

.Button_Calc
{
    background-image: url(images/buttons/button_calc.gif);
	background-repeat: no-repeat;
}

.Button_Cancel
{
    background-image: url(images/buttons/button_cancel.gif);
	background-repeat: no-repeat;
}

.Button_Next
{
    background-image: url(images/buttons/button_next.gif);
	background-repeat: no-repeat;
}

.Button_OK
{
    background-image: url(images/buttons/button_ok.gif);
	background-repeat: no-repeat;
}

.Button_Prev, .Button_Back, .Button_Close
{
    background-image: url(images/buttons/button_prev.gif);
	background-repeat: no-repeat;
}

.Button_Remove, .Button_Delete
{
    background-image: url(images/buttons/button_remove.gif);
	background-repeat: no-repeat;
}

.Button_Search, .Button_View
{
    background-image: url(images/buttons/button_search.gif);
	background-repeat: no-repeat;
}

.Button_Reset
{
    background-image: url(images/buttons/button_reset.gif);
	background-repeat: no-repeat;
}

.Button_Refresh
{
    background-image: url(images/buttons/button_refresh.gif);
	background-repeat: no-repeat;
}

.Button_Calculate
{
    background-image: url(images/buttons/button_calc.gif);
	background-repeat: no-repeat;
}

.Button_Print
{
    background-image: url(images/buttons/button_print.gif);
	background-repeat: no-repeat;
}

.Button_Report
{
    background-image: url(images/buttons/button_report.gif);
	background-repeat: no-repeat;
}

/*****************************************************************************************************************/
/* Confirm Dialog */
/*****************************************************************************************************************/

#confirmModalOverlay
{
	background-color: #000;
	cursor: wait;
}

#confirmModalContainer
{
	width: 420px;
	padding-bottom: 10px;
	font-family: Verdana, Arial;
	font-size: 12px;
	text-align: left;
	background: #eee;
	border: 2px solid #FCB714;
}

#confirmModalContainer .header
{
	height: 30px;
	width: 100%;
	background: url(images/confirmheader.gif) repeat-x;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 30px;
}

#confirmModalContainer .header span
{
	padding-left: 4px;
}

#confirmModalContainer .message
{
	color: #000;
	text-align: left;
	margin: 0;
	padding: 12px 4px;
	font-size: 1em;
}

#confirmModalContainer .buttons
{
	clear: both;
	float: right;
	padding: 10px 8px 0;
}

#confirmModalContainer a.modalCloseX, 
#confirmModalContainer a.modalCloseX:link, 
#confirmModalContainer a.modalCloseX:active, 
#confirmModalContainer a.modalCloseX:visited
{
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	top: 5px;
	left: 400px;
	color: #fff;
}

#confirmModalContainer a.modalCloseX:hover
{
	color: #9bb3b3;
}

/*****************************************************************************************************************/
/* Messages */
/*****************************************************************************************************************/

div.messagePanel { }

div.messagePanel div
{
	width: auto;
	border: solid 1px #ccc; 
	padding: 5px 25px 5px 45px; 
	margin: 0; 
	background-color: #fff; 
	background-repeat: no-repeat; 
	min-height:40px; 
	height:auto !important; 
	height:40px;
}

div.messagePanel div.Information { background-image: url('images/informationIcon.png'); }
div.messagePanel div.Error { background-image: url('images/errorIcon.png'); }
div.messagePanel div.Warning { background-image: url('images/warningIcon.png'); }


/*****************************************************************************************************************/
/* Autocomplete */
/*****************************************************************************************************************/

.autocomplete-w1 
{ 
	background:url(images/shadow.png) no-repeat bottom right; 
	position:absolute; 
	top:0px; 
	left:0px; 
	margin:10px 0 0 6px; 
	/* IE6 fix: */ 
	_background:none; 
	_margin:4px 0 0 0; 
}

.autocomplete 
{ 
	border: 1px solid #FCB714;
	/*border:1px solid #999; */
	background:#FFF; 
	cursor:default; 
	text-align:left; 
	/*max-height:350px; */
	overflow:auto; 
	margin:-6px 6px 6px -6px; 
	/* IE6 specific: */ 
	_margin:0; 
	/* _height:350px;   */
	_overflow-x:hidden; 
}

.autocomplete .selected 
{ 
	background:#F0F0F0; 
}

.autocomplete div 
{ 
	padding:2px 5px; 
	white-space:nowrap; 
}

.autocomplete strong 
{ 
	font-weight:normal; 
	color:#3399FF; 
}