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

 This is the primary stylesheet for the
 "app" pages

*/


body
{
	margin: 0;
	padding: 0;
	background-color: #113868;
	font-size: 10pt;
	font-family: verdana, arial, helvetica, sans-serif;
}



fieldset
{
	background-color: #d6d3cd;
	padding: 8px;
}

fieldset legend
{
	padding: 0 8px;
	border: 2px groove;
	background-color: #edebe4;
	color: #113868;
	font-weight: bold;

	/* MSIE */
	/*position: absolute;
	top: -.7em;*/
}

html > body fieldset legend
{
	/* non-retarded browsers */
	/*position: relative;
	top: 0;*/
	border-color: #d6d3cd;
}

fieldset table
{
	border: none;
	background-color: clear;
}

fieldset table td
{
	padding: 1px;
	border: none;
}

fieldset table th
{
	padding: 1px 5px 1px 0;
	border: none;
	font-weight: normal;
	text-align: right;
}

fieldset table caption
{
	border: none;
	background-color: transparent;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding-bottom: 8px;
}

form
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5
{
	text-transform: capitalize;
}

h3, h4, h5
{
	margin: 6px 0;
}

table
{
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	border-collapse: collapse;
}

table caption
{
	border: 1px solid black;
	background-color: #106404;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

thead th
{
	border: 1px solid black;
	background-color: #d6d3cd;
	padding: 1px 5px;
	font-weight: bold;
	text-align: center;
}

tbody td
{
	border: 1px solid black;
	padding: 1px 5px;
}

tfoot tr
{
	border: 1px solid black;
	background-color: #d6d3cd;
	font-weight: bold;
}

tfoot td
{
	border-bottom: 1px solid black;
	padding: 1px 5px;
}

label
{
	cursor: pointer;
	cursor: hand;
}

select
{
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

select[size]
{
	/*font-family: monospace;
	font-size: 10pt;
	background-color: #ffd;*/
	text-transform: capitalize;
}

/*
select:focus
{
	background-color: #ffd;
}
*/

a:link
{
	color: blue;
}

a:visited
{
	color: blue;
}

a:hover
{
	color: green;
	text-decoration: underline;
}

input
{
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}

input[type='text']:focus, input[type='password']:focus, textarea:focus
{
	/*background-color: #ffd;*/
}

input[type='text']:hover, input[type='password']:hover, textarea:hover
{
	/*background-color: #ffd;*/
}

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

 Classes

*/

h3.pageTitle, h4.pageTitle
{
	margin-top: -1px;
}

.required
{
 	color: green;
	/*margin-right: 4px;*/
}

.button
{
	/*border: 1px outset;*/
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	/*background-color: #d6d3cd;*/
	cursor: pointer;
	cursor: hand;
}

.standardText
{
	/*background-color: #ffffff;*/
}

.focusedText
{
	background-color: #ffffd0;
}

select.sizeSelect
{
	background-color: #ffffd0;
	font-family: monospace;
	text-transform: capitalize;
}

div.row
{
	clear: both;
	padding-top: 2px;
}

div.row span.formLabel
{
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 5px;
	padding-top: 2px;
}

div.spacer
{
	font-size: 5px;
}

.warning
{
	color: #ff0000;
	background-color: #ffffff;
}

div.warning
{
	border: 1px solid black;
	text-align: center;
	padding: 1px 5px;
	margin-bottom: 5px;
}

ul.warning
{
	width: 350px;
}

table.formTable
{
	/*border: none;*/
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	border-collapse: collapse;
}

table.formTable td
{
	border: 1px solid black;
	padding: 1px;
}

table.formTable td input[type='text'], table.formTable td input[type='password']
{
	border: none;
	width: 100%;
}

table.formTable tbody th
{
	border: 1px solid black;
	padding: 0 10px;
	text-align: right;
	background-color: #303830;
	color: white;
}

table.formTable tbody th span.required
{
	color: #ffc000;
}

table.formTable caption
{
	border: 1px solid black;
	padding: 2px 5px;
	font-weight: bold;
	background-color: #d6d3cd;
	color: #000000;
	text-align: center;
}





table.heading
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-transform: capitalize;
}

table.heading td
{
	border: 0;
	padding: 1px 1px 1px 0;
}

table.heading th
{
	padding-right: 5px;
	padding-left: 0;
	text-align: right;
}

table.details th.blank
{
	/*color: #d6d3cd;*/
}

table.details tbody tr
{
	text-transform: capitalize;
}

table.details tbody tr.alternate
{
	/*background-color: #ddf;*/
}

table.details tbody tr:hover
{
	background-color: #106404;
	color: #ffffff;
}

table.details td.select
{
	background-color: #303830;
	text-align: center;
}

label.listLabel
{
	font-size: 8pt;
	font-weight: bold;
	padding: 0;
}

div.iForm
{
	margin-top: 1px;
	margin-bottom: 5px;
}

/* use formatted divs to provide fluid rounded corners */

div.topRound, div.bottomRound
{
	background-color: #ffffff;
	background-repeat: no-repeat;
	height: 15px;
}

div.topRoundBlue, div.bottomRoundBlue
{
	background-color: #316888;
	background-repeat: no-repeat;
	height: 15px;
}

div.topRound
{
	background-position: top right;
	background-image: url('images/tr_white.png');
	background-image: url('../images/tr_white.png');	/* La la la... */
}

div.bottomRound
{
	background-position: bottom right;
	background-image: url('images/br_white.png');
	background-image: url('../images/br_white.png');	/* Oh look, a squirrel! */
}

div.topRoundBlue
{
	background-position: top right;
	background-image: url('images/tr_blue.png');
	background-image: url('../images/tr_blue.png');	/* La la la... */
}

div.bottomRoundBlue
{
	background-position: bottom right;
	background-image: url('images/br_blue.png');
	background-image: url('../images/br_blue.png');	/* Oh look, a squirrel! */
}

div.tl, div.bl, div.tlBlue, div.blBlue
{
	width: 15px;
	height: 15px;
	margin-left: 0;
	background-repeat: no-repeat;
}

div.tl, div.tlBlue
{
	background-position: top left;
}

div.tl
{
	background-image: url('images/tl_white.png');
	background-image: url('../images/tl_white.png');
}

div.tlBlue
{
	background-image: url('images/tl_blue.png');
	background-image: url('../images/tl_blue.png');
}

div.bl, div.blBlue
{
	background-position: bottom left;
}

div.bl
{
	background-image: url('images/bl_white.png');
	background-image: url('../images/bl_white.png');
}

div.blBlue
{
	background-image: url('images/bl_blue.png');
	background-image: url('../images/bl_blue.png');
}

ul.noIndent
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

.small
{
	font-size: smaller;
	text-transform: none;
}

.thinkTwice
{
	color: #f00;
}

a.thinkTwice
{
	color: #f00;
}

a.thinkTwice:visited
{
	color: #f00;
}

a.thinkTwice:hover
{
	color: #fff;
	background-color: #f00;
	padding: 0 10px;
}

/* *****************************************
 *
 * The "header" styles
 *
 */

#courseID
{
	/*margin-left: 5px;*/
}

#courseSelectParent
{
	margin: 0 0 8px 0;
	background-color: #d6d3cd;
	font-size: 10pt;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	padding: 2px 5px;
	border: 2px groove;
}

html > body #courseSelectParent
{
	border-color: #d6d3cd;
}

#courseSelect table
{
	margin: 0;
	border: 0;
	font-size: 11pt;
}

#courseSelect td
{
	border: 0;
	padding: 0;
	text-align: left;
	font-size: 11pt;
}








#header
{
	background-color: #316888;
	/*background-image: url('images/logo_background.png');
	background-image: url('../images/logo_background.png');
	background-repeat: repeat-x;*/
	padding: 1px 0;
	color: #fff;
	text-align: right;
	padding: 1px 15px 1px 5px;

	border-style: solid;
	border-width: 1px 0;
	border-color: #6188b8;
}

#trademark
{
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	float: left;
}

#date
{
	text-align: right;
	font-family: arial, helvetica, sans-serif;
}

#navLinks
{
	position: absolute;
	top: 1.5em;
	left: 0;
	margin: 0;
	width: 155px;
	font-size: 10pt;
	padding: 12px 0 0 0;
	color: #ffffff;
}

#navLinks ul
{
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
	font-weight: bold;
	color: #ffc000;
}

#navLinks ul li
{
	margin: 0;
	padding: 0;
}

#navLinks ul li ul
{
	margin: 0 0 10px 0;
	padding: 0;
}

#navLinks a
{
	display: block;
	width: 123px;
	margin: 5px 10px 0 5px;
	text-decoration: none;
	color: #ffffff;
	border-style: solid;
	border-color: #6188b8;
	border-width: 1px;
	text-align: left;
	font-family: arial, sans-serif;
	font-weight: normal;
	padding: 2px 5px;
	background-color: #316888;
}

#navLinks a:visited
{
	color: #ffffff;
}

#navLinks a:hover
{
	background-color: #c0c0a0;
	color: #000;
	border-color: #fff;
}

#navLinks a.activeLink
{
	width: 133px;
	background-color: #fff;
	color: #000;
	margin-right: 0;
	border: 1px solid #ffc000;
	border-left-width: 2px;
	border-right: 0;
	font-weight: bold;
}

#navLinks a.activeLink:visited
{
	color: #000;
}

#navLinks a.activeLink:hover
{
	background-color: #fff;
	border-color: #ffc000;
}

#contentParent
{
	margin: 15px 15px 15px 155px;
	width: auto;
}

#content
{
	margin: 0;
	background-color: white;

	/*
		For some reason most browsers require
		this element to be vertically padded
		in order for the rounded corners
		surrounding it to margin directly
		against it.

		??????!
	*/
	padding: 1px 15px;

	/*
		MSIE treats 'height' as 'min-height' yet
		doesn't understand the 'min-height'
		attribute directly.
	*/
	height: 400px;
}

html > body #content
{
	/* non-retarded browsers */
	height: auto;
	min-height: 400px;
}

#content h1.pageTitle, #content h3.pageTitle
{
	margin-top: -2px;
}

#content p
{
	width: 466px;
}

#content ul
{
	width: 466px;
}

#content ol
{
	width: 466px;
}

#copyright
{
	background-color: #316888;
	color: #fff;
	font-size: 8pt;
	text-align: center;
}