body {
	font-family: arial, verdana, sans-serif;
	text-align: center;
	margin: 5px 0 0 0;
	font-size: 12px;
	}

body.beta {
	background: #fff url(../images/elements/beta.gif) no-repeat left top;
	}

a:link {
	color: #333
	}

a:visited {
	color: #1833cc
	}

a:hover {
	color: #000
	}

a:active {
	color: #a6b397
	}

img {
	border: 0
	}

input {
	font-size: 12px
	}

form {
	margin: 0
	}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}

th {
	text-align: left
	}

table {
	border-collapse: collapse;
	border-spacing: 0
	}

label {
	font-weight: bold
	}

form input.search {
	float: right;
	margin: 0 0 0 10px
	}

label.weak, label.optional {
	font-weight: normal
	}


/*Calendar styles
-----------------------------------------*/

#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 300px;
  width: 250px;
  z-index: 99;
}
/*For Background*/
#CalendarControl {
  position: absolute;
  background-color:#EAEAEA;
  margin:0;
  padding: 5px;
  display: none;
  z-index: 100;
  width: 178px;
  border:2px solid #215da5;
  }

#CalendarControl div.close {
	text-align: right;
	padding-right: 5px;
	width: 100%;
	}

#CalendarControl table {
  font-size: 10px;
  border: 1px solid #ADC7EF;
  background-color: #ffffff;
  margin: 5px;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 158px;
}

#CalendarControl th {
	text-align: center;
	padding: 2px 0 4px;
	font-weight: bold
	}

#CalendarControl td {
  text-align: center;
  width: 14%;/*2em;*/
  line-height: 1.35em; 
}

#CalendarControl td a {
	display: block;
	color: #000;
	text-decoration: none;
	} 

#CalendarControl td.weekday {
  background-color: #FFF;
}

#CalendarControl td.weekend {
  background-color: none;
}

#CalendarControl td.current a {
font-size:12px;
	color: #ff0000;
	font-weight: bold;
	text-decoration: underline;
}

#CalendarControl td.current a:hover {
	color: #FFF;
	background-color: #F96611;
}

#CalendarControl td.past_date {
	color: #d2d2d2;
	}
	/*For date hover*/

#CalendarControl td.weekday a:hover,
#CalendarControl td.weekend a:hover {
	color: #FFF;
  	background-color: #4C99CC;
  	text-decoration: none;
	}
/* For Month Title*/
#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #000;
  background-color: #99bef6;
  font-size: 12px;
  padding: 5px;
}

#CalendarControl td.arrow {
	text-align: center;
	background-color: #FFCB05;
	}
	
#CalendarControl td.arrow a {
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
	}
	
#CalendarControl .cal_control {
	font-weight: bold;
	text-align: center;
	}