
BODY {
	background: #ebf5fc url('../img/body_bg.jpg') repeat-x 0 0;
	COLOR: black;
	FONT-FAMILY: tahoma,sans-serif;
    MARGIN: 0px 0px 0px 5px;
	position: absolute;left:5px;top:0px;
    PADDING-BOTTOM: 20px;
    PADDING-TOP: 0px;
}

#tablePost {
border: 0px;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
width:800px;
}

A:link 		{color:#3399FF; text-decoration: none}  
A:visited 	{color:#3399FF; text-decoration: none}  
A:active 	{color:#3399FF; text-decoration: none}
A:hover 	{color:purple; text-decoration: underline;}

.black8  {font-family:  Arial, Helvetica, sans-serif; font-size: 8px; color: black;}
.black9  {font-family:  Arial, Helvetica, sans-serif; font-size: 9px; color: black;}
.black10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: black;}
.black11  {font-family:  Arial, Helvetica, sans-serif; font-size: 11; color: black;font-weight:100;}
.white10  {font-family:  Arial, Helvetica, sans-serif; font-size: 10; color: white;font-weight:600;}
.white11  {font-family:  Arial, Helvetica, sans-serif; font-size: 11; color: white;font-weight:600;}
.white12  {font-family:  Arial, Helvetica, sans-serif; font-size: 12; color: white;font-weight:600;}
.ver14  {font-family:  Verdana, Arial, Helvetica,Georgia;; font-size: 14; color: black;font-weight:600;}
.ver12  {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px; 
	color: black;
	}
.tFr	{
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 13px; 
	color: deeppink;
	}
.white14  {
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: white;
	}
.white16  {font-family:  Arial, Helvetica, sans-serif; font-size: 16px; color: white;}
 
.black12  {font-family:  Arial, Helvetica, sans-serif; font-size: 12; color: black;}
.black14  {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: black;
	}
.verdana12  {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color: black;
	}

.verblack12  {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color: black;
	}
.vero12  {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color: maroon;
	}	
.verred14  {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	color: red;
	}
	
	
.black18  {font-family:  Times New Roman; font-size: 18px; color: black;}

.black20  {font-family:  Arial, Helvetica, sans-serif; font-size: 20px; color: black;}
 
.black102  {font-family:  Times New Roman; font-size: 10px; color: black;}
.red12  {font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: black;}
.red14  {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: red; font-weight:bold;}

input.bttnclckOne { 
background-image: none; 
font-family: Verdana; 
font-size: 12px; 
color: black; 
text-decoration: none;   
font-weight:bold;
display:block;
border-left: 1px dimgray dashed;
border-top: 1px dimgray dashed;
border-right: 1px dimgray dashed;
border-bottom: 1px dimgray dashed;
width: 123px ;
height: 61px;
padding:0px;
background-color:  whitesmoke; } 

input.MainLogin { 
background-image: none; 
font-family: Verdana; 
font-size: 10px; 
font-color: #000000; 
border-color:gainsboro; 
border-style:solid; 
border-width: 1px; 
height: 16px ;
background-color: white; } 

input.bttnMainLogin { 
background-image: none; 
font-family: Verdana; 
font-size: 10px; 
color: black; 
text-decoration: none;   
font-weight:bold;
border-color:yellowgreen; 
border-style:solid; 
border-width: 1px; 
width: 60px ;
height: 20px;
background-color:  yellowgreen; } 


input.fldClock { 
background-image: none; 
font-family: Verdana; 
font-size: 11px; 
color: black; 
text-decoration: none;   
font-weight:bold;
border-color:gainsboro; 
border-style:solid; 
border-width: 0px; 
width: 70px ;
height: 16px;
background-color:  whitesmoke; } 


input.fldgeneric { 
background-image: none; 
font-family: Verdana; 
font-size: 12px; 
font-color: #000000; 
border-color:#000000; 
border-style:solid; 
border-width: 1px; 
background-color: white; } 

input.bttn { 
background-image: none; 
font-family: Verdana; 
font-size: 12px; 
font-color: #000000; 
border-color:gray; 
border-style:solid; 
border-width: 1px; 
width: 115px ;
background-color: whitesmoke; } 

input.bttnmenu { 
background-image: none; 
font-family: Verdana; 
font-size: 11px; 
font-color: #000000; 
border-color:gainsboro; 
border-style:solid; 
border-width: 0px; 
width: 73px ;
height: 20px;
background-color: white; } 

input.bttnclck { 
background-image: none; 
font-family: Verdana; 
font-size: 10px; 
color: black; 
text-decoration: none;   
font-weight:bold;
border-color:gainsboro; 
border-style:solid; 
border-width: 1px; 
width: 120px ;
height: 18px;
background-color:  white; } 

input.fldgeneric { 
background-image: none; 
font-family: Verdana; 
font-size: 12px; 
font-color: #000000; 
border-color:#000000; 
border-style:solid; 
border-width: 1px; 
background-color: white; } 

input.radiogeneric { 
background-image: none; 
font-family: Verdana; 
font-size: 12px; 
font-color: #000000; 
border-color:#000000; 
border-style:solid; 
border-width: 0px; 
background-color: white; } 

input.bttngeneric { 
background-image: none; 
font-family: Verdana; 
font-size: 10px; 
font-color: #000000; 
border-color:lightgrey; 
border-style:solid; 
border-width: 1px; 
height: 20px;
background-color: gainsboro; } 

input.bttnpages { 
background-image: none; 
font-family: Verdana; 
font-size: 12px; 
font-color: #000000; 
border-color:lightgrey; 
border-style:solid; 
border-width: 0px; 
height: 20px;
background-color: white; } 

#mapsection {
border: 0px;
position: absolute;
top: 60px;
}


div.mainMap {	
width: 780px;
height: 1510px;	
border-top: 5px whitesmoke solid;
border-left: 5px white solid;
border-right: 5px white solid;
border-bottom: 5px white solid;
background-color: none;	
position:absolute;
top:0px;
left:0px;
visibility:visible;
overflow-x:hidden;
overflow-y:hidden;
z-index:2;
}

div.mainstart {	
width: 782px;
height: 1508px;	
border: 0px solid gainsboro;
background-color: none;	
z-index:1;
visibility:visible;
overflow-x:hidden;
overflow-y:hidden;
margin-bottom:20px;

}

div.joinButtons {	
width: 100px;
height: 20px;	
border: 0px solid #666;	
background-color: none transparent;	
padding: 0px;
position:absolute;
top:56px;
left:208px;
visibility:visible;
z-index:1;
}

div.buttonMenu {	
	width: 410px;
	height: 20px;	
	border: 0px solid #666;	
	background-color: black;	
	padding: 0px;
	position:absolute;
	top:78px;
	visibility:visible;
	display:display;
	left:0px;
	overflow:hidden;
	z-index:55;
}


input.MainLogin { 
background-image: none; 
font-family: Verdana; 
font-size: 10px; 
font-color: #000000; 
border-color:gray; 
border-style:solid; 
border-width: 1px; 
width: 100px ;
height: 16px ;
background-color: white; } 

input.bttnlist { 
background-image: none; 
font-family: Verdana; 
font-size: 12px; 
font-color: #000000; 
border-color:gray; 
border-style:solid; 
border-width: 0px; 
width: 80px ;
height: 25px;
background-color: gainsboro; } 

input.bttnMainLogin { 
background-image: none; 
font-family: Verdana; 
font-size: 10px; 
color: black; 
text-decoration: none;   
font-weight:bold;
border-color:gray; 
border-style:solid; 
border-width: 1px; 
width: 100px ;
height: 18px;
background-color:  gainsboro; } 

div.loginMenu {	
width: 201px;
height: 250px;	
border: 2px solid dimgray;	
background-color: white;	
padding: 0px;
position:absolute;
top:145px;
left:560px;
visibility:visible;
display:block;
z-index:10;
filter:alpha(opacity=95);-moz-opacity:0.95;
}

div.citySelect {	
width: 80px;
height: 20px;	
border: 0px solid #666;	
background-color: yellowgreen ;	
padding: 0px;
position:absolute;
top:110px;
left:620px;
visibility:visible;
display:block;

z-index:10;
}

div.mainscroller {	
width: 600px;
height: 200px;	
overflow: auto;	
border: 0px solid #666;	
background-color: whitesmoke;	
padding: 0px;
}


div.scrollschedule {	
height: 280px;	
width: 300px;	
overflow: auto;	
border: 1px solid #666;	
background-color: white;	
padding: 8px;
}

div.scrollmain {	
width: <%=(session("sizex")-5) %>px;
height: 195px;	
overflow: auto;	
border: 0px solid #666;	
background-color: whitesmoke;	
padding: 0px;
}

#timeschedule01 {	
	height: 130px;	
	width: 400px;	
	overflow: hidden;
	border: 0px solid #666;	
	padding: 2px;
	background-color: lightgray;	
	position:fixed;
	
}

#timeschedule02 {	
	height: 130px;	
	width: 400px;	
	overflow: hidden;
	border: 0px solid #666;	
	padding: 2px;
	background-color: lightgray;	
	position:fixed;
}


.cityMenu 
	{
font-family: arial,sans-serif;
font-size: 8pt;
text-align: right;
font-weight: bold;
width: 175px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-color: lightskyblue;
border: #004444 0px double;
color: #000000
	}

input.bttnCitySelect { 
background-image: none; 
font-family: Verdana; 
font-size: 10px; 
color: black; 
text-decoration: none;   
font-weight:bold;
border-color:orange; 
border-style:solid; 
border-width: 0px; 
width: 70px ;
height: 18px;
background-color:  orange; } 


.loginScript 
	{
font-family: arial,sans-serif;	font-size: 8pt;
text-align: right;		font-weight: bold;
padding-left: 0px;		padding-right: 0px;
padding-top: 0px;		padding-bottom: 0px;
background-color: lightskyblue;
border: #004444 0px;
color: #000000
	height: 130px;	
	width: 400px;	
	overflow: hidden;
	border: 0px solid #666;	
	padding: 2px;
	background-color: lightgray;	
	position:fixed;
	z-index=100;
	}

.contactus {	
	font-family: Verdana; 
	font-size: 9px; 
	font-color: #000000; 
	height: 13px;	
	width: 85px;	
	overflow: hidden;
	border: 0px solid #666;	
	padding: 0px;
	background-color: #FFDE00;	
}
.contactus a:active	{color:black; text-decoration: none}  
.contactus a:hover		{color:black; text-decoration: underline}  
.contactus a:visited	{color:black; text-decoration: none}  
.contactus a:link		{color:black; text-decoration: none} 
	


.menuLinker {	
	height: 225px;	
	width: 700px;	
	overflow: hidden;
	border: 0px solid #666;	
	display:none;	
	padding: 2px;
	background-color: white;	
	position:absolute;
	top:450px;
	left:12px;
}

.fldSelect 	{
font-family: verdana, arial,sans-serif;
font-size: 8pt;
font-weight: none;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 0px;
background-color: white;
border: #004444 0px double;
color: #000000;

}

input.bttnSearch { 
background-image: none; 
font-family: Verdana; 
font-size: 10px; 
color: black; 
text-decoration: none;   
font-weight:bold;
border-color:gray; 
border-style:solid; 
border-width: 1px; 
width: 60px ;
height: 40px;
background-color:  white; } 


div.column01 	{
width: 250px;
height: 420px;	
overflow-x: hidden;
overflow-y: auto;
border: 0px solid #666;	
background-color: none;	
padding: 0px;
display:block;
position:absolute;
top:0px;
left:0px;
z-index:12;
}

div.col02 	{
width: 260px;
height: 610px;	
overflow-x: hidden;
overflow-y: auto;
border: 0px solid #666;	
background-color: white;	
padding: 0px;
display:block;
position:absolute;
border-left: 0px darkkhaki solid;
border-top: 0px darkkhaki solid;
border-right: 0px darkkhaki solid;
border-bottom: 0px darkkhaki solid;
top:210px;
left:256px;
z-index:12;
}

div.col03 	{
width: 262px;
height: 610px;	
overflow-x: hidden;
overflow-y: auto;
border: 0px solid #666;	
background-color: none;	
padding: 0px;
display:block;
position:absolute;
top:210px;
left:516px;
z-index:12;
align:center;
}

div.viewResult {
position:absolute;left:0px;top:5px;
width:410px;height:535px;
border: 0px solid gainsboro;overflow:hidden;
}

div.searchResult {	
	scrollbar-3dlight-color		:white;
	scrollbar-arrow-color		:white;
	scrollbar-base-color		:gainsboro;
	scrollbar-darkshadow-color	:white;
	scrollbar-face-color		:orange;
	scrollbar-highlight-color	:white;
	scrollbar-shadow-color		:white;
	scrollbar-track-color		:white;	
	overflow-x:hidden;overflow-y:scroll;	
	width: 390px; height: 485px;	
	border: 1px solid gainsboro;	
	background-color: none transparent;	
	padding: 0px;
	z-index:2;
	}
div.leftMenuMain	{
	width	: 600px; 
	height	: 500px;	
	background-color: white;
	position:absolute;
	left:0px;
	top:150px;
	display:block;
	overflow:hidden;
}
div.rightMenuMain	{
	width	: 180px; 
	height	: 420px;	
	background-color: white;	
	position:absolute;
	left:600px;
	top:0px;	
	display:block;
}

	.day{font-family:arial; font-size:10px;}
	.day a {font-weight:bold; color: #000000; text-decoration:none;}
	.day a:visited {font-weight:bold; color: #000000;}
	.day a:hover {font-weight:bold; color: #2a2a2a;}
	.monthtableouter {background-color: white;}
	.monthtableinner {width: 175px;}
	.normalday {background-color: gainsboro;color:black;}
	.title {background-color: whitesmoke; font-weight:bold; font-family:verdana; font-size:11px;}
	.month, .days {background-color: #f6f6f6; font-size:10px; font-weight:normal; font-family:arial;}
	.selectedday {background-color: lightskyblue;}
	.holiday {background-color: pink;}
	.weekend {background-color: transparent; color:#000000;}
	#today {border: 1px #000000 solid; background-color: yellowgreen;}

	.headTitle{font-family:  Arial, Helvetica, sans-serif; font-size:20px; color: black;font-weight:bold;}
	.black24  {font-family:  Arial, Helvetica, sans-serif; font-size: 24px; color: black;}
