/*-----------------*/
/* Default Styles  */
/*----------------*/
* { 
	padding:2 2 2 2; /* top, right, bottom, left */
	margin:0 0 0 0;
}

html {
	overflow-y: scroll; 
	/* This stops an unneccessary Horizonal scroll bar in IE IFRAMES */
	/* overflow-x: hidden; */
	/* overflow-y: auto; */
	/* margin-right: -15px; */
	/* margin-bottom: -15px; */
}

body
{
	MARGIN: 0px;
	padding:0px;
	color: black; 		/* Font Colour */
	font-size: 12pt;
 	line-height: 16pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	scrollbar-arrow-color: #0066C8;
	scrollbar-3dlight-color: #4F4F82;
	scrollbar-darkshadow-color: #4F4F82;
	scrollbar-face-color: #f4f4f0;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #d0d0d0;
	scrollbar-track-color: #ffffff;
}

a.body:link, a.body:visited {
	color: #444444;
	text-decoration: underline;
}
	
a.body:hover {
	color: #990033; /* Blood red */
	text-decoration: underline;
}

.onlyprint { 
	display: none;
}	

/*------------------*/
/* Link Styles    */
/*------------------*/

a:hover img {
	background: #f9f9f9;
	border: none;
}

A:link
{
	COLOR:#226AFC  ; /* Light Blue *//* #0000ff Royal blue */
	text-decoration: underline;
}

A:visited
{
    COLOR: black; /* #0000ff Royal blue */
}

A:active
{
    	COLOR: #cc3333; /* Bright Red */
		text-decoration: none;
}

A:hover,.focused,.expanded
{
	/* background: #808080; /* FD3*/
	color: #cc3333; /* Bright Red */ 
	text-decoration: underline;
}

/*----------------------*/
/* Default Tag Styles  */
/*--------------------*/
img {
	border: none;
}

le,td {
	color: #000000;
	font-size: 10px;
	}

p {
	line-height: 1.4;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 10px;
	}
	
LI {
	LIST-STYLE-TYPE:none; 
	margin-left: 6px; 
	MARGIN-BOTTOM: 2px;
	}
	
UL {
	/*	MARGIN-TOP: 2px;*/
	}

/*---------------*/
/* Image Styles */
/*-------------*/
a img 
{
	border: none;
}

/*------------------------*/
/* Horizontal Row Styles */
/*----------------------*/
hr
{
	margin-left : 18px;
	align: left;
	height: 1px;
	color: #DDDDDD;
    NOSHADE: true
}

/*------------------*/
/* Heading Styles  */
/*----------------*/

h1 {
	color: #EA1313;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	}

h2 {
	color: #990033;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px; 
	font-weight: bold; 
	margin-bottom: 0px;
	margin-top: 0px;
	}

h3 {
	color: #000000; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 6px;
	}

h4 {
	color: #000000; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold; 
	margin-bottom: 2px;
	}

h5 {
	color: #333333; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight: bold; 
	margin-bottom: 1px;
	}
	
.PageHeading
{
    height: 35px;
    margin-left : 18px;
    padding:0 0 0 8;
    FONT-SIZE: 12pt;
    font-weight: bold;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BORDER-BOTTOM: Black 1px solid;
    BORDER-TOP: #808080 1px solid;
	text-align: left;
}

 .SectionHeading
{
   line-height: 30px;
    /*margin-left : 18px;*/
    padding:0 0 0 8;
    FONT-SIZE: 10pt;
    font-weight: bold;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BORDER-BOTTOM: #808080 1px solid;
	text-align: left;
	background-image: url(/images/bars/silver/bar.gif);
	background-repeat : repeat-x; 
	height:10; /* was 26. changed for some reason */
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #9E9E9E; /* Added for firefox */

}

.SectionSubHeading
{
    /* FONT-SIZE: 8pt; */
    font-weight: bold;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    /*margin-left : 18px;*/
    line-height: 20px;
    padding:0 0 0 8;
	text-align: left;
	FONT-SIZE: 8pt;
}

.Grid {
	width:100%;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16pt;
	margin-left: 4px;
	margin-right: 2px;
	border: 0px;
	text-decoration: none;
	background-image: url(/images/backgrounds/highlight.gif)  ;
	}


/* Delete the Banner Headings section */
/*--------------------*/
/* Banner Heading  */
/*------------------*/
.BannerHeading
{
    margin: 1px;
    padding:2px;
    FONT-SIZE: 16pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.heading
{
    FONT-SIZE: 16pt;
    font-weight: bold;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

/*----------------*/
/* Table Styles */
/*--------------*/

.TableFormat
{
	border-width:1;
	border-collapse: collapse;
	border-color: #CBCBCB;

}

.lightgreytable
{
    BORDER-LEFT: #808080 1px solid;
    BORDER-RIGHT: #808080 1px solid;
    BORDER-BOTTOM: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-SIZE: 8pt;
    BACKGROUND-ATTACHMENT: scroll;
    COLOR: black;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: lightgrey;
    Font-COLOR: black
}

.rowHover 
{
    background-color: green; /* #f0f0f0 near white */
    cursor: pointer;
}

.RowWhite
{
    BACKGROUND-COLOR: #FFFFFF; /*White*/
}

.cellHover 
{
    background-color: #fffff0; /* near white */
    cursor: pointer;
}

.CellWhite
{
	font-size: 10px; /*10px*/
	line-height: 10px;
	BACKGROUND-COLOR: white;
	background-color : #FFFFFF; /* fixes IE problem where borders disappear */
	margin: 2px;
	padding: 2px;
}

div.CellWhite
{
		font-size: 10px; /*10px*/
}

.CellColour
{
	font-size: 10px;
	line-height: 10px;
	margin: 2px;
	padding: 2px;
	border-left-color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------*/

/*---------------------------*/
/* Tableless Section Styles */
/*-------------------------*/
div.clearfloats {
	clear: both;
}

/*-----------------------*/
/* Error Section Styles */
/*---------------------*/
.textinfo {
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	width: 60%;
}

.textinfoHead {
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 10%;
}

.textinfoImage, .texterrorImage{
	width: 2%;
}

.texterror {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #cc0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 67%;
}

.texterrorHead {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #cc0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 5%;
}

.texterrorsmall {
    /*padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;*/
	FONT-WEIGHT: Bold;
	FONT-SIZE: 8pt;
	COLOR: #cc0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
}
.boxError {
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	background: #f9f9f9; /* Light Grey - commented out cause stuffs up IE les*/ 
	color: black;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	margin: 8px;
	padding: 8px;
	text-align: left;
}
/*-----------------------------------------------------------------------------------*/

/*------------------------*/
/* Box Section Styles */
/*----------------------*/

/* change this to boder #333333 */
/* 	background: #f9f9f9; */
/* background: #f9f9f9;*/ /* Light Grey - commented out cause stuffs up IE les*/ 
.box {
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	border-top: 2px solid #B6B6B6;
	border-bottom: 2px solid #eeeeee;
	/* background: #f9f9f9; /* Light Grey - commented out cause stuffs up IE les*/ 
	color: black;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.boxdashed {
	border:1px dashed #999;
	padding:.5em;
}

/*--------------------------------------*/
/* Content Box Child Styles  - REMOVE  */
/*------------------------------------*/
.box-top-left {  background-image: url(/images/box/box-top-left.gif); background-repeat: no-repeat; height: 8px; width: 9px}
.box-top-leftTEXTURE {  background-image: url(/images/box/box-top-leftTEXTURE.gif); background-repeat: no-repeat; height: 30px; width: 9px}
.box-top {  background-image: url(/images/box/box-top.gif); background-repeat: repeat-x; height: 8px}
.box-topTEXTURE {  background-image: url(/images/box/box-topTEXTURE.gif); background-repeat: repeat-x; height: 30px}
.box-top-right {  background-image: url(/images/box/box-top-right.gif); background-repeat: no-repeat; height: 8px; width: 9px}
.box-top-rightTEXTURE {  background-image: url(/images/box/box-top-rightTEXTURE.gif); background-repeat: no-repeat; height: 30px; width: 9px}
.box-left {  background-image: url(/images/box/box-left.gif); background-repeat: repeat-y}
.box-right {  background-image: url(/images/box/box-right.gif); background-repeat: repeat-y; width: 9px}
.box-bottom {  background-image: url(/images/box/box-bottom.gif); background-repeat: repeat-x}
.box-bottom-left {  background-image: url(/images/box/box-bottom-left.gif); background-repeat: no-repeat; width: 9px}
.box-bottom-right {  background-image: url(/images/box/box-bottom-right.gif); background-repeat: no-repeat; width: 9px}

/*-----------------------------------------------------------------------------------*/

/*-----------------------*/
/* Content Box Styles   */
/*---------------------*/

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.boxheadleft {
	background: url(/images/box/boxhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 0 0 0 20px;
	text-align:left;
}
.boxhead {
	background: url(/images/box/boxhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	max-width: 1000px;
}

.boxhead h2 {
	background: url(/images/box/boxhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 8px 20px 9px; /* 22px 30px 5px top,right,bottom,left */
	font-color: red; 
	font-weight: bold; 
	font-size: 1.2em; /*1.2em */
	line-height: 1em;
	text-align:left;
}

.boxhead span {
	margin: 0;
	color: black; 
	font-weight: bold; 
	font-size: 1.0em; /*1.2em */
	line-height: 1em;
	text-align:left;
	}
	
.boxhead img {
	padding: 5px 8px 5px 8px ; /* 22px 30px 5px top,right,bottom,left */
}

.boxhead p {
	background: url(/images/box/boxhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 8px 20px 9px 0px; /* 22px 30px 5px top,right,bottom,left */
	color: black; 
	font-weight: bold; 
	font-size: 1.0em; /*1.2em */
	line-height: 1em;
	text-align:left;
}

.simplebox {
	margin: 10px auto; /* center for now */ /* 10px spaces out the controls */
	background: url(/images/box/boxbody-r.gif) no-repeat bottom right;
}

.boxbody {
	margin 0;
	background-color:#FFFFFF;
	border-left: 1px solid #CBCBCB;	
	border-right: 1px solid #CBCBCB; 
	/*border-bottom: 1px dashed #CBCBCB;*/
	padding: 5px 15px 0px; /* top,right,bottom,left */
}

.boxbodynopad {
	margin 0;
	background-color:#FFFFFF;
	border-left: 1px solid #CBCBCB;	
	border-right: 1px solid #CBCBCB; 
	/*border-bottom: 1px dashed #CBCBCB;*/
	padding: 0px 0px 0px; /* top,right,bottom,left */
}

.boxfooter {
	background: url(/images/box/boxbody-l.gif) no-repeat bottom left;
	margin 0;
	padding: 0; /* top,right,bottom,left */
}

* html .boxfooter {padding: 0px 0px 10px 0px;} /* For IE 6 PC */


/*-----------------------------------------------------------*/
/* ToolBar for Application (top/bottom) in Student Portal   */
/*-------------------------------------------------------- */	

/* Show only to IE PC \*/
* html .toolbarbox {height: 1%;} /* For IE 5 PC */

div#toolbarbox {
		background:url(/images/bars/silver/toolbar-right-bg.gif) no-repeat top right;
		margin: 0;
		padding: 0;
		max-width: 1000px;
		position: relative;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-weight:bold;
		COLOR: #444444;
		FONT-SIZE: 16px;
		line-height: 2em;
}
div#toolbarbox div#toolbarboxleft {
	background:url(/images/bars/silver/toolbar-left-bg.gif) no-repeat top left;
	margin: 0;
	padding: 0 0 0 0;
	text-align:left;
	float: left;
	width: 100%;
	height: 30px;
}
div#toolbarbox div#toolbartext {
	float: left;
	margin: 0px 0 0 10px; /* top, right, bottom, left */
	position: inherit; 
}

/* top, right, bottom, left */

div#toolbarbox div#toolbarbuttons {
	float: right; 
	margin: 5px 10px 0px 0;  /* top, right, bottom, left */
	position: inherit; 	
	vertical-align:middle;
	line-height: 1.0em;
}

div#toolbarbox div#toolbarbuttons a {
}
div#toolbarbox div#toolbarbuttons a img {
}

/* Clear fix  */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* a fix for IE for Mac */
.clearfix {
	display: inline-block;
}
/* end fix */
/* a fix for IE6 for windows */
* html .clearfix { height: 1% }
.clearfix { display: block; }
/* end Clear fix */

/*-----------------------------------------------------------------------------------*/
/*----------------*/
/* Text Specific */
/*--------------*/
/* font-family is already defined, here I only set the font-size */

.crumb
{
	FONT-WEIGHT: 400;
    FONT-SIZE: 7pt;
    COLOR: #808080; /*#666666;*/
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
}

.crumb A:link {COLOR: #666666; TEXT-DECORATION: none;}
.crumb A:active {COLOR: #666666; TEXT-DECORATION: none;}
.crumb A:visited {COLOR: #666666; TEXT-DECORATION: none;}
.crumb A:hover {COLOR: #666666; TEXT-DECORATION: underline;}

.smalltext
{
	FONT-WEIGHT: 400;
	FONT-SIZE: 7pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14pt;
	margin-left: 2px;
	margin-right: 2px;
	border: 0px;
	text-decoration: none;
}

.mediumtext
{
    FONT-SIZE: 10pt;
}

.largetext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.menutext
{
	FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #FFFFFF;
	line-height: 10pt;
	margin-left: 2px;
	margin-right: 2px;
	border: 0px;
	text-decoration: none;
}

.redtext
{
    FONT-SIZE: 10px;
    COLOR: #cc0000;
	margin: 2px;
	padding: 4px;
}
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------*/
/*  Panel Styles for creating 		*/
/*  grid like displays with only   */ 		 
/*  vertical separators 		  */
/*------------------------------*/


.PanelFormat
{
	border-width:1;
	border-collapse: collapse;
	font-size: 10px;
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}
.PanelHeading
{
	background-image: url(/images/bars/silver/bgSilver.gif);
	background-repeat : repeat-x; 
	height:10; /* was 26. changed for some reason */
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	/*border-bottom: 1px solid #9E9E9E; /* Added for firefox */

}

.PanelDivider
{
	clear: both;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	border-bottom: 1px dotted #B1B1B1; /*#003366;*/
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	/*color: #CBCBCB; #3C78B5;*/
}

/*-----------------------------------*/
/*  Button Styles for creating 		*/
/*  hover like effects 			   */ 		 
/*								  */
/*------------------------------*/

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: .80;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

a.squarebutton{
background: transparent url('/images/buttons/square/square-left.gif') no-repeat top left;
display: block;
float: right;
font: bold 10px Arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 20px; /* Height of button background height (default is 23px) */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a.squarebuttonoff{
background: transparent url('/images/buttons/square/square-left-off.gif') no-repeat top left;
display: block;
float: right;
font: 10px Arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 20px; /* Height of button background height (default is 23px) */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
text-decoration: none;
}

a.squarebutton span{
background: transparent url('/images/buttons/square/square-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
text-decoration: none;
}

a.squarebuttonoff span{
background: transparent url('/images/buttons/square/square-right-off.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
text-decoration: none;
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.hoverimg img { display: none; }
a.hoverimg:hover img { display: block; border: none; } 
a.hoverimg:hover img { position: absolute ;}

/* =======================================================================================
	Style for Dev Info items
======================================================================================= */

.dev_baseViewControlDetailsText {
	background: #FF8040;
	font-family: verdana;
	color: white;
	font-size: 8pt;	
}

.dev_baseViewControlDetailsBox_Border{
	border: 1px solid #FF8040
}

.dev_baseViewControlDetailsBox_NoBorder{
	border: none
}

.autocomplete_completionListElement
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : WHITE;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : pointer;
	overflow : auto;
	height : 200px;
    	text-align : left; 
   	list-style-type : none;
    	font-size:11px;
	font-family:Arial;
	padding : 2px;
	z-index:10000;
}
/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #FFFF99;
	color: black;
	padding: 2px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 2px;
}