/* MASTER Style Sheet */

/*	
	Due to compatibility issues with some browsers, only one external CSS file 
	such as this should be linked per document, if possible. 
*/

/*  ******************************
	HTML Element Style Definitions
	****************************** */

body {
	color: #000000;
	background-color: #FFFFFF; /* background-color in CSS may override a background image defined in HTML in the BODY tag */
	margin: 0px 0px 0px 0px; /* remove the body margin in CSS rather than with nonstandard HTML attributes in the BODY tag */
	font-family: Arial, Helvetica, sans-serif;
}
* body, * textarea, * select, * div, * iframe {
	scrollbar-base-color: #FFFFFF;
	scrollbar-face-color: #eaeaea;
	scrollbar-arrow-color: #999999;
	scrollbar-track-color: #CCCCCC;
	scrollbar-highlight-color: #cccccc;		/* Color 1 for "flat" effect */
	scrollbar-shadow-color: #999999;		/* Color 1 for "flat" effect */
	scrollbar-3dlight-color: #eaeaea; 		/* Color 2 for "flat" effect */
	scrollbar-darkshadow-color: #999999; 	/* Color 2 for "flat" effect */
}

/* Basic Text Styles */
p, ul, ol, dl, li, dl, dt, dd, blockquote, q, cite, label, address, .normal {
	color: #000000;
	font-size: 13px;
	line-height: 18px;
	
}
abbr, acronym, .help {
	border-bottom: 1px dotted #333333;
	cursor: help;
}
code, pre {
    color: #333333;
	font-family: Courier, "Courier New", monospace;
}
* blockquote { 
	background-color: #F0F4F9;
	padding: 5px 5px 5px 20px;
}
* blockquote + p { margin: 0; }

/* Links should go after tag definitions so that they may inherit parent element styles properly */
a {color:#AB035C; text-decoration: underline;} /* Defining style for "a" anchors will override NS4 link colors, as it doesn't recognize psuedo-classes. */
/* Link Psuedo-classes */
a:link {color:#AB035C; text-decoration: underline;}
a:visited {color:#995F7E; text-decoration: underline;}
a:active {color:#AB035C; text-decoration: none;}
a:hover {color: #FFFFFF; background-color:#FA559E; text-decoration: none;}

/* Show a Different Style for Links to External Sites*/
a[target=_blank]:link, a[target=_blank]:visited,
a[rel=external]:link, a[rel=external]:visited {
	text-decoration: none;
	border-bottom: 1px dashed;
}
a.action {
	font-weight: bold;
}


/* Miscellaneous */
img {
	border-size: 0px;
}
hr {
	height: 1px;
	color: #333333;
}
div, form { 
	padding: 0; 
	margin-top: 0;
	margin-bottom: 0;
}
/*
noscript {
	display: inline;
}
*/


/* Form Elements */
input, select, option, textarea {
	font-size: 15px;
	font-weight: normal;
}
/* Using the CSS2 selector, this you can set form field properties such as font family and avoid the NS4 bug that causes form fields to render extra large */
* input, * select, * textarea {
/*	margin: 1px 1px 1px 1px; */
/*	border: solid 1px #003366;  Style the form fields like in Flash */
/*	padding-left: 3px; */
}
* input, * select, * textarea, * option {
	font-size: 12px;
	
}
* textarea {
	width: 100%;
}
/* Button Styles */
* .button {
	color: #000000;
	background-color: #D4D0C8;
	border: outset 1px #000000;
	margin: 1px;
	padding: 1px;
	
	cursor: pointer;
	cursor: hand;
}
/* Faux Button */
* a.button, * a.button:link, * a.button:visited, * a.button:active, * a.button:hover {
	color: #000000;
	background-color: #D4D0C8; 
	padding: 2px 10px 2px 10px; 
	border: outset 1px #000000; 
	font-size: 12px;
	font-weight: normal;
	text-decoration: none; 
	line-height: 2.5em;
}
* a.button:hover {
	border: solid 1px #000000; 
}
/* Form Labels */
label, .formlabel  {
	color: #333333;
	font-weight: normal;
}
label {
	cursor: pointer;
	cursor: hand;
}

/* Table Styles */
table, td {
	border-color: #D0D4F9;
}
table.budgettable{font-size: 13px;
}
* table.datatable {
	width: 100%;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
}
* table.datatable td {
	padding: 3px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
}
* table.datatable tbody tr:hover {
	background-color: #F5D9D9;
}
th, .tableheader {
	color: #333333;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	white-space: nowrap;
	
}
th, .tableheader {
	vertical-align: bottom;
}
td {
	vertical-align: top;
}
/* Alternating Row Color */
.greybar, .graybar {
	background-color: #EAEAEA;
}
/* Handle the Mozilla/Gecko Bug that leaves gaps below images inside of table cells */
tr.shrinkwrap img, td.shrinkwrap img {
	display: block;	/* fix NS 6 bug with gap under image in table cell - http://devedge.netscape.com/viewsource/2002/img-table/ */
}
tr.inactive {
	color: #333333;
	background-color: #FFCCCC;
}









/* Fieldset Styles */
* fieldset, * .fieldset {
	border: solid 1px #555; /* Avoid using "dashed" as it displays through the LEGEND in IE6 */
	margin: 10px 10px 10px 10px;
	padding: 15px 15px 15px 15px;
}
.legend {
	margin-top: 20px;
}
* legend, .legend { 
/* Use a <span class="legend"> inside of the <legend> tag to properly style the legend in NS4 */
	color: #A00256;
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
	
}

/* Form Validation Classes */
.required {
	color: #CC0000;
}
.errorFieldLabel {
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
}
.errorField {
	border: dashed red 2px;
}
.errorText, .alertbox, .alert {
	width: auto;
	color: #FF0000;
	margin: 10px;
	padding: 10px;
	border: dashed 2px #FF0000;
}
.alertbox p, .alertbox ul, .alertbox li {
	color: #FF0000;
}

/* Only use this class on a single container element */
.note {
	padding: 10px 0;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
}













/*  ****************************************
	Class-based Style Definitions Below
	(some combination tag/class definitions)
	**************************************** */

/* Page Headers */
h1, .pageheader {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	padding:2px 5px 0 5px;
	margin-bottom: 10px;	
}

h2, .pagesubheader {
	color: #A00256;
	font-size: 18px;
	font-weight: bold;
	
}
/* Body Headers */
h3, .bodyheader {
	color: #A00256;
	font-size: 16px;
	font-weight: bold;
	
}
h4, .bodysubheader {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	
}
h5, .smallheadline {
	color: #000000;
	display: inline;
	font-size: 16px;
	font-weight: bold;
	
}
h6, .smallerheadline{
	color: #000000;
	display: inline;
	font-size: 15px;
	font-weight: bold;
	
}
table.datatable h4 {
	margin: 3px;
}

.welcome {
	border-bottom: 1px solid #B2B2B2; 
}
.seperator {
	border-bottom: solid 1px #555; 
}

/* Left Navigation (Helpdesk) */
.leftnav {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
}
.leftnav:link, .leftnav:visited {color:#003366; text-decoration: none;}
.leftnav:active {color:#336699; text-decoration: none;}
.leftnav:hover {color:#CC0000; text-decoration: underline;}


/* Form Validation Classes */
.optionalField {
	color: green;
    font-weight: bold;
}
.requiredField {
	color: #993333;
    font-weight: bold;
}
.optReqField {
	color: DarkGoldenrod;
    font-weight: bold;
}

.fieldInError {
    background-color: red;
    font-weight: bolder;
}
.alertbox {
	color: #FF0000;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	border: dashed 2px #FF0000;
}
p.alertbox, .alertText {
	color: #FF0000;
	font-weight: bold;
}
.errorDescr {
	color: #FF0000;
}


/* Breadcrumb Links */
#breadcrumbs {
	text-align: right;
	padding: 1px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.breadcrumb:link, .breadcrumb:visited, .breadcrumb:active, {
	text-decoration: none;
}
.breadcrumb:hover {
	text-decoration: underline;
}

/* Pagination */
.pagination {
	color: #666666;
	text-align: center;
	font-size: 12px;
	padding: 0px;
}
a.pagination, a.pagination:link, a.pagination:visited, a.pagination:hover  {
	text-decoration: none;
}

.sidebar {
	background-color: #eaeaea;
	padding: 10px;
	border: solid 1px #b2b2b2;
}
.iframe {
	width: 700px;
	height: 15em;
	padding: 5px;
	border: 1px solid #003366;
	overflow: scroll;
}



/* Footer Style */
.footer, address {
	color: #333333;
	text-align: center;
	font-size: 12px;
	font-style: italic;
	
}

/* ASC/DESC ORDER LINKS */
* a.desc {
	padding-right: 10px;
	background: #fff url(/images/sortarrow_desc.gif) right top no-repeat;
}
* a.asc {
	padding-right: 10px;
	background: #fff url(/images/sortarrow_asc.gif) right top no-repeat;
}
.textcounter{
	text-align: right;
	font-size: 80%;
}

/* MORE CLASSES */
.tabcontainer {
	border: solid 1px #555;
}
.tabcontent {
	padding: 15px;
/*	display: inline-block; */
}
.statusok {
	color: #330066;
}
.statusincomplete {
	color: #b00;
}
.lastupdated {
	color: #666666;
	font-size: 12px;
	font-style: italic;
}
.inactive, .disabled {
	color: #999999;
	cursor: default;
	cursor: not-allowed;
}

.indent {
	margin-left: 20px;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center, td.center {
	text-align: center;
}
.middle {
	vertical-align: middle;
}
.nowrap {
	white-space: nowrap;
}
.highlight {
	background-color: #FFFF00;
}

.question {
	color: #000066;
	font-weight: bold;
}
.answer {
	margin-left: 20px;
}
.yes {
	color: #009900;
}
.no {
	color: #CC0000;
}
.small {
	font-size: 11px;
}
.tablespacer {
	font-size: 6px;
}

.aim {
	background-color: #EAEAEA;
	border-style: dotted;
	border-color: white;
	padding: 15px;
	margin: 10px;
	width: 95%;	
}
 
.aimtask {
	/*background-color: #FFB7DB; */
	/*background-color: #FFE8FF;*/
	background-color: #EAEAEA;
	border-style: solid;
	border-width: thin;
	border-color: white;
	/*border-color: #A00256; */
	padding: 5px; 5px; 5px; 5px;
	margin: 0px 10px 10px 15px;
	width: 98%;
}

.taskcounter{
	width: 98%;
	float: bottom;
	padding: 0px 5px 2px 5px;
	margin: 0px; 
	vertical-align: top;  
}


.aimdeletelink {
	vertical-align: middle;
	text-align:center;
}

table#tabinforow {
	background-color: #555 !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 16px !important;
}
table#tabinforow td{
	padding: 4px;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 25px 5px 0 5px;
	font-size: 11px;
	color: #fff;
	background-color: #ab035c;
}
#footer td {
	padding-left: 5px;
	padding-right: 5px;
}
#footer a {
	color: #fff;
	font-size: 10px;
	text-decoration: underline;
}


#cssForm label, #cssForm input {
	display: block;
	float: left;
	margin-bottom: 10px;
}

#cssForm label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
	font-weight: bold;
}

#cssForm br {
	clear: left;
}


/*  ********************************
	ID-based Style Definitions Below 
	******************************** */

.tabcontent dl dt{
	font-weight: bold;
	margin-right: .5em;
	float: left;
	clear: left;
}
.tabcontent dl dd{
	margin-left: 0;
	margin-bottom: .5em;
}

/* Sortable Table */
table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;
	font-size: 13px;
}

table.sortable caption {
	color: #A00256;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
}

table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	border-style: solid;
	border-color: #444;
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #ccc;
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}
span.sortarrow img {
	border: 0;
}

/* Errors */
dl#errors{
	font-size: 1.2em;
	border: .2em double #AB035C !important;
	padding: .5em;
	width: 95%;
	margin-bottom: .15em;
	float: left;
}
dl#errors dt, dl#errors dd{
	float: left;
	margin-top: .25em;
	margin-bottom: .25em;
	width: 15%;
}
dl#errors dt{
	font-weight: bold;
	clear: left;
	text-align: right;
	padding-right: 1em;
}

dl#errors dd {
	width: 78%;
}

div.separate{
	width: 75%;
	margin:1em 0;
	border: .2em double #AB035C !important;
	padding: 1em;
	clear: both;
	font-size: 1.1em;
}

#content div.separate ol{
	margin-left: 1em;
}
#content div.separate form{
	margin: 1em 0 0 0;
	width: 50em;
}
#content div.separate legend{
	font-size: 1.2em;
	font-weight: bold;
}
*/

/* Dojo Overrides */
.dijitTextArea{
	width: 90%;
	margin-bottom:0;
}
.dijitTextArea div{
	min-height: 5.5em !important;
}
/* End of CSS File */