body
{
    color: #000000;
    font-family: Verdana,Helvetica,san-serif,arial,futura;
    margin: 0;
}

.sub_nav a, .sub_nav a:visited
{
    color: #073672;
    text-decoration: none;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;   
}
.sub_nav a:hover
{
    color: #073672;
    font-size: 10px;
    text-decoration: underline;
}

.PageTitle
{
	margin-top: 5px;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 7px;
	color: #000066;
}
.standard-text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.NormalRed
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.fbutton
{
    border-right: #333333 1px solid;
    border-top: #333333 1px solid;
    font-size: 10px;
    margin: 2px;
    border-left: #333333 1px solid;
    cursor: hand;
    color: #0000CC;
    border-bottom: #333333 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eeeeee;
}
.formtext
{
	border-right: #333333 1px solid;
	border-top: #333333 1px solid;
	font-size: 10px;
	margin: 2px;
	border-left: #333333 1px solid;
	color: #000000;
	border-bottom: #333333 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
}
.vmenu
{
	background-color: #FFFFFF;
	font-size:12px
}


.BoxedLbl
{
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	margin: 2px 0px;
	border-left: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
}
.ValStyle
{
	font-weight: bold;
	color: #cc0000;
	background-color: white;
}
.InfMsg
{
	font-weight: bold;
	font-size: 13px;
	color: olive;
}
.ErrMsg
{
	font-weight: bold;
	font-size: 15px;
	color:Red;
}
.DesigLbl
{
	font-weight: bold;
	color: #990000;
}
.BoxFrame
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	font-size: small;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: white;
}
.BoxGray{
	border-right: #333333 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #333333 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
}

.SurveyTxt
{
	padding-right: 7px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 8pt;
	padding-bottom: 5px;
	vertical-align: top;
	color: black;
	line-height: 8pt;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

.heading
{
	margin-top: 5px;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 7px;
	color: #000066;
}

div.groupheader
{
	margin-top: 5px;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 7px;
	color: #000066;	
}

td.headerbar
{
    font-size: 14px;
    font-weight: bold;
    color: #ED2A26;
}


div.tooltip div.tooltip_title
{
    background: #00528C;
    color: #FFFFFF;
}

.StudentHeading
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 3px;
	color: white;
	padding-top: 3px;
	background-color: #cc0000;
    line-height: 14px;
}

.StudentHeadingPaging 
{
    vertical-align: top;
    text-align: right;
    font-weight: normal;
}

.ProgramHeading
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 3px;
	color: white;
	padding-top: 3px;
	background-color: #f47f01;
}
.ProgramHeadingFrame
{
	border: solid 1px #996633;
}
.UserHeading
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 3px;
	color: white;
	padding-top: 3px;
	background-color: #6d077f;
}
.ReportsHeading
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 3px;
	color: white;
	padding-top: 3px;
	background-color: #038103;
}

a.SectHeadLink , a.SectHeadLink:visited 
{
    color: #ffffff !important;   
}




div.notice 
{
    background:#b9976c;
    border:1px solid #d5cfbf;
    color:#FFFFFF;
    margin:5px 0;
    padding:3px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding-box;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}

div.error {
color: #330000;
margin-bottom: 5px;
background: #DF7D7D;
padding: 3px;
-moz-border-radius: 6px;
border: solid 1px #660000;
}

div.error ul {
margin: 0px;
padding: 0px 0px 0px 20px;
}



/*** Grid Styles ***/

.gridView
{
	background: White;
	color: Black;
    border: 1px solid silver;
	width: 100%;
	padding: 3px;
}

.gridView a
{
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

.gridView a:hover
{
	color: #003399;
}

.gridRow
{
	background:#F1EFE2;
}

.gridRowAlt
{
	background: #F9F7EA;
}

.gridGroup
{
	background: #EFEFEF;
	font-weight: bold;
	border:1px solid silver;
	color: Black;
}

.gridGroup td {
    line-height: 18px;
    font-size: 13px; 
}

.gridHeader
{
	background: #FFFFFF;
	font-weight: bold;
	border-top:1px solid silver;
	color: Black;
}

.gridHeader th a
{
	color: Black;
}

.gridHeader th a:hover
{
	color: #003399;
	text-decoration: underline;
}

.gridFooter
{
	background: #FFFFFF;
	border-bottom: 1px solid silver;
}

.gridFooter a
{
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

.gridFooter a:hover
{
	color: #003399;
	text-decoration: underline;
}

.gridPager
{
	background: #F7F7DE;
	color: Black;
	text-align: center;
}

.gridSelectedRow
{
	background: #CCCC99;
	font-weight: bold;
	color: White;
}

.topnavigation
{
    padding: 4px 4px 6px 4px;
	text-align: center;
	text-transform: uppercase;    
	height:25px;
	border: 1px solid #000000;
}

.topnavigation ul
{    
    padding: 0px 1px 0;
	margin: 0px 0px 0px 0px;
	
}

.topnavigation li
{    
    display: inline;
	margin: 0px 1px 0px 1px;
	font-size: 11px;
	font-weight: bold;
}

.topnavigation li a
{
    text-decoration: none;
    color: #000000;
}

.topnavigation li a:hover
{
    color: Maroon;
}

.topnavigation li .approvemenu {
    float: left;
    height: 20px;
    position: relative;
    width: 120px;
}

.ClassHeading
{
    padding: 3px 3px;
	font-weight: bold;
	color: white;
	background-color: #0000ff;
	width:757px; 
	height:18px;
}

div.ClassHeading div.leftside
{
 position: relative; 
 float:left; 
 text-align: left; 
 width:375px;
}

div.ClassHeading div.rightside
{
 position: relative; 
 float:left; 
 text-align: right; 
 width:375px;
}

div.SummaryGrid
{
    left: 232px;
    position: absolute;
    top: 285px;
    width: 690px;
}

        
.SummaryText {
    font-size: 16px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 550px;
}


/*** Interface Panel Styles ***/

div.formSubmit
{
	background:#F7F7DF none repeat scroll 0 0;
	padding:1px 1px 1px 100px;
}

div.formField 
{
	background:#F7F7DF none repeat scroll 0 0;
	padding: 1px;
}

div.formField.Required
{
	font-weight:bold;
}

input.SubmitInput
{
	background:#B9976C none repeat scroll 0 0;
	border:1px solid #D5CFBF;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	margin-right:1px;
}

div.formSubmit
{
	background:#F7F7DF none repeat scroll 0 0;
	padding:1px 1px 1px 1px;
}

div.searchBoxPanel,
div.interfacePanel
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
    -moz-background-origin: padding-box;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	background:#FFFFFF none repeat scroll 0 0;
	border:0px solid #F1EFE2;
	margin-bottom:5px;
	padding:3px;
	text-align:left;
	width:750px;
}

div.searchBoxPanel
{
	width:250px;
}

div.interfacePanel div.title
{
	border-bottom:1px solid #A9A9A9;
	font-weight:bold;
	margin-bottom:3px;
	padding:0 0 0 3px;
	font-size:11px;
	color:#224167;
}

div.interfacePanel div.body 
{
	font-size:10px;
	position:relative;
	display:inline;
}

div.interfacePanel div.body label
{
    display:block;
    float:left;
    overflow:hidden;
    padding-right:5px;
    position:relative;
    text-align:right;
    white-space:nowrap;
    width:130px;
	top: 2px;
	left: 0px;
	height: 15px;
}


div.interfacePanel div.footer 
{
	clear:both;
	background:#BAB681 none repeat scroll 0 0;
	font-size:8pt;
	font-weight:bold;
	margin-top:3px;
	padding:0 0 0 3px;
}

div.interfacePanel div.footer div.right 
{
	float:right;
	padding-right:3px;
}

div.interfacePanel div.body div.body_header
{
    background:none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #000000;
    clear:both;
    color:#274F73;
    font-weight:bold;
    padding:1px 3px;
}

div.editlink 
{
	float: right;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	right: 10px;
    top: -25px;
    cursor: pointer;
}

div.editlink a 
{
    color: #FFFFFF;
    font-weight: bold;    
}

div.addlink 
{
	float: right;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	right: 6px;
    cursor: pointer;
}

/*** Popup Styles ***/

div.popup,
#popup_panel
{
    -moz-border-radius: 8px 8px;
    z-index: 2;
    width: 525px;
    height: 500px;
    background: #EFEFEF;
    border: 1px solid #714604;
    position: absolute;
    left: 290px;
    padding: 5px;
}

#popup_content
{
    padding: 3px;
}

#task_close
{
    margin-bottom: 6px;
}

#detail_panel
{
    background:none repeat scroll 0 0 #D6CFC6;
    border:1px solid #714604;
    left:250px;
    position:absolute;
    top:300px;
    width:700px;
    z-index:50;
    line-height:16px;
}

#fulltext_close,
#detail_close,
#popup_close,
#task_close
{
	cursor: pointer;
	color:#714604;
	font-size:10px;
	font-weight:bold;
	border: 1px solid #714604;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 2px;		
	line-height:10px;
	margin-right:2px;
}

.gridView a
{
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

.gridView a:hover
{
	color: #9C6637;
}



/*** Query Builder ***/
#query_panel p, 
#query_panel td, 
#query_panel th, 
#query_panel div{
	font-family: Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;
}
#query_panel .bodytext{
	font-size: 11px;
	color: #333333;
	}

#query_panel .btn {
	background: url(/images/btn_background.gif) 0 50% repeat-x;
	width: 70px;
}

#query_panel .title1 {
	font-family: Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3 0 0 10;
	background: url(/images/corner.gif) 140px 0 no-repeat;	
}
#query_panel .title2 {
	font-family: Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 3 10 3 10;
}

#query_panel .border_blue {
	background-color: #4b9edc;
}
#query_panel .th {
	font-family: Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;		
}
#query_panel .powered {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#f0f0f0; 
	text-align:right;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	padding: 2 0 2 0; 
}
#query_panel .addnew {
	font-size: 11px;
	font-weight: bold;
	color: #669900;	
	padding: 5 0 10 10;
}
#query_panel .addnew a{
	color: #669900;	
}
#query_panel input {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 2 0 2 0 ;
}
#query_panel textarea {
	font-family: Verdana, "Courier New", Geneva, Arial, Helvetica,  sans-serif;
	font-size: 11px;
	color: #333333;
}

.detailtable
{
    margin-bottom: 10px;
    margin-top: 10px;
    width: 400px;
}

.detailtable tr
{
}

.detailtable td
{
    vertical-align: top;
}

td.detailfieldhead
{
    background: none repeat scroll 0 0 #F1EFE2;
    font-weight: bold;
    text-align: right;
    width: 155px;
}

.copyRight{
  font-family: verdana, arial, helvetica; 
  font-size: 10px;
  color: #003896;
}

A.copyRight
{
  font-family: verdana, arial, helvetica; 
  font-size: 10px;
  text-decoration: none;
  color: #003896;
}

A.copyRight:hover
{
  font-family: verdana, arial, helvetica; 
  font-size: 10px;
  text-decoration: underline;
  color: #003896;
}
A.copyRight:visited
{
  font-family: verdana, arial, helvetica; 
  font-size: 10px;
  text-decoration: none;
  color: #003896;
}

.Alert0
{
	border: #000000 1px solid;
	padding: 2px;
	font-size: 12px;
	margin: 2px;
	width: 800px;
	color: #7F7F7F;
	font-weight: bolder;
	font-family: Arial;
	background-color: #F2F2F2;
}
.Alert1
{
	border: #76923C 1px solid;
	padding: 2px;
	font-size: 12px;
	margin: 2px;
	width: 800px;
	color: #76923C;
	font-weight: bolder;
	font-family: Arial;
	background-color: #EAF1DD;
}
.Alert2
{
	border: #FF0000 1px solid;
	padding: 2px;
	font-size: 12px;
	margin: 2px;
	width: 800px;
	color: #FF0000;
	font-weight: bold;
	font-family: Arial;
	background-color: #F2DBDB;
}





.StudSumary
{
	border-right: #333333 1px solid;
	padding-right: 8px;
	border-top: #333333 1px solid;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 8px;
	margin: 8px 2px;
	border-left: #333333 1px solid;
	width: 762px;
	color: #000000;
	padding-top: 8px;
	border-bottom: #333333 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
}
.ReqFrmFld
{
	font-weight: bold;
	color: #cc0000;
	padding-right: 8px;
	padding-left: 8px;
}
.RegulFrmFld
{
	padding-right: 8px;
	padding-left: 8px;
	font-weight: bold;
	text-indent: 0px;
}

table.BoxInner, div.BoxInner
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 735px;
    border-bottom: silver 1px solid;
    border-collapse: collapse;
    background-color: white;
}

table.BoxInnerWide
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    width: 935px;
    border-bottom: silver 1px solid;
    border-collapse: collapse;
    background-color: white;
}

/* This is for the EFL Performance Review table. */
.forceCells td {
    border-right: silver 1px solid;
    border-bottom: silver 1px solid;
    width: 65px;
}

div.BoxItem {
    border-bottom: silver 1px solid;
    padding: 5px;
    margin: 5px;
}
tr.ColHead
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	font-weight: bold;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	background-color: #eeece3;
}
tr.ColHeadRotated th
{
	background-color: #eeece3;
    writing-mode: tb-rl;
}
td.BoxHeader, div.BoxHeader
{
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Sans-Serif, Arial, Futura;
	color: black;
	background-color: #eeece3;	
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

/** jquery Styles **/

.ui-autocomplete {
    cursor: default;
    position: absolute;
}
* html .ui-autocomplete {
    width: 1px;
}
.ui-menu {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
    border: solid 1px black;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    display: block;
    line-height: 1.5;
    padding: 0.2em 0.4em;
    text-decoration: none;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}


/** Transcripts Print **/

.locationName {
    background-color: #DFDFDF;
    border: 1px solid #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding: 2px;
}

.Approved {
	border: #000000 1px solid;
	font-size: 10px;
	margin: 2px;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #C4DDC4;
}
.Disabled {
	border: #000000 1px solid;
	font-size: 10px;
	margin: 2px;
	color: #A5A5A5;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
}

.OverHours {
	border: #000000 1px solid;
	font-size: 10px;
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF0000;
}

/* General */


/* ACCUPLACER Styles */

td.AccuTable, div.AccuCell
{
    border-bottom: 1px solid #A5A5A5;
    vertical-align: top;
}

div.AccuInfo 
{
    border: 1px solid #000000;
    width:200px;
    margin-top:3px;
    margin-left:3px;
}

div.AccuGrid 
{
    width:400px;
    margin-top:5px;
}

div.AccuItem 
{
    border: 1px solid #000000;
    padding:5px;
}

.PageBreak 
{
    page-break-before: always;
}

.SubHeader 
{
    width: 790px; 
    font-size: 11px; 
    font-weight: bold; 
    font-family: Verdana;
    color: black; 
    background-color: #eeece3; 
    padding-right: 10px; 
    padding-left: 10px;
    padding-bottom: 5px; 
    padding-top: 5px;
}

.EmptyDiv 
{
	border: 1px solid black;
	background-color: #F0F0F0;
	font-style: italic;
	width: 700px;
}

dd 
{
    width: 700px;
    margin-bottom: 8px;
}

td.AttendanceSheet {
	font-size: 12px;
}


.inlinePanel {
    display: inline;
}