/* ------------------------------------------------------ */
/* Page layout / structure styles */

body
{
	text-align:center
}
#page
{
	/*background-position :center 0;*/
	background-color: White;
	width:784px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

#popup-page
{
	/*background-position :center 0;*/
	background-color: White;
	width:95%;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
#course-finder-popup
{
	font-size:smaller;
	padding-bottom:5px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
}

#left-box
{
	font-size:smaller;
	float:right;
	margin-right:10px;
}

#bread-crumb
{
	float:left;
	font-size:smaller;
	color:Maroon;
}

#content
{
	clear:left;
	margin-top:15px;
}


#leftcontent
{
	width: 150px;
	text-align: center; /*
		border:1px solid #000;
*/
	float: left;
}

#centercontent 
{
	font-size:0.8em;
 		margin-left: 145px;
 		margin-right:145px;
 		padding-left:5px;
 		padding-right:5px;
/*
		border:1px solid #000;
*/
		/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 151px;
   		margin-right:151px;
		}

#google-search-box
{
	position: absolute;
	margin-right: auto;
	left: 62%;
	top: 50px;
}
.content-banner-image
{
	width:440px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:465px;
}

.highlight-section {
	/*
	background-color:Silver;
*/
	border: 1px solid #000000;
	background-color: #dcdcdc;
	padding: 1px 10px 0px 10px;
}

#rightcontent {
		width:145px;
	font-size:x-small;
	padding-right:10px;
	padding-left:5px;
/*
		border:1px solid #000;
*/
		float:right;
		padding-top:2px;
		}
.right-column-header
{
	display: block;
	background-color: #6a5acd;
	color: white;
	text-transform: uppercase;
	text-align: left;
	padding-left: 5px;
}	

.popup-header
{
	display:block; 
	background-color:#050093;
	color:white;
	font-weight:bold;
/*
	text-transform:uppercase;
*/
	text-align:left;
	padding-left:5px;
}	

#popup-page h3
{
	font-weight:bold;
}
#banner {
/*
		border:1px solid #000;
*/
		padding:5px 5px 5px 5px;
		voice-family: "\"}\"";
		voice-family: inherit;
		}

#footer
{
/*
		border:1px solid #000;
*/
		clear:left;
		text-align:center;
		font-size:smaller;
}
#centerandrightcontent
{
	font-size:0.8em;
 		margin-left: 145px;
 		margin-right:0px;
 		padding-left:5px;
 		padding-right:5px;
/*
		border:1px solid #000;
*/
		/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 151px;
   		margin-right:0px;
}


/* ------------------------------------------------------ */
/* fieldset styles */
fieldset{
	padding:1em;
	width:95%;
	border: 1px solid #B1CCED;
}

fieldset fieldset{
	width:75%;
	border: 1px solid #B1CCED;
}

fieldset legend{
	font-size: small;
	color: #2056BB;
	font-weight:bold;
}

fieldset fieldset legend{
	font-size: small;
	color:Black;
	font-weight:normal;
}


/* ------------------------------------------------------ */
/* form styles */

#fullwidthcontent {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.form
{
/*	font-size:x-small; */
	width:450px;
}
.wide-form
{
	font-size:x-small;
	width:540px;
}

.form .form-label
{
	width:160px;
	float:left;
	padding-bottom:4px;
	text-align:right;
	padding-right:10px;
	padding-top:8px;
/*	font-weight:bolder;*/
}

.required
{
	font-weight:bold;
/*	font-size:x-small; */
}
.form .form-control
{
	width:270px;
	float:left;
	padding-top:4px;
	padding-bottom:4px;
}
.form .form-control-rbl
{
	width:270px;
	float:left;
	padding-top:6px;
	padding-bottom:4px;
}
.form .form-wide-label
{
	width:300px;
	float:left;
	padding-bottom:4px;
	text-align:left;
	padding-right:10px;
	padding-top:8px;
/*	font-weight:bolder;*/
}
.form .form-wide-control
{
	width:130px;
	float:left;
	padding-top:4px;
	padding-bottom:4px;
}
.form .form-nowidth-control
{
	float:left;
	padding-top:4px;
	padding-bottom:4px;
}
.form br
{
	/*clear:left;*/
}

.form .form-fullwidth-label
{
	width:450px;
	float:left;
/*	font-weight:bolder; */
	padding-top:4px;
	padding-bottom:4px;
}

.form .form-fullwidth-control
{
	width:450px;
	float:left;
	padding-top:4px;
	padding-bottom:4px;
}

.form .form-narrow-label
{
	width:100px;
	float:left;
	padding-top:4px;
	padding-bottom:4px;
}

.form .form-narrow-control
{
	width:100px;
	float:left;
	padding-top:4px;
	padding-bottom:4px;
}
/*
DIV.row, DIV.rowcheckbox {
	CLEAR: both; 
  DISPLAY: block; 
	MARGIN-LEFT: 10px; 
	WIDTH: 100%; 
	PADDING-TOP: 10px; 
	MARGIN-TOP: 5px; 
	margin-bottom:5px;
}
DIV.row, DIV.rowcheckbox {
	DISPLAY: block; 
	height:1.5em;
	border:solid 1pt black;
}
*/

.formlabel
{
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
	color:#000000;
	width:20%;
}
.formbiglabel
{
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
	color:#000000;
	width:30%;
}

.formbiggerlabel
{
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
	color:#000000;
	width:50%;
}

/* ------------------------------------------------------ */
/* sidebarNavigation styles */

/*
#sidebarNavigation li {
  list-style-type:none;
  margin:0px 0px 0px 0px ;
  }
#sidebarNavigation UL{
  padding:0;
  margin:0px 0px 0px 0px ;
  width:0;
  }
*/
#sidebarNavigation a, #sidebarNavigation a:visited {
  display:block;
  width:127px;
  padding:0.25em;
		voice-family: "\"}\"";
		voice-family: inherit;
  }

#sidebarNavigation {
  padding:0px;
  margin:0px 2px 2px 6px ;
/*
  width:0px;
*/
  }

#sidebarNavigation A
{
	border: white 2px solid;
	font-weight: bold;
	font-size: 0.9em;
	color: #333399;
	background-color: #dcdcdc;
	text-align: center;
	text-decoration: none;
}
#sidebarNavigation A:active
{
    COLOR: #333399
}
#sidebarNavigation A:hover
{
	color: Black;
	background-color: #f5f5f5;
}

/* bread crumb styles */
.breadcrumb-root {
	color: #333399;
/*	padding:0px 8px 2px 8px;*/
	margin-left:3px;
}
.breadcrumb-separator {
}
.breadcrumb-node {
	color: #335588;
}
.breadcrumb-current {
	font-weight:bold;
	color: #335588;
}

/* ------------------------------------------------------ */
/* footer styles */
#footer
{
	padding-bottom:10px;
	clear:both;
}
#footer-links a, #footer-links a:visited {
  padding:0.25em;
  }

#footer-links {
  padding:0;
  margin:2px 2px 2px 2px ;
  width:0;
  text-align:center;
}

#footer-links A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    COLOR: #3333cc;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}

/* ------------------------------------------------------ */
/* Diary styles */
#diary
{
}
.diary-main-item
{
  color:Purple;
  font-size:larger;
}
.diary-main-item:first-line
{
 font-weight:bolder;
}
.diary-item
{
}
.diary-item:first-line
{
	font-weight:bolder;
}
/* ------------------------------------------------------ */
/* wizard styles */

.summary-list
{
}

.summary-list a, .summary-list a:visited {
  display:block;
/*  width:127px;*/
  padding:0.25em;
		voice-family: "\"}\"";
		voice-family: inherit;
  }

/*
.summary-list {
  padding:0px;
  margin:0px 2px 2px 6px ;
  width:0px;
  }
	font-size: 0.9em;
	background-color: #dcdcdc;
	text-align: center;
	border: white 2px solid;

*/
.summary-list A
{
	font-weight: bold;
	color: #333399;
	text-decoration: none;
	background-color: #f5f5f5;
	border: white 2px solid;
}
.summary-list A img
{
	margin-right:5px;
	margin-top:3px
}
.summary-list A:active
{
    COLOR: #333399;
}
.summary-list A:hover
{
	color: Black;
}

.summary-list A .active-step
{
	background-color:#dcdcdc;
	font-weight:bold;
}
.summary-list .active-step
{
	background-color:#dcdcdc;
	font-weight:bold;
}
.normal-step
{
}


/* ------------------------------------------------------ */
/* Course styles */
.course-results
{
}
.course-results .heading
{
	font-size:medium;
	font-weight:bold;
	display:block;
}
.course-result
{
/*	border-top:solid 1px black; 
	margin-left:10px; */
}
.course-result a
{
/*	border-top:solid 1px black; */
	display:block;
	color:Black;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	border-right: #ffffff thin solid;
	border-top: #ffffff thin solid;
	border-left: #ffffff thin solid;
	border-bottom: #ffffff thin solid;
}
.course-result a:hover
{
	border-right: #ff6600 thin solid;
	border-top: #ff6600 thin solid;
	border-left: #ff6600 thin solid;
	border-bottom: #ff6600 thin solid;
	background-color: #ffcc66;
}
.course-result a .summary
{
	margin-left:20px;
}

.course-result-alt a
{
	display:block;
	color:Black;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	background-color: #eeeeff;
	border-right: #eeeeff thin solid;
	border-top: #eeeeff thin solid;
	border-left: #eeeeff thin solid;
	border-bottom: #eeeeff thin solid;
}
.course-result-alt a:hover
{
	border-right: #ff6600 thin solid;
	border-top: #ff6600 thin solid;
	border-left: #ff6600 thin solid;
	border-bottom: #ff6600 thin solid;
	background-color: #ffcc66;
}
.course-result-alt a .summary
{
	margin-left:20px;
}

/* ------------------------------------------------------ */
/* News styles */
.news-item
{
	margin-top:15px;
	margin-bottom:15px;
}
.news-item .news-title
{
	font-size:large;
	color:Purple;
}

.news-item .image
{
	padding:0px 10px 5px 0px;
	float:left;
/*	width:160px; */
	text-align:left;
}

.news-item .image .image-caption
{
	font-size:smaller;
}
.news-author
{
	color: #444444;
}
.news-date
{
}

/* news index styles */
.news-index-items
{
	width:450px;
}
.news-index-item
{
	float:left;
	width:100px;
	padding:5px 5px 5px 5px;
	height:170px;
}
.news-index-item img
{
	width:90px;
	height:90px;
}
.news-index-item .news-index-item-title
{
	font-size:0.9em;
}
.news-index-item .news-index-item-link
{
	font-size:0.8em;
}

/* ------------------------------------------------------ */
/* manage content styles */

.image-edit .image
{
	padding:0px 10px 5px 0px;
	float:left;
	width:160px;
	text-align:left;
}

.image-edit .image img
{
	width:160px;
}

.image-edit .image-controls
{
	width:370px;
	float:left;
}

.content-list-item
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	font-size:smaller;
}
.content-list-alt-item
{
	background-color: #ddddff;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	font-size:smaller;
}
/* ------------------------------------------------------ */
/* Extender calendar styles */

.calendar-style .ajax__calendar_container {
	border: 1px solid #646464;
	background-color: #BBDDFF;
	color: #002288;
}
.calendar-style .ajax__calendar_other .ajax__calendar_day,
.calendar-style .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.calendar-style .ajax__calendar_hover .ajax__calendar_day,
.calendar-style .ajax__calendar_hover .ajax__calendar_month,
.calendar-style .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.calendar-style .ajax__calendar_active .ajax__calendar_day,
.calendar-style .ajax__calendar_active .ajax__calendar_month,
.calendar-style .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}
.ajax__calendar_today, .ajax__calendar_hover {
	font-weight:bold;
}
.ajax__calendar_active {
	background-color: #FFFF99;
	border: 1px solid #FF0000;
}

/* ------------------------------------------------------ */
/* grid-layout styles */
#grid-layout
{
	width:440px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:465px;
}

#grid-layout .two-column-cell
{
	text-align:center;
	width:210px;
	height:220px;

	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}

#grid-layout .three-column-cell
{
	text-align:center;
	width:135px;
	height:200px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	float:left;
}

#grid-layout .heading
{
	font-weight:bold;
}

#grid-layout .cell-text
{
	text-align:left;
	font-size:x-small;
	padding-left:3px;
}

#grid-layout .two-column-cell img
{
	margin-top:5px;
	width:190px;
	height:140px;
}

#grid-layout .three-column-cell img
{
	margin-top:5px;
	width:115px;
	height:140px;
}

#grid-layout a
{
	/*
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;*/
	display:block;
	text-decoration:none;
	color:Black;
}

#grid-layout a:hover
{
	background-color: #aaaadd;
}

/* ------------------------------------------------------ */
/* floating image + content styles */
.text-content-with-right-image .image
{
	padding:0px 0px 5px 10px;
	float:right;
/*	width:160px; */
	text-align:left;
}
.text-content-with-left-image .image
{
	padding:0px 10px 5px 0px;
	float:left;
/*	width:160px; */
	text-align:left;
}
.block-header-purple
{
	display: block;
	background-color: #6a5acd;
	color: white;
	text-transform: uppercase;
	text-align: left;
	padding-left: 5px;
}	
.block-header-blue
{
	display:block; 
	background-color:#050093;
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	padding-left:5px;
}	
.column-box
{
	text-align: left;
	padding-right: 2px;
	margin-top: 10px;
	padding-left: 2px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.column-box img
{
	width:140px;
  border: none 0px black
}






.search-box
{
	border-top: #cccc99 thin solid;
	border-bottom: #cccc99 thin solid;
	padding-top:5px;
	padding-bottom:5px;
}

.event-exception
{
	border-right: #dcdcdc thin solid;
	border-top: #dcdcdc thin solid;
	overflow: auto;
	border-left: #dcdcdc thin solid;
	border-bottom: #dcdcdc thin solid;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	height:300px;
	width:450px;
}

.sitemap-edit-treeview
{
	float:left;
	border:solid 1px black;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	width:220px;
}
.sitemap-edit-form
{
	float:right;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	width:360px;
}

/* ------------------------------------------------------ */
/* page styles */
.apply-summary
{
	width:222px;
	margin-left:20px;
}
.apply-summary-link
{
	width: 200px;
	float:left;
}
.apply-summary-image
{
	height: 20px;
	width: 20px;
	float:left;
}
.apply-review-title
{
	border-top: black 1px solid;
	font-size: large;
	display:block;
	padding-top: 5px;
	padding-left: 5px;
	background-color: #dcdcdc;
	color:#333399;
	text-decoration:none;
/*
	float:none;
*/
}
.apply-review-section
{
/*
	float:none;
*/
	border-bottom:solid 1px Black;
	padding-left:5px;
	padding-right:5px;
}
.apply-review-section .subtitle
{
	font-size: medium;
	border-bottom: solid 1px #cccccc;
}
.apply-review-section .label
{
	width: 120px;
	padding-right: 5px;
	font-weight: bold;
}
.apply-review-section .control
{
/*	margin-left:120px;*/
	left: 8px;
	position: relative;
	top: 0px;
}
.apply-review-section a
{
	border:solid 1px #333399;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#f5f5f5;
	color:#333399;
	text-decoration:none;
}

img
{
  border: none 0px black
}
		
body
{
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color:#666699;
}
.initial-paragraph
{
	color:#00438D;
}
.centre-text
{
	text-align:center;
}
.left-text
{
	text-align:left;
}
.right-text
{
	text-align:right;
}

.error-text 
{
	color:Red;
}
.feedback
{
	border-right: red 1px solid;
	border-top: red 1px solid;
	border-left: red 1px solid;
	border-bottom: red 1px solid;
	padding: 5px 20px 5px 20px;
	margin: 5px 10px 5px 0px;
	font-weight: bold;
	background-color: #ffccdd;
}
.showhide-title
{
	text-decoration: none;
	font-weight: bold;
	color: #333366;
}
.column-left
{
	float:left;
	width:230px;
}
.column-right
{
	float:right;
	width:230px;
}
.layout-clear
{
	float:none;
	/*
	clear:left;
	clear:both;
	*/
}
.watermark {
	color: #909090;
}
.float-left
{
	float:left;
}
.no-float {
	float:none;
	clear:left;
}
.hidden 
{
	display:none;
}
.bold
{
	font-weight:bold;
}
.italic
{
	font-style: italic;
}
.centre
{
	text-align:center;
}
.no-border {
	border: thin none #000000;
}
.read-only-text {
	border-style: inset;
	border-width: thin;
	background-color: #dddddd;
	display:inline-block;
	padding:2px 3px 2px 3px;
}
list-search-prompt {
	background-color:White;
	border:solid 1px darkgrey;
}

h1
{
	font-size:1.75em;
	font-weight:500;
	padding-top:10px;
}

h2
{
	font-size:1.5em;
	font-weight:500;
}
h3
{
	font-size: 1.25em;
	font-weight: 700;
/*	border-top: #6633cc 1px solid;
	border-left: #6633cc 1px solid;
	padding:5px 10px 5px 10px; */
}
h4
{
	font-size:1.1em;
	font-weight:500;
}
h5
{
	font-size:1.0em;
	font-weight:600;
}
h6
{
	font-size:0.9em;
	font-weight:700;
}
hr
{
}
.table {
}
.table-head {
	font-weight: bold;
	background-color: #dcdcdc;
}
.table-row {
	background-color: #FFFFFF;
}
.table-row-alt {
	background-color: #EEEEEE;
}
.table-head th{
	padding: 2px 5px 2px 5px;
}
.table-row td{
	padding: 2px 5px 2px 5px;
}
.table-row-alt td{
	padding: 2px 5px 2px 5px;
}
.table-foot {
	background-color: #dcdcdc;
}



.autocomplete_completionListElement {background-color:White;border:solid 1px #666699;padding:0;margin:0;}
.autocomplete_listItem {list-style-type:none;margin:0;padding:2px 20px;}
.autocomplete_highlightedListItem {background-color: #FFFF66;list-style-type:none;padding:2px 20px;}