body,p,div { font-size:11px;font-family:Arial,Helvetica,sans-serif; }
body { margin: 0px; padding: 0px; color: #333; background-color : #FFFFFF; }
form { margin: 0px; }
.CopyrightFooter { margin-top:10px; }
.copyright { font-size:11px; color:#444444; }
.inputlabel { font-weight: bold; text-align: left; }
.inputbox { width: 150px; margin: 0 0 1em 0; border: 1px solid #cccccc; }
.clr { clear:both; }
.ctr { text-align: center; }
.login p { padding: 0 1em 0 1em; }
.login-form { text-align: left; float: right; width: 55%;  }
.login-text { text-align: left; width: 180px; float: left; }
.register-text { text-align: left; width: 170px; float: left; }
.button { border : solid 1px #cccccc; background: #E9ECEF; color: #666666;font-weight: bold; font-size: 10px; padding: 3px; }
.buttonOver { border : solid 1px #cccccc; background: #666666; color: #E9ECEF;font-weight: bold; font-size: 10px; padding: 3px; }
.register { margin-top: 3em; margin-left: auto; margin-right: auto; padding: 15px; border: 1px solid #cccccc; width: 429px; background: #F1F3F5; }
.login { margin-left: auto; margin-right: auto; margin-top: 13em; padding: 15px; border: 1px solid #cccccc; width: 429px; background: #F1F3F5; }
.form-block { border: 1px solid #cccccc; background: #E9ECEF; padding-top: 15px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; }
.loginTitle { margin:0px;padding:0px;margin-bottom:10px;color:#333333; }
#captcha { margin-top:3px; }
#registerError { margin-top: 3em; margin-bottom: 0px; width: 451px; padding:4px; color: #b00; background-color: #fdd; border: 1px solid #fbb; font-weight:bold; }

/*
BODY {
	SCROLLBAR-FACE-COLOR: #8991A2;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #F15A23;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}

BODY.content {
	font-family: Verdana;
	font-size: 12px;
}
*/
h1, h2, h3 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 1.5em;	
}
h2 {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #339900;
}
h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 1px;
}

h1, h2, h3, p {
	padding: 0;
	margin: 10px 15px; 
}
.gray  { color: #CCC; }
.grayb  { color: #4C0B3B; }
.redb  { color: #DB000E; }
td.content {
	font-family: Tahoma;
	font-size: 10px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding:2px;
}

td.content p,li,ol{
	font-family: Tahoma;
	font-size: 10px;
	text-decoration: none;
}
td.over {
	font-family: Tahoma;
	font-size: 10px;
	text-decoration: none;
	background-color: #EDEDED;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding:2px;
}
tr.out { background-color: #FFFFFF; }
tr.over {	background-color: #EDEDED; }
.kalosalah { font-weight: normal; font-size: 11px; color: #000000; font-family: verdana, sans-serif; background-color: red; text-decoration: none }

.tablebodyeven { font-weight: normal; font-size: 10px; color: #000000; font-family: verdana, sans-serif; background-color: #ffffff; text-decoration: none}
.tablebodyodd { font-weight: normal; font-size: 10px; color: #000000; font-family: verdana, sans-serif; background-color: #bcd6dd; text-decoration: none}
.tablebodyeven2b { font-weight: normal; font-size: 10px; color: #000000; font-family: verdana, sans-serif; background-color: #EEF2F3; text-decoration: none}
.tablebodyodd2b { font-weight: normal; font-size: 10px; color: #000000; font-family: verdana, sans-serif; background-color: #A7C6D1; text-decoration: none}
.tablebodyeven2 { font-weight: normal; font-size: 10px; color: #000000; font-family: verdana, sans-serif; background-color: #EEF2F3; text-decoration: none}
.tablebodyodd2 { font-weight: normal; font-size: 10px; color: #000000; font-family: verdana, sans-serif; background-color: #A7C6D1; text-decoration: none}

.tablefooter { font-size: 11px; color: #000000; font-family: verdana, verdana; background-color: #c5d4e8 }
.tablewarn { font-size: 11px; color: #FFFFFF; font-family: verdana, verdana; background-color: red }

#headerlogin {
	width: 540px;
	height: 125px;
	margin: 0 auto;
	background: url(images/img1.jpg);
}
#headerlogin h1 {
	float: left;
	padding: 70px 0 0 25px;
	letter-spacing: -4px;
	font-size: 3em;
}

#contentlogin {
	width: 528px;
	margin: 0 auto;
	padding: 0;
	background: #91B42E url(images/img2.jpg) no-repeat;
	border: 6px solid #FFFFFF;
	border-top: none;
}

#contentloginIE {
	width: 540px;
	margin: 0 auto;
	padding: 0;
	background: #91B42E url(images/img2.jpg) no-repeat;
	border: 6px solid #FFFFFF;
	border-top: none;
}

#contentlogin2 {
	width: 528px;
	margin: 0 auto;
	padding: 0;
	background: #91B42E url(images/template13d_04.jpg) no-repeat;
	border: 6px solid #FFFFFF;
	border-top: none;
}

#contentlogin2IE {
	width: 540px;
	margin: 0 auto;
	padding: 0;
	background: #91B42E url(images/template13d_04.jpg) no-repeat;
	border: 6px solid #FFFFFF;
	border-top: none;
}

#header h1#logo-text {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 5.1em 'Verdana', Arial, Sans-serif;
	letter-spacing: 2px;
	color: #FFF;
	text-transform: none;
	
	/* change the values of top and right to adjust the position of the logo*/
	top: 1px; left: 185px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 1.5em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	letter-spacing: 3px;
	color: #FFF;
	/* change the values of top and right to adjust the position of the slogan*/
	top: 53px; left:155px;		
}
#header h1#warning {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 5.5em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	letter-spacing: 3px;
	color: #FFF;
	/* change the values of top and right to adjust the position of the slogan*/
	top: 53px; left:155px;		
}

TD {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color : black;
}
TH {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
/*
BUTTON {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #335A9A;
  color: #FFFFFF;
  padding: 0px;
  padding-left: 7px;
  padding-right: 7px;
}
*/
INPUT, TEXTAREA {
  border: 1px solid #999999;
  border-color: #e9e9e9 #e9e9e9 #906040 #e9e9e9;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
}
SELECT {
  border: 1px solid #999999;
  border-color: #e0b090 #906040 #906040 #e0b090;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  padding: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

TD.title {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  background-color: #E0E0CC;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
TD.nav {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #F0F0F0;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #CCCCCC;
}
TD.header {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #2F9AA8;
  padding: 0px;
  padding-left: 7px;
  padding-right: 7px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
TD.headerb {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  background-color: #EBF9BA;
  padding: 0px;
  padding-left: 7px;
  padding-right: 7px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
TH.headerb {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  background-color: #dddddd;
  padding: 0px;
  padding-left: 7px;
  padding-right: 7px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
TD.row {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  padding: 0px;
  padding-left: 7px;
  padding-right: 7px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

TD.left {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  color: #000000;
  background-color: #E0E0EE;
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #CCCCCC;
}
TD.right{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  vertical-align: top;
  color: #000000;
  background-color: #eeeeee;
  padding: 2px;
  padding-left: 7px;
  padding-right: 7px;
  border-bottom: 1px solid #999999;
}
TD.newsHeader{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  background-color: #CCCCCC;
  padding: 3px;
  padding-left: 7px;
  padding-right: 7px;
  border: 1px solid #999999;
}
TD.news{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  padding: 3px;
  padding-left: 7px;
  padding-right: 7px;
  border: 1px solid #999999;
  border-top: 0px;
}
TD.resHeader{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  background-color: #FFFFFF;
  padding: 3px;
  padding-left: 7px;
  padding-right: 7px;
}
TD.respond{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  border: 0px;
}
TD.forum{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  padding: 3px;
  padding-left: 7px;
  padding-right: 7px;
  border-bottom: 1px solid #999999;
}
TD.operCaption {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  color: #000000;
  background-color: #E0E0E0;
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px solid #CCCCCC;
}
TD.oper {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: right;
  vertical-align: top;
  color: #000000;
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
}
TD.oper1 {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  vertical-align: top;
  color: #000000;
  padding: 2px;
  padding-left: 20px;
  padding-right: 10px;
  border-top: 1px solid #CCCCCC;
}
TD.oper2 {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  vertical-align: top;
  color: #000000;
  padding: 2px;
  padding-left: 30px;
  padding-right: 10px;
}
TD.operttl1 {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  vertical-align: top;
  color: #000000;
  background-color: #E0E0FF;
  padding: 2px;
  padding-left: 30px;
  padding-right: 10px;
  border-top: 1px solid #CCCCCC;
}
TD.operttl2 {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  color: #000000;
  background-color: #E0E0FF;
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px solid #CCCCCC;
}
a:link { text-decoration: none; color: #000000;font-weight: normal;}
a:visited { text-decoration: none; color: #000000;}
a:active { text-decoration: none; color: #4C3814;}
a:hover { text-decoration: none; color: #B70003;font-weight: normal;}

/*
a:hover {
	color: Black;
	text-decoration: overline;
}
a:link {
	color: Black;
	text-decoration: overline;
}
a:visited {
	color: Black;
	text-decoration: overline;
}
a:active {
	color: Black;
	text-decoration: overline;
}
*/
.label
{
 font-family: tahoma;
 font-size: 12px;
}

.footer
{
 font-family: arial narrow;
 font-size: 11px;
 color: #000000;
}
.footerline
{
 border-top: 1px solid #000000;
}
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: smaller;
}

.combo .label,
.combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.combo .label-IEfix {
  width: 4em;
}

.combo .hilite {
  background: #acf;
}

.combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
.td1 {
	FONT-SIZE: xx-small; FONT-FAMILY: verdana; BACKGROUND-COLOR: #d4d3c8
}
.inputrow {
	BORDER-RIGHT: red 1px; BORDER-TOP: red 1px; FONT-SIZE: xx-small; BORDER-LEFT: red 1px; WIDTH: 100%; COLOR: #000000; BORDER-BOTTOM: red 1px; FONT-FAMILY: verdana; HEIGHT: 100%; BACKGROUND-COLOR: #d9d9d9; TEXT-ALIGN: right
}
.inputrow2 {
	BORDER-RIGHT: red 1px; BORDER-TOP: red 1px; FONT-SIZE: xx-small; BORDER-LEFT: red 1px; WIDTH: 100%; COLOR: #000000; BORDER-BOTTOM: red 1px; FONT-FAMILY: verdana; HEIGHT: 100%; BACKGROUND-COLOR: #e9e9e9; TEXT-ALIGN: right
}
.recrow {
	BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-SIZE: 10px; BORDER-LEFT: 1px; COLOR: #000000; BORDER-BOTTOM: 1px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #d9d9d9; TEXT-ALIGN: right
}
.recrow2 {
	BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-SIZE: 10px; BORDER-LEFT: 1px; COLOR: #000000; BORDER-BOTTOM: 1px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e9e9e9; TEXT-ALIGN: right
}
.body1 {
	FONT-SIZE: xx-small; FONT-FAMILY: verdana; BACKGROUND-COLOR: #ffffff
}
.input {
	BORDER-RIGHT: #fe860c 1px inset; BORDER-TOP: #fe860c 1px outset; FONT-SIZE: xx-small; BORDER-LEFT: #fe860c 1px outset; COLOR: #000000; BORDER-BOTTOM: #fe860c 1px inset; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e9e9e9
}
.finput255 {
	FONT-SIZE: xx-small; WIDTH: 255px; FONT-FAMILY: verdana; HEIGHT: 21px
}
.btnS {
	FONT-WEIGHT: bold; FONT-SIZE: xx-small; BORDER-LEFT-COLOR: #fe860c; BORDER-BOTTOM-COLOR: #fe860c; COLOR: #ffffff; BORDER-TOP-STYLE: outset; BORDER-TOP-COLOR: #fe860c; FONT-FAMILY: verdana; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: outset; HEIGHT: 20px; BACKGROUND-COLOR: #a21010; BORDER-RIGHT-COLOR: #fe860c; BORDER-BOTTOM-STYLE: inset
}
.btn60 {
	FONT-WEIGHT: bold; FONT-SIZE: xx-small; BORDER-LEFT-COLOR: #fe860c; BORDER-BOTTOM-COLOR: #fe860c; WIDTH: 60px; COLOR: #ffffff; BORDER-TOP-STYLE: outset; BORDER-TOP-COLOR: #fe860c; FONT-FAMILY: verdana; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: outset; HEIGHT: 25px; BACKGROUND-COLOR: #a21010; BORDER-RIGHT-COLOR: #fe860c; BORDER-BOTTOM-STYLE: inset
}
.btn80 {
	FONT-WEIGHT: bold; FONT-SIZE: xx-small; BORDER-LEFT-COLOR: #fe860c; BORDER-BOTTOM-COLOR: #fe860c; WIDTH: 80px; COLOR: #ffffff; BORDER-TOP-STYLE: outset; BORDER-TOP-COLOR: #fe860c; FONT-FAMILY: verdana; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: outset; HEIGHT: 25px; BACKGROUND-COLOR: #a21010; BORDER-RIGHT-COLOR: #fe860c; BORDER-BOTTOM-STYLE: inset
}
.btn160 {
	FONT-WEIGHT: bold; FONT-SIZE: xx-small; BORDER-LEFT-COLOR: #fe860c; BORDER-BOTTOM-COLOR: #fe860c; WIDTH: 160px; COLOR: #ffffff; BORDER-TOP-STYLE: outset; BORDER-TOP-COLOR: #fe860c; FONT-FAMILY: verdana; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: outset; HEIGHT: 25px; BACKGROUND-COLOR: #a21010; BORDER-RIGHT-COLOR: #fe860c; BORDER-BOTTOM-STYLE: inset
}
.btn120 {
	FONT-WEIGHT: bold; FONT-SIZE: xx-small; BORDER-LEFT-COLOR: #fe860c; BORDER-BOTTOM-COLOR: #fe860c; WIDTH: 120px; COLOR: #ffffff; BORDER-TOP-STYLE: outset; BORDER-TOP-COLOR: #fe860c; FONT-FAMILY: verdana; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: outset; HEIGHT: 25px; BACKGROUND-COLOR: #a21010; BORDER-RIGHT-COLOR: #fe860c; BORDER-BOTTOM-STYLE: inset
}
.formtext {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana
}

.FixedHeader
{
	position:relative; 
	top: expression(document.getElementById("tdFixedHeader").parentElement.parentElement.parentElement.parentElement.scrollTop); /*IE5+ only*/
}

.Heading1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana, Verdana; BACKGROUND-COLOR: #36B2DB; TEXT-DECORATION: none
}
.Heading2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: verdana, Verdana; BACKGROUND-COLOR: #34A9D1
}
.Heading3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana, Verdana; BACKGROUND-COLOR: #92C1D1
}
.Heading4 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana, Verdana; BACKGROUND-COLOR: #D1D1D1; TEXT-DECORATION: none
}
.tableheader {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: verdana, Verdana; BACKGROUND-COLOR: #999999
}
/*
A.link {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
*/

A.linktabbody {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: blue; FONT-FAMILY: verdana, Verdana; TEXT-DECORATION: underline
}
.iBody {
	SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-SHADOW-COLOR: #ea353d; SCROLLBAR-3DLIGHT-COLOR: #ea353d; SCROLLBAR-ARROW-COLOR: #ea353d; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
.ifrmBody {
	SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-SHADOW-COLOR: #ea353d; SCROLLBAR-3DLIGHT-COLOR: #ea353d; SCROLLBAR-ARROW-COLOR: #ea353d; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}

div.calendar {position:relative;
}
.calendar, .calendar table {font-family:tahoma,verdana,sans-serif; font-size:11px; color:#000; cursor:default;
background:#eef;
border:1PX solid; }
.calendar .button {/* "<<", "<", ">", ">>" buttons have this class */  text-align:center;
/* They are the navigation buttons */  padding:2px;
:/* Make the buttons seem like they're pressing */;
}
.calendar .nav {background:#778 url(menuarrow.gif) no-repeat 100% 100%;
}
.calendar thead .title {color:#000; /* This holds the current "month, year" */  font-weight:bold;
/* Pressing it will take you to the current date */  text-align:center;
background:#fff;
padding:2px; }
.calendar thead .headrow {color:#FFF; /* Row <TR> containing navigation buttons */  background:#778;
}
.calendar thead .daynames {/* Row <TR> containing the day names */  background:#bdf;
}
.calendar thead .name {text-align:Center; color:#000; /* Cells <TD> containing the day names */  border-bottom:1px solid #556;
padding:2px; }
.calendar thead .weekend {/* How a weekend day name shows in header */  color:#a66;
}
.calendar thead .hilite {color:#000; /* How do the buttons in header appear when hover */  background-color:#aaf;
border:1px solid; padding:1px; }
.calendar thead .active {/* Active (pressed) buttons in header */  background-color:#77c;
padding:2px; padding-right:0px; padding-bottom:0px; }
.calendar tbody .day {text-align:Right; color:#456; /* Cells <TD> containing month days dates */  width:2em;
padding:2px; padding-right:4px; }
.calendar table .wn {background:#bdf;
padding:2px; border-right:1px solid; padding-right:3px; }
.calendar tbody .rowhilite td {background:#def;
}
.calendar tbody .rowhilite td.wn {background:#eef;
}
.calendar tbody td.hilite {/* Hovered cells <TD> */  background:#def;
border:1px solid; padding:1px; padding-right:3px; }
.calendar tbody td.active {/* Active (pressed) cells <TD> */  background:#cde;
padding:2px; padding-bottom:0px; }
.calendar tbody td.selected {color:#000; /* Cell showing today date */  font-weight:bold;
background:#fff;
border:1px solid; padding:1px; padding-right:3px; }
.calendar tbody td.weekend {/* Cells showing weekend days */  color:#a66;
}
.calendar tbody td.today {color:#00f; /* Cell showing selected date */  font-weight:bold;
}
.calendar tbody .disabled {color:#999; }
.calendar tbody .emptycell {/* Empty cells (the best is to hide them) */  visibility:hidden;
}
.calendar tbody .emptyrow {/* Empty row (some months need less than 6 rows) */  display:none;
}
.calendar tfoot .footrow {color:#fff; /* The <TR> in footer (only one right now) */  text-align:center;
background:#556;
}
.calendar tfoot .ttip {color:#445; /* Tooltip (status bar) cell <TD> */  background:#fff;
padding:1px; border-top:1px solid; }
.calendar tfoot .hilite {color:#000; /* Hover style for buttons in footer */  background:#aaf;
border:1px solid; padding:1px; }
.calendar tfoot .active {/* Active (pressed) style for buttons in footer */  background:#77c;
padding:2px; padding-right:0px; padding-bottom:0px; }
.combo {font-size:smaller; color:#000; position:absolute;
display:none;
top:0px;
left:0px;
width:4em;
cursor:default;
background:#def;
border:1px solid; }
.combo .label-IEfix {text-align:Center; padding:1px; }
.combo .label-IEfix {width:4em;
}
.combo .hilite {background:#acf;
}
.combo .active {font-weight:bold; background:#eef;
border:1px solid; border-right:default Medium; border-left:default Medium; }
.calendar td.time {text-align:Center; background-color:#f4f0e8; padding:1px; border-top:1px solid; padding-right:0px; padding-left:0px; }
.calendar td.time .ampm {font-weight:bold; background-color:#fff; border:1px solid; padding:0px; padding-right:3px; padding-left:4px; }
.calendar td.time .ampm {text-align:Center; }
.calendar td.time .colon {font-weight:bold; padding:0px; padding-right:2px; padding-left:3px; }
.calendar td.time span.hilite {color:#fff; background-color:#667; border:#000; }
.calendar td.time span.active {color:#0f0; background-color:#000; border:#f00; }
.number {text-align: right;}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:2px solid blue;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}