﻿
.HorizontalRadioButtons
{
	width: 520px;
	display: block;
}

.HorizontalRadioButtons label
{
	margin-right: 30px;
}

.dialogBody
{
	background-image: none;
}
.MeetingImage
{
	border-width: 0px;
	border-style: solid;
	margin: 2px;
}
.body, .td, .textArea, .textBox, .dropDownList, .listBox, .radioButtonList, .radioButton, .checkBox, .loginButton, .button, .button140px, .requiredLabel, 
.optionalLabel, .titleLabel, .aquaVanLabel, .Header, .MapHeader, .headerText, .headerTextEve, .error, .file, .headerLabel, .expressionBuilder, .compactDropDownList, 
.errorMessage, .infoMessage, .warningMessage, .noMessage, .messageBox, .PageTitle, .MapPageTitle, .content, .logo, .sliderTextBox, .treeView, .copyright, 
.compactTextBox, .typeLabel, .hierarchiesView, .contentRight, .gridTextBox, .gridLargeTextBox, .gridDropDownList, .courseTextBox, .courseTextArea, 
.courseDropDownList, .courseCheckBox, .button220px, .button20pxhigh
{
	vertical-align: middle;
	text-transform: none;
	white-space: nowrap;
}
.tdOrg
{
  vertical-align: top;
  text-align: left;
	text-transform: none;
	white-space: nowrap;
}
.selectfree
{
    position: absolute; 
    z-index: 10; 
    overflow: hidden; 
    width: 33em;
    white-space: nowrap;
}
.iframe
{
    display: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    filter: mask();
    width: 3000px;
    height: 3000px;
}
.courseCheckBox
{
	margin-left: 0px;
}
.UICheckBox
{
	margin-left: 0px;
  vertical-align: baseline;
}
.UICheckBox1
{
	margin-left: 0px;
  vertical-align: baseline;
  color: Gray;
}
.courseCheckBox2
{
	margin-left: 15px;
}

.orgFinderCheckBox
{
  margin-top:9px;
	margin-left: 9px;
	vertical-align: text-top;
}
.orgFinderCheckBox label
{
	color: Navy;
	vertical-align: super;
}


.serviceCheckBox
{
  margin-top:1px;
	margin-left: 1px;
	vertical-align: text-top;
}

.serviceCheckBox label
{
	vertical-align: super;
}

.checkBox
{
	
}

.headerText
{
	color: #2a66a2;
	font-weight: bold;
}

.headerTextEve
{
  color: #2a66a2;
  font-weight: bold;
  width: 500px;
  white-space:normal;
}

.baseLabel, .requiredLabel, .optionalLabel, .titleLabel
{
	font-weight: normal;
	width: 160px;
	margin-top: 3px;
}
.select-free
{
	position:absolute;
	z-index:10;
	cursor:move;
	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/;	
}
.iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

.requiredLabel2, .optionalLabel2
{
	display:inline-block;
	float:left;
	position:relative;
	font-weight: normal;
	width: 160px;
	margin-top: 3px;
	vertical-align: middle;
	text-transform: none;
	white-space: nowrap;
}

.button2
{
	color: #222222;
	width: 90px;
	display:inline-block;
	float:left;
	position:relative;
	font-weight: normal;
	vertical-align: middle;
	text-transform: none;
	white-space: nowrap;
}

.rightAssign
{
	display:inline;
	float:left;
	position:relative;
	height:400px;
	width:165px;	
	left:0px;
	top:0px;
}

.centreAssign
{
	display:inline;
	float:left;
	position:relative;
	height:400px;
	width:50px;	
	left:150px;
	top:60px;
}

.leftAssign
{
	display:inline;
	float:left;
	position:relative;
	height:400px;
	width:165px;
	left:127px;
	top:7px;
}

.titleLabel
{
	font-weight: bold;
	color: Black;
}

.aquaVanLabel
{
	font-weight: bold;
	font-size: 7.5pt;
	white-space: normal;
}

.requiredLabel
{
	color: #333;
}

.optionalLabel
{
	color: Gray;
}

.headerLabel
{
	/*color: #999;*/
	padding: 0px;
	background-color: #EEE;
	font-weight: normal;
	width: 160px;
	white-space: normal;
}

.normalLabel
{
	vertical-align: middle;
	text-transform: none;
	white-space: nowrap;
	margin-top: 6px;
}

.giantLabel
{
	color: #ff0000;
	font-size: 14pt;
	font-weight: bolder;
	font-style: italic;
	vertical-align: text-top;
	text-transform: none;
	white-space: nowrap;
	margin-top: 6px;
	background-color: Gray;
}
.wizardTitle
{
	font-size: 12pt;
	font-weight: bolder;
	vertical-align: text-top;
	text-transform: none;
	white-space: nowrap;
	margin-top: 6px;
}
.typeLabel
{
	color: Gray;
	font-size: 7pt;
	vertical-align: middle;
	text-transform: lowercase;
	white-space: nowrap;
	margin-top: 6px;
}

.spacer
{
	font-weight: normal;
	color: #333;
	width: 163px;
	vertical-align: top;
}

.spacer2
{
	font-weight: normal;
	color: #333;
	width: 163px;
	vertical-align: top;
	display:inline-block;
	float:left;
	position:relative;
}

.spacerShort
{
	font-weight: normal;
	color: #333;
	width: 113px;
	vertical-align: top;
}

.textBox
{
	width: 300px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
}

.textBox2
{
	width: 300px;
	display:inline-block;
	float:left;
	position:relative;
	font-weight: normal;
	text-transform: none;
	white-space: nowrap;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
}

.multiLineTextBox
{
	width: 300px;
	vertical-align: text-top;
	text-transform: none; 
	white-space: pre;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
}
.compactTextBox
{
	width: 75px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
	vertical-align: middle;
}
.profileTextBox
{
	width: 228px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
	vertical-align: middle;
}
.profileDropDown
{
    width: 228px;
}
.courseTextBox
{
	margin-left: 15px;
	width: 215px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
	vertical-align: middle;
}
.gridTextBox
{
	width: 125px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
	vertical-align: middle;
}
.gridLargeTextBox
{
	width: 200px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
	vertical-align: middle;
}
.sliderTextBox
{
	width: 25px;
	cursor: text;
}

.textArea
{
	margin-top: 3px;
	margin-bottom: 3px;
	white-space: normal;
	width: 440px;
	height: 152px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
}
.largeTextArea
{
	margin-top: 3px;
	margin-bottom: 3px;
	white-space: pre-line;
	width: 540px;
	height: 152px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
        vertical-align: middle;
	text-transform: none;
}
.courseTextArea
{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 15px;
	white-space: normal;
	width: 215px;
	height: 38px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
}
.courseTextAreaWithWrap
{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 15px;
	white-space: pre-line;
	width: 215px;
	height: 38px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
}
.dropDownList
{
	width: 305px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
}
.courseDropDownList
{
	margin-left: 15px;
	width: 215px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
}
.compactDropDownList
{
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
}
.gridDropDownList
{
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
}
.listBox
{
	width: 307px;
	height: 110px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
	min-height: 110px;
	min-width: 307px;
}

.tallListBox
{
    line-height: 1.2em;
	width: 307px;
	height: 255px;
	margin-top: 3px;
	margin-bottom: 3px;
	float: left;
	position: relative;
	border-top: solid 1px #104a7b;
	border-left: solid 1px #104a7b;
	background-image: url(ControlBackground.gif);
	background-repeat: repeat-y;
	background-color: #F0F5FC;
/*    background: transparent; */
	z-index: 5;
}
.radioButton
{
	color: Gray;
}
.radioButton2
{
	color: Gray;
	display:inline;
	float:none;
	position:relative;
}

.datePicker
{
	display:inline;
	float: none;
	position:relative;
	z-index: 0;
	width: 260px;
}

.radioButtonList
{
	color: Gray;
	width: 300px;
}
.information
{
	color: Green;
	font-weight: bold;
}
.error
{
	color: Red;
	font-weight: bold;
}

.button
{
	color: #222222;
	width: 90px;
}
.loginButton
{
	width: 90px;
	background-repeat: no-repeat;
	background-position:center;
	background-image: url(login.gif);
}
.button20pxhigh
{
	height: 30px;
	width: 90px;
	color: #222222;
	background-color: #adc3e7;	
}
.button140px
{
	color: #222222;
	width: 150px;
}
.button220px
{
	color: #222222;
	width: 220px;
}
.file
{
	color: #222222;
	font-size: 10pt;
	width: 300px;
}

.expressionBuilder
{
	padding: 2px;
}

.errorMessage
{
	border-bottom:5px gray solid;
	border-left:5px silver solid;
	border-top:5px silver solid;
	border-right:5px gray solid;
	color:#993333;
	font-weight: bold;
	background-color: #fcc;
	padding: 2px 12px 2px 12px;
	z-index: 500;	
	position: relative;
	margin-left:auto;
	margin-right:auto;

}

.infoMessage
{
	/*display:none; */
	border: solid 3px silver;
	border-bottom:5px gray solid;
	border-left:5px silver solid;
	border-top:5px silver solid;
	border-right:5px gray solid;
	color: #333;
	font-weight: bold;
	background-color: #cfc;
	padding: 2px 12px 2px 12px;
	z-index: 500;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}
#msgDiv {
  position:fixed !important;
  min-height:40px !important; 

  min-width: 500px !important;
  overflow:auto;
  margin:-100px 0px 0px -200px !important;
  top: 50% !important; 
  left: 50% !important;
  text-align:center;
  padding:20px 10px 20px 20px;

}

.warningMessage
{
	border: solid 1px #ff9;
	color: #fc0;
	background-color: #ff9;
	padding: 2px 12px 2px 12px;
	z-index: 500;	
	position: absolute;	
}

.noMessage
{
	border-width: 0px;
	background-color: inherit;
	color: Background;
	padding: 2px 12px 2px 12px;
	z-index: 500;	
	position: absolute;	
}

.messageBox
{
	padding: 5px 0px 5px 0px;
}

.footer
{
	background-color: #9cb5ce;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 0px;
	border-top: solid 1px #84a5c6;
	border-bottom: solid 1px #7394bd;
	line-height: 0px;
	display: block;
}

.businessEntityDiv
{
	border: solid 1px #e3ecec;
}
/*
.tdLeftNav
{
    background-color: #9cb5ce; 
    padding: 0px 0px 0px 0px; 
    height: 100%;
    width: 220px;
    vertical-align: top;
}

.leftNav
{
    background-color: White;
    border: solid 1px #2a66a2;
    margin: 3px 3px 3px 3px;
    height: 100%;
    width: 220px;
    color: #2a66a2;
    display: block;
    background-image: url(bkg-btmfade3.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
.arrow
{
    background-image: url(Arrow.gif);
    width: 8px;
    height: 13px;
    border: solid 0px transparent;
}

.dockedNavPane
{
	background-image: url(VN6Explorer.gif);
	width: 20px;
	height: 324px;
	border:solid 0px Transparent;
	background-color: Transparent;
	background-repeat:no-repeat;
	background-position:0px 0px;
	cursor: hand;
	font-size: 13px;
	font-weight: bold;
}
*/

.siteNavigationTreeView
{
	padding: 5px 0px 5px 0px;
}

/* 
   This is a hack to get the site navigation tree view to look decent in the popup menu in IE. 
   Without these changes, the leaf-level tree nodes have too much padding around them, and they
   look ugly.

   The <asp:TreeView> control contains a table with rows for each tree node. To the left of each
   node's main <td>, there is an extra <td>, containing an extra <div>:

   <td><div style="width:10px;height:1px"></div></td>

   This is presumably intended to provide horizontal spacing, so the leaf-level nodes are 
   indented. But somehow this is causing too much vertical padding. So we hide it with
   display:none. This relies on a 4-level descendant selector - <div> inside a <td> inside an 
   element of class treeView, inside an element of class siteNavigationTreeView. We need to do 
   this because the <div> doesn't have any ID or class that we can directly apply style rules to.

   Then we need to do the indentation ourselves, by adding a left margin to the <a> tags inside
   the tree nodes. We use a 5-level selector here. The <div> at the second level picks out 
   all <a> tags except for the top-level "Home" link.

   This is all horribly brittle and liable to break if MS changes their TreeView implementation.
*/

.siteNavigationTreeView .treeView td div
{
	display: none;
}

.siteNavigationTreeView .treeView div td a
{
	margin-left: 15px !important;
}

/* (end hack) */



.treeView
{
	color: #2a66a2;
	font-weight: bold;
	padding: 0px;
	display: block;
}
/*
.hierarchiesView
{
    color: #2a66a2; 
    font-weight: bold;
	font-family: Verdana, Sans-Serif, Tahoma;     
    padding: 5px 0px 5px 5px;
	display: block;
	overflow: auto;
	height: 330px;
	width: 220px;
	background-image: url(ControlBackground.gif);
	background-repeat:repeat-y;
	background-color:#F0F5FC;
}

.controlBg
{
    background-image: url(ControlBackground.gif);
    background-repeat:repeat-y;
    text-align: center;
}
*/
.selectedEntity
{
	padding: 0px 0px 0px 0px;
	color: #e3ecec;
	text-decoration: none;
	background-color: #274567;
}
/*
a, a:link, a:visited
{
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    color: #2a66a2;
}
*/
a.treeView, a:link.treeView, a:visited.treeView
{
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #2a66a2;
}

a.selectedEntity, a:link.selectedEntity, a:visited.selectedEntity, a.hierarchiesView, a:link.hierarchiesView, a:visited.hierarchiesView
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #9CB5CE;
}

a:hover.treeView
{
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	color: #e3ecec;
	text-decoration: none;
	background-color: #274567;
}

/*a:hover,*/
a:hover.selectedEntity, a:hover.hierarchiesView
{
	padding: 0px 0px 0px 0px;
	color: #e3ecec;
	text-decoration: none;
	background-color: #274567;
}

.copyright
{
	color: #2a66a2;
}

A:link.copyright, A:visited.copyright, A:active.copyright, A:hover.copyright
{
	text-decoration: underline;
}

.topHeaderDialog
{
	color: #2a66a2;
	font-weight: bold;
	height: 26px;
	background-color: #e3ecec;
	padding: 0px 5px 0px 5px;
	vertical-align: middle;
	background-image: url(menu_background.gif);
}

.topHeaderDialog td
{
	color: #2a66a2;
	font-weight: bold;
}

#lblHeader
{
	color: #2a66a2;
}

.content
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #e3ecec;
	width: inherit;
}

.Header
{
	color: black;
	background: white;
	width: 100%;
	height: 61px;
}

.HeaderLogo
{
	margin: 5px;
	float: left;
	width: 100px;
	text-transform: none;
	white-space: nowrap;
}

.HeaderVNA
{
	margin: 5px 5px 5px 15px;
	float: right;
	text-transform: none;
	white-space: nowrap;
}

.HeaderBanner
{
	padding: 5px 5px 5px 5px;
	display: none;
	float: right;
	text-transform: none;
	white-space: nowrap;
}

.PageTitle
{
	background-color: #e3ecec;
	width: 100%;
	background-image: url(menu_background.gif);
	height: 26px;
	display: block;
	clear: both;
}

.MapPageTitle
{
	display: none;
}

.HeaderCurrentUser
{
	float: left;
	color: #2a66a2;
	padding: 7px 7px 0px 7px;
	white-space: nowrap;
	background-color: transparent;
}

.HeaderTitle
{
	color: #2a66a2;
	padding: 7px 7px 0px 50px;
	white-space: nowrap;
	background-color: transparent;
}

.exportDropDown
{
	vertical-align: bottom;
}


/* TODO: move advanced-filter stuff into separate CSS file */

.advancedFilter
{
	background-color: #e3ecec;
}

.advancedFilter input, .filterContent p, .filterContent td, .filterContent span
{
	/*	font-family: Arial;*/
	color: Black;
}

.advancedFilter select.listBox
{
	margin: 0px;
	padding: 0px;
}

.filterContent
{
	margin: 20px;
}

.filterContent select
{
	padding: 0px;
}

p.mapExportMenuItem
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.assignmentControlBottomMargin
{
	height: 24px;
}

.filterContent .assignmentControlBottomMargin
{
	height: 1px;
}

TABLE.classic
{
	background-color: #FFFFFF;
	border-top: 1px solid #330033;
	border-left: 1px solid #330033;
	border-right: 1px solid #330033;
	border-bottom: 1px solid #330033;
}

TABLE.yellow
{
	font-size: 9pt; /*    font-family: Comics;*/
	background-color: #FFFF00;
}

TABLE.red
{
	font-size: 9pt; /*    font-family: Comics;*/
	background-color: #FF3366;
	border-top: 1px solid #66FF00;
	border-left: 1px solid #66FF00;
	border-right: 1px solid #66FF00;
	border-bottom: 1px solid #66FF00;
}

TABLE.elegant
{
	font-size: 10pt;
	background-color: #CCFFCC;
}

.underlinedText
{
	font-size: 19pt; /*    font-family:Berlin Sans FB;*/
	vertical-align: middle;
	text-transform: none;
	white-space: nowrap;
	margin-top: 6px;
	color: Maroon;
	text-decoration: underline;
	background-color: Green;
}

.calendarImage
{
	vertical-align: middle;
}


#LoadingDiv
{
	display: none;
	visibility: hidden;
}
.hiddenButton
{
	visibility: hidden;
}
.contentRight
{
	background-color: #e3ecec;
}

.CourseFinderResults_header
{
	padding-bottom: 10px;
	padding-top: 10px;
}
.TutoringFinderResults_header
{
	background-color: #95B3D7;
	color: White;
	padding-bottom: 10px;
	padding-top: 10px;
}
.CourseFinderResults_course
{
	width: 245px;
	display: block;
	white-space: normal;
	vertical-align: top;
}
.CourseFinderResults_tutoring_services
{
	width: 55px;
	display: inline-block;
	display: -moz-inline-block;
	white-space: normal;
	vertical-align: middle;
}
.CourseFinderResults_tutoring_services_description
{
	vertical-align: middle;
	display: inline-block;
	display: -moz-inline-block;
	white-space: normal;
}
.CourseFinderResults_tutoring_services_course
{
	width: 185px;
	display: inline-block;
	display: -moz-inline-block;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
}
.TutoringDetails_Calendar_Header
{
	background-color: #95B3D7;
	color: White;
	padding-bottom: 10px;
	padding-top: 10px;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	padding-left: 3px;
	font-weight: bold;
}
.TutoringDetails_Calendar_Date
{
	width: 145px;
	display: inline-block;
	display: -moz-inline;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 3px;
	font-weight: bold;
}
.TutoringDetails_Calendar_Icon
{
	width: 61px;
	display: inline-block;
	display: -moz-inline;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}
.TutoringDetails_Calendar_Description
{
	width: 280px;
	display: inline-block;
	display: -moz-inline;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 10px;
	font-weight: bold;
}
.CourseFinderResults_school
{
	width: 275px;
	display: block;
	white-space: normal;
	vertical-align: top;
}

.CourseFinderResults_start
{
	width: 65px;
	display: block;
	white-space: normal;
	vertical-align: top;
}

.CourseFinderResults_details
{
	width: 75px;
	display: block;
	white-space: normal;
	vertical-align: top;
	text-align: left;
}

.CourseFinderResults_ColumnSpacer
{
	width: 5px;
}

.vsTooltipHelp
{
  position: absolute;
  z-index: 4;
	display: block;
	border: 1px solid #003399;
	background-color: #C7DFFE;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	font-family: arial,sans-serif;
	color: #000066;
	padding: 5px;
}

/*
	height:400px;
	overflow:auto;
*/
.SchoolSearchResults_Scroller
{
	width: 585px;
	display: block;
}

.SchoolSearchResults_Left
{
	width: 160px;
	display: block;
}

.SchoolSearchResults_Right
{
	width: 390px;
	display: block;
}

.SchoolSearchResults_ScrollContainer
{
	background-color: #e6e6fe;
}

.SchoolSearchResult_Container
{
	background-color: #dedede;
}
/*	width:375px;*/

.SchoolSearchResult_Title
{
	font-weight: bold;
}

.SchoolSearchResult_AdvisorsList
{
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

.SchoolSearchResult_AdvisorsList li
{
	list-style: none;
}

.SchoolSearchResult_History
{
	display: block;
	width: 140px;
	position: absolute;
	border: 1px solid #FFC30E;
	background-color: #FFFBB8;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	font-family: arial,sans-serif;
	color: #9C7600;
	padding: 5px;
}

.SchoolSearchResult_Container a
{
	text-decoration: none;
}

.SchoolSearchResult_Container a:hover
{
	text-decoration: underline;
}

.HistoryContainer
{
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 150px;
	height: 100%;
}

.TdMiddle
{
	vertical-align: middle;
}

.GroupBox
{
	border: 1px solid gray;
	padding: 5px;
}

.GroupTitle
{
	font-weight: bold;
	display: block;
}
a.PeerToPeer, a:link.PeerToPeer, a:visited.PeerToPeer
{
	border: 0px;
	background-image: url(PeerToPeer.PNG);
}
a:hover.PeerToPeer
{
	border: 0px;
	background-image: url(PeerToPeerSelected.PNG);
}
a.LiveWorkshop, a:link.LiveWorkshop, a:visited.LiveWorkshop
{
	border: 0px;
	background-image: url(LiveWorkshop.PNG);
}
a:hover.LiveWorkshop
{
	border: 0px;
	background-image: url(LiveWorkshopSelected.PNG);
}
a.StudyBUZZ, a:link.StudyBUZZ, a:visited.StudyBUZZ
{
	border: 0px;
	background-image: url(StudyBUZZ.PNG);
}
a:hover.StudyBUZZ
{
	border: 0px;
	background-image: url(StudyBUZZSelected.PNG);
}
a.SampleExams, a:link.SampleExams, a:visited.SampleExams
{
	border: 0px;
	background-image: url(SampleExams.PNG);
}
a:hover.SampleExams
{
	border: 0px;
	background-image: url(SampleExamsSelected.PNG);
}
a.Calendar, a:link.Calendar, a:visited.Calendar
{
	border: 0px;
	width: 55px;
	height: 53px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	display: -moz-inline-block;
	background-repeat: no-repeat;
	background-image: url(checkbox_checkedPeerToPeer.PNG);
}
a:hover.Calendar
{
	border: 0px;
	width: 55px;
	height: 53px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	display: -moz-inline-block;
	background-repeat: no-repeat;
	background-image: url(checkbox_checkedStudyBUZZ.PNG);
}
/* Navigation coltrol*/

.navigation
{
	display: -moz-inline-block;
    display: inline-block;	
	text-decoration: none;
	background-color: #ABC0E4;
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
	width:180px;
}


.navigation-node
{
	display: -moz-inline-block;
    display: inline-block;
	background-color: #D9E2F2;
	color: #000000;
	width:173px;
	height:20px;
	border-top: #000 dotted 1px;
	padding: 0 1px 0 4px;	
}

.navigation-root
{
	display: -moz-inline-block;
    display: inline-block;	
	background-color: #ABC0E4;
	color: #000000;
	padding: 0 5px 0 5px;
	width:173px;
}

.navigation-parent
{
	display: -moz-inline-block;
    display: inline-block;	
	background-color: #ABC0E4;
	color: #000000;
	padding: 0 5px 0 5px;
	width:173px;
}

.navigation-hover
{
	display: -moz-inline-block;
    display: inline-block;	
	background-color: #EFF3FA;
	color: #6699FF;
	border-top: #fff solid 1px;
	width:173px;
}

.ElluminateCell
{
  width: 130px;
  font-weight: normal;
  position: relative;
  display: inline-block;
  padding: 0 0.15em;
  margin: 0 0.15em 0 0; 
  whitespace: nowrap;
}
.ElluminateCellBold
{
  width: 130px;
  font-weight: bold;
  position: relative;
  display: inline-block; 
  padding: 0 0.15em;
  margin: 0 0.15em 0 0; 
  whitespace: nowrap;
}
.CourseRegistryHeader
{
	background-color: #9cb5ce;
	width: 1000px;
	padding: 4px;
	vertical-align: middle;
}
.CourseRegistryLongTextField
{
	background-color: #C3D9FF; /*#F9F7ED; -- lighter*/
	border-left: solid 1px white;
	border-bottom: solid 1px white;
	padding: 2px;
	width: 300px;
}
.CourseRegistryChangeSubjectLabelData
{
	background-color: #C3D9FF; /*#F9F7ED; -- lighter*/
	border-left: solid 1px white;
	border-bottom: solid 1px white;
	padding: 2px;
	width: 100px;
}
.CourseRegistryChangeCourseNameLabelData
{
	background-color: #C3D9FF; /*#F9F7ED; -- lighter*/
	border-left: solid 1px white;
	border-bottom: solid 1px white;
	padding: 2px;
	width: 200px;
}
.CourseRegistryChangeGradeNameLabelData
{
	background-color: #C3D9FF; /*#F9F7ED; -- lighter*/
	border-left: solid 1px white;
	border-bottom: solid 1px white;
	padding: 2px;
	width: 100px;
}
.CourseRegistryChangeCourseCodeLabelData
{
	background-color: #C3D9FF; /*#F9F7ED; -- lighter*/
	border-left: solid 1px white;
	border-bottom: solid 1px white;
	padding: 2px;
	width: 75px;
}
.CourseRegistryChangeBCeSISCodeLabelData
{
	background-color: #C3D9FF; /*#F9F7ED; -- lighter*/
	border-left: solid 1px white;
	border-bottom: solid 1px white;
	padding: 2px;
	width: 75px;
}
.CourseRegistryChangeCourseDescriptionLabelData
{
	background-color: #C3D9FF; /*#F9F7ED; -- lighter*/
	border-left: solid 1px white;
	border-bottom: solid 1px white;
	padding: 2px;
	width: 200px;
}
.CourseRegistryChangeGovernmentExamLabelData
{
	background-color: #C3D9FF; /*#F9F7ED; -- lighter*/
	border-left: solid 1px white;
	border-bottom: solid 1px white;
	padding: 2px;
	width: 50px;
}
/* Daily Physical Activity */
.DPARoundedBoxTop
{
	background-image: url(topblue.PNG);
	width: 539px;
	height: 27px;
	background-repeat: no-repeat;
	vertical-align: text-top;	
}
.DPARoundedBoxTopHeader
{
	color: White; 
	font-family: Arial, Verdana, Tahoma, Courier New, Comic Sans MS; 
	font-size: 16px; 
	font-size-adjust: 0.8;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
	padding-bottom: 4px;
	vertical-align: middle;	
}
.DPARoundedBoxBottom
{
	background-image: url(bottomblue.PNG);
	width: 539px;
	height: 6px;
	padding: 0px;
	background-repeat: no-repeat;	
}
.DPARoundedBoxContent
{
	background-color: #A5BAE7; 
	font-weight: bold; 
	color: Black; 
	width: 539px; 
	height: 100%;
	vertical-align: middle;
	text-align: left;
	margin: 0px;	
}
.DPAReadOnlyTextBgContainer
{
	width: 235px;
	height: 27px;
	margin: 0px;	
	padding-left: 10px;
	margin-left: 10px;	
	padding-right: 0px;
	padding-bottom: 2px;
	font-weight: normal;
	vertical-align: top;
}
/*.DPAReadOnlyTextBgContainerRight
{
	width: 220px;
	height: 27px;
	margin: 0px;	
	padding-left: 0px;
	margin-left: 0px;	
	padding-right: 0px;
	padding-bottom: 2px;
	font-weight: normal;
	vertical-align: top;
}*/
.DPAReadOnlyTextBgContainerLong
{
	width: 511px;
	height: 27px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 2px 10px;
	font-weight: normal;	
	vertical-align: top;
}
.DPADateContainerRight
{
	width: 250px;
	height: 27px;
	margin: 0px;	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	font-weight: normal;
	vertical-align: top;
}
.DPAMultipleDatesContainerRight
{
	width: 230px;
	height: 205px;
	margin: 0px;	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	font-weight: normal;
	vertical-align: top;
}
.DPARoundedBoxDateContent
{
	margin: 6px 0px 6px 0px;
	padding: 6px 0px 6px 0px;	
}
.DPADateContainer
{
	width: 539px;
	height: 27px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
	vertical-align: top;
}
.DPASingleSelectDateContainer
{
	width: 230px;
	margin: 0px;
	height: 22px;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
	vertical-align: top;
}
.DPAReadOnlyTextLabel
{
	width: 235px;
	height: 22px;
	padding-left: 10px; /* for all IE, FF 2.0.0.16 */
	margin-left: 10px; /* for the new bad boy in the block -> FF 3.0.1 */
	vertical-align: middle;
}
/*.DPAReadOnlyTextLabelRight
{
	width: 235px;
	height: 22px;
	padding-left: 0px;
	margin-left: 0px;
	vertical-align: middle;
}*/
.DPAReadOnlyTextLabelShort
{
	text-align: left;
	width: 95px;
	display: table-cell;
}
.DPATopButton
{
	text-align: right;
	font-weight: normal;
	width: 140px;
	text-align: right;
	vertical-align: top;
	display: table-cell;
}
.DPATextBox
{
	width: 230px;
	font-weight: normal;
	vertical-align: text-bottom;
	border: solid 1px dce8f8;
	vertical-align: baseline;
}
.DPAReadOnlyText
{
	width: 260px;
	height: 22px;
	padding-right: 0px;
	padding-top: 3px;
	padding-left: 0px;
	font-weight: normal;
	vertical-align: text-bottom;	
}
.DPAReadOnlyTextBg
{
	background-image: url(readonlytextbg.PNG);
	width: 225px;
	height: 22px;
	background-repeat: no-repeat;
	padding-right: 0px;
	padding-top: 3px;
	padding-left: 10px;
	font-weight: normal;
	vertical-align: text-bottom;
}
.DPAReadOnlyTextBg230px
{
	background-image: url(readonlytextbg230px.PNG);
	width: 220px;
	height: 22px;
	background-repeat: no-repeat;
	padding-right: 0px;
	padding-top: 3px;
	padding-left: 10px;
	font-weight: normal;
	vertical-align: text-bottom;
}
.DPATooltipContainer
{
	width: 24px;
	height: 27px;
	padding-bottom: 2px;
	font-weight: normal;
	vertical-align: top;
}
.DPATooltipContainerShort
{
	width: 8px;
	height: 27px;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 2px;
	font-weight: normal;
	vertical-align: top;
}
.DPATopHeader
{
	background-color: #dce8f8; 
	color: #5d7fbd;
	vertical-align: text-bottom;
	font-family: Arial, Verdana, Tahoma, Courier New, Comic Sans MS; 
	font-size: 16px;
	font-size-adjust: 0.8;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 2px;	
	padding-bottom: 2px;
}
.blank
{
}
.DPARadioButtonList
{
	font-weight: normal;
}
.searchInput{border:1px solid #ccc; color:#000;}   
.searchInput:hover{border:1px solid #699A2F;}   
.searchInput:focus{background:#f8f6c3; border:1px solid #699A2F;} 

.divArrows
{
	background: url('arrows.PNG');
	background-repeat: no-repeat;
	width: 41px;
	height: 22px;
}

/*Evaluation*/
.cssEvalTable
{
  width: 700px;
}

/* menus */

.mainmenulevel1,
.mainmenulevel2,
.mainmenulevel3,
.mainmenulevel4,
.mainmenulevel5,
.altmenulevel1
{
  margin: 0 0 0 0;
  padding: 25px 0 0 0; 
  width :180px;
}

.mainmenulevel1 img,
.mainmenulevel2 img,
.mainmenulevel3 img,
.mainmenulevel4 img,
.mainmenulevel5 img,
.altmenulevel1 img
{
  padding-top: 4px;
  list-style-type: none;
  vertical-align: baseline;
  width :180px;
}
.mainmenulevel1 a,
.mainmenulevel2 a,
.altmenulevel1 a
{
  font-size: 11px!important;
  font-weight: bold;
  text-decoration: none;
  color: #fefefe;
  line-height: 25px;
  height: 25px;
  vertical-align: middle;
  display: block;
  background: url(hdots.gif) repeat-x top left;
  width :180px;  
}
.mainmenulevel3 a,
.mainmenulevel4 a,
.mainmenulevel5 a
{
  font-size: 11px!important;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  line-height: 25px;
  height: 25px;
  vertical-align: middle;
  display: block;
  background: url(hdots.gif) repeat-x top left;
  width :180px;  
}
.mainmenulevel1,
.mainmenulevel2,
.mainmenulevel3,
.mainmenulevel4,
.mainmenulevel5,
.altmenulevel1
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  height:26px;
  border:1px solid #fff;
  border-width:0 1px 1px 0;
}

.mainmenulevel1 a:hover
{
  background: #A9995F none; /* #ffffff none; */
  color: #FEFEFE; /* #335CAA; dark blue? */
  width :180px;
}

.altmenulevel1 a:hover
{
  background: #A9995F none;
  color: #FEFEFE;
  width: 180px;
}
.mainmenulevel2 a:hover,
.mainmenulevel3 a:hover,
.mainmenulevel4 a:hover,
.mainmenulevel5 a:hover
{
  background: #A9995F none; /* #ffffff none; */
  color: #FEFEFE; /* #335CAA; dark blue? */
  width :175px;
}

.mainmenulevel1
{
  background: #4079AA none; /* #ABC0E4 none; menu dark grey */  
}
.altmenulevel1 
{
  background: #90B0CD none; 
}
.mainmenulevel2
{
  background: #90B0CD none; /* #D9E2F2 none; menu mid grey*/
}

.mainmenulevel3
{
  background: #D5DFE9 none; /* #EFF3FA none; menu light grey */
}

.mainmenulevel4
{
  background: #FEFEFE none; /* #EFFAFC none; menu lightest grey */
}

.mainmenulevel5
{
  background: #EFFAFC none; /* #FFFFFF none; menu white */
}

.mainmenulevel1 a
{  
  padding-left: 10px;
  background: url(hdots.gif) repeat-x top left;
  /* border-top: dotted 1px #ffffff; */
}
.altmenulevel1 a
{  
  padding-left: 10px;
  background: url(hdots.gif) repeat-x top left;
  /* border-top: dotted 1px #ffffff; */
}
.mainmenulevel2 a
{
  font-weight: bold;
}
.mainmenulevel3 a,
.mainmenulevel4 a,
.mainmenulevel5 a
{
  font-weight: normal;
}

.mainmenulevel2 a,
.mainmenulevel3 a,
.mainmenulevel4 a,
.mainmenulevel5 a
{
  width :175px;
  padding-left: 15px;
}
.Header3
{
  font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
  font-size: 13px;
  color: #3366cc;
  font-weight: bold;
  padding-left: 0pt;
  padding-right: 10pt;
  margin-left: 0px;
}
.TableHeaderCenter {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background: #2554b3;
  text-align: center;
  padding: 3px;
}
.TableDataCenter {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: black;
  background: #ECECEC;
  text-align: center;
  padding: 3px;
}
.TableRowLabelCenter {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: black;
  background: #CCCCCC;
  text-align: center;
  padding: 3px;
}
/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 400px;
border: 2px solid #C0C09F;
padding: 6px 0px 0px 10px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
/* font-size: 1.1em; */
font-size: 12px !important;
color: #333333;
line-height:1.2em;
margin-right:10px;
margin-top:0;
z-index: 101;
text-decoration:none !important;
}

#ToolTipTextWrap {
font-weight:bold;
/* font-size: 1.2em; */
font-size: 10px !important;
/* color: #592C16; */
color: green;
margin-right:10px;
z-index: 101;
text-decoration:none !important;
}

.optionalLabel {
	text-decoration:none !important;
	border:0px;
	
}
/* trigger related css styles */
span.trigger {
	width:370px;
	height: 20px;
	line-height: 20px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11px;
	text-align:left;
	float: left;
	background: url(/img/trigger.gif) no-repeat;
}
.triggerplus
{
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: url(/img/trigger.gif) no-repeat;
}
span.trigger a {
	display: block;
	text-decoration:none;
	padding-left:25px;	
}
span.trigger a:hover { color: #ccc; }
span.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #D9E2E0 url(/img/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 375px;
	clear: both;
}
e_container .block {
	padding: 0px; /*--Padding of Container--*/
	background: url(/img/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
.pnlPopupMenu
{
	background-color: #cfd8e7;
	border-left: solid 1px #a1bce7;
	border-bottom: solid 1px #a1bce7;
	padding-left: 10px;
	width: 350px;
	white-space: normal;
}
.pnlPopupMenuWithoutCaption
{
	background-color: #cfd8e7;
	border: solid 1px #a1bce7;
	padding-left: 10px;
	padding-right: 10px;
	width: 250px;
	white-space: normal;
}
.hmePopup
{
	display: none;
}
.hiddenLinkButton
{
	display: none;
}

