@import "/includes/Corporate.css";

#contentContainer
{
	/*position: relative;
	float: left;*/
	
	height: auto% !important;
	
	padding-left: 0.3%;
	padding-right: 0.3%;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#contentContainer a:hover, #contentContainer a:visited:hover
{
	/*background-color:#ADD8E6;
	border:none;*/
}

#contentContainer h2
{
	/*color:#000000;*/
	color: #990033;
	font-family:Arial,sans-serif;
	font-size: large;
}

#contentContainer table
{
	border:none;
	vertical-align:top;
}
#contentContainer td
{
	border:1px solid #FFFFFF;
	font:x-small Arial,Helvetica,sans-serif;
	vertical-align:top;
}



/*
	=============================================================================================
	Utility Classes : start
*/
	.hidden
	{
		display : none;
	}
	.outlined
	{
		border : dashed 1px red;
		background : gray;
	}
/*
	Utility Classes   : end
	=============================================================================================
*/



/*
	=============================================================================================
	Basic Row/Column : start
*/
	.full_row
	{
		/*position: relative;*/
		margin-bottom: 1%;
		
		box-sizing : border-box;
		-moz-box-sizing : border-box;
	}

	.half_col
	{
		box-sizing : border-box;
		-moz-box-sizing : border-box;
					
		float: left;
		width: 50%;
	}
	.half_col_right
	{
		box-sizing : border-box;
		-moz-box-sizing : border-box;
			
		float: right;
		width: 50%;
	}
	
	.full_width
	{
		width  : 100%;
		padding-bottom : 5px;
	}
	.three_quarter_width
	{
		width  : 75%;
		float : left;
	}
	.half_width
	{
		width  : 50%;
		float : left;
		/*border : solid 1 blue*/
	}
	.quarter_width
	{
		width  : 25%;
		float : left;
	}
	.eigth_width
	{
		width  : 12%;
	}
	.right
	{
		float : right;
	}
	.left
	{
		float : left;
	}
/*
	Basic Row/Column : end
	=============================================================================================
*/



/*
	=============================================================================================
	UI Advanced Layout (Floated) : start
*/
	.UI_DataLabel
	{
		font-weight: bold;
		padding-right: 2%;
	}
	
	.UI_FullRow
	{
		width: 100%;
		/*position: relative;*/
		float: left;
		margin-bottom: 1%;
		
		box-sizing : border-box;
		-moz-box-sizing : border-box;
	}

	.UI_EighthCol
	{
		width: 12%;
		margin-right: 1%;
		
		float: left;
	}

	.UI_QuarterCol
	{
		width: 24%;
		margin-right: 1%;
		
		float: left;
	}

	.UI_HalfCol
	{
		width: 49%;
		margin-right: 1%;
		
		float: left;
	}

	.UI_ThreeQuarterCol
	{
		width: 84%;
		margin-right: 1%;
		
		float: left;
	}

	.UI_LabelClass
	{
		font-weight: bold;
	}

	.UI_OptionClass
	{
		width: 100%;
	}

	.UI_ActionButton
	{
		background: #eee !important;
		width: 40%;
		margin-right: 1%;
	}
/*
	UI Advanced Layout (Floated) : end
	=============================================================================================
*/
	.navBar
	{
		width: 100%;

		margin-top: 0.5%;
		margin-bottom: 0.5%;
		
		box-sizing : border-box;
		-moz-box-sizing : border-box;
	}
	
	.navBarLeft
	{
		box-sizing : border-box;
		-moz-box-sizing : border-box;
		
		float: left;
		text-align : left;
		vertical-align: middle;
	}
	
	.navBarRight
	{
		box-sizing : border-box;
		-moz-box-sizing : border-box;
		
		float: right;
		text-align : right;
		vertical-align: middle;
	}
	
	.navBar a
	{
		color:#990033;
		font-weight:bold;
		text-decoration:none;	
	}
/*
	=============================================================================================
	Navigation Styles : start
*/

/*
	Navigation Styles : end
	=============================================================================================
*/



/*
	=============================================================================================
	Panel Styles : start
*/
	.titleBar
	{
		border: #990033 1px solid;
		margin-bottom: 0.5%;
		padding: 3px;
	}
	.titleBar h2
	{
		/*background-color:#84A1A5;*/
		padding:0;
 		margin: 0;
	}

	.descriptionPanel
	{
		border: #990033 1px solid;
		padding-bottom: 0.5em;
		margin-bottom: 0.5%;
	}


	.detailPanel
	{
		border: #990033 1px solid;
		margin-bottom: 0.5%;
	}

	.detailPanelTitleBar
	{
/*		background-color: #FFCEE1;*/
	background-color: #FFCEE1;
		border-bottom: #990033 1px solid;
		/*color: #990033; */
		color: #990033;
		
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 5px;
		padding-bottom:5px;
		
		margin-bottom : 0.5%;
		
		font-family: Arial;
	}
	.detailPanelTitleBar .titleBarLeft
	{
		float: left; 
		text-align: left; 
		vertical-align: middle;
	}
	.detailPanelTitleBar .titleBarRight
	{
		float: right;
		text-align : right;
		vertical-align: middle;
	}
	.detailPanelTitleBar .titleBarRight a
	{
		border:none;
		color: #990033;
		text-decoration:underline;
	}
	.detailPanelTitleBar .titleBarRight a:visited
	{
		border:none;
		color: #990033;
		text-decoration:underline;
	}
	.detailPanelTitleBar h4
	{
		padding: 0;
 		margin: 0;
		font-weight: bolder;
		font-size: x-small;
	}

	.detailPanelSubHeading
	{
		background-color: #FFCEE1;
		border-bottom: #990033 1px solid;
		border-top: #990033 1px solid;
		color: #990033; 
		
		padding-top: 1px;
		padding-bottom: 1px;
		
		margin-bottom : 0.5%;

		font-family: Arial;
		font-weight: bold;
	}
	.detailPanelSubHeading .titleBarLeft
	{
		float: left; 
		text-align: left; 
		vertical-align: middle;
	}
	.detailPanelSubHeading .titleBarRight
	{
		float: right;
		text-align : right;
		vertical-align: middle;
	}
	.detailPanelSubHeading .titleBarRight a
	{
		border:none;
		color: #990033;
		text-decoration:underline;
		
		padding-right: 3px;
	}
	.detailPanelSubHeading .titleBarRight a:visited
	{
		border:none;
		color: #990033;
		text-decoration:underline;
		
		padding-right: 3px;
	}

	.detailPanelBody
	{
		padding: 3px;
		display: inline-block;
	}
	.detailPanelBody:after 
	{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.detailPanelBody.full_width
	{
		width  : 100%;
		padding-bottom : 5px;
	}
	
	
	.panelLeft
	{
		float: left;
		width: 50%;
		
		box-sizing : border-box;
		-moz-box-sizing : border-box;
	}
	
	.panelRightNonIE
	{
		width: 50%;
	}
	.panelRight
	{
		float: left;
		
		border-left: none;
		
		box-sizing : border-box;
		-moz-box-sizing : border-box;
	}
	
/*
	Panel Styles  : end
	=============================================================================================
*/



/*
	=============================================================================================
	Datagrid : start
*/

	.dgContainer
	{
		PADDING-RIGHT: 1%;
		PADDING-LEFT: 1%; 
		MARGIN-BOTTOM: 2%;
		
		width: 100%;

		box-sizing : border-box;
		-moz-box-sizing : border-box;
	}

	.dgBody
	{
		border: solid 1px #990033 !important;	
	}

	.dgHeader
	{
		color: #FFFFFF;
		background: #990033;
	}

	.dgSubHeading
	{
		background : #8BC0C1;
		color : White;
		font-size: small;
		font-weight: bold;
	}

	.dgFooter
	{ 
		WIDTH: 100%;
		color : White;
		font:x-small Arial,Helvetica,sans-serif;
		margin-top : 2px;
		
		box-sizing : border-box;
		-moz-box-sizing : border-box;
	}

	.dgPager
	{
		background : #990033;
		color : #FFCEE1;
	}

	.dgRow
	{
		background-color: White;
		vertical-align : middle;
	}

	.dgAltRow
	{
		background : GhostWhite;
		color : Black;
		vertical-align : middle;
	}

	.dgSelectedRow
	{
		background-color: #D0DDE8;
		color: #990033;
	}

	.dgRowHover
	{
		background-color: #D0DDE8;
		color : White;
	}

	.dgHiddenColumn
	{
		width: 0px;
		display: none;
	}

	.dgSmallItems
	{
		width: 100%;
	}

	.dgSmallItems tr
	{
		line-height: 1em !important;
		height: 1em !important;
	}

	.dgSmallItems td
	{
		font-size: x-small !important;
		padding-top: 0.2em !important;
		padding-bottom: 0.2em !important;
		border: solid 1px ActiveBorder !important;
	}

	.dgLargeItems
	{
		width: 100%;
	}

	.dgLargeItems tr
	{
		line-height: 2em !important;
		height: 2em !important;
	}

	.dgLargeItems td
	{
		padding-top: 0.5em !important;
		padding-bottom: 0.5em !important;
		
		border: solid 1px ActiveBorder !important;
	}
/*
	Datagrid : end
	=============================================================================================
*/
	
	
	
/*
	=============================================================================================
	Browse Schools : start
*/
	.browse_schools_div
	{
		float : left;
		width : 100%;
		padding-left : 10px;
		padding-top : 5px;
		padding-right : 5px;
		padding-bottom : 10px;
	}
	.matching_schools_div
	{
		float : left;
		width : 100%;
	}
	.browse_label
	{
		background-color : lightgreen;
		width: 99%;
		height: 5em;
		border: none;
	}
	.browse_school_select
	{
		width : 49%;
	}
	.browse_school
	{
		width: 100%
	}
/*
	Browse Schools : end
	=============================================================================================
*/



/*
	=============================================================================================
	View School Details : start
*/
	.tblSchoolDetails
	{
		width: 100%;
	}
	.tblSchoolDetails .tblHiddenRow
	{
		display: none;
	}
	.tblSchoolDetails td
	{
		width: 25%;
	}
	.tblSchoolDetails .secondCol
	{
		width: 75%;
	}
	
	.mailingAddressStatement
	{
		width: 100%;
		float: left;
		
		box-sizing : border-box;
		-moz-box-sizing : border-box;
		margin-top: 1%;
		margin-bottom: 1%;
		
		padding-top: 1%;
		padding-bottom: 1%;
		
		padding-left: 1%;
		
		display: block;
		background-color: #eee;
		
		font-weight: bold;
	}
	.mailingAddressStatement .envelopeimg
	{
		position: relative;
		margin-right: 2%;
		top: 4px;
	}
	
	.schoolAddressContainer
	{
		width: 90%;
		
		margin-top: 1%;
		margin-bottom: 2%;
		
		box-sizing : border-box;
		-moz-box-sizing : border-box;
	}

	.schoolAddressActionsContainer
	{
		margin-bottom: 2%;
	}
	.schoolAddressActionButton
	{
		background: #eee;
		color: black;
		
		margin-right: 1%;
		padding: 4px 4px 4px 4px !important;

		text-decoration: none !important;
	}
	.schoolAddressActionButton a:visited
	{
		color: Black; !important;
	}

	.schoolAddressEdit
	{
		width: 90%;
	}

	.schoolTelephoneContainer
	{
		margin-bottom: 1%;	
	}
	/*.schoolTelephoneLabel
	{
		font-weight: bold;
		
		/*width: 25%;
		margin-right: 2%;
	}
	.schoolTelephoneValue
	{
		width: 53%;
	}*/

	.schoolPagerControl
	{
		margin-top: 2%;
		margin-bottom: 2%;
		padding-top: 1%;
		
		border-top: #eee 1px solid;
		
		text-align: right;
	}
	.schoolPagerControl a
	{
		background: #eee;
		color: black;
		
		/*margin-left: 1%;*/
		padding: 1px 4px 1px 4px;
	}
	.schoolPagerControl .schoolPagerSelectedButton
	{
		border: #990033 1px solid  !important;
		text-decoration: none  !important;
	}
/*
	View School Details : end
	=============================================================================================
*/



/*
	=============================================================================================
	DataItem Controls : start
*/
	.dataItem_Pages .detailPanel
	{
		margin-bottom: 0.5%;
	}

	.dataItem_selectlist
	{
		width: 100%;
		margin-bottom: 1%;
	}

	.dataItem_container
	{
		float: left;
		
		padding-left: 1%;
		padding-right: 1%;
		
		box-sizing : border-box;
		-moz-box-sizing : border-box;
	}

	.dataItem_container .detailPanelSubHeading
	{
		margin-bottom : 0px !important;
	}

	.dataItem_container .detailPanel
	{
		border-top: none;
		background-color: ThreedFace;
	}

	.dataItem_container .scrollingList
	{
		overflow: auto;
		height: 18em;
		
		border: solid 1px ActiveBorder !important;
	}

	.instruction_label
	{
		padding-top: 1em;
	}




	.dataItem_container .dgButtonColumn
	{
		width: 5%;
	}

	.dataItem_container a
	{
		text-align: center;
		color: #990033 !important;
	}

	.dataItem_container a:visited
	{
		text-align: center;
		color: #990033 !important;
	}

	.dataItem_container a:hover, .dataItem_container a:visited:hover
	{
		text-align: center;
		color: #990033 !important;
	}

	.dataItem_description_label
	{
		width: 100%;
		height: 5em;
		border: none;

	}

	.dataItem_ChkBoxList input
	{
		margin-right: 1%;
	}

	.dataItem_ChkBoxList label
	{
		margin-right: 3%;
	}

	.dataItem_RadioButtonList input
	{
		margin-right: 1%;
	}

	.dataItem_RadioButtonList label
	{
		margin-right: 3%;
	}

	.dataItem_ButtonContainer .left
	{
		float: left;
	}
	.dataItem_ButtonContainer .right
	{
		float: right;
	}
	.dataItem_ButtonContainer .errorLabel
	{
		color: Red;
		font-weight: bold;
	}
	.dataItem_ButtonContainer .actionButton
	{
		background: #eee;
	}
/*
	DataItem Controls : end
	=============================================================================================
*/



/*
	=============================================================================================
	Data Comparison : start
*/

	.expiredSessionNotice
	{
		border: black 1px solid;
		margin-bottom: 0.5%;
		padding: 3px;
		
	/*background: White;*/
		background: #eee;
		background-color: #eee;
		
	text-align: center;
		
	display:block; 
	}

	.schoolList
	{
		height: 18em;
	}

	.attributeList
	{
		height: 10em;
	}

	.scrollList
	{
		overflow: auto;
		border: solid 1px ActiveBorder !important;
	}

	.itemListLarge
	{
		height: 18em
	}

/*
	Data Comparison : end
	=============================================================================================
*/



/*
	=============================================================================================
	Comparison Results : start
*/
	.headerDescription
	{
		font-weight: normal;
	}

	.tblCaption
	{
		float: right;
		text-align: right;
		
		padding-top: 0.5em;
		
		box-sizing : border-box;
		-moz-box-sizing : border-box;
	}
	.tblCaption .UI_FullRow
	{
		margin-bottom : 0.3% !important;
	}

	.rowHeading
	{
		font-weight: normal;
		text-align: left;
	}
	.rowSubHeading
	{
		font-size: smaller;
		font-weight: bold;
		text-align: left;
	}

	.AJAXWaitContainer
	{
		padding-left : 5%;
		padding-right : 5%;
		
		box-sizing : border-box;
		-moz-box-sizing : border-box;
		
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		
		text-align: center;
		
		background-color: #eee;
	}

	.UIWaitLabelClass
	{
		margin-left : 1%;
		margin-bottom : 20px;
		
		vertical-align : middle;
		
		/*font-size : medium;*/
		font-weight : bold;
		
		/*color: #990033; */
	}
/*
	Comparison Results : end
	=============================================================================================
*/
	
	
	
/*
	=============================================================================================
	Layout Fixes : start
*/
	.clearfix
	{
		display: block;
	}
	.clearfix:after 
	{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
/*
	Layour Fixes : end
	=============================================================================================
*/