<style type="text/css">
@charset "utf-8";
/* CSS Document */
/*
COLOR CODING
Color 1 (84FEFF): LightBlue  - Light 84FEFF  
Color 2 (FEE736): yellow   - Bright FEE736
Color 3 (79BBDD): Blue    - Dark  79BBDD
*/
.gray
{
	background-color: #999999; /*Default Gray Color*/
}
.graytext
{
	color: #999999;
}
.light 
{ 
	background-color: #84FEFF; /*COLOR1*/
}
.lighttext
{
	color: #84FEFF; /*COLOR1*/
}
.bright 
{ 
	background-color: #FEE736; /*COLOR2*/
}
.brighttext
{
	color: #FEE736; /*COLOR2*/
}
.dark 
{ 
	background-color: #00A7E0; /*COLOR3*/
}
.darktext
{
	background-color: #00A7E0; /*COLOR3*/
	color: white;
}
/*Global Tag Definitions*/
	*
	{
		margin:0;
		padding:0
	}
	body
	{
		margin:0;
		padding:0;
		line-height: 1.5em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10pt;
		text-align: center; /*global center set so IE would center DIVs on page - main page container resets to left*/
	}
	b
	{
		font-size: 110%;
	}
	em
	{
		color: red;
	}
	tr,
	td 
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
	}
	.tableContentCellLabel,
	.tdLabel,
	.label
	{  
		background-color: #EEEEEE;
		font-weight: bold;
	}
	.tableContentCellData,
	.dataLightGray
	{  
		background-color: #EEEEEE;
		padding: 1 1 1 1;
		margin: 1 1 1 1;
		border-collapse: collapse;
	}
	.tableContentCellData,
	.tdData,
	.data,
	.dataDarkGray
	{  
		background-color: #CCCCCC;
		border:white;
		padding: 1 3 1 3;
		margin: 1 1 1 1;
		/*border-collapse: collapse;*/
	}
	.tableContentContent,
	.tdDataSmall, 
	.dataSmall
	{
		font-weight: normal;
		font-size: 7pt;
		background-color: #EEEEEE;
	}
	.tableContentTable,
	.dataBlackWhite {
		background-color: #FFFFFF;
		color: #000000;
		font-size: normal;
		padding: 1 1 1 1;
		margin: 0 0 0 0;
	}
	.dataDarkLight
	{
		background-color: #00A7E0;
		text-color: #FFFFFF;
		font-size: normal;
		padding: 1 1 1 1;
		margin: 0 0 0 0;
	}
	
	/* LINKS */
	a, a:link, a:link, a:link, a:hover
	{
		background:transparent;
		text-decoration:underline;
		cursor:pointer
	}
	a:link
	{
		color:#00A7E0 /*COLOR3*/;
	}
	a:visited
	{
		color:#00A7E0 /*COLOR3*/
	}
	a:hover, a:active
	{
		/*color:#FEE736*/ /*COLOR2*/;
		color: #00A7E0;
	}
	/* TYPOGRAPHY */
	p, ul, ol
	{
		margin: 0 0 1.5em
	}
	h1, h2, h3, h4, h5, h6
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		padding-bottom: .1em;
	}
	h1
	{
		font-size: 196%;
	}
	h2
	{
		font-size: 136%
	}
	h3
	{
		font-size: 126%
	}
	h4
	{
		font-size: 116%
	}
	h5
	{
		font-size: 106%
	}
	h6
	{
		font-size: 96%
	}
	.highlight
	{
		color:#E17000
	}
	.selectedcell,
	.tdSelected,
	.highlightYellow
	{ 
		background-color:#FFFF66;
	}
	.subdued
	{
		color:#999
	}
	.error
	{
		color:#c00;
		font-weight:bold
	}
	.success
	{
		color:#390;
		font-weight:bold
	}
	.footerlink,
	.caption
	{
		color:#999;
		font-size:11px
	}
	.date
	{
		font: bold 82% verdana;
		color:#bbb;
		display:block;
		letter-spacing: 1px
	}
	.small
	{
		font-size:8pt;
	}
	.titlecourse,
	.title12
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		color: #333333;
	}
	.titleWelcome,
	.title10
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #333333;
	}
	.light 
	{
		background-color: #84FEFF /*COLOR1*/;
		color: #FFFFFF;
		font-weight: bold;
		font-size: normal;
	}
	.tableAlertGroup,
	.bright, bright a, bright a:link
	{
		background-color: #FEE736 /*COLOR2*/;
		color: #FFFFFF;
		font-weight: bold;
		font-size: normal;
	}
	.headerswide,
	.tableContentGroup,
	.dark 
	{
		background-color: #00A7E0 /*COLOR3*/;
		color: #FFFFFF;
		font-weight: bold;
		font-size: normal;
	}
	.tableContentSection,
	.tableHeaderRow,
	.headerDark
	{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 10pt; 
		font-style: normal; 
		font-weight: bold; 
		color: #00A7E0 /*COLOR3*/; 
		text-decoration: none; 
		background-color: #CCCCCC;
	}
	.student-section
	{
		border:1px solid #ccc;
		border-top:none;
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9pt;
		padding:1px;
		line-height:13px;
		height:80px;
		overflow:auto;
	}
	.txtWhite
	{
		color: white;
	}
	.txtLight
	{
		color: #84FEFF /*COLOR1*/;
	}
	.txtBright
	{
		color: #FEE736 /*COLOR2*/;
	}
	.txtDark
	{
		color: #00A7E0 /*COLOR3*/; 
	}

/*Containger for all other DIVs on the primary layout page*/
#maincontainer
{
	margin: 0 auto; /*centers entire page except in IE*/
	text-align: left; /*used because body was set to center so IE would center div's on the page*/
	width: 1000px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}
/*Feature Box*/
.featurebox
{
	width:100%;
	height:auto;
	border-top: 1px solid #d7d7d7;
	margin: 0 0 1.5em;
	background: #f6f6f6 url("img/featurebox_bg.gif") no-repeat 100% 100%;
}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6
	{
		margin: 0 0 .3em;
		color:#c00;
	}
	.featurebox p
	{
		border:none;
		margin: 0 0 1em;
		color:#444
	}
	.featurebox a
	{
		font-weight:bold
	}
/*Used for filling in an area with a gradient filler*/
/*use the below settings and call the light,bright,dark color at the top to fill in the gradient*/
.gradient img
{
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}
	.gradient *  /* the * and p with z-index's was added so that any text displayed on top of the gradient with a p tag would show up on top*/
	{
	  position: relative;
	  z-index: 1;
	}
	.gradient p
	{
	  margin: 0px;
	  padding: 3px;
	}
	.gradientfill {
	  float: left;
	  height: 35px;
	  margin: 0px;
	  position:relative;
	  width: 100%;
	}
/*Top Header area*/
#topsection
{
	height: 110px;
	width:100%;
	background:repeat-x;
	background-image: url(img/bg01.gif);
}
	#brandingarea
	{
		height: expression( this.scrollHeight < 30? "30px" : "auto" ); /* sets min-height for IE */
		min-height: 30px; /* sets min-height value for all standards-compliant browsers */
		padding: 1px 1px 1px 1px;
	}
	#navarea
	{
		height: expression( this.scrollHeight > 35? "35px" : "auto" ); 
		max-height: 35px;
		font-size:9pt;
	}
	#infoarea
	{
		height: expression( this.scrollHeight < 35? "30px" : "auto" ); /* sets min-height for IE */
		min-height:35px;
		font-size: 9pt;
		padding: 0px 1px 1px 1px;
		/*margin-bottom:10px;*/
	}
#contentwrapper
{
	position: relative;
	float:left;
	width: 100%;
}
	/*LEFT content area*/
	#leftcolumn
	{
		float:left;
		/*width: 210px; /*Width of left column*/
		width: 20%;
		font-size: 9pt;
	}
	/*CENTER content area*/
	#contentcolumn
	{
		float:left;
		/*width:610px;*/
		width: 80%;
	}
	#noleftcolumn
	{
		float:left;
		width: 80%;
		/*width:820px; /*if no left column is needed the content area can be 820 wide instead of 610*/
	}
	#nocolumns
	{
		float:left;
		width: 100%;
		/*width:820px; /*if no left column is needed the content area can be 820 wide instead of 610*/
	}
	.contentbox
	{
		width: 100%;
		margin: 0px 5px 0px 5px;
	}	
	.contentbox425
	{
		width: 100%;
		margin: 0px 5px 0px 5px;
		max-height: 385px;
		_height: 385px;
		overflow-y: auto;
	}	

/*FOOTER content area*/
#footer
{
	clear:left;
	width:100%;
	text-align: center;
/*	background:repeat-x;
	background-image: url(img/bg03footer.gif);*/
}
/*defines the margin boundaries inside LEFT/MIDDLE/RIGHT content columns -- argins for inner DIV inside each column (to provide padding)*/
.innertube10
{
	margin: 10px; 
	margin-top: 0;
}
.innertube5
{
	margin: 5px;
	margin-bottom: 0;
}
/*Styles for the primary tab layout************************************************************************/
.shadetabs {  /*tab size*/
	font: bold 9pt Verdana;
	margin:0;
	margin-left: 40px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}
.shadetabs li{ /*what the tabs are called and how to format*/
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform:uppercase;
}
.shadetabs li a{ /*format if the tabs are linked in the UL/LI setup with a tag*/
	float: left;
	display: block;
	color: white;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 5px 10px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: gray; /*Default menu color*/
	border-bottom: 1px solid white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
}
.shadetabs li a:visited{
	color: #2d2b2b;
}
.shadetabs li a:hover{ /*format when hovering over tab with mouse*/
	background-color: #FEE736 /*COLOR2*/; /*Menu hover bgcolor*/
	color: black;
	text-decoration: none;

}
.shadetabs li.selected{ /*position of the selected tab*/
	position: relative;
	top: 1px;
}
.shadetabs li.selected a{ /*currently selected tab*/
	background-color: #FEE736 /*COLOR2*/;
	border-color: #FEE736 /*COLOR2*/;  
	color: white;
}
.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
}
.tabcontentstyle{ /*style of tab content oontainer*/
	float:left;
	border-top: 5px solid #FEE736 /*COLOR2*/;
	border-right:1px solid #FEE736 /*COLOR2*/;
	border-bottom:1px solid #FEE736 /*COLOR2*/;
	border-left:1px solid #FEE736 /*COLOR2*/;
	max-width: 95%; /*Firefox width*/
	min-width: 95%;
	_width: 99%; /*IE Width setting*/
/*	width: 555px;*/
/*	max-height:400px;*/
	margin-left: 5px;
	overflow:auto;
	margin-bottom: 1em;
	padding: 10pt 10pt 0pt 10pt;
	background-color:#eef;
}
.tabcontent{
	display:none;
}
.tabcontent425{
	display:none;
	max-height: 385px;
	_height: 385px;
	overflow-y: auto;
}
@media print {
.tabcontent {
	display:block!important;
}
}
/*FORM Styling*/
#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}
	#myform .textinput{
	width: auto;
	border: 1px solid gray;
	}
	#myform .textinputsmall {
	font: normal 8pt Verdana;
	}
	#myform .submit{
	font: bold 9pt Verdana;
	height: 16pt;
	background-color: lightyellow;
	}
/* CALENDAR formatting options*/
.calendar 
{     
    width: 98%;
    text-align: center;
    background-color: #EEEEEE;
    padding: 1 1 0 1;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
} 
	.calendarHeader 
	{ 
		font-weight: bold; 
		font-size: 8pt;
		color: #00A7E0 /*COLOR3*/; 
		background-color: #DDDDDD; 
	}
	.calendarToday 
	{ 
		width: 14%;
		text-align: center;
		padding: 1 1 0 1;
		border-collapse: collapse;
		background-color: #EEEEEE;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		color: red;  
	} 
	.calendarDay 
	{     
		width: 14%;
		text-align: center;
		padding: 1 1 0 1;
		border-collapse: collapse;
		background-color: #DDDDDD;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	}
	.calendarKeyDay 
	{     
		width: 14%;
		background-color: #eec26b;
		color: white;
		border-collapse: collapse;
		padding: 1 1 0 1;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	}
/*TOP LEVEL NAVIGATION TABS*/
#TopLevelTab
{
	padding: 0;
	width: 100%;
	/*border-top: 5px solid #D25A0B; Set in the header file based upon the menu=# setting*/
	background: transparent;
}
	#TopLevelTab ul
	{
		margin:0;
		margin-left: 40px; /*margin between first menu item and left browser edge*/
		padding: 0;
		list-style: none;
	}
	#TopLevelTab li
	{
		display: inline;
		margin: 0 2px 0 0;
		padding: 0;
		text-transform:uppercase;
	}
	#TopLevelTab a
	{
		float: left;
		display: block;
		font: bold 8pt Verdana;
		color: white;
		text-decoration: none;
		margin: 0 1px 0 0; /*Margin between each menu item*/
		padding: 5px 10px;
		background-color: gray;
		border-top: 3px solid #FFFFFF;/*sets the height of the tab itself - bigger number=shorther tab*/
	}
	#TopLevelTab a:hover
	{
		/*background-color: #D25A0B;*/
		color: black;
	}
	#TopLevelTab .light a:hover,
	#TopLevelTab .lightact a /*light = COLOR1*/
	{ /*currently selected tab*/
		background-color: #84FEFF; /*COLOR1*/
		color: black;
		border-color: #84FEFF; /*COLOR1*/
	}
	#TopLevelTab .bright a:hover,
	#TopLevelTab .brightact a /*bright = COLOR2*/
	{ /*currently selected tab*/
		background-color: #FEE736; /*COLOR2*/
		color: black;
		border-color: #FEE736; /*COLOR2*/
	}
	#TopLevelTab .dark a:hover,
	#TopLevelTab .darkact a /*dark = COLOR3*/
	{ /*currently selected tab*/
		background-color: #00A7E0; /*COLOR3*/
		color: black;
		border-color: #00A7E0; /*COLOR3*/
	}

/*Index Letter Tabs as used in the PeopleMgmt area*/
.AlphaTabs
{
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px; /*space between tab edge and content area*/
	font: normal 9pt monospace;
	list-style-type: none;
	text-decoration: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
	.AlphaTabs li
	{
		/*display: inline;*/
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 2px 0px;
	}
	.AlphaTabs li a
	{ /*unselected main tab style */
		text-decoration: none;
		padding: 2px 2px 2px 2px;
		border: 1px solid #778;
		border-right: none;
		left: 1px;
		color:#999999;
	}
	.AlphaTabs li a:visited
	{
		color: #2d2b2b;
	}
	.AlphaTabs li a:hover
	{
		text-decoration: none;
		font: bold;
		background-color: #eef;
		color: #2d2b2b;
	}
	.AlphaTabs li.selected
	{
		position: relative;
		border-right: 1px solid #eef;
		left: 1px;
	}
	.AlphaTabs li.selected a
	{ /*selected main tab style */
		background-image:none;
		border-right-color: #eef;
		background-color:#eef;
		color:#000000;
	}
	.AlphaTabs li.selected a:hover
	{ /*selected main tab style */
		text-decoration: none;
	}
	#tabwrapper
	{
		width: 200px;
	}
	#indexletters
	{
		float: left;
		min-width: 6%;
		_width: 5%;
	}
	.AlphaTabContentStyle
	{ /*style of tab content oontainer*/
		float: left;
		min-height: 550px; /*FireFox*/
		max-height: 550px;
		_height: 685px; /*IE  the '_'height/width is the IE equivalent of min/max-height/width in FF*/
		min-width: 87%;
		max-width: 87%;
		_width: 93%;
		border: 1px solid gray;
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
		background-color:#eef;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.AlphaTabContent
	{
		float: left;
		font: normal 9pt monospace;
		text-align: left;
	}
/*TABLE-KIT SORT RESIZE STYLES*/
.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #84FEFF; /*light*/
	background-image: url("img/tablekit_up.gif");
}
.sortdesc {
	background-color: #FEE736; /*bright*/
	background-image: url("img/tablekit_down.gif");
}
.nosort {
	cursor: default;
}
td.resize-handle-active {
	cursor: e-resize;
}

div.resize-handle {
	cursor: e-resize;
	width: 2px;
	border-right: 1px dashed #1E90FF;
	position:absolute;
	top:0;
	left:0;
}
/*TASK FREAK like tables*/
table.sheet {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
table.sheet tr {
	background-color: #eee;
}
table.sheet tr.hover {
	background-color: #fcc;
}
table.sheet tr.high {
	background-color: #f99;
}
table.sheet th {
	text-align: left;
	background-color: #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
table.sheet td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
/*Task Category Flag Color*/
.catpri {
	margin: 1px;
	width: 14px;
	font-size: 7pt;
	text-align: center;
	color: #FFFFFF;
}
/*Priority Colors*/
.pr0 {
	background-color: #bbb;
}
.pr1 {
	background-color: #00A7E0;
}
.pr2 {
	background-color:#FEE736;
}
.pr3 {
	background-color: #84FEFF;
}
.pr4 {
	background-color: #f60;
}
/*NOT USED
.pr5 {
	background-color: #f93;
}
.pr6 {
	background-color: #393;
}
.pr7 {
	background-color: #399;
}
.pr8 {
	background-color: #99c;
}
.pr9 {
	background-color: #999;
}*/
.meeting {
	background-color: #c33;
}
.document {
	background-color: #66f;
}
.communication {
	background-color: #090;
}
.other {
	background-color: #939;
}
/*NOT USED
.phone {
	background-color: #963;
}
.home {
	background-color: #3c9;
}
.email {
	background-color: #39c;
}
.work {
	background-color: #999;
}*/

/*end TASK FREAK like tables*/
/*begin TASK EDIT styles*/
#CalEvent { /*used for the main div container below to define the boundaries*/
	height: 100%;
	background: url('img/calEvent.gif') repeat-x top left;
}

#taskedit {
	font-family: Arial, sans-serif;
	width: 100%;
	/*height: 100%;*/
	border-top: 1px solid #727260;
	border-bottom: 1px solid #727260;
}

#taskedit .headingT {
	padding: 5px;
	position: relative;
	background: url('../img/calEvent.gif') repeat-x top left;
	border-bottom: 1px dotted #CCC;
}

#taskedit .titleT {
	color: #656551;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

#taskedit .postedT {
	color: #8C8C73;
	font-size: 10px;
	text-align: left;
}

#taskedit .backT {
	position: absolute;
	top: 10px;
	right: 10px;
}

#taskedit .backT a {
	color: #0C0;
	text-decoration: underline;
	border: none;
	font-size: 10px;
}

#taskedit .backT a:hover {
	color: #0E0;
}

#taskedit .lineT {
	padding: 5px;
	text-align: left;
	overflow: auto;
}
/*end TASK EDIT styles*/




/*OLD STYLE TAB NAVIGATION*/
#nav, #nav ul {padding: 1 0 0 0;margin: 1 0 0 0;list-style: none}
#nav {font-weight:bold;height:2.1em;font: bold 96% arial;margin: 0 40px 0 30px}
#nav li {position:relative;background: #FEE736 /*COLOR2*/;text-align:center; float: left;width: 90px;display:block;margin: 1 0 0 0;border-bottom: 2px solid #999999;border-right: 1px solid #fff;padding:0}
#nav li.orange {position:relative;background: #84FEFF /*COLOR1*/;float: left; display:block;margin: 0;border-bottom: 2px solid #999999;border-right: 1px solid #fff;padding:0}
#nav li.blue {position:relative;background: #00A7E0 /*COLOR3*/;float: left; display:block;margin: 0;border-bottom: 2px solid #999999;border-right: 1px solid #fff;padding:0}
#nav li.green {position:relative;background: #FEE736 /*COLOR2*/;float: left; display:block;margin: 0;border-bottom: 2px solid #999999;border-right: 1px solid #fff;padding:0}
#nav li.icctab {position:relative;background: #aaa; width: 70px; float: left; display:block;margin: 0;border-bottom: 2px solid #999999;border-right: 1px solid #fff;padding:0}
#nav li.icctabact {position:relative;background: #FEE736 /*COLOR2*/;width: 70px; float: left; display:block;margin: 0;border-bottom: 2px solid #999999;border-right: 1px solid #fff;padding:0}
#nav li.orangeact {color:#222222;position:relative;background: #84FEFF /*COLOR1*/;float: left; display:block;margin: 0;border-bottom: 2px solid #000000;border-right: 1px solid #fff;padding:0}
#nav li.blueact {color:#222222;position:relative;background: #00A7E0 /*COLOR3*/;float: left; display:block;margin: 0;border-bottom: 2px solid #000000;border-right: 1px solid #fff;padding:0}
#nav li.greenact {color:#222222;position:relative;background: #FEE736 /*COLOR2*/;float: left; display:block;margin: 0;border-bottom: 2px solid #000000;border-right: 1px solid #fff;padding:0}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 6px 2px}
#nav a:hover {color:#222222}

#nav li ul {border-left: 1px solid #999;background: #eee  no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}

#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
#nav li li.last {border-bottom:none}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
#nav li li a:hover {color:#fff;background:#FEE736 /*COLOR2*/}

</style>
