/*********************************************
** Additional Items - CUSTOM FOR NJCU WEBSITES
**********************************************/

form.header {
margin: 0;
background-color: #FFFFFF;
width: 400px;
}

select.formdrop	{
font-family: arial, helvetica;
font-size: 11px;
background-color: #FFFFFF;
color:#000000;
}


/****************************************
	DEFAULT STYLE ELEMENTS
*****************************************/
body {
background-color : #eaeef1; 
margin : 0; 
padding : 0; 
font-size : 10px; 
color : #333333; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
} 



td , th {
font-size : 12px; 
color : #333333; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
} 
img {
border : 0; 
} 
.content a , .content a:visited , .content a:active {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #ff9900; 
} 
.content a:hover {
color : #597f94; 
} 
.top {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
/* color : #333333; */
color : #ffffff; 
} 
.top a , .top a:visited , .top a:active {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #ffffff; 
/*  color : #333333;  */
text-decoration : underline; 
} 
.top a:hover {
/* color : #5e5e5e;  */
color : #ffffff; 
} 

.disclaimer {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
/* color : #333333; */
color : #0000ff; 
} 
.disclaimer a , .disclaimer a:visited , .disclaimer a:active {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #0000ff; 
/*  color : #333333;  */
text-decoration : underline; 
} 
.disclaimer a:hover {
/* color : #5e5e5e;  */
color : #0000ff; 
} 

td.logo {
width : 190px; 
height : 100px; 
vertical-align : middle; 
text-align : center; 
background-color : #ffffff; 
border-right : 1px solid #bec9d1; 
} 
td.banner {
width : 570px; 
height : 100px; 
vertical-align : middle; 
text-align : center; 
background-color : #ff9900; 
border-right : 1px solid #ffffff; 
} 
td.navtitle {
width : 190px; 
height : 30px; 
vertical-align : middle; 
text-align : left; 
background-color : #cc9900;
/* background-color : #E69500; */
/* background-color : #bec9d1;  */
border-right : 1px solid #ffffff; 
border-top : 1px solid #ffffff; 
border-bottom : 1px solid #ffffff; 
} 
td.pagetitle {
width : 550px; 
height : 30px; 
vertical-align : middle; 
text-align : left; 
background-color : #07574C;
/* background-color : #003300; */
/* background-color : #597f94;  */
border-right : 1px solid #ffffff; 
border-top : 1px solid #ffffff; 
border-bottom : 1px solid #bec9d1; 
padding-left : 15px; 
padding-right : 15px; 
} 
td.topblank {
height : 30px; 
vertical-align : middle; 
text-align : center; 
background-color : #bec9d1; 
border-top : 1px solid #ffffff; 
border-bottom : 1px solid #ffffff; 
} 
td.navigationcontent {
width : 190px; 
height : 500px; 
vertical-align : top; 
text-align : left; 
border-right : 1px solid #bec9d1; 
} 
td.pagecontent {
width : 550px; 
height : 500px; 
vertical-align : top; 
text-align : left; 
background-color : #ffffff; 
border-right : 1px solid #bec9d1; 
padding-top : 10px; 
padding-bottom : 20px; 
padding-left : 15px; 
padding-right : 15px; 
} 
td.poweredby {
height : 60px; 
vertical-align : middle; 
text-align : center; 
background-color : #cc9900;
/* background-color : #bec9d1; */
border-right : 1px solid #ffffff; 
border-top : 1px solid #ffffff; 
} 
td.footercopyright {
width : 570px; 
height : 60px; 
vertical-align : middle; 
text-align : center; 
background-color : #07574C;
/* background-color : #597f94;  */
border-right : 1px solid #ffffff; 
border-top : 1px solid #bec9d1; 
} 
td.footerblank {
height : 60px; 
vertical-align : middle; 
text-align : center; 
background-color : #bec9d1; 
border-top : 1px solid #ffffff; 
} 
.NavInfo {
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #ffffff; 
text-transform : uppercase; 
font-weight : bold; 
font-size : 10px; 
vertical-align : middle; 
text-decoration : none; 
} 
.HeaderInfo {
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #ffffff; 
padding-right : 10px; 
text-transform : uppercase; 
font-weight : bold; 
font-size : 10px; 
vertical-align : middle; 
text-decoration : none; 
} 
.HeaderInfo a:link , .HeaderInfo a:visited {
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #ffffff; 
padding-right : 10px; 
text-transform : uppercase; 
font-weight : bold; 
font-size : 10px; 
vertical-align : middle; 
text-decoration : none; 
} 
.HeaderInfo a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #ffffff; 
text-transform : uppercase; 
font-weight : bold; 
font-size : 10px; 
vertical-align : middle; 
text-decoration : underline; 
} 
.FooterInfo {
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #ffffff; 
padding-left : 10px; 
padding-right : 10px; 
text-transform : uppercase; 
font-weight : bold; 
font-size : 10px; 
vertical-align : middle; 
text-decoration : none; 
} 
.FooterInfo a:link , .FooterInfo a:visited , .FooterInfo a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #ffffff; 
text-transform : uppercase; 
font-weight : bold; 
font-size : 10px; 
vertical-align : middle; 
text-decoration : none; 
} 
.ContentTable {
padding-left : 10px; 
padding-right : 10px; 
} 
.msg {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #009900; 
font-weight : bold; 
text-transform : uppercase; 
text-decoration : none; 
vertical-align : bottom; 
} 
.error {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #af5403; 
font-weight : bold; 
text-transform : uppercase; 
text-decoration : none; 
vertical-align : bottom; 
} 
.Content {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #333333; 
text-decoration : none; 
} 
.Content a:link , .Content a:visited {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #ff9700; 
text-decoration : underline; 
} 
.Content a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #597f94; 
text-decoration : underline; 
} 
.copyright {
font-family : Verdana, Arial, Helvetica, sans-serif; 
/* background-color : #597f94;  */
font-size : 10px; 
color : #ffffff; 
text-decoration : none; 
} 
.square {
background-color : #ff9700; 
} 
.itemHR {
border : 1px dashed #b0c2cc; 
height : 1px; 
}
.ShowLink {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #333333; 
background-color : #ffffff; 
text-decoration : none; 
} 
.ShowLink a:link , .ShowLink a:visited {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #333333; 
text-decoration : underline; 
} 
.ShowLink a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #5e5e5e; 
text-decoration : underline; 
} 
.blnAdminMenu {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #597f94; 
font-weight : bold; 
} 
.blnAdminMenu a , .blnAdminMenu a:link , .blnAdminMenu a:visited {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #597f94; 
font-weight : bold; 
text-decoration : underline; 
} 
.blnAdminMenu a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #ff9700; 
font-weight : bold; 
text-decoration : underline; 
} 
.txtsmall {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 9px; 
color : #333333; 
text-decoration : none; 
} 
.txtsmall a:link , .txtsmall a:visited {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 9px; 
color : #597f94; 
text-decoration : underline; 
} 
.txtsmall a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 9px; 
color : #333333; 
text-decoration : underline; 
} 
.titlesmall {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : bold; 
color : #598094; 
text-decoration : none; 
} 
.titlesmall a:link , .titlesmall a:visited {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : bold; 
color : #598094; 
text-decoration : none; 
} 
.titlesmall a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : bold; 
color : #ff9700; 
text-decoration : none; 
} 
.Installed {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #00a100; 
text-decoration : none; 
} 
.NotInstalled {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #c0c0c0; 
text-decoration : none; 
} 
.AdminMenuBox {
border : 1px dotted #b1b1b1; 
} 
.AdminHR {
color : #598094; 
height : 1px; 
}
.authenabled {
border: 1px solid #BEC9D1;
color: #000000;
}
.authdisabled {
border: 1px solid #EEEEEE;
color: #EEEEEE;
}

/****************************************
	FORM ELEMENTS
*****************************************/
input , textarea , select {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #666666; 
background-color : #f4f6f8; 
border-color : #bec9d1; 
border-style : solid; 
border-width : 1px; 
} 
input.submit {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #ffffff; 
font-weight : bold; 
background-color : #597f94; 
border-color : #f4f6f8; 
border-style : solid; 
border-width : 1px; 
} 
input.apply {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #000000; 
font-weight : bold; 
background-color : #ffffff; 
border-color : #000000; 
border-style : solid; 
border-width : 1px; 
} 
input.delete {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #ffffff; 
font-weight : bold; 
background-color : #fc0000; 
border-color : #000000; 
border-style : solid; 
border-width : 1px; 
}

/****************************************
	NAVIGATION MENU STYLE ELEMENTS
*****************************************/

/*************************
** Common Menu Elements **
*************************/
ul#sd_menu, ul#sd_menu_sub {
	font-size: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px;
	}

ul#sd_menu li, ul#sd_menu_sub li {
	position: relative;
	line-height: 20px;
	width: 190px;
	font-size: 10px;
	z-index:100;
	}
	
/***********************
** Top Pages Elements **
***********************/

/* Normal */
ul li#top_page a {
	display: block;
	font-size: 10px;
	color: #597F94;
	font-weight: bold;
	text-decoration: none;
/*	width: 190px; */
	padding-left: 35px;
	background-color: #EAEEF1;
	background-image:url(../images/arw.gif);
	background-repeat:no-repeat;
	background-position: 25px 6px;
	border-bottom: 1px dashed #C3CAD0;
}
	ul li#top_page a:hover {
/*		width: 190px; */
		font-size: 10px;
		background: #FFFFFF;
		background-image:url(../images/arw.gif);
		background-repeat:no-repeat;
		background-position: 25px 6px;
	}

/* Hidden */
ul li#htop_page a {
	display: block;
	font-size: 10px;
	color: #9DB6C3;
	font-weight: bold;
	text-decoration: none;
/*	width: 190px; */
	padding-left: 35px;
	background-color: #EAEEF1;
	background-image:url(../images/harw.gif);
	background-repeat:no-repeat;
	background-position: 25px 6px;
	border-bottom: 1px dashed #C3CAD0;
}
	ul li#htop_page a:hover {
/*		width: 190px; */
		font-size: 10px;
		background: #FFFFFF;
		background-image:url(../images/harw.gif);
		background-repeat:no-repeat;
		background-position: 25px 6px;
	}
	
/***********************
** Sub Pages Elements **
***********************/
ul#sd_menu_sub {
	border: none;
	}

li ul#sd_menu_sub {
	position: absolute;
	left: 190px;
	top: 0;
	display: none;
	}

/* Normal */
ul li#sub_page a {
	font-size: 10px;
	line-height: 20px;  /* Added new */
	width: 190px; /* Added new */
	display: block;
	color: #597F94;
	font-weight: bold;
	text-decoration: none;
	padding-left: 25px;
	border:none;
/*	background: #EAEEF1; */
	background: #eeeeee;
	background-image:url(../images/arws.gif);
	background-repeat:no-repeat;
	background-position: 15px 6px;
}
	ul li#sub_page a:hover {
		font-size: 10px;
/*		background: #F6F7F9; */
		background: #dedede;
		background-image:url(../images/arws.gif);
		background-repeat:no-repeat;
		background-position: 15px 6px;
	}

/* Hidden */
ul li#hsub_page a {
	font-size: 10px;
	line-height: 20px;  /* Added new */
	width: 190px; /* Added new */
	display: block;
	padding-top:-1px;
	color: #9DB6C3;
	font-weight: normal;
	text-decoration: none;
	padding-left: 25px;
	border:none;
	background: #EAEEF1;
	background-image:url(../images/harws.gif);
	background-repeat:no-repeat;
	background-position: 15px 6px;
}
	ul li#hsub_page a:hover {
		font-size: 10px;
		background: #F6F7F9;
		background-image:url(../images/harws.gif);
		background-repeat:no-repeat;
		background-position: 15px 6px;
	}

/*************************************
** Required Elements Do Not Modify  **
*************************************/

* html ul#sd_menu li, * html ul#sd_menu_sub li { float: left; height: 1%; }
* html ul#sd_menu li a, * html ul#sd_menu_sub li a  { height: 1%; }
li:hover ul#sd_menu_sub, li.over ul#sd_menu_sub { display: block; } 

