/* GLOBAL TEXT SPECS - used when no style is specified for body (BODY), paragraph (P), table row (TD), table header (TH), and bulleted text (UL LI) and numbered list text (OL LI) */
BODY {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #ffffff}
P {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333 }
TD {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}
UL LI,
OL LI {font-family: Arial, Helvetica, sans-serif; font-size: 12px}
TH {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight:bold; background-color: #369; text-decoration: none;  padding-top:2px; padding-bottom:2px; margin-left:5px; margin-right:5px;}
TH a:link{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight:bold; background-color: #369; text-decoration: none;  padding-top:2px; padding-bottom:2px; margin-left:5px; margin-right:5px;}
TH a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight:bold; background-color: #369; text-decoration: none;  padding-top:2px; padding-bottom:2px; margin-left:5px; margin-right:5px;}
TH a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight:bold; background-color: #369; text-decoration: none;  padding-top:2px; padding-bottom:2px; margin-left:5px; margin-right:5px;}

/* ---------------------------------------- */
/* GLOBAL LINK SPECS - used whenever a style has been applied with no specific link specs of its own  */
A:link {color: #333333}
A:active {color: #333333}
A:visited {	color: #333333}
A:hover {color: #369; text-decoration: underline}

/* ---------------------------------------- */
/* SPECIFIC LINK HANDLING SPECS  */
A.override {color: maroon}
A.override:visited {color: maroon}
A.override:hover {color: maroon}

A.yes {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #619E38; font-weight: bold; text-decoration: none}
A.yes:visited {color: #006600; text-decoration: none}
A.yes:hover {color: #006600; text-decoration: underline}

A.no {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #EA0000; text-decoration: none}
A.no:visited {color: #EA0000; text-decoration: none}
A.no:hover {color: #EA0000; text-decoration: underline}

A.stepTBL {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none}
A.stepTBL:visited {color: #ffffff; text-decoration: none}
A.stepTBL:hover {color: #ffffff; text-decoration: underline}

/* ---------------------------------------- */
/* HEADER SPECS*/
H1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; }
H2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-align:left }
H3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold }

/* Scorecard headers used in place of H3 which has built in spacing that can't be overridden */
.header14 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding-right: 5px }

.logo {
	width: 198px;
	height: 66px;
}

/* home page Welcome header */
.homeHdr {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color:#369; font-weight: bold; vertical-align:middle; text-decoration: none; padding-left:5px; padding-right:5px}
.homeHdr a:link{font-family: Arial, Helvetica, sans-serif; font-size: 24px; color:#369; font-weight: bold; vertical-align:middle; text-decoration: none; padding-left:5px; padding-right:5px}
.homeHdr a:active{font-family: Arial, Helvetica, sans-serif; font-size: 24px; color:#369; font-weight: bold; vertical-align:middle; text-decoration: none; padding-left:5px; padding-right:5px}
.homeHdr a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 24px; color:#369; font-weight: bold; vertical-align:middle; text-decoration: underline; padding-left:5px; padding-right:5px}

.homeHdr p {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 10px;
}

.homeHdr span {
	color: #0098d4
}

/* Reports main header title - blue */
.reportTitle {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color:#369;  font-weight: bold; padding-top:10px; padding-bottom:10px; text-align:center}
.reportTitleLeft {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color:#369;  font-weight: bold; padding-top:10px; padding-bottom:10px; text-align:left}

/* ---------------------------------------- */
/* FOOTER SPECS*/
.footer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; text-decoration: none; padding-top:5px; text-align:left}

.page-footer {
	padding-left: 12px;
	color: #6B7780
}

.inst-ui-oxford {
	background-color: #002147;
}

A.footer:link {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; line-height: 11px; text-decoration: none}
A.footer:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; text-decoration: none}
A.footer:hover {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; line-height: 11px; color:#369; text-decoration: underline}

/* ---------------------------------------- */
/* FORM SPECS*/
FIELDSET {border: 0px #FFFFFF;}

/* Field Specs */
.formINPUT {font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #369; border: 1px inset #CCCCCC;	background-color: #ffffff;	margin-bottom: 1px; margin-top: 2px; }
.formSELECT {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #369; background-color: #ffffff; margin-bottom: 1px; margin-top: 2px;}

/* Button Specs*/
.formBUTTON, .formBUTTONSETSIZE, .formBUTTONSMALLSETSIZE, .formBUTTONLARGESETSIZE{font-family: Arial, Verdana, Geneva, sans-serif;	font-size: 90%;	color:#2B5580;	font-weight:bold;	text-align: center;	vertical-align: bottom;	background-image:  url("/imgs/gradient-formbutton.gif");	background-repeat: repeat-x;	background-position: left top;	border-right:1px solid #77787D;	border-bottom:1px solid #77787D;	border-top:1px solid #EFEFEF;	border-left:1px solid #EFEFEF;	cursor:pointer;	display: inline;	margin-top: 0px;	margin-right: 2px;	margin-bottom: 6px;	margin-left: 2px;	padding-top: 2px;	padding-right: 2px;	padding-bottom: 2px;	padding-left: 2px;}
.formBUTTONDIS{font-family: Arial, Verdana, Geneva, sans-serif;	font-size: 90%;	color:GRAY;	font-weight:bold;	text-align: center;	vertical-align: bottom;	background-image:  url("/imgs/gradient-formbutton.gif");	background-repeat: repeat-x;	background-position: left top;	border-right:1px solid #77787D;	border-bottom:1px solid #77787D;	border-top:1px solid #EFEFEF;	border-left:1px solid #EFEFEF;	cursor:pointer;	display: inline;	margin-top: 0px;	margin-right: 2px;	margin-bottom: 6px;	margin-left: 2px;	padding-top: 2px;	padding-right: 2px;	padding-bottom: 2px;	padding-left: 2px;}

/* ---------------------------------------- */
/* MESSAGING SPECS */
/* Status Message Specs */
.warningText {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #EA0000; font-weight: bold}
.successText {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #94CC6F; font-weight: bold}


/* User and Support Message Box Specs  */
.msgContent { font-size: 11px; padding: 5px 15px 10px 10px; }

.msgContent p {
	text-align: left;
	margin-left: 4px;
	margin-top: 0px;
	margin-bottom: 0px
}

.msgContent div {
	margin-bottom: 18px;
	margin-top: 18px;
}

.msgContent ul {
	padding-left: 28px;
	margin-top: 0px;
}

.msgContent a {
	color: #0098d4
}

#support-text-first-paragraph {
	margin-top: 10px;
}

#announcements {
	margin-top: 10px;
	margin-bottom: 6px;
}

#announcements p {
	margin-bottom: 10px;
	word-break: break-word;
}

.msgTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: black;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 14px;
	padding-top: 14px;
}

.msgTitleNone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #6B7780;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 15px;
}


/* ---------------------------------------- */
/*TEXT SPECS*/

.whiteTXT {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold}

.mar {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; background-color: #94CC6F}

.userRole {font-size: 12px;}

table.userTable * {font-size: 12px;}

/* blue text */
.groupedSteps {font-family: Arial, Helvetica, sans-serif; color: #369}

/* black text on a white background*/
.white {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #ffffff}

.varName {color: #369}

/* ---------------------------------------- */
/* RED LINK SPECS*/
.redLINK {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #EA0000; text-decoration: none}
A.redLINK {font-size: 12px; color: #EA0000; text-decoration: underline}
A.redLINK:visited {font-size: 12px; color: #EA0000; text-decoration: underline}
A.redLINK:hover {font-size: 12px; color: #EA0000; text-decoration: underline}

.redText {font-size: 12px; color: #EA0000 }
.redBoldText {font-size: 12px; color: #EA0000; font-weight:bold }

/* ---------------------------------------- */
/*CELLS SPECS*/
/* used for a <th> in the first cell in a row */
TH.row {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color: #333333; background-color:#FFFFFF; text-align:right; padding-right:5px; padding-top:5px }
TH.rowLeftAlign {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color: #333333; background-color:#FFFFFF; text-align:left; padding-right:5px; padding-top:5px;width:200px }
TH.trendRow {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color: #333333; background-color:#FFFFFF; padding-right:5px; padding-top:5px }
TH.smallColHeader {font-family: Arial, Helvetica, sans-serif;	font-size:9pt;	color:#333333;	background-color:#FFFFFF;	text-align:left}
TH.userRow {font-family:Arial, Helvetica, sans-serif;	font-size:9pt;	color: #333333;	background-color:#FFFFFF;	}

/*grey and white striping used on table rows - first row should always be white (odd)*/
.oddCELLS {	background-color: #ffffff}
.evenCELLS {background-color: #E8E8E8}

/*black column header*/
LEGEND {color: #000000;	font-weight:bold;}

/* yellow background  */
.tablecolumnCELLS {	background-color: #ffffdd}

.grayCELLS {background-color: #e4e4e4}

/* green background column specs  - these are identical and only one should be kept*/
.metadataTablecolumnCELLS {	background-color: #94CC6F}
.reportCardColumnCELLS {	background-color: #94CC6F}


/* ---------------------------------------- */
/* REPORT CARD SPECS */
.stepHEADER {background-color: #CACACA; font-weight: bold; padding-top:1px; padding-bottom:1px }

.adminConsoleHEADER {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; background-color: #369; padding-top:2px; padding-bottom:2px; margin-left:3px; margin-right:3px; }
.adminConsoleHEADER a:link{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration:underline; }
.adminConsoleHEADER a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration:underline; }
.adminConsoleHEADER a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration:underline;}

/* REPORT CARD HEADER SPECS */
/* green row color*/
.reportCardHEADER {	background-color: #94CC6F; padding-top:1px; padding-bottom:1px }

/* groupings header row - blue background color with white text*/
.groupingHeader {background-color: #369; font-size:12px; font-weight: bold;  color: #FFFFFF; padding-top:2px; padding-bottom:2px }

/* Report Card Detail Specs */
.reportCard {font-family: Times New Roman}
P.reportCard {font-size: 16px}
LI.reportCard {font-size: 16px}
A.reportCard {font-size: 16px; color: #05608F}
A.reportCard:visited {	font-size: 16px; color: #05608F}
A.reportCard:hover {font-size: 16px; color: #05608F; text-decoration: underline}

.reportCardDetail {	font-family: Times New Roman}
P.reportCardDetail {font-size: 12px}
LI.reportCardDetail {font-size: 12px}
A.reportCardDetail {font-size: 12px; color: #369}
A.reportCardDetail:visited {font-size: 12px; color: #369}
A.reportCardDetail:hover {font-size: 14px; color: #369; text-decoration: underline}


/* ---------------------------------------- */
/* NAV BAR SPECS */
A.navbarON {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none}
A.navbarON:visited {color: #000000; text-decoration: none}
A.navbarON:hover {color: #333333; padding-right: 0px; padding-left: 0px; padding-bottom: 3px; padding-top: 3px; text-decoration: underline}
A.navbarOFF {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
A.navbarOFF:visited {color: #000000; text-decoration: none}
A.navbarOFF:hover {color: #04466B; padding-right: 0px; padding-left: 0px; padding-bottom: 3px; padding-top: 3px; text-decoration: underline}

/* ---------------------------------------- */
/* WIZARD SPECS */
A.wizardON {font-family: Arial, Helvetica, sans-serif;  font-size: 11px; color: #619E38; text-decoration: underline}
A.wizardON:visited {text-decoration: underline}
A.wizardON:hover {color: #000000; background-color: #ffffee; text-decoration: underline}
A.wizardOFF {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none}
A.wizardOFF:visited {text-decoration: none}
A.wizardOFF:hover {text-decoration: underline}

/* ---------------------------------------- */
/* STATUS SPECS*/
A.statusDEFINED {color: #006600; font-weight: bold; }
A.statusDEFINED:visited {color: #04466B}
A.statusDEFINED:hover {	color: #619E38}
A.statusDEV {color: #996600; font-weight: bold;}
A.statusDEV:visited {color: #996600}
A.statusDEV:hover {color: #cc9900}

A.statusUNDEFINED {color: #666666}
A.statusUNDEFINED:visited {	color: #666666}
A.statusUNDEFINED:hover {}


/* ---------------------------------------- */
/* HORIZONTAL LINE SPECS*/
/* Blue bar in footer*/
HR {
	margin-top: 0px;
	border-top: 2px solid #C7CDD1;
}

.hrGRAY {border-right: 0px; border-top: 0px; border-left: 0px; width: 100%; color: #666666; border-bottom: 0px; height: 2px; background-color: #666666}
.hrRED {border-right: 0px; border-top: 0px; border-left: 0px; width: 100%; color: #EA0000; border-bottom: 0px; height: 2px; background-color: #EA0000}


/* ---------------------------------------- */
/* MISC */
/* Progress Indicator - BEGIN */
.progressBar {font-family: Arial, Helvetica, sans-serif; font-size: x-small; z-index: 1003; left: 0%; visibility: hidden; width: 100%; position: absolute; TOP: 0%; border-collapse: collapse; height: 100%; background-color: white; text-align: center}

/*1 pixel box */
.boxGrey {border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding-left:5px; padding-right:5px;}
.boxGreyNoPad {border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}



/* -------------------------------------- */
.editCELLS {background-color: #ffffdd}
.userActionTH {background-color: #FFFFFF}

/* green text specs */
.photoLABEL {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #619E38; font-weight: bold; }

/*green list text*/
LI.indexLink {color: #619E38;	text-decoration: underline;	line-height: 24px;	list-style-position: outside;	list-style-image: url(/imgs/bullet.gif);	margin:2px 0 0 16px;	padding:0px}

/* light blue background cell specs */
.viewCELLS {background-color: #AFBFCF}

/* light grey background cell specs */
.tableCELLS {background-color: #f1f1f1}

/*wrong font*/
.pagingCONTROLS {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px }

.guideLABEL {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold }
.guideTITLE {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #006666; font-weight: bold }

.fieldLabel{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	vertical-align:middle;
}

.fieldDescription{
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif
}

.requiredFieldIndicator{
	font-weight: bold;
	font-size: 13px;
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif
}

.stdConfigRow{
	height:25px;
	background-color:#ffffff;
}

.submitBtnRow{
	height:40px;
	background-color:#ffffff;
	text-align:left;
}

.spacingRowSmall{
    height: 10px;
}

.spacingRowMedium {
    height: 20px;
}

.spacingRowLarge {
    height: 30px;
}

.errorMessage {
	color: red;
}

.text-block {
	vertical-align: top
}

.text-block table {
	border: 1px solid #cccccc94;
	border-radius: 16px;
	background-color: #cccccc26;
	margin-right: 34px;
	word-break: break-all;
	word-wrap: break-word;
	width: 400px;
}