@charset "utf-8";

/* remove the media's height and width attributes from the respective tags for fluid layouts */
img, object, embed, video {
	max-width: 100%;
	height: auto;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;	
}

html, body{
margin:0;
background:#fffffd;
font-family:Arial,Geneva,Helvetica, sans-serif;
}

body{
	position: relative; /* needed for the overlay to extend when you scroll, DO NOT REMOVE */
}

.clearfix{
clear:both;
}

/* style for the cfwindow*/
.x-window-mc { 
background-color: #fff; 
font-size:0.90em;
}

.x-window-header-text {
font-family:Georgia;
font-size:1.25em;
color:#073341;
}

/*--------------- global link pseudo classes -------------*/

A:link{
color: #073341;
text-decoration: underline;
}

A:Active{
color: #073341;
text-decoration: none;
}

A:visited{
color: #073341;
text-decoration: none;
}

A:hover{
color: #073341; 
text-decoration: none;
}

/* /////////////////////////////////////////////////////////// */
/* ////////////////////////// Layout ///////////////////////// */
/* /////////////////////////////////////////////////////////// */


#pageContainerOuter{
text-align:center;
margin:0;
padding:0;
}

.pageContainer{
width:980px;
clear:left;
text-align:left;
margin:0px auto;
margin-bottom:15px; 
min-height: 480px; 
height:auto !important; 
height: 480px; 
font-size:95%;
}   

#headerOuter{
height:175px;
background:#0e6783;
width:100%;
padding-top:5px;
text-align:center;/*for ie*/
}

#headerInner{
width:980px;
/*margin-left:auto;
margin-right:auto;*/
margin:0 auto;
}

#headerImg{
float:left;
}

#headerRightAside{
float:Right;
margin-top:50px;
/*margin-right:6.5%;*//*for ie*/
}

#footer{
width:100%;
margin:0;
height:350px auto;
background:#fdaf65;
text-align:center;
font-family:Arial,Geneva,Helvetica, sans-serif;
font-size:70%;
font-weight:bold;

/* activate for fixed footer*/
/*position:fixed;
bottom:0;
z-index:999999;*/
}

#footer .footerDisclaimer, .footerCopyright{
color:#fff;
font-weight:normal;
}

#footer .footerDisclaimer{
width:60%;
margin:0px auto;
}

#footer .social{
padding-top:30px;
}


#footer .footerInner{
padding-top:15px;
text-align:center;
}

#footer a{
color:#073341;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

#pkgOuter{
/*position:fixed;
z-index:99998;
left:0;*/
width:100%;
background:#0e6783;
/*border:1px solid yellow;*/
text-align:center;
}

.pkgInner{
/*margin-left:343px;*/
border-bottom:10px solid #0E6783;
/*border:1px solid cyan;*/
width:980px;
}

#submenu{
background:#FDAF65;
padding:10px;
text-align:center;
font-family:Arial,Geneva,Helvetica, sans-serif;
font-size:80%;
font-weight:bold;
color:#073341;
margin:0 auto;
}

#submenu a{
color:#073341;
text-decoration:none;
}

#submenu a:hover{
text-decoration:underline;
}

#profileBtn{
float:right;
}

#profileBtn a{
color:#fff;	
padding:7px 20px;
background:#073341;
text-decoration:none;  
}

#profileBtn a:hover {
color: #333;
text-decoration: none;	
background: #fdaf65;
}

/* /////////////////////////////////////////////////////////// */
/* ////////////////////// Main Navigation //////////////////// */
/* /////////////////////////////////////////////////////////// */

#menu {
font-family:Arial; 
font-size:95%;
}

#menu div{
float:left;  
}

#menu a{
display:block;
margin:0 0 0 3px;
padding:7px 20px;
background:#073341;
color:#fff;
text-decoration:none;
line-height:1.3em;   
}

#menu a:hover {
color: #333;
text-decoration: none;	
background: #fdaf65;
}




/* /////////////////////////////////////////////////////////// */
/* ////////////////////// Admin Tabs //////////////////// */
/* /////////////////////////////////////////////////////////// */

#admintabs {
font-family:Arial; 
font-size:95%;
}

.bottom{
clear:both;
border-bottom:1px solid #fdaf65;

width:100%;

}

#admintabs div{
float:right;
text-align:center;
}

#admintabs a{
display:block;
margin:0 0 0 3px;
padding:7px 20px;
background:#fdaf65;
color:#073341;
text-decoration:none;
line-height:1.3em;

}

#admintabs a:hover {
color: #fff;
text-decoration: none;	
background: #073341;
}

.tabs ul {
	text-align:center;
	width:100%;	
	margin:0;	
}

.tabs li {
	list-style:none;
	display:inline;	
}

.tabs a {
	padding:8px 15px;
	display:inline-block;
	background:#FDAF65;
	color:#073341;
	text-decoration:none;	
}

.tabs a.active {
	background:#073341;
	color:#fff;
}

#tabs {
	width:100%;
}

#tabs ul {
	float:right;
	text-align:center;		
	margin:0;
}

#tabs li {
	margin-left: 8px;
	list-style: none;
}

#tabs li, #tabs li a {
	float: left;
}
#tabs ul li.active {
	background:#073341;
	color:#fff;
}
#tabs ul li.active a {
	background:#073341;
	color:#fff;
}

#tabsnav ul li.active {
	background:#073341;
	color:#fff;
}
#tabsnav ul li.active a {
	background:#073341;
	color:#fff;
}

#tabs div {	
	clear: both;	
}

#tabs ul li a {
	padding:8px 15px;
	display:inline-block;
	background:#FDAF65;
	color:#073341;
	text-decoration:none;	
}

#tabs a.active {
	background:#073341;
	color:#fff;
}

#tabsnav a.active {
	background:#073341;
	color:#fff;
}



/* //////////////////////////////////////////////////////////////////////////// */
/* /////////////////////// New and Revamped Global Styles ///////////////////// */
/* //////////////////////////////////////////////////////////////////////////// */


/*------------------- Main Menu Containers and Layout ----------------*/

#standard li{
padding:2px;				
}

#userAdminTableCurStu{
border:1px solid #073341;				
}

#userAdminTableCurStu tr.headerRow{
width:100%;
background:#0E6783;
height:35px;
background-image:URL('/images/folderOpen.png');
background-repeat: no-repeat;
background-position: 7px 5px;
color:white;		
}

#userAdminTableCurStu td.data{
padding:5px;
}

#userAdminTableCurStu span.headerText{
color:white;
font-weight:bold;
font-size:100%;
margin-left:55px;
padding-top:11px;
}

#mainMenuContainerOuter, #mainMenuContainerOuterIframe{
width:100%;
margin-top:1.00em;
}

#mainMenuContainerOuter .menuContainerHeaderLg, #mainMenuContainerOuterIframe .menuContainerHeaderLg{
width:100%;
background:#0E6783;
height:35px;
background-image:URL('/images/folderOpen.png');
background-repeat: no-repeat;
background-position: 7px 5px;
}

#mainMenuContainerOuter .menuContainerHeaderText, #mainMenuContainerOuterIframe .menuContainerHeaderText{
color:white;
font-weight:bold;
font-size:100%;
margin-left:55px;
padding-top:11px;
}

#mainMenuContainerOuterIframe .menuContainerHeaderLgContent {
color:#333;
font-weight:normal;
font-size:100%;
border:1px solid #0E6783;
padding:0px 5px 0px 5px;
}

#mainMenuContainerOuter .menuContainerHeaderLgContent {
color:#333;
font-weight:normal;
font-size:100%;
border:1px solid #0E6783;
padding:10px 10px 10px 10px;
}

#mainMenuContainerOuter .menuContainerSm{
float:left;
width:49.25%;
}

#mainMenuContainerOuter .menuContainerSmR{
float:right;
width:49.25%;
}

#mainMenuContainerOuter .menuContainerHeaderLgContent ul{
padding:0;
margin-left:20px;
line-height:1.20em;
}

.menuContainerHeaderLgContent .splitContent, .splitContentMargined{
float:left;
}

.menuContainerHeaderLgContent .splitContentMargined{
margin-left:80px;
}

.menuContainerHeaderLgContent .autoDiv1{
height:150px;
overflow:auto;
width:100%;
}

#AddDropLogIframe{
width:100%;
border:0;
margin-top:5px;
padding:0;
height:300px;
}

ul#page li{
padding:3px;
}

#quickSearchForm{
text-align:center;
}


/*------------------- Table Styles (Data) ----------------*/

#dataTable{
border:1px solid #FDAF65;
background:#fff;
padding:2px;
margin-top:10px;
font-size:93%;
width:100%;
}

#dataTableIframe{
border:1px solid #FDAF65;
background:#fff;
padding:2px;
margin-top:10px;
font-size:93%;
width:99.5%;
}

#dataTable .dataTableHeadRowMessages{
background:#073341;
color:white;
font-weight:normal;
}

#dataTable .dataTableHeadRow, #dataTableIframe .dataTableHeadRow{
background:#073341;
}

#dataTable .dataTableHeadRow th, #dataTableIframe .dataTableHeadRow th{
color:#fff;
font-weight:normal;
padding:7px 10px 7px 10px;
}

#dataTable .dataTableHeadRow th a, #dataTableIframe .dataTableHeadRow th a{
color:#fff;
font-weight:normal;
}

#dataTable .dataTableAltRow1, #dataTableIframe .dataTableAltRow1{
background:#fff;
}

#dataTable .dataTableAltRow2, #dataTableIframe .dataTableAltRow2{
background:#eaeaea;
}

#dataTable td, #dataTableIframe td{
color:#000;
padding:5px !important;
font-size:95%;
font-weight:normal;
}

#dataTable td a, #dataTableIframe td a{
color:#000;
padding:5px;
font-size:93%;
}

#dataTable td.courseDetailHeader{
background:#073341;
color:#fff;
padding:5px;
font-size:93%;
font-weight:bold;
width:20%;
}

#dataTable td.courseDetailData{
border-bottom:0px dotted silver;
background:#fff;
}

#dataTable.thisHeadRow{
padding:0;
margin:0;;
}

.pageContainer p{
font-size:90%;
margin-left:7px;
}   

.pageHeader{
float:left;
font-family: Georgia;
font-weight: bold;
color: #396BA2;
font-size: 125%;
margin-bottom: 0.5em;
margin-top: 0.5em;
background-image:url('../images/gearsIcon.png');
background-repeat: no-repeat;
height:60px;
}

.pageHeader .pageHeaderText{
margin-left:75px;
margin-top:12px;
float:left;
}

.back{
float:right;
margin-bottom: 0.5em;
margin-top: 1.35em;
}

#indexContentContainerOuter{
width:100%;
margin-top:5px;
padding:0;
}

#indexContentContainerOuter .indexContentContainerInner, .indexContentContainerInner2,.indexContentContainerInnerNoBorder{
float:left;
width:31%;
padding:0px 15px 20px 0px;
margin-left:0px;
/*height:305px;*/
/*min-height:100%;*/
/*height:25%;*/
}

#indexContentContainerOuter .indexContentContainerInner2{
border-right:0px dotted #AAAAAA;
border-left:0px dotted #AAAAAA;
}

#indexContentContainerOuter .indexContentContainerInner2,.indexContentContainerInnerNoBorder{
padding:0px 15px 0px 10px;
}

/*#indexContentContainerOuter .indexContentContainerInnerNoBorder{
border-right:0px dotted gray;
}*/

#indexContentContainerOuter .indexContentSubHeader{
 color:#333;
 font-family:Georgia;
 font-weight:bold;
 font-size:100%;
 padding-bottom:20px;
 font-size:1.10em;
}

#indexContentContainerOuter .indexContent{
font-family:Arial;
font-size:85%;
line-height:135%;
}

.indexSubSAubHeader{
width:100%;
margin-top:10px;
font-family:Georgia;
font-weight:bold;
color:#073341;
text-align:center;
letter-spacing:0.075em;
font-size:0.85em;
}

.indexContent ul{
padding:0 0 0 7px;
margin: 0 0 0 7px;
list-style-type: square;
line-height:115%;
}

/*.indexContent ul li:before{
content: "\0BB \020";
}*/

.indexContent ul li{
padding:2px 2px 2px 2px;
}

.welcome{
font-family: Georgia; /*font-family : Geneva, Arial, Helvetica, sans-serif;*/
font-weight: bold;
color: #396BA2;
font-size: 125%;
margin-bottom: 0.5em;
}

hr {
background-color: #f00;
height: 0px;
border: 0px;
}

.blackdetailsmall{
font-size: 85%;
}

.pageContainer p{
line-height:120%;
margin-top:0.50em;
margin-bottom:1.50em;
}

.pageContainer p.o_details{
font-size: 110%;
padding-bottom:3px;
border-bottom:1px dotted #FDAF65;
color:#073341;
font-weight:bold;
margin-left:0px;
margin-top:1.00em:;
margin-bottom:0;
background-image:url('../images/bulletArrow.png');
background-repeat: no-repeat;
background-position: 1px 1px;
padding-left:15px;
}


.loginSubHeader{
font-family: Georgia;
font-size:145%;
font-weight:bold;
padding-bottom:7px;
letter-spacing:0.05em;
color:#fff;
padding-left:15px;
}

.loginSubmit{
background:#FDAF65;
border:0px;
padding: 2px 4px 2px 4px;
cursor:pointer;
margin-top:2px;
}

.submit{
background:#FDAF65;
border:0;
padding: 5px;
cursor:pointer;
margin-top:2px;
}

.closePopUp{
background:#003264;
border:0;
padding: 5px;
cursor:pointer;
margin-top:-5px;
color:#FFF;
}

.shim5{
height:5px;
}

.shim10{
height:10px;
}

.shim20{
height:10px;
}

.headerStatusMsg{
background:#FDAF65;
padding:5px;
font-family:arial;
font-size:85%;
font-weight:normal;
}

#loginTable{
color:white;
font-family:Arial,Geneva,Helvetica, sans-serif;
font-size:75%;
width:270px;
padding-right:10px;

}

#loginTable .loggedIn{
line-height:1.25em;
padding-top:5px;
}

.loginFormText{
color:#fff;
font-family:arial;
font-size:100%;
padding-top:2px;
}

.loginFormLink{
letter-spacing:0.125em;
font-size:85%;
text-decoration: none;
padding-top:5px;
font-family:arial;
color:#fff;
text-decoration: underline;
margin-left:1.35em;
}


#loginTable .loginFormLink{
color:white;
}

.mainIndexImg{					
margin-top:15px;
margin-bottom:10px;
border:1px solid #aaaaaa;
/*-moz-box-shadow: 2px  2px 2px #bcbcbc;
-webkit-box-shadow: 2px  2px  2px #bcbcbc;
box-shadow: 2px 2px  2px  #bcbcbc;*/
}

.smIndexImage{
margin-bottom:2px;
border:0px solid #eaeaea;
/*
-moz-box-shadow: 3px  3px 3px #bcbcbc;
-webkit-box-shadow: 3px  3px  3px #bcbcbc;
box-shadow: 3px 3px  3px  #bcbcbc;
*/
}

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

fieldset{
padding:5px;
width:98%;
background:#fff;
border: 4px double #FDAF65;
}

legend{
padding:5px;
margin-left:20px;
font-weight:bold;
}

form{
padding:5px;
font-weight:bold;
}

.surveyForm form div{
margin:5px;
}

.surveyForm input, select{
margin-bottom:10px;
}

form td{/*may break layout*/
padding:0px;
font-weight:bold;
}


form span.checkAll{
font-weight:normal;	
}


.formLabelNorm{
font-weight:normal;
}

.greymicroFine
{
font-size: 100%;
font-weight: normal; 
color: #565656;
}


#dataTable div.coursesData{
padding:10px;
background:#FDAF65;
color:#073341;
border:1px solid #073341;
}

.formRequired{
color:#FF0000;
}

#dataTable .registrationText{
font-weight:bold;
color:#0E6783;
}

#dataTable div.courseDescription{
color:#565656;
padding:5px;
}

.msg-fail{	
	font-weight:bold;
	width:100%;
	font-size:1.10em;
	color:#590A22;
	background-color:#FFB0B0;	
	padding:15px 0px 15px 0px;	
	margin-bottom:5px;
	border:0px solid #FF0000;	
	text-align:center; 
}


.msg-success{
	font-size:1.10em;
	font-weight: bold;
	color:#408080;
	width: 100%;
	padding:15px 0px 15px 0px;	
	background-color:#DEE;
	margin-bottom: 5px;
	border:0px solid #408080;
	text-align:center; 	
}

.msg-success-small{
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #003e00;
	width: 96%;
	border: 1px solid black;
	/*background-color: #14aad7;*/
	background-color: #FFFFCC;
	margin-bottom: 5px;
	padding:5px;	
}

.rustDetail{  
   color: #B87C47;
}

.descriptor{/*foobar*/}

.academicCal{
margin-left:20px;
margin-top:10px;
}

.divHeaderLoginTracker{
background:#073341;
color:#FFF;
}

.sysAnnouncements{
font-normal;				
}


/* /////////////////////////////////////////////////////////////// */
/* ///////////////////////// Legacy Styles /////////////////////// */
/* /////////////////////////////////////////////////////////////// */

.announcement {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 14px;
}

.blackDetail{
	font-family : "MS Sans Serif", Geneva, sans-serif;
	font-size : xx-small;
	font-size : 13px;
	/*font-weight : bold;
	*/
	color : #000000;
}
.blackDetailSmall{
	font-family : "MS Sans Serif", Geneva, sans-serif;
	font-size : 11px;
	color : #000000;
}

.blueSteel{
   /*background-color: #38485F;*/
   background-color: #506987;
}

/*BODY {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	padding-top : 10px;
	background-color : #F0F0F0;
}*/

.bodyBkgd{
	background-color : #F0F0F0;
}
.bodyBkgdBlue {
	background-color:#6699CC;
}
.bodyBkgdGreen {
	background-color:#CCFFCC;
}
.bodyBkgdYellow {
	background-color:#FFFFCC;
}
.bodyBkgdPink {
	background-color:#FFCCCC;
}
.bodyBkgdgrey {
	background-color:#CCCCCC;
}
.bodyBkgdorange {
	background-color:#FFCC99;
}
.boldBlue{
	color : #396BA2;
	font-weight : bold;
}

.bold_topic {
	font-family : Geneva, sans-serif;
	font-size : xx-small;
	font-size : 13px;
	font-weight : 900;
	/*color : #EE7C08;
	*/
	color : Black;
}

.chatTable{
	width : 40%;
	/*background-color : #f9f9f9;*/
	background-color : #DFE5E8;
	border : thin solid  Silver;
}

.contentTable{
	width : 100%;
	/*background-color : #f9f9f9;*/
	background-color : #DFE5E8;
	border : thin solid  Silver;
}



.details {
	font-family : "MS Sans Serif", Geneva, sans-serif;
	font-size : xx-small;
	font-size : 10px;
}

.dottedScore{
   border-bottom: thin solid #ECECEC;
}

.dropped{
	background-color : #FFFFBF;
}

.droppedText {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	font-size : 11px;
	font-weight : 900;
	/*color : #EE7C08;
	*/
	color : silver;
}

.error {
font-family : Geneva, Arial, Helvetica, sans-serif;
color : Red;
font-weight : bold;
font-size : 12px;
padding-top : 10px;
}		

.footerTrim{
	background-image: url(https://www.ctvhs.org/images/footer.gif); 
	background-repeat: repeat-x;
}

.form {
font-family :  Geneva, Arial, Helvetica, sans-serif;
font-size : xx-small;
font-size : 12px;
font-weight : bold;
}

.greyDetail{
	font-size : 0.95em;	
	color : #626262;
	font-weight:normal;
}



.microFine11
{
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	font-size : 11px;
	
}


.blackFineGreybkgd
{
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: x-small;
   font-weight: none;
   color: #000000;
   background-color : #F0F0F0;
}
.blackFineWhitebkgd
{
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: x-small;
   font-weight: none;
   color: #000000;
   background-color : #ffffff;
}

H3{
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : bold;
}

.Header {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 14px;
}

.headerbackground {
	background-color: #396BA2;
	/*background-color:#3E505A;
	*/
	border-color : #396BA2;
	;
}
.headerbackground2 {
/*background-color: #A0B1BC;*/
background-color : #396BA2;
}

.indent{
	margin-left : 29px;
}

.indexText{
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : medium;
	font-weight : bold;
}

.institution  {
  color: #FFFFFF;
}

.links {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 12px;
padding-top : 10px;
}

.listText{
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	line-height : normal;
}

.matchHeader{
	background-color : #BBCDD9;
}

.microFine
{
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	font-size : 10px;
	font-weight : bold;
}

.name {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : xx-small;
font-size : 12px;
font-weight : bold;
text-indent : 5px;
}

.noDeco{
	text-decoration : none;
	color: #4169E1;;
	font-family : "MS Sans Serif", Geneva, sans-serif;
	font-size : 10px;
}

.noDeco2{
	text-decoration : none;
	color: #4169E1;
	font-family : "MS Sans Serif", Geneva, sans-serif;
	font-size : 13px;
}

.o_detailsRed {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : Red;
}

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

.onDeco a{
	color: #4169E1;
	font-family : "MS Sans Serif", Geneva, sans-serif;
	font-size : 10px; 
}

.offWhite{
   background-color: #ECF2FB;
}

.padText{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	position : absolute;
	margin-left : 20px;
	padding-top : 5px;
	vertical-align : baseline;
}

.participatingInstitutionTable
{
	width : 100%;
	background-color : f9f9f9;
	border : thin solid Silver;
}

.questionTable
{
	width : 90%;
	background-color : f9f9f9;
	border : thin solid #ffffff;
}

.redDetail{
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-size : 12px;
	font-weight : 900;
	color : #C10000;
}

.resultsText{
	font-family : "MS Sans Serif", Geneva, sans-serif;
	font-size : xx-small;
	color : White;
}

.rowBackground {
background: #DBE3EE;
}

.rowbackground2{
	background: #BBCDD9;
}

.searchResults{
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height : 11px;
}

.set_italics{
	font-family : "Times New Roman", Times, serif;
	font-size : 12;
	font-style : italic;
	color : #626262;
}
.sixsixsix{
   background-image: url(../images/greyback.jpg);
   background-repeat: repeat-x;
   padding-top: 0px;
}

.shader{
   background-image: url(../images/shader.jpg);
   background-repeat: repeat-x;
    padding-top: -10px;
}

.smallText {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : .9em;
}		

.strong_emph{
	font-weight : bold;
	font-style : italic;
}

.strongIndent{
font-weight : bold;
	margin-left : 3px;
}

.subjectTitle{
	color : Blue;
}

.superSmall {
font-size : 2px;
}

.sysaccess{
   padding-top: 0px;
}

.techLitTable {
border: thin groove; 
border-color: Silver Gray Gray Silver;
}

.test_details {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : small;
	font-size : 12px;
	color : #EE7C08;
}

.warnText{
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : Red;
	font-size : 12px;
	padding-top : 10px;
}

.goodText{
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : green;
	font-size : 12px;
	padding-top : 10px;
}

.welcome	{
font-family : Georgia;

}

.whiteBkgd{
	background-color : white;
}
.whiteDetails {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	font-size : 10px;
	font-weight : bold;
	color : White;
}


.whiteheader {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	padding-top : 10px;
	color: White;
}

.whiteLinks	 {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	padding-top : 10px;
	color: White;
}

.whiteTable{
	border-bottom:thin groove #396BA2;
	border-top: thin groove #396BA2;
	border-left : thin groove #396BA2;
	border-right : thin groove #396BA2;
	border-color : white;
}

.DJC_MOD_AVHSHEADER{
   background-image: url(../images/vhs_header.jpg);
   background-repeat: no-repeat;
   height: 98px;
   width: 750px;
}

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

.DJC_MOD_AVHSMENU_THIN{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #ffffff;
   text-decoration: none;
}

.DJC_MOD_AVHSMENUPAD{
   padding-left: 220px;
   padding-top: 79px;
}

.DJC_MOD_AVHSTABLEPIX{
   width: 750px;
   border-bottom-color: #DDDDDD;
   border-top-color: #DDDDDD;
   border-left-color: #DDDDDD;
   border-right-color: #DDDDDD;
   border: 1px solid;
}

.djc_mod_avhslframe{
   margin-left: 70px;
   background-image: url(../images/frameSetM.jpg);
   background-repeat: repeat-x;
   height: 180px;
   width: 300px;
}

.djc_mod_avhsrframe{
   margin-right: 50px;
   background-image: url(../images/frameSetM.jpg);
   background-repeat: repeat-x;
   height: 180px;
   width: 300px;
}


.DJC_MOD_AVHSTEXT{
   padding-left: 10px;
   padding-bottom: 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
}

.djc_mod_avhssubtext{
   padding-left: 20px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

.djc_mod_avhssubtextgrey{
   padding-left: 20px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #707070;
   padding-bottom: 5px;
}

.DJC_MOD_AVHSQWIKSEARCH{
   background-color: #5E5546;
}

.DJC_MOD_AVHSNODECO{
   text-decoration: none;
   color: #000000;
}

.DJC_MOD_AVHSFORMFRAME{
   background-image: url(../images/formGrad.jpg);
   background-repeat: repeat-x;
   height: 171px;
   width: 300px;
   border-style: thin;
   border: 1px solid ThreedFace;
}



.djc_mod_headerBkgd{
   background-image: url(../images/headerBkgd.jpg);
   background-repeat: repeat-x;
   height: 41;  
}

.djc_mod_orGlow{
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	font-size : 11px;
	font-weight : 900;
	/*color : #EE7C08;
	*/
	color : DA8415;  
}

.djc_mod_tab{
   background-image: url(../images/tabTitle.jpg);
   background-repeat: no-repeat;
   height: 18;
   width: 350;
   
}

.outerDiv1{
	color: #000000;
	font-family : "MS Sans Serif", Geneva, sans-serif;
	font-size : x-small;
	background: F0F0F0;margin-top:0px; background-position: top;width=151px;height:336px;padding: 0 0 0;
}
.innerDiv1{
	background: white;
	margin-left:2px; 
	margin-top: 2px; 
	margin-right: 2px;
	margin-bottom: 2px; overflow: auto; width: 150px; height:335px; background-attachment: scroll; padding: 0 0 0;
	color: #000000;
	font-family : "MS Sans Serif", Geneva, sans-serif;
	font-size : x-small;
}

.linkDiv{
	text-decoration : none;
	color: #000000;
	font-family : "MS Sans Serif", Geneva, sans-serif;
	font-size : 11px;
}
a.linkDiv:hover {text-decoration: underline; }

#course_evaluation p,
.survey_form_table,
.form_table {
  margin-top: 1em;
}

#course_evaluation p,
.survey_form_table,
.form_table {
  margin-top: 1em;
}

.survey_form_table .section_label_cell {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
  padding: 2em;
  background: #DDDDDD;
  margin-top: 1em;
}

.survey_form_table th,
.survey_form_table td {
  color: #586478;
  font-size: 13px;
  font-family: Tahoma;
  padding: 0.5em;
}
 
.form_select_radio_values {
  font-weight: bold;
}
  
td.form_label {
  width: 50%;
}

td.form_select_radio {
  text-align: center;
  width: 9%;
  padding: 0.5em 0em 0.5em 0em;
  font-size: 12px;
}

.course_id_label {
  margin-right: 2em;
  text-align: right;
}

/* TODO: radio buttons look stupid with this */
input.error,
textarea.error,
select.error {
  border: 2px solid red;
}

/* other styles --------------------------------------------------------- */

strong.warning {
  color: #FF0000;
}

dl.definition_list dt {
  font-weight: bolder;
}

p.figure {
  text-align: center;
}

img.figure {
  margin: 0.5em;
  padding: 0.5em;
  border: 1px solid #000000;
}

/* MQ: transferring some info from the VT App for student lockout ------ */

.o_details_blue {
	font-family: tahoma;
	font-size : 11px;
	font-weight : 900;	
	color : white;
	background-color:blue;
}


.o_details_red {
	font-family: tahoma;
	font-size : 11px;
	font-weight : 900;	
	color : white;
	background-color:red;
}

.o_details_yellow {
	font-family: tahoma;
	font-size : 11px;
	font-weight : 900;	
	color : Black;
	background-color:yellow;
}

.o_details_green{
	font-family: tahoma;
	font-size : 11px;
	font-weight : 900;	
	color : white;
	background-color:green;
}

/* /////////////////////////////////////////////////////////////////////////// */
/* ////////////////////// Media Quiries (4) Breakpoints ////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// */

@media only screen and (max-width : 480px){		
	.pageContainer{
	width:90%;	
	}  		
	
	#headerOuter{
	text-align:center;
	}	
	
	#headerImg{
 	width: 100% ;
	  margin-left: auto;
	  margin-right: auto;	  
	}
		
	.pkgInner{
	clear:left;
	width:100%;	
	margin-left:auto;
	margin-right:auto;		
	}
	
	#headerRightAside{
	  width: 100% ;
	  margin-left: auto ;
	  margin-right: auto ;
	  margin-top:10px;
	  margin-bottom:10px;
	}
		
	#menu div{
      clear:left;
	  width:80%;		  
	}
	
	#menu a{
	   display:block;
	   margin:0 0 2px 0;
	   padding:7px 20px;
	   background:#073341;
	   color:#fff;
	   text-decoration:none;
	   line-height:1.3em; 
	}
	
	#menu a:hover {
		color: #333;
		text-decoration: none;	
		background: #fdaf65;
	}	
	
}


@media only screen and (max-width : 640px){/*was 767, 725*/
	.pageContainer{
	width:90%;	
	}  		
	
	#headerOuter{
	text-align:center;
	}
	
	#headerImg{
 	width: 100% ;
	  margin-left: auto;
	  margin-right: auto;	  
	}
		
	.pkgInner{
	clear:left;
	width:100%;	
	margin-left:auto;
	margin-right:auto;		
	}
	
	#headerRightAside{
	  width: 100% ;
	  margin-left: auto ;
	  margin-right: auto ;
	  margin-top:10px;
	   margin-bottom:10px;
	}
		
	#menu div{
      clear:left;
	  width:80%;		  
	}
	
	#menu a{
	   display:block;
	   margin:0 0 2px 0;
	   padding:7px 20px;
	   background:#073341;
	   color:#fff;
	   text-decoration:none;
	   line-height:1.3em; 
	}
	
	#menu a:hover {
		color: #333;
		text-decoration: none;	
		background: #fdaf65;
	}	
}


@media only screen and (max-width : 730px){
	.pageContainer{
	width:90%;	
	}  		
	
	#headerOuter{
	text-align:center;
	}
	
	#headerImg{
 	width: 100% ;
	  margin-left: auto;
	  margin-right: auto;	  
	}
		
	.pkgInner{
	clear:left;
	width:100%;	
	margin-left:auto;
	margin-right:auto;		
	}
	
	#headerRightAside{
	clear:left;
	width: 100%;
	margin-left: auto ;
	margin-right: auto ;
	margin-top:10px;
	margin-bottom:10px;
	}
	
	#menu {
   font-family:Arial; 
   font-size:80%;
	}	
	
}


/* START smaller tablets landscape  */
@media only screen and (max-width : 767px){	

	.pageContainer{
	width:75%;
	}   
	
	#headerInner{
	width:50%;
	text-align:center;	
	}

	.pkgInner{
	clear:left;
	border-bottom:5px solid #0E6783;
	text-align:center;
	}
	
	#headerImg{
	clear:left;
	text-align:center
	margin-left:auto;
	margin-right:auto;
	}	
	
}


@media only screen and (max-width : 1024px){	
	.pageContainer{
	width:80%;		
	}   
	
	#headerInner{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	}

	.pkgInner{
	margin-left:10%;
	border-bottom:5px solid #0E6783;
	}
	
	#indexContentContainerOuter .indexContentContainerInner, .indexContentContainerInnerNoBorder{
	border-bottom:1px dotted gray;
	clear:left;
	width:99%;
	padding:10px 0px 10px 0px;	
	height:auto;	
	}
	
	#indexContentContainerOuter .indexContentContainerInner2{
	border-bottom:1px dotted gray;
	border-right:0;
	border-left:0;
	clear:left;
	width:99%;
	padding:10px 0px 10px 0px;	
	height:auto;	
	}	
	
	#indexContentContainerOuter .indexContentContainerInnerNoBorder{
	border-bottom:0;	
	}

}
 
.x-body {
	font-size: inherit;
	font-family:Arial,Geneva,Helvetica, sans-serif !important;
}

.x-border-box, .x-border-box * {
    box-sizing: inherit;
}

td {
    margin: inherit  !important; 
    padding: inherit !important;
}

strong{
    font-style: normal;
    font-weight: bold;
}

.noRecordsFound{
color:#FF0000;
}

.centered_div {
	width:500px;
	/*height: 400px;*/
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -250px; /*make this value half of whatever the width of the window is*/
	margin-top: -200px; /*make this value half of whatever the height of the window is*/
	background: white;
	/*border: 2px solid #BF9D16;*/
	z-index:2;
	position: fixed;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	padding:15px 20px 10px 20px;
	display:block;
}     

.centered_div .inner{
	/*height:350px;*/
	overflow:auto;
	/*border:1px solid silver; */
}   

.centered_div .inner .content{
	padding:0px;
}        

.centered_div .inner .content .scrolling{
	overflow;auto;
	height:300px;
	padding-right:10px;
}       

#overlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding:0;	
	background-color:rgba(0, 0, 0, 0.55);
	z-index:1;
	width:100%;
	display:block;
}

h4.subheading{
	font-weight: bold;
	font-size:120%;
	margin:0;
	padding:0;
	margin-bottom: 10px;
	color:#003264;
	letter-spacing:0.010em;
	font-family: Georgia,Times,Times New Roman,serif;
}

#noteContainer{
	 margin-top:20px;	
}

#noteContainer h2{
	 font-family: Georgia,Times,Times New Roman,serif;
	 color:#396BA2;
	 font-size:120%;
}

#noteContainer .noteHeader{
	padding:5px;
}

#noteContainer .active, .inactive{
	color:green;
	font-size:1.40em
}

#noteContainer .inactive{
	color:red;
}

#noteContainer .hRuleScreen{
	 border-top:1px dotted #FDAF65;
	 clear:both;
	 margin-bottom:5px;
}

#noteContainer .noteContainerInner{
	 background:#F4F2F2;
	 padding:7px;
	 font-size:90%;
}

#noteFrm .inputTitle, .inputText{
	border:1px solid #396BA2	
}

#noteFrm .inputText{
	width:99%;
	resize:none;	
}

#noteFrm .optional{
	color:gray;
	font-weight:normal;
}

.flRight{
	float:right;	
}

.flleft{
	float:left;	
}