body
{
	 background-color:#003366;
	 font-size: 12px;
	 /*font:"Lucida Grande", "Lucida" Verdana, Geneva, Helvetica, Arial, sans-serif;*/
	 font-family: Arial, sans-serif;
}

h1
{
    font-size: 1.5em;
    text-transform: uppercase;
    color: #003333;
}
h2
{
    font-size: 1.2em;    
    color: #003333;
}

p {	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: transparent;
	text-align: left;
	line-height: 12pt;
	padding-left: 0px;
	padding-right: 15px;
	padding-top: 0;
}
	
	
p.indented {	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: transparent;
	text-align: left;
	line-height: 12pt;
	padding-left: 40px;
	padding-right: 15px;
	padding-top: 0;
}
	
p.introtext {	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: transparent;
	text-align: left;
	padding-left: 0px;
	line-height: 16pt;
	padding-right: 15px;
	padding-top: 0;
	}
	
div.helpheader{text-transform:uppercase; color:#003366; font-weight:bold; font-size:14px; margin:15px 0px 2px 0px; }

div.helpheadersub{font-weight:bold; color:#003366; font-size:12px; margin:15px 0px 2px 0px;  }

div.help{padding:0px; margin:5px;}

.orange_page_subtitles { 
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #CC9900;
	background-color: transparent;
	font-weight: bold;
	}
	
.white_copyright_text { 
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: transparent;
	padding-left: 18px;
	font-weight: bold;
	}
	
.blue_page_subtitles { 
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #13447A;
	background-color: transparent;
	font-weight: bold;
	}
	

ul
{
list-style-type: square;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 1.5em;
}

ol
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 2em;
}
	
	
a:link,a:active, a:visited { color: #045DC0; background-color: transparent; text-decoration: underline;}
a:hover { text-decoration: none; }

a:link.whitelink,a:active.whitelink,a:visited.whitelink { color: #FFFFFF; font-weight: normal; background-color: transparent; text-decoration: none;}
a:hover.whitelink { text-decoration: underline; }

a:link.frontpage {font-size:1.2em; color: #D8AD17; text-decoration: none;}
a:visited.frontpage {font-size:1.2em; color: #D8AD17; text-decoration: none;}
a:hover.frontpage {font-size:1.2em; color: #D8AD17; text-decoration: underline;}
a:active.frontpage {font-size:1.2em; color: #D8AD17; text-decoration: none;}

#header
{
    background-image: url(Images/header_top.gif);
    background-repeat: no-repeat;
    width: 732px;
    height: 84px;
}
#menu
{
    background-image: url(Images/menu.gif);
    background-repeat: no-repeat;
    width: 732px;
    height: 30px;
 }
#content
{
    background-image: url(Images/content_bg.gif);
    background-repeat: repeat-y;
    width: 732px;
    height: 550px;
}
#footer
{
    background-image: url(Images/bottom_border.gif);
    background-repeat: no-repeat;
    width: 732px;
    height: 26px;
}

input, textarea, select{font-family:"Lucida Grande", "Lucida" Verdana, Geneva, Helvetica, Arial, sans-serif;}

input.textbox
{
    border: 1px solid #A4A5B2;
    padding: 2px;
    background: #ffffcc;
}
input.textbox:focus {border:1px solid #A4A5B2;background:#F1E3B2;}

textarea {border:1px solid #A4A5B2;padding:2px;background:#ffffcc; font-size:1.0em}
textarea:focus {border:1px solid #A4A5B2;background:#F1E3B2; font-size:1.0em}

select
{
    border: 1px solid #A4A5B2;
    padding: 2px;
    background: #ffffcc;
}
select:focus
{
    border: 1px solid #A4A5B2;
    background: #F1E3B2;
}

table.grid{border: 1px solid #A4A5B2;}

.tableheader
{
    background: #8d2f00;
    font-weight: bold;
    color: #ffffff;
    height:20px;
}
tr.odd {background:#F6F0D9;}
tr.even {background:#F1E3B2;}
tr.selected {background:#ACAD67;}
tr.edit
{
    background: #dcdcdc;
}

input.button{ border:solid 1px #003366;  background-color:#8D2F00; color:#FFFFCC}
input.tabs{border:solid 1px #E0BC51;  background-color:#CC9900; color:#FFFFff}
input.tabs_on
{
    background-color: #8C7400;
    color: #FFFFff;
    border-right: #8D2F00 1px solid;
    border-top: #8D2F00 1px solid;
    border-left: #8D2F00 1px solid;
    border-bottom: #e0bc51 1px solid;
}

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

.texteditortextbox{
   background-color:#F1ECC4;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   border:solid 1px #003366;
}
/* Styles used for the legend control */
.itemtitlestyle {
}

.itemboxstyle {
	margin-bottom: 20px;
	-moz-border-radius: 10px; /* mozilla only */
}

legend {
	color: #003333;
}
fieldset{
	margin-bottom: 20px;
	-moz-border-radius: 10px; /* mozilla only */
}

.sectiontitle
{
    font-weight:bold;
    color:#003366;
}

.itemlabel{font-weight:bold;}

.itemcomplete
{
    color: Red;
    text-decoration: line-through;
}
.itemoverdue
{
    color: Red;
    font-weight: bold;
}
.itemwarning
{
    color: orange;
    font-weight: bold;
}

.objectives tr{background:#ffffff;}
.objectives tr:hover{background: #F1E3B2;}

.factors tr{background:#ffffff;}
.factors tr:hover{background: #F1E3B2;}

.goals {}
.goals:hover {}

.actions tr {background:#ffffff;}
.actions tr:hover{background: #F1E3B2;}

.bigpicture tr {background:#ffffff;}
.bigpicture tr:hover{background: #F1E3B2;}

.values tr {background:#ffffff;}
.values tr:hover{background: #F1E3B2;}


/* Classes used for the archive report */
.reportheader{ font-size:1.2em; font-weight:bold;}
.reportsubheader{font-weight:bold;}

.reportactioncomplete{color:#000000;}
.reportactionnotcomplete{color:#ff0000;}

.reportgoalcomplete{color:#000000;}
.reportgoalnotcomplete{color:#ff0000;}

/* This hack is in place for an IE margin issue on the objectives page.*/
.objectivesstartbar {width:669px; background-color:#D3D3D3; padding:2px;}
html>body .objectivesstartbar {width:669px; background-color:#D3D3D3; padding:7px;}

.iepadding{margin:5px 0px 3px 5px;}
html>body .iepadding{margin:0px 0px 0px 5px;}

.iepaddingright{margin:5px 5px 3px 0px;}
html>body .iepaddingright{margin:2px 2px 0px 0px;}

/* START :: Styles used by the reorder list control */
.ReOrderControlStyle 
{
    margin-left:40px;
    background-color:#ffffff;  
    cursor:move;   
}
html>body .ReOrderControlStyle{margin-left:0px;}

.PanelStyle
{
    background-color: #6699cc;
    font-weight: normal;
    color: #ffffff;
}

.requireditem{font-weight:bold; color:Red}
/* END :: Sort order styles */