﻿ /*
	MLA colours
	Heading Font			#000066 14 pt Arial
	Description Font		#333333	12 pt Arial
	Logo Colour				#
	Other Border Color		#333366
	Login Border Color		#666999
	Font Colour Color		#666999
	Normal Font Color		#333333;;
*/

/*----------- MLA Style Start ----------------------*/

.border_blue
{
     border: solid thin blue;
}

.border_red
{
     border: solid thin red;
}

.border_green
{
     border: solid thin green;
}

.border_black
{
     border: solid thin black;
}


body {
	font-family:		Arial;
	margin:				0em 0em 0em 0em;
	padding:			0.125em 0.125em 0em 0em;
	background-color:	white;
	font-size:			11pt;
	color:              #333333;
	line-height:		20px;
}

.main_div {
	position:			relative;
	width:				1000px;
	height:				768px;
	margin:				0 auto;
}

.logo {
	width:				100%;
	display:			inline;
	overflow:			hidden;
}

.hoshin_logo 
{
	margin-top:         100px;
	width:				1000px;
	text-align:			Right;
	margin-left:		-250px;
}

.banner_img_wrapper {
	width:				100%;
	display:			inline;
	padding:			0em 0em 0em 0em;
	margin:				0em 0em 0em 0em;
	overflow:			hidden;
	border:				none;
}

.banner_img 
{
	display:			inline;
	padding:			0em 0em 0em 0em;
	margin:				0em 0em 0em 0em;
	overflow:			hidden;
	border:				none;
	background-repeat:  no-repeat;
}

.mainmap_div 
{
    background-image:url(../images/MainMap.png);
    background-position:0px 0px;
    width:              399px;
    height:             425px;
}
    
.mainmap_div_region1
{
    background-image:url(../images/MainMap.png);
    background-position:0px 425px;
    width:              399px;
    height:             425px;
}

.mainmap_div_region2
{
    background-image:url(../images/MainMap.png);
    background-position:0px 850px;
    width:              399px;
    height:             425px;
}

.mainmap_div_region3
{
    background-image:url(../images/MainMap.png);
    background-position:0px 1275px;
    width:              399px;
    height:             425px;
}

.mainmap_div_region4
{
    background-image:url(../images/MainMap.png);
    background-position:0px 1700px;
    width:              399px;
    height:             425px;
}

.mainmap_div_region5
{
    background-image:url(../images/MainMap.png);
    background-position:0px 2125px;
    width:              399px;
    height:             425px;
}

.mainmap_div_region6
{
    background-image:url(../images/MainMap.png);
    background-position:0px 2550px;
    width:              399px;
    height:             425px;
}

.mainmap_div_region7
{
    background-image:url(../images/MainMap.png);
    background-position:0px 2975px;
    width:              399px;
    height:             425px;
}

.mainmap_div_region8
{
    background-image:url(../images/MainMap.png);
    background-position:0px 3400px;
    width:              399px;
    height:             425px;
}

.mainmap_div_region9
{
    background-image:url(../images/MainMap.png);
    background-position:0px 3825px;
    width:              399px;
    height:             425px;
}
    
.footer_img {
	display:			inline;
	padding:			0em 0em 0em 0em;
	margin:				0em 0em 0em 0em;
	overflow:			hidden;
	border:				none;
}

.help_img {
	display:			inline;
	padding:			0em 0em 0em 0em;
	margin:				0em 0em 0em 0em;
	overflow:			hidden;
	border:				none;
}

.banner_img2 {
	display:			inline;
	overflow:			hidden;
	border:				none;
	margin-left:		0px;
}

.centre_column {
	padding:			0px 0px 0px 0px;
	margin :		 	0px 0px 0px 0px;
	width:              100%;
}

.main_summaries_block {
	width:				100%;
}

/*----------- Common Class ----------------------*/

.DivTop{position: absolute; margin:0,0,0,0; width:749px; height: 65px; left: 251px; top: 85px;}
.PanelTop{ width: 749px; height: 65px; font-family: Arial; font-size: 14pt; color: #000066; text-align:justify}

.top_home_link_button {font-family: Arial; font-size: 14pt; color: #000066; text-decoration: none;}

.DivTop2{position: absolute; margin:0,0,0,0; width:749px; left: 251px; top: 150px;}
.PanelTop2{ width: 100%; font-family: Arial; font-size: 12pt; color: #000066; text-align:justify}

.DivTop3{position: absolute; margin:0,0,0,0; width:749px; height: 65px; left: 200px; top: 85px;}
.PanelTop3{ width: 749px; height: 65px; font-family: Arial; font-size: 14pt; color: #000066; text-align:justify}

.logout_button_td {height:15px; background-color:#666999;}

.logout_button {color: White; font-size: 14px; font-family:	Arial;}

.content_block {
	position:			absolute;
	margin-Top:			100px;
	width:				100%;
	text-align:			center;
	/*border-color:		Black;
	border-width:		thin;
	border-style:		solid;*/
}

/*----------- Auto Complete Ajax ----------------*/

.red {background-color: White; color:Red;}
.high {background-color: #ffff99; color:Red; padding: 1px; }

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : White;
	/*background-color : inherit;*/
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	/*color: black;*/
	padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem 
{
	background-color : window;
	/*color : windowtext;*/
	padding : 1px;
}

/*----------- Default Page ----------------------*/

.DivLeft{position: absolute; margin:0,0,0,0; width:251px; height:400px; left: 20px; top: 150px;}
.PanelLeft{ width: 251px; height:400px; font-family: Arial; font-size: 11pt; color: #333333; line-height:20px;}

.left_img {
	display:			inline;
	padding:			0em 0em 0em 0em;
	margin:				0em 0em 0em 0em;
	overflow:			hidden;
	border:				none;
}

.DivMiddleMap{position: absolute; margin:0,0,0,0; width:389px; left: 271px; top: 150px;}
.PanelMiddleMap{ width: 399px; font-family: Arial; font-size: 11pt; color: #333333; text-align:justify}

.areamap_img {
	display:			inline;
	padding:			0em 0em 0em 0em;
	margin:				0em 0em 0em 0em;
	overflow:			hidden;
	border:				none;
}

.DivRight{position: absolute; margin:0,0,0,0; width:335px; left: 665px; top: 150px;}
.PanelRight{ width: 335px; font-family: Arial; font-size: 11pt; color: #333333; line-height:20px;}

.TableHelp{position: absolute; margin:0,0,0,0; width:335px; left: 100px; top: 220px;}

.DivBottom{position: absolute; margin:0,0,0,0; width:389px; left: 271px; top: 600px;}
.PanelBottom{ width: 399px; font-family: Arial; font-size: 10pt;  color: #333333; text-align:center;} 

.MapText { color: #000066; font-family: Arial; font-size: 10pt; text-align: left; margin-left: 110px; margin-top: -40px; font-weight: bold; line-height:15px; width: 65%; }

/*----------- Login Page ----------------------*/

.DivLogin{position: absolute; width: 400px; left:251px; margin-top: 20px;
    top: 2px;
}
.PanelLogin{width: 400px;}

.login_block{
	width:				100%;
	border-color:		#666999;
	border-style:		double;
	border-width:		thin;
}

.login_table1{
	 text-align:center; 
	 background-color: #666999;
	 color: White;
}

.login_table2
{

}

.login_table3
{
	border-bottom-color: #666999;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

/*.DivLoginBottom{position: absolute; Top:340px;  width:350px; left: 251px;}*/

.DivLoginBottom{position: absolute; width:420px; text-align: left; left: 251px; top: 180px; margin-top: 35px;}
.PanelLoginBottom{ width: 100%; font-family: Arial; font-size: 11pt; color: #333333; line-height:20px;}

.LoginExpressValidator 
{
	Font-Size: x-small;
	color: Red;
	text-align: center;
	margin-bottom: 10px;
}

/*----------- Institution Home ----------------------*/

.DivInstitutionHome{margin:0 auto; width:100%; /* border-color: Blue; border-width: thin; border-style: solid;*/}

.DivMuseumHome1{margin:0 auto; width:400px; /*border-color: Red; border-width: thin; border-style: solid;*/}
.PanelMuseumHome1{width: 400px;}

.DivMuseumHome2{margin:0 auto; width:400px}
.PanelMuseumHome2{width: 400px;}

.DivMuseumHome3{margin:0 auto; width:400px}
.PanelMuseumHome3{width: 400px;}

.DivMuseumHome1-1{margin:0 auto; width:500px;}
.PanelMuseumHome1-1{width: 500px; width:500px;}

.DivMuseumHome2-1{margin:0 auto; width:500px;}
.PanelMuseumHome2-1{width: 500px; width:500px;}

.DivMuseumHome3-1{margin:0 auto; width:500px;}
.PanelMuseumHome3-1{width: 500px; width:500px;}

.DivMuseumHome4-1{margin:0 auto; width:500px;}
.PanelMuseumHome5-1{width: 500px; width:500px;}

.DivMuseumHome5-1{margin:0 auto; width:500px;}
.PanelMuseumHome5-1{width: 500px; width:500px;}

.DivMuseumHome6-1{margin:0 auto; width:500px;}
.PanelMuseumHome6-1{width: 500px; width:500px;}

.PanelTopText{ text-align: left; margin: 0 0 0 0;}

/*----------- Verify School Page ----------------------*/

.DivVerifySchool{margin:0 auto; width:600px}
.PanelVerifySchool{width: 600px;}

.verify_school_block {
	margin: 0 0 0 0;
	width:	100%;
		/*border:solid thin black;*/
}

.VerifySchoolTable1
{
	border-top-color: Gray;
	border-top-style: solid;
	border-top-width: thin;
	
	border-left-color: Gray;
	border-left-style: solid;
	border-left-width: thin;
	
	border-right-color: Gray;
	border-right-style: solid;
	border-right-width: thin;
	/*
	border-bottom-color: Gray;
	border-bottom-style: solid;
	border-bottom-width: thin;
	*/
	
	width: 410px;
	margin: 0 auto;
}

.VerifySchoolTable2
{
	/*
	border-top-color: Gray;
	border-top-style: solid;
	border-top-width: thin;
	*/
	border-left-color: Gray;
	border-left-style: solid;
	border-left-width: thin;
	
	border-right-color: Gray;
	border-right-style: solid;
	border-right-width: thin;
	
	border-bottom-color: Gray;
	border-bottom-style: solid;
	border-bottom-width: thin;
	
	width: 410px;
	margin: 0 auto;
}

.VerifySchoolTable3
{

	width: 300px;
	margin: 0 auto;
}

.textbox_postcode_verifyschool_header {
	Width:				400px;
	Height:				15px;
	font-size:			x-small;
	text-align:			left;
	font-weight:		normal;
	background-color:	White;
}

.textbox_postcode_verifyschool 
{
	width:				400px;
	Height:				15px;
	font-size:			x-small;
	text-align:			left;
	background-color:	 #ffffcc;
}

.textbox_schoolname_verifyschool_header {
	Width:			110px;
	Height:			18px;
	font-size:		x-small;
	font-weight:	bold;
	text-align:		left;
}

.textbox_schoolname_verifyschool {
	Width:			290px;
	Height:			18px;
	font-size:		x-small;
	text-align:		left;
}

/*----------- Visits Page ----------------------*/

.DivAddVisits{margin:0 auto; width:900px}
.PanelAddVisits{width: 900px;}

.DivViewVisits{margin:0 auto; width:900px}
.PanelViewVisits{width: 900px;}

.add_visit_block {
	margin: 0 0 0 0;
	width:				100%;
	/*border:				solid thin black;*/
}

.add_visit_blockSingle {
	margin:				0 auto;
	width:				400px;
	/*border:				solid thin gray;*/
}

.VisitsTopTable {
	border-top-color: Gray;
	border-top-style: solid;
	border-top-width: thin;
	
	border-left-color: Gray;
	border-left-style: solid;
	border-left-width: thin;
	
	border-right-color: Gray;
	border-right-style: solid;
	border-right-width: thin;
}

.VisitsMidTable {
	border-left-color: Gray;
	border-left-style: solid;
	border-left-width: thin;
	
	border-right-color: Gray;
	border-right-style: solid;
	border-right-width: thin;
}

.VisitsBottomTable {
	border-bottom-color: Gray;
	border-bottom-style: solid;
	border-bottom-width: thin;
	
	border-left-color: Gray;
	border-left-style: solid;
	border-left-width: thin;
	
	border-right-color: Gray;
	border-right-style: solid;
	border-right-width: thin;
}

.VisitsNotesTable {
	border-top-color: Gray;
	border-top-style: solid;
	border-top-width: thin;
	
	border-left-color: Gray;
	border-left-style: solid;
	border-left-width: thin;
	
	border-right-color: Gray;
	border-right-style: solid;
	border-right-width: thin;
	
	border-bottom-color: Gray;
	border-bottom-style: solid;
	border-bottom-width: thin;	
}

.TextBoxNotes { width: 100%; height: 100px; }


.add_visit_block_header {
	font-weight:		 normal;
	background-color:	White;
	font-size:			smaller;
}

.view_visit_block {
	width:			100%;
	text-align:  	Center;
	border:			solid  0  black;
}

.label_serialnumber_header {
	width:				10px;
	Height:				10px;
	font-size:			x-small;
	text-align:			left;
	font-weight:		normal;
	background-color:	White;

}

.label_serialnumber {
	width:				10px;
	Height:				10px;
	font-size:			x-small;
	text-align:			left;
}

.textbox_postcode_header {
	Width:				400px;
	Height:				10px;
	font-size:			x-small;
	text-align:			left;
	font-weight:		normal;
	background-color:	White;
}

.textbox_postcode {
	Width:				400px;
	Height:				10px;
	font-size:			x-small;
	text-align:			left;
}

.textbox_schoolname_header {
	Width:			400px;
	Height:			18px;
	font-size:		x-small;
	text-align:		left;
	font-weight:		normal;
	background-color:	White;
}

.textbox_schoolname {
	Width:			400px;
	Height:			18px;
	font-size:		x-small;
	text-align:		left;
}


.textbox_schooldata_header {
	Width:			150px;
	Height:			18px;
	font-size:		x-small;
	text-align:		left;
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_schooldata {
	Width:			150px;
	Height:			18px;
	font-size:		x-small;
	text-align:		left;
}


.textbox_visitdate_header {
	height:			18px;
	width:			55px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
}

.textbox_visitdate {
	height:			18px;
	width:			55px;
	font-size:		x-small;
	text-align:		left;	

}

.textbox_calender_header {
	height:			10px;
	width:			10px;
	text-align:		left;	
	background-color:	White;
	
}

.calendar {	
	margin-top: 1.5px;
}

.textbox_studentpartysize_header {
	height:			18px;
	width:			63px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_studentpartysize {
	height:			18px;
	width:			63px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_yeargroup_header {
	height:			10px;
	width:			130px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_yeargroup_ddl {
	height:			17px;
	width:			170px;
	font-size:		x-small;
	text-align:		left;	
	
}

.textbox_yeargroup {
	height:			10px;
	width:			55px;
	font-size:		x-small;
	text-align:		left;	
}


.textbox_mixedyear_header {
	height:			10px;
	width:			110px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_mixedyear {
	height:			10px;
	width:			100px;
	font-size:		x-small;
	text-align:		left;
}


.pnlMixedYear 
{
	border-Top-color: #666999;
	border-Top-style:  solid;
	border-Top-width: thin;
	
	border-bottom-color: #666999;
	border-bottom-style:  solid;
	border-bottom-width: thin;
}

.textbox_crosscurricular_header {
	height:			10px;
	width:			150px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_crosscurricular {
	height:			10px;
	width:			150px;
	font-size:		x-small;
	text-align:		left;	
}

.pnlCrossCurricular 
{
	border-Top-color: #666999;
	border-Top-style: solid;
	border-Top-width: thin;
	
	border-bottom-color: #666999;
	border-bottom-style:  solid;
	border-bottom-width: thin;
}

.textbox_keystagegroup_header {
	height:			17px;
	width:			60px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_keystagegroup {
	height:			17px;
	width:			60px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_keystage_header {
	height:			17px;
	width:			60px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	/*margin-left:		-10px;*/
	
}

.textbox_keystage {
	height:			17px;
	width:			60px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}


.textbox_ksearly_header {
	height:			17px;
	width:			60px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_ksearly {
	height:			17px;
	width:			50px;
	font-size:		x-small;
	text-align:	     center;	
}


.textbox_ks1234_header {
	height:			17px;
	width:			30px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_ks1234 {
	height:			17px;
	width:			20px;
	font-size:		x-small;
	text-align:		 center;	
}

.textbox_post16_header {
	height:			17px;
	width:			40px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_post16 {
	height:			17px;
	width:			40px;
	font-size:		x-small;
	text-align:		 center;	
}

.textbox_unknown_header {
	height:			17px;
	width:			70px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_unknown {
	height:			17px;
	width:			70px;
	font-size:		x-small;
	text-align:		 center;	
}

.textbox_leftgap_header {
	width:			5px;
	background-color:	White;
	
}

.textbox_leftgap {
	width:			5px;
}

.textbox_serviceprovided_header {
	height:			17px;
	width:			230px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_serviceprovided {
	height:			17px;
	width:			230px;
	font-size:		x-small;
	text-align:		left;
}

.textbox_serviceprovided_ddl {
	height:			17px;
	width:			230px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_serviceteachercontact_header {
	height:			17px;
	width:			160px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_serviceteachercontact {
	height:			17px;
	width:			160px;
	font-size:		x-small;
	text-align:		left;
}

.textbox_serviceteachercontact_ddl {
	height:			17px;
	width:			160px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_eschoolactivity_header {
	height:			17px;
	width:			100px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_eschoolactivity {
	height:			17px;
	width:			206px;
	font-size:		x-small;
	font-weight:	normal;
	text-align:		left;
}


.textbox_teachertraining_header {
	height:			12px;
	width:			120px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_teachertraining {
	height:			12px;
	width:			120px;
	font-size:		x-small;
	font-weight:	normal;
	text-align:		left;
}


.textbox_topic_header {
	height:			17px;
	width:			170px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
}

.textbox_topic {
	height:			17px;
	width:			100px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_topic_ddl {
	height:			17px;
	width:			140px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_curriculum_header {
	height:			17px;
	width:			130px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_curriculum {
	height:			17px;
	width:			130px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_curriculum_ddl {
	height:			17px;
	width:			170px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_funding_header {
	height:			17px;
	width:			150px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_funding {
	height:			17px;
	width:			150px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_funding_ddl {
	height:			17px;
	width:			150px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_fundingother_header {
	height:			17px;
	width:			200px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
	
}

.textbox_fundingother {
	height:			17px;
	width:			200px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_fundingother_textbox {
	height:			10px;
	width:			200px;
	font-size:		x-small;
	text-align:		left;	
}



.textbox_teacher_header {
	height:			17px;
	width:			240px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
}

.textbox_teacher {
	height:			10px;
	width:			240px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_admininfo_header {
	height:			17px;
	width:			600px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
}

.textbox_admininfo {
	height:			10px;
	width:			600px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_admininfo_textbox {
	height:			10px;
	width:			250px;
	font-size:		x-small;
	text-align:		left;	
}

.textbox_hours_header {
	height:			17px;
	width:			100px;
	font-size:		x-small;
	text-align:		left;	
	font-weight:		normal;
	background-color:	White;
}

.textbox_hours {
	height:			17px;
	width:			100px;
	font-size:		x-small;
	text-align:		 center;	
}

.textbox_rightgap_header {
	width:			50px;
	background-color:	White;
}

.textbox_rightgap {
	width:			50px;
}

.DivViewVisits{margin:0 auto; width:900px}
.PanelViewVisits{ width: 900px;}

.viewbox_postcode {
	font-size:			x-small;
	height:				10px;
	width:				75px;
	text-align:			center;	
}

.viewbox_schoolname {
	font-size:			x-small;
	height:				18px;
	width:				200px;
	text-align:			center;	
}

.viewbox_visitdate {
	font-size:			x-small;
	height:				10px;
	width:				45px;
	text-align:			center;	
}

.viewbox_studentpartysize {
	font-size:			x-small;
	height:				10px;
	width:				50px;
	text-align:			center;	
}

.viewbox_yeargroup {
	font-size:			x-small;
	height:				10px;
	width:				41px;
	text-align:			center;	
	
}

.viewbox_eschoolactivity {
	font-size:			x-small;
	height:				10px;
	width:				41px;
	text-align:			center;	
	
}

.viewbox_ksearly {
	font-size:			x-small;
	height:				10px;
	width:				20px;
	text-align:			center;	
	
}

.viewbox_ks1 {
	font-size:			x-small;
	height:				10px;
	width:				20px;
	text-align:			center;	
}

.viewbox_ks2 {
	font-size:			x-small;
	height:				10px;
	width:				40px;
	text-align:			center;	
}

.viewbox_ks3 {
	font-size:			x-small;
	height:				10px;
	width:				40px;
	text-align:			center;	
}

.viewbox_ks4 {
	font-size:			x-small;
	height:				10px;
	width:				40px;
	text-align:			center;	
}

.viewbox_post16 {
	font-size:			x-small;
	height:				10px;
	width:				40px;
	text-align:			center;	
}

.viewbox_ageunknown {
	font-size:			x-small;
	height:				10px;
	width:				40px;
	text-align:			center;	
}

.viewbox_serviceprovided {
	font-size:			x-small;
	height:				17px;
	width:				115px;
	text-align:			center;	

}

.viewbox_keystagegroup {
	font-size:			x-small;
	height:				17px;
	width:				71px;
	text-align:			center;	
	
}

.viewbox_topic {
	font-size:			x-small;
	height:				17px;
	width:				115px;
	text-align:			center;	
}

.viewbox_teachertraining {
	font-size:			x-small;
	height:				17px;
	width:				115px;
	text-align:			center;	
}

.viewbox_admininfo {
	font-size:			x-small;
	height:				17px;
	width:				115px;
	text-align:			center;	
}

.viewbox_curriculum {
	font-size:			x-small;
	height:				17px;
	width:				115px;
	text-align:			center;	
}

.viewbox_funding {
	font-size:			x-small;
	height:				17px;
	width:				115px;
	text-align:			center;	
}

.viewbox_teacher {
	font-size:			x-small;
	height:				17px;
	width:				100px;
	text-align:			center;	
}

.viewbox_schoolhours {
	font-size:			x-small;
	height:				17px;
	width:				100px;
	text-align:			center;	
}

/************ MaskedEdit Related Styles ***********************/

.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: Yellow;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-repeat:repeat-x;
	color:#FFF;
	font-weight: normal;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}


/*----------- Report Home ----------------------*/

. PanelReportLoading {margin:0 auto; width:800px;}

.DivReportHome1{margin:0 auto; width:525px; /*border-color:Red; border-width:thin; border-style:solid;*/}
.PanelReportHome1{ width: 525px;}

.DivReportHome{margin:0 auto; width:420px}
.PanelReportHome{ width:420px;}

.DivReportHome2{margin:0 auto; width:490px}

.MainHeading{ margin:0 0 0 0; text-align:left; width: 100%; color: #666999; font-weight:bolder;}

.ReportLink{ margin:0 0 0 0; width: 100%;}
.ReportLinkbtn{ color: #333333;  margin-left: 0px; text-align: left; font-size: smaller;}

.DivReportChoice{margin:0 auto; width:100%; /*border-color:Red; border-width:thin; border-style:solid;*/}
.PanelReportChoice{width: 100%; /*border-color:Blue; border-width:thin; border-style:solid;*/}

.DivReportYearKey{margin:0 auto; width:100%; /*border-color:Red; border-width:thin; border-style:solid;*/}
.PanelReportYearKey{ width: 100%;}

.DivReportSegments{margin:0 auto; width:100%; /*border-color:Red; border-width:thin; border-style:solid;*/}
.PanelReportSegments{ width: 100%;}

.DivReportPConstituency{margin:0 auto; width:100%; /*border-color:Red; border-width:thin; border-style:solid;*/}
.PanelReportPConstituency{ width: 100%;}

.DivReportLA{margin:0 auto; width:100%; /*border-color:Red; border-width:thin; border-style:solid;*/}
.PanelReportLA{ width: 100%;}

.DivReportBottom{margin:0 auto; width:100%;  border-bottom-color:Black; border-bottom-width:thin; border-bottom-style:solid;}
.PanelReportBottom{ width: 100%;}

.DivReportDisplay{ margin:0 auto; width:100%;/* border-color:Blue; border-width:thin; border-style:solid;*/}
.PanelReportDisplay{ width: 100%; text-align: left;}

.ReportView_block{ margin-top: 380px; width:100%;}
.ViewReportFrame{width:100%; height:1150px;}

/*----------- Labels Page ----------------------*/

/*.DivLabelsTop{margin:0 auto; width:700px}
.PanelLabelsTop{ width: 700px;}	*/


.DivLabelsTop{margin:0 auto; width:500px; text-align: left;}
.PanelLabelsTop{ width: 500px;}

.DivLabelsMid1{margin:0 auto; width:400px}
.PanelLabelsMid1{ width: 400px;}

.DivLabelsMid2{margin:0 auto; width:600px}
.PanelLabelsMid2{ width: 600px;}

.DivLabelsMid3{margin:0 auto; width:450px}
.PanelLabelsMid3{ width: 450px;}

.DivLabelsMid4{margin:0 auto; width:650px}
.PanelLabelsMid4{ width: 650px;}

.DivLabelsMid5{margin:0 auto; width:400px}
.PanelLabelsMid5{ width: 400px;}

.DivLabelsMid6{margin:0 auto; width:400px}
.PanelLabelsMid6{ width: 400px;}

.DivLabelsMid7{margin:0 auto; width:400px}
.PanelLabelsMid7{ width: 400px;}

.DivLabelsMid8{margin:0 auto; width:400px}
.PanelLabelsMid8{ width: 400px;}

.label_block {
	width:				700px;
	margin:				0em 0em;
	padding:			0em 0em;
	text-align:			left;
}

.LabelDLL { width: 300px;}
.LoadButton { width: 50px; }
.LabelTextBox { width: 295px; }
.SaveButton { width: 50px; }
/*----------- Map Page ----------------------*/
.map_div {
	font-family:		Arial;
	font-size:			x-small;
}


.map_table_td {
	width: 100px;
}
	
.content_block_map {
	margin-left:		0%;
	margin-right:		15%;
	width:				800px;
	height:             550px;
	overflow:			hidden;
	position:			relative;
}

.map_popup {
	position:			fixed;
	font-family:		Arial;
	font-size:			x-small;
	width:              300px;
	left:				50px;
	top:				100px;
	line-height:		10px;
}

.label_popup
{
	font-family:		Arial;
	font-size:			x-small;
	width:              800px;
}


#popup
{
	POSITION:absolute;
	VISIBILITY:hidden;
	Z-INDEX:199;
}

.pinConstruction
{
	cursor:pointer;
	text-decoration:none;
	z-index:5;
}
.pinMinor
{
	cursor:pointer;
	text-decoration:none;
	z-index:5;
}
.pinModerate
{
	cursor:pointer;
	text-decoration:none;
	z-index:5;
}
.pinMajor
{
	cursor:pointer;
	text-decoration:none;
	z-index:5;
	
}

.content_block_slider {
	width:				170px;
	height:             50px;
	margin:				0em 0em;
	padding:			0em 0em;
	position:			relative;
	text-align:			left;
	/*border-color: Red; border-width: thin; border-style: solid;*/
}

.miles_input_box {
		font-family:		Arial;
		font-size:			x-small;
}


.miles_submit_button {
	font-family:		Arial;
	font-size:			x-small;
}

.miles_select_button {
	font-family:		Arial;
	font-size:			x-small;
}

.drivetime_input_box {
	font-family:		Arial;
	font-size:			x-small;
}

.drivetime_submit_button {
	font-family:		Arial;
	font-size:			x-small;
}

.drivetime_select_button {
	font-family:		Arial;
	font-size:			x-small;
}

.DivSelDriveTimeSlide{margin:0 auto; width:800px}
.PanelSelDriveTimeSlide{ width:800px;}	

.DivSelDriveTimeMap{margin:0 auto; width:800px}
.PanelSelDriveTimeMap{ width:800px;}	

.DivViewDriveTime{margin:0 auto; width:800px}
.PanelViewDriveTime{ width: 800px;}	


.DivMapMuseum{margin:0 auto; width:800px}
.PanelMapMuseum{ width: 800px;}

.content_block_slidermap{
	width:				800px;
	height:             550px;
	overflow:			hidden;
	border-color: Red; border-width: thin; border-style: solid;
}

.DivMapMuseumBottom{margin:0 auto; width:600px}
.PanelMapMuseumBottom{ width: 600px;}

/*----------- Booking Page ----------------------*/
.DivBookingTop{margin:0 auto; width:500px; text-align: left;}
.PanelBookingTop{ width: 500px;}	

.DivButtonTop{margin:0 auto; width:500px; text-align: left;}
.PanelBottonTop{ width: 500px;}	

.DivBookingDetail{margin:0 auto; width:800px}
.PanelBookingDetail{ width: 800px;}	

.DivBookingBottom{margin:0 auto; width:400px}
.PanelBookingBottom{ width: 400px;}


.DivEditBookingTop{margin:0 auto; width:500px; text-align: left;}
.PanelEditBookingTop{ width: 500px;}	

.DivEditButtonTop{margin:0 auto; width:500px; text-align: left;}
.PaneEditlBottonTop{ width: 500px;}	

.DivEditBookingDetail{margin:0 auto; width:450px}
.PanelEditBookingDetail{ width: 450px;}	

.DivEditBookingBottom{margin:0 auto; width:400px}
.PanelEditBookingBottom{ width: 400px;}

/*----------- Hub Main Page ----------------------*/
.DivHubTop{margin:0 auto; width:500px; text-align: left;}
.PanelHubTop{ width: 500px;}	

.DivHubMidTop{margin:0 auto; width:500px}
.PanelHubMidTop{ width: 500px;}	

.DivHubMid{margin:0 auto; width:600px;}
.PanelHubMid{ width: 600px;}

.gvImportVisits{width:400px; font-family: Arial; font-size: 9pt;}

.DivHubBottom{margin:0 auto; width:500px; text-align: left;}
.PanelHubBottom{ width: 500px;}	

.lblVerifyError1 {font-family: Arial; font-size: 11pt; color: Red; font-weight: normal; background-color: White;}
.lblVerifyError2 {font-family: Arial; font-size: 11pt; color: Black; font-weight: normal; background-color: White;}

/*----------- Edit Visit Page ----------------------*/

.DivEditVisitTop{margin:0 auto; width:500px; text-align: left;}
.PanelEditVisitTop{ width: 500px;}	

.DivEditVisitDetail{margin:0 auto; width:500px}
.PanelEditVisitDetail{ width: 500px;}	

.DivEditVisitButton{margin:0 auto; width:500px}
.PanelEditVisitButton{ width: 500px;}


/*----------- Museum Contact Page ----------------------*/

.DivContactTop{margin:0 auto; width:500px; text-align: left;}
.PanelContactTop{ width: 500px;}	

.DivContactDetail{margin:0 auto; width:400px}
.PanelContactDetail{ width: 400px;}	

.DivContactButton{margin:0 auto; width:400px}
.PanelContactButton{ width: 400px;}

/*----------- School Contact Page ----------------------*/

.DivSchoolContactTop{margin:0 auto; width:500px; text-align: left;}
.PanelSchoolContactTop{margin:0 auto; width: 500px;}

.DivSchoolContact{margin:0 auto; width:600px; /*border-color: Red; border-style: solid; border-width: thin;*/}
.PanelSchoolContact{ width: 600px;}	

.DivSchoolContact2{margin:0 auto; width:400px; /*border-color: Red; border-style: solid; border-width: thin;*/}
.PanelSchoolContact2{ width: 400px;}	

.contactlistblock {
	width:			100%;
	text-align:  	 left;
	border:			 border-color: Red; border-style: solid; border-width: thin;
}

/*----------- Change Password Page ----------------------*/
.DivChangePasswordTop{margin:0 auto; width:500px; text-align: left;}
.PanelChangePasswordTop{ width: 500px;}

.DivChangePassword{margin:0 auto; width:400px; /*border-color: Red; border-style: solid; border-width: thin;*/}
.PanelChangePassword{ width: 400px;}

/*----------- Profile Page ----------------------*/

.DivProfileBuilder11{margin:0 auto; width:500px; text-align: left;}
.PanelProfileBuilder11{ width: 500px;}

.DivProfileBuilder{margin:0 auto; width:400px}
.PanelProfileBuilder{ width: 400px;}

.DivProfileWizard{margin:0 auto; width:800px; /*border-color: Red; border-width: thin; border-style: solid;*/}
.PanelProfileWizard{ width: 800px;}


.profilebuilder_table {

}	

.ProfileBuilder_block {
	width:				100%;
	text-align:			center;
	border-color:		Red;
	border-style:		solid;
}

.profilebuilder_header{
	font-size:		x-small;
	text-align:		center;
	margin: 0 auto;
}

.DivEditProfile{margin:0 auto; width:500px;}
.PanelEditProfile{ width: 500px;}	

.DivViewProfile{margin:0 auto; width:500px; /*border-color: Red; border-style: solid; border-width:  thin;*/}
.PanelViewProfile{ width:500px;}

.DivViewProfileButton{margin:0 auto; width:500px; /*border-color: blue; border-style: solid; border-width: thin;*/}
.PanelViewProfileButton{ width: 500px;}	

.DivViewProfileData{margin:0 auto; width:500px;}
.PanelViewProfileData{ width: 500px;}	

/*----------- ELearn Wizard Page ----------------------*/
#elearn {
	padding-left:40px;
	padding-right:40px;
}

#elearn p {
	text-align:left;
	font-family: Arial;
	font-size:16px;
}

#elearn td {
	text-align:left;
	font-family: Arial;
	font-size:16px;
	padding-left:20px;
}

#elearn h1 {
	font-family: Arial;
	font-size:24px;
}

#elearn li {
	text-align:left;
	font-family: Arial;
	font-size:18px;
}

div.pnlOuter { border: solid 1px #333366; position:relative; border-color: #b5b28a; border-style: solid; border-width: thin;}

div.pnlImage {position:absolute; top:0px; left:0px; background-color:#b5b28a;}

div.pnlSteps {position:absolute; top:255px; left:0px;  background-color:#b5b28a; text-align: left; 	line-height: 12px;}

div.pnlTitle {
	position:absolute; top:0px; left:160px; background-color:#b5b28a; color:White;
	font-family:Arial; font-weight:bold; font-size:20px; text-align: left;
}

div.pnlTitleInner{margin-top:10px; margin-left:10px;}

div.pnlContent{position:absolute; top:50px; left:160px;overflow:scroll; text-align:left; color: #333366; font-size: 12px;font-family:Arial; }

div.pnlContentInner{margin:10px; font-size:16px;}

div.pnlControls{position:absolute; top:450px; left:160px; background-color:#b5b28a; text-align:right;}

div.pnlControlsInner{margin-top: 10px; margin-right: 30px; text-align: right;}


p.wizStep  {
	font-family:Arial; font-size:12px; color:#666999; 
	font-weight:bold; margin:0; padding: 2px 0px 6px 2px;
}


p.wizStepMinor {
	font-family:Arial; font-size:10px; color:#666999; 
	font-weight:bold; margin:0; padding: 1px 0px 5px 20px;
}
	

p.wizStepActive {
	font-family:Arial; font-size:12px; color:white; 
	font-weight:bold; margin:0; padding: 2px 0px 6px 2px;
}


p.wizStepMinorActive {
	font-family:Arial; font-size:10px; color:white; 
	font-weight:bold; margin:0; padding: 1px 0px 5px 20px;
}

.wizStep  {
	font-family:Arial; font-size:12px; color:#666999; text-decoration: none;
	font-weight:bold; margin: 0; padding: 2px 0px 6px 5px; line-height: 20px;
}


.wizStepMinor {
	font-family:Arial; font-size:10px; color:#666999; text-decoration: none;
	font-weight:bold; margin: 0; padding: 1px 0px 5px 23px;  line-height: 15px;
}
	

.wizStepActive {
	font-family:Arial; font-size:12px; color:white; text-decoration: none;
	font-weight:bold; margin: 0; padding: 2px 0px 6px 5px;  line-height: 20px;
}


.wizStepMinorActive {
	font-family:Arial; font-size:10px; color:white; text-decoration: none;
	font-weight:bold; margin: 0; padding: 1px 0px 5px 23px;  line-height: 15px;
}

/*img.wizImg { margin: 50px 0px 0px 5px}*/

img.wizImg { margin: -1px 0px 0px -1px}

.wizLink {font-family:Arial; font-size:14px; color:White;}

div.segedit {margin-left:10px; }

.finishButton{position:relative; left:400px;}


/*----------- Crystal Styles ----------------------*/
.CrystalGroupHeader { background-color: Gray;}


/*----------- Modal Popup----------------------*/
.modalBackground {
    background-color:#414141;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.popupWindow 
{
	width: 300px;
	text-align: justify;
	border-bottom-color:Silver; border-bottom-style:solid; border-bottom-width: medium;
	border-top-color:Silver; border-top-style:solid; border-top-width: medium;
	border-right-color:Silver; border-right-style:solid; border-right-width: medium;
	border-left-color:Silver; border-left-style:solid; border-left-width: medium;
}

/*----------- Report Builder Styles ----------------------*/

.ReportBuilder_holder
{
	width:980px;
	margin:0 auto;
	border:solid 2px #CCCCCC;
}

.ReportBuilder_header
{
	height:100px;
	border-bottom: solid 2px #CCCCCC;
}

.ReportBuilder_main
{
	padding:30px;
}

#holder
{
	width:980px;
	margin:0 auto;
	border:solid 1px #CCCCCC;
}

#header
{
	height:0px;
	border-bottom: solid 0px #CCCCCC;
}

#main
{
	padding:0px;
}

#footer
{
	height:0px;
	border-top: solid 0px #CCCCCC;
	padding-top:0px;
	text-align:right;
}

.reportTableHolder table
{
margin:0 auto;
}

.reportContentsTableHolder table
{
margin:0 auto;
}

/*----------- MLA Style end ----------------------*/








