﻿/* =================================
   font & align setting for the fileds title  
==================================*/
.tableInfo {                   
	background-color: #ccccec;
	}

.TrOddInfo {
	background-color: #FFF1DF;
	height: 20;
	}

.TrEvenInfo {
	background-color: #E1F0E1;
	height: 20;
	}

.fieldTitle {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: Right;	 
                   }

.fieldContent {
	border-right: #ccccec 1px solid;
	border-top: #ccccec 1px solid;
	border-left: #ccccec 1px solid;
	border-bottom: #ccccec 1px solid;
	width: 320px;
	font-family: Verdana;
	font-size: 12px;
	text-align: Left;
                   }

.parkAddFont {
	border-right: #ccccec 1px solid;
	border-top: #ccccec 1px solid;
	border-left: #ccccec 1px solid;
	border-bottom: #ccccec 1px solid;
	width: 220px;
	font-family: Verdana;
	font-size: 12px;
	text-align: Left;
                   }

.buttonFont {
	font-family: Verdana;
	font-size: 12px;
	height: 24px;
                   }                  

.loginErr {
	text-align: center;
	border-right: #ccccec 1px solid;
	border-top: #ccccec 1px solid;
	border-left: #ccccec 1px solid;
	border-bottom: #ccccec 1px solid;
	width: 320px;
	font-family: Verdana;
	font-size: 11px;
	color: red;	
	height: 18px;
                   } 

.dateBox {
	border-right: #ccccec 1px solid;
	border-top: #ccccec 1px solid;
	border-left: #ccccec 1px solid;
	border-bottom: #ccccec 1px solid;
	width: 90px;
	text-align: right;
 
	font-family: Verdana;
	font-size: 12px;
                   }

.dateValidator {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: Left;
                   }

.timeFont {
	font-family: Arial;
	font-size: 12px;
                   }

.timeBox {
	border-right: #ccccec 1px solid;
	border-top: #ccccec 1px solid;
	border-left: #ccccec 1px solid;
	border-bottom: #ccccec 1px solid;
	width: 25px;
	font-family: Verdana;
	font-size: 12px;
                   }

.timeValidator {
	width: 290px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: Center;
                   }

.textABox {
	border-right: #ccccec 1px solid;
	border-top: #ccccec 1px solid;
	border-left: #ccccec 1px solid;
	border-bottom: #ccccec 1px solid;
	width: 220px;
	font-family: Verdana;
	font-size: 12px;
                   }

.adminTitle {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
                   }

.KeyWdTitle {
	font-family: Arial;
	font-size: 11px;
                   }
                   
/* =================================
   format setting for the calendar picker  
==================================*/
.ccbody {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	}

.dpDiv {
	}

.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

.dpTR {
	}

.dpTitleTR {
	}

.dpDayTR {
	}

.dpTodayButtonTR {
	}

.dpTD {
	cursor: pointer;
	}

.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	}

.dpTitleTD {
	}

.dpButtonTD {
	}

.dpTodayButtonTD {
	}

.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}

.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}

.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}

.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}

.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

/* =====================================
   css codes for popup menu of Admin link under
======================================*/
#popitmenu {
position: absolute;
background-color: white;
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a {
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}

#popitmenu a:hover { /* hover background color */
background-color: #CEDEFF;   /* green color #CCFF9D; */	
}

/* =====================================
   coordinator's management of parks and events
======================================*/

.CoordTitleStyle { 
	background-color: #B5DFEF;
	font-family: Verdana;
	font-size: 11px;
	/*font-weight: bold; */
	text-align: Center;
	height: 18;
                   }
             
.CoordStyle { 
	border-color:Black;
	font-family: Verdana;
	font-size: 11px;
	text-align: Left;
                   }
                   
.CoordDetailStyle { 
	font-family: Verdana;
	font-size: 11px;
	/*font-weight: bold; */
	text-align: Right;
                   }   
                   
 .AdvSearchBox {
	border-right: #ccccec 1px solid;
	border-top: #ccccec 1px solid;
	border-left: #ccccec 1px solid;
	border-bottom: #ccccec 1px solid;
	width: 150px;
 
	font-family: Verdana;
	font-size: 12px;
                   }
