@charset "utf-8";
/* CSS Document */

/* main settings start */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#CDE3A4;
	}
	
*{
	outline:0;
	}
	
form{
	margin:0;
	padding:0;
	}

input [type="text"] {
	background-color:#FFFFFF !important;
	}
img {
	border:none
	}
a {
	text-decoration:none;
	color:#000;
	}
input {
	outline:0;

	}

.clear {
	clear:both
	}
.floatleft {
	float:left
	}
.floatright {
	float:right;
	}
/* main settings End */

/* css for main body div */
#mainBodyPanel{
	width:900px; 
	margin:0 auto;
	background-color:#FFFFFF;
	height:500px;
	padding-top:1em;
	}
#mainBodyTecher{
	width:700px;
	background-color:#FFFFFF;
	padding-top:1em;
	}
	
/* content panel */	
#middlePanel{
	width:876px;
	margin:0;
	margin:0 1em 0 1em;
	padding-bottom:1em;
	}	
#roundHeadingPanel{
	background-color: #2C4B81;
	height: 40px;
	}
.headingName{
	float:left;
	color:#cccccc;
	text-decoration:underline;
	font-weight:bold;
	padding:.7em 1em;
	font-size:13px;
	}
#contentPanel{
/*	clear:left;*/
	border-left:solid 1px #A5CD5A;
	border-right:solid 1px #A5CD5A;
  /*	margin-top:2.5em; */ 
    .margin-top:.3em;
  
	}
	
#contentPanelSchool{
 	clear:left; 
	border-left:solid 1px #A5CD5A;
	border-right:solid 1px #A5CD5A;
	.margin-top:.5em;
	}
	
#bottomRounded{
	background:url(/map/images/greenRoundBottomImg.gif) no-repeat bottom;
	margin:0 auto;
	height:22px;
	width:600px;
	}

/* Search for Right Redious */
.searchRightButton{
	color:#FFFFFF;
	/*	float:right; */
	padding:5px;
	font-weight:bold;
	text-align:right;
	}
	
/* css for map & releated Text */
#mapContent{
	padding:1em; 
	height:320px;
	}
	#teacherContent{
		padding:1em;
		}
#leftPanel{
	 float:left; 
	 width:443px; 
/*	 height:312px;*/
	}
	
/* css for record Result */
.recordResult, .searchSubject{
	color:#FF0000; 
	background-color:#FFFFFF; 
	font-weight:bold;
	margin-bottom:3px;
	}
	
/* css for right Panel */
#rightPanel{
	 float:right; 
	 width:47%;
	}
	#middleSearchPanel{
	/*float:right; */
	 background-color:#FFFFFF;
	
	}
/* css for search data list */
#searchData{
 	height:305px; 
	border:solid 1px #A5CD5A;
	}
	#TeacherSearchData{
 	/*height:305px; */
		border:solid 1px #A5CD5A;
		}
.dataHeading{
	 height:15px; 
	 border-bottom:solid 1px #A5CD5A;
	 font-weight:bold;
	 color:#2C4B81; 
	 font-weight:bold;
	 padding:.5em .8em;
	}
.dataPanel{
 	/* height:240px; */ 
	 overflow:auto;
	}
.dataPanelSearch{
 	height:277px; 
	 overflow:auto;
	}
/* css for user data row panel */
.searchDefineList{
	overflow:hidden;
	border-bottom:solid 1px #cccccc;
	padding:.5em .8em;
	}
	.effectbg:hover{
		display:block;
		background-color:#ff6600; 
		text-decoration:underline;
		cursor:pointer;
		}

	
/* css for Data Heading Position */
.definePositinOne{
	float:left; 
	width:160px;
	}
.definePositinTwo{
	float:left; 
	width:100px;
	}
.definePositinThree{
	float:left; 
	width:90px;
	}
	
	
	
/* css for pageing */
.paging{
	overflow:auto;
	margin-top:1em;
	color:#f55f47;
	font-weight:bold;
	font-size:11px;
	height:20px;
	text-align:center;
	}

.paging ul{
	list-style-type:none;
	margin:0;
	padding:.16em 0;
	}
	.paging li{
		display:inline;
		margin:0;
		color:#2C4B81;
		
		}
	.paging li a{
		text-decoration:none;
		color:#2C4B81;
		padding:.9px .35em;
		border:1px solid #A5CD5A;
		}
	.paging .noneffect a:hover{
		border:none;
		padding:1px .35em;
		color:#2C4B81;
		}
	.paging span{
		color:#fff;
		border:1px solid #31a027;
		padding:1px .35em;
		background-color:#2C4B81;
		}
		
		
/* css for tab menu */
#menuTab{
	padding-bottom:.3em;
	padding-left:4em;
	margin:0;
	}
	#menuTab ul{
		list-style-type:none;
		margin:0;
		padding:0;	
		}
	#menuTab li{
		list-style-type:none;
		margin:0;
		padding:0;
		display:inline;
		color:#3366ff;	
		}
	#menuTab li a{
		list-style-type:none;
		margin:0;
		padding:.6em .5em .3em .5em;
		.padding-bottom:0;		   /* property for IE */
		.padding-top:0;				/* property for IE */
		display:inline;
		color:#2c4b81;
		background:url(/map/images/rightImag.gif) no-repeat top left;
		text-decoration:none;
		font-weight:bold;
		outline:0;	
		}
	#menuTab li a span{
		margin-left:.3em;
		color:#2c4b81;
		background:url(/map/images/leftImag.gif) no-repeat top right;
		text-decoration:none;
		padding:.6em 1.3em .3em .6em;
		font-weight:bold;
		outline:0;	
		}
	#menuTab li a:hover{
		background-position:0% -33px;	
		}
	#menuTab a:hover span{
		background-position:100% -33px;
		color:#fff;
		}
	#menuTab .current a{
		background-position:0% -33px;
		color:#FFFFFF;
		}
	#menuTab .current a span{
		 background-position:100% -33px;
		 color:#FFFFFF;
		 }	
		 
/* teacher page css */
/* css for Data Heading Position */
.teachSearchHd{
	float:left;
	width:120px;
	}

.teachSearchImg{
	float:left;
	width:120px;
	height:60px;
	}
	.teachSearchImg img{
		/*width:60px;
		height:60px;*/
	}
.teachSearchOne{
	float:left;
	width:150px;
	}
.teachSearchTwo{
	float:left;
	width:200px;
	}
 .transparent {
    filter:alpha(opacity=90);
    background-color:green;
    display:none;
    width:170;
    height:100;
    position:absolute;
    color: white;
    border: 1 green solid;
}

.teachSearchThree{
	float:left;
	width:100px;
	}
.teachSearchFour{
	float:left;
	width:160px;
	}
.teachSearchFive{
	float:left;
	width:100px;
	}
	
.eventSearchOne{
	float:left;
	width:75px;
	}
	
.eventSearchTwo{
	float:left;
	width:70px;
	}
.eventSearchThree{
	float:left;
	width:160px;
	}
	
.eventSearchFour{
	float:left;
	width:150px;
	}
		
.eventSearchDesc{
	float:left;
	width:250px;
	}
/*gray popup*/
#grayPopup
{
display:none;
width:100%;
height:950px;
position:absolute;
left:0px;
right:0px;
filter:alpha(opacity = 50);
-moz-opacity:0.5;
background-color:#CCCCCC;
z-index:9000000;


}

#divwaiting
{
display:none;
width:100px;
height:20px;
position:absolute;
left:450px;
top:350px;
z-index:90000001;
background:#FFF;
border:2px solid #000;
padding:5px;
font:bold 11px verdana;
}

/* css for info window */
.imagebox{
	width: 289px;
	height:199px;
	background:url(/map/images/arrowImages.gif) no-repeat fixed;
	}
	
.closeButton{
	float:right;
	}
	.closeButton img{
		text-align:right;
		cursor:pointer;
		border:0;
		outline:0;
		}
.textPanel{
	color:#000000;
	padding:.7em 1em .5em 1em;
	font-weight:bold;
	width:200px;
	}
.topHeadHotel{
	color:#000000;
	padding:0 .5em .5em 0;
	border-bottom:dotted 1px #94a9c8;
	margin-right:1em;
	}
	.topHeadHotel h1{
		font-size:15px;
		margin:0;
		padding-top:.5em;
		}
	
/* css for image div */
.imageHotelBox{
	float:left;
	border:solid 1px #000000;
	width:70px;
	height:70px;
	margin-top:.5em;
	margin-right:.5em;
	}
	.imageHotelBox img{
		width:70px;
		height:70px;
		border:0;
		vertical-align:middle
		}

.imageContent{
	overflow:auto;
	padding:.6em 1.5em 0 0;
	font-weight:normal;
	}
	
.readmore{
	color:#FF0000;
	text-decoration:underline;
	font-weight:normal;
	padding-top:1em;
	}
.readmore a{
	color:#FF0000;
	text-decoration:underline;
	font-weight:normal;
	cursor:pointer;
	padding-top:1em;
	}
	.readmore a:hover{
		color:#FF0000;
		text-decoration:none;
		font-weight:normal;
		}

/* css for kilometer dropdown */
.kDrowDown{
	text-align:right; 
	 padding-bottom:.5em;
	 color:#FF0000;
	 font-weight:bold;
	}

.bgOut{
		overflow:auto; 
		border-bottom:solid 1px #cccccc;
		padding:.5em .8em;
		}
.bgIn{
		display:block;
		border-bottom:solid 1px #cccccc;
		padding:.5em .8em;
		background-color:#FF6600; 
		text-decoration:none;
		}
