/*css sheet for intermediate teacher template 2004*/

.container {background: #FFFFFF; color: #000000; font-family: "Verdana, Arial, Helvetica, sans-serif"; font-size:12px; margin: 0px;}

.header {background: #CC6600; background-color: #CC6600; margin-left: 20px; margin-right: 20px; margin-top: 10px;}
.header h1 {background: #E6E7E6; color: #111111; font-family: "Tahoma, Geneva, MS Serif, New York, sans-serif"; font-size: 1em;}
.header h2 {background: #E6E7E6; color: #111111; font-family: "Tahoma, Geneva, MS Serif, New York, sans-serif";}
.header h3 {background: #FFFFFF; color: #111111; font-family: "Tahoma, Geneva, MS Serif, New York, sans-serif";}	

.content {background: #FFFFFF; color: #000000; font-family: "Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif"; top: 80px; margin-left: 200px; margin-right: 20px; padding: 5px; }

p.image {line-height: 200%; letter-spacing: .04em;	font-size: 12px; font-family: "Verdana, Arial, Helvetica, sans-serif"; color: #111111; }
p.caption {padding: 10px; font-size: 14px; font-family: "Georgia, Arial, Helvetica, sans-serif"; color: #222; }

/*-----navigation items-----*/

/*main navigation box to the left of content*/

.navigation {background: transparent; border-color: #555555; border-style: solid; border-width: 2px; font-family: "Geneva, Eyechart, Geneva, Arial, Helvetica, sans-serif"; left: 3px; position: absolute; margin-left:20px; top: 110px; width: 160px; padding: 5px;}

/*headings in the navigation boxes*/

strong.nav {background: transparent; color: #0033CC; font-weight: 400;	font-family: "Trebuchet MS, Arial, Helvetica, sans-serif"; font-size: 14px;}

/*links in the navigation bar*/        
a.nav:link {background-color: #FFFFFF; color: #111111;	font-family: "Verdana, Arial, Helvetica, sans-serif";	font-size: 12px; font-weight: 400; text-decoration: none;}
a.nav:visited {background-color: #FFFFFF; color: #111111; font-family: "Verdana, Arial, Helvetica, sans-serif"; font-size: 12px;	font-weight: 400; text-decoration: none;}
a.nav:hover {background-color: #FFFFFF; color: #857F76; font-family: "Verdana, Arial, Helvetica, sans-serif"; font-size: 12px; font-weight: 400;	text-decoration: underline;}

/*-----end of navigation section-----*/

	
p, ol, ul, dl {color: #000000; font-family: "Verdana, Arial, Helvetica, sans-serif";	font-size: 13px;}
h1, h2 { /*used for main header*/ background: #E6E7E6; color: #111111; font-family: "Tahoma, Geneva, MS Serif, New York, sans-serif";}
h3, h4, h5, h6 { color: #111111; font-family: "Tahoma, Geneva, MS Serif, New York, sans-serif";}	

/*normal links in the text*/
a:link {background: transparent; color: #000FFF; text-decoration: none;}
a:visited {background: transparent;	color: #000FFF;	text-decoration: none;}
a:hover {background: transparent; color: #000FFF; text-decoration: underline;}

/*content boxes of page*/
body {background: #FFFFFF; color: #000000; font-family: "Verdana, Arial, Helvetica, sans-serif"; font-size:12px; margin: 0px;}

.leftMargin { margin-left:12.8em; margin-top: 2.5em;}

/* menu dividers */
.udm li.dividerBelow {
	margin-bottom:2px !important;
	padding-bottom:2px;
	border-bottom:1px solid #999;
	}
.udm li.dividerAbove {
	margin-top:2px !important;
	padding-top:2px;
	border-top:1px solid #999;
	}

#udm {
	top: 120px;
}
	
/* [nav] default you are here will be same as rollover unless otherwise specified */
#udm a.udmY, #udm a.udmY:visited { 
	background-color:#fff;
	}
	
/* [nav] re-inforce original rollover or do something else */
#udm a.udmY:hover, #udm a.udmY:focus, #udm a.udmY:visited:hover, #udm a.udmY.udmR, #udm a.udmY.udmR:visited, #udm a.udmY:active {
	background-color:#ccc;
	}


/* [menu] default you are here will be same as rollover or inherit from navbar styles unless otherwise specified */
#udm ul a.udmY, #udm ul a.udmY:visited {
	}

/* [menu] re-inforce original rollover or do something else */
#udm ul a.udmY:hover, #udm ul a.udmY:focus, #udm ul a.udmY:visited:hover, #udm ul a.udmY.udmR, #udm ul a.udmY.udmR:visited, #udm ul a.udmY:active {
	}
	
	
	
	/*
	used for keyboard helpers
	*/
		/* necessary help layer styles */
		#udmKeyHelp {
			
			/* z-index should be (um.orientation[6] + 21000) */ 
			z-index:22000;
			
			position:absolute;
			height:auto;
			left:0;
			top:0;
			}

		/* customisable help layer styles */
		#udmKeyHelp {
			width:16em;
			margin-left:0.7em;
			margin-top:-0.1em;
			padding:0.5em 0.8em;
			border-width:1px;
			border-style:solid;
			border-color:#bdb #080 #080 #bdb;
			color:#050;
			background-color:#f8fbd0;
			font-family:"verdana,sans-serif";
			font-size:90%;
			}
	
		/* customisable key button styles */
		#udm kbd {
			font-weight:normal;
			font-size:80%;
			letter-spacing:0.01em;
			position:absolute;
			right:6px;
			top:5px;
			border-width:1px;
			border-style:solid;
			border-color:#eec #cb7 #cb7 #eec;
			padding:0 0.2em;
			}
			
			
/*display classes*/
.noprint{display: none}

/* rounded corners.. update from spiffycorners.com */
.spiffy{
display:block;
}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
background:#E8EBF0;
}
.spiffy1{
border-right:1px solid #f5f6f8;
padding-right:1px;
margin-right:3px;
border-left:1px solid #f5f6f8;
padding-left:1px;
margin-left:3px;
background:#edf0f3;
}
.spiffy2{
border-right:1px solid #fcfdfd;
border-left:1px solid #fcfdfd;
padding:0px 1px;
background:#eceef2;
margin:0px 1px;
}
.spiffy3{
border-right:1px solid #eceef2;
border-left:1px solid #eceef2;
margin:0px 1px;
}
.spiffy4{
border-right:1px solid #f5f6f8;
border-left:1px solid #f5f6f8;
}
.spiffy5{
border-right:1px solid #edf0f3;
border-left:1px solid #edf0f3;
}
.spiffy_content{
padding:0px 5px;
background:#E8EBF0;
} 

#content-padded-container{
	margin-left: 1em;
	margin-right: 1em;
}


/*
forms
*/
/* HTML TAGS */




/* IDs */

#columnarForm fieldset
{
	float: left;
	display: block;
	width: 30em;
	margin: 0 1em 1em 0;
	padding: 0 1em 1em 1em;
}

#columnarForm fieldset.radio
{
	width: 28em;
	margin: 1em 0 2em 0;
}

#columnarForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#columnarForm fieldset.radio label
{
	font-weight: normal;
}

#columnarForm input
{
	display: block;
	width: 26em;
}

#columnarForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#columnarForm label.first
{
	padding-top: 1em;
}

#columnarForm select
{
	display: block;
	width: 26em;
}
#columnarForm textarea
{
	display: block;
	width: 26em;
}

#horizontalForm fieldset
{
	display: block;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}

#horizontalForm fieldset.radio
{
	margin: 1em 0 2em 0;
}

#horizontalForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#horizontalForm fieldset.radio label
{
	font-weight: normal;
}

#horizontalForm input
{
	display: block;
	width: 15em;
}

#horizontalForm input.submit
{
	clear: both;
}

#horizontalForm label
{
	float: left;
	width: auto;
	display: block;
	margin: 1em 1em 0 0;
	font-weight: bold;
}

#horizontalForm select
{
	display: block;
}

#marginForm fieldset
{
	display: block;
	margin: 0 0 1em 0;
	border: 0 solid #FFFFFF;
	border-top: 1px solid #000000;
	padding: 0 1em 1em 1em;
}

#marginForm fieldset.radio
{
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
}

#marginForm fieldset.radio input
{
	position: static;
	clear: both;
	float: left;
}

#marginForm fieldset.radio label
{
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 8em;
	font-weight: bold;
	font-weight: normal;
}

#marginForm fieldset.radio legend
{
	float: left;
	width: auto;
	font-weight: bold;
}

#marginForm input
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

#marginForm input.submit
{
	clear: both;
	top: 0;
}

#marginForm label
{
	clear: both;
	float: left;
	display: block;
	width: 8em;
	margin-top: -1em;
	font-weight: bold;
}

#marginForm label.first
{
	margin-top: 1em;
}

#marginForm select
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

#verticalForm fieldset
{
	display: block;
	width: 17em;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}

#verticalForm fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
}

#verticalForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#verticalForm fieldset.radio label
{
	font-weight: normal;
}

#verticalForm input
{
	display: block;
	width: 15em;
}

#verticalForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#verticalForm label.first
{
	padding-top: 1em;
}

#verticalForm select
{
	display: block;
}




/* CLASSES */



/*
errors
*/
#errorDialog{
	padding-bottom: 20px;
}

/*
small link, used for stuff like 'forgot your password' links
*/
.smallLink{
	font-size: smaller;
}


/*
used for sections..
title is the title of each rounded segment, probably around an h2
ul is a ul
li is a list item
*/
.sectiontitle{
	font-size: large;
}
.sectionsubtitle{
	font-size: larger;
}
.sectionul{
	background-color: #e8ebf0;
}
.sectionli{
	background-color: #e8ebf0;
}

.sectionp{
	background-color: #e8ebf0;
}

/*
used for showing record data
*/
.recordRow{

}
/*
used for the header above a group of items..
*/
.recordHeader{
	border-bottom: solid 1px #cccccc;
}
.recordLabel{
	width: 50%;
	float: left;
	font-weight: bold;
	overflow: hidden;
	white-space:nowrap;
}.recordGroup{
	width: 50%;
	float: left;
}.recordGroupLabel{
	width: 100%;
	font-size: larger;
}
.recordValue{
	float: left;
	width: 50%;
	overflow: hidden;
	white-space:nowrap;
}
.submit
{
	width: 12em;
}


/*
data entry
*/
#dataForm fieldset
{
	width: 30em;
}

#dataForm fieldset.radio
{
	width: 28em;
	margin: 1em 0 2em 0;
}

#dataForm fieldset.radio input
{
	clear: both;
	width: auto;
}

#dataForm fieldset.radio label
{
	font-weight: normal;
}

#dataForm input
{
	display: block;
	width: 26em;
}
#dataForm input.file
{
	display: block;
	width: 26em;
}

#dataForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#dataForm label.first
{
	padding-top: 1em;
}

#dataForm select
{
	display: block;
	width: 26em;
}
#dataForm textarea
{
	display: block;
	width: 26em;
}
#dataForm submit
{
	width: 6em;
}

/*
form that stretches to fill up the width of the form
*/
#stretchDataForm fieldset
{
	width: 80%;
}

#stretchDataForm fieldset.radio
{
	width: 98%;
	margin: 1em 0 2em 0;
}

#stretchDataForm fieldset.radio input
{
	clear: both;
	width: auto;
}

#stretchDataForm fieldset.radio label
{
	font-weight: normal;
}

#stretchDataForm input
{
	display: block;
	width: 98%;
}
#stretchDataForm input.file
{
	display: block;
	width: 98%;
}

#stretchDataForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#stretchDataForm label.first
{
	padding-top: 1em;
}

#stretchDataForm select
{
	display: block;
	width: 98%;
}
#stretchDataForm textarea
{
	display: block;
	width: 98%;
}
#stretchDataForm submit
{
	width: 6em;
}