body {
	margin: 0px;
	padding: 0px;
	color: #D3D3D3;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	background-color: #303030;
	background-image: url(../images/stay_body1.png);
	background-repeat: repeat-x;
	background-position: top;
}

a, a:link, a:visited { color: #B9D088; text-decoration: none; }
a:hover { color:#EEE75D; text-decoration: underline; }

p { margin: 0px; padding: 0; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #749B00; }
h1 { font-size: 45px; font-weight: normal; margin: 0 0 20px 0; padding: 5px 0; }
h2 { font-size: 28px; font-weight: normal; margin: 0 0 10px 0; padding: 0; }
h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 15px 0; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.calTitle{
    font-size: 20px;
}
.datetext{
   font-size: 14px;
   color:#5C5C5C;
}
.caltext{
   font-size: 16px;
}


.float_l { float: left; }
.float_r { float: right; }

#header_wrapper {
	width: 100%;
	height: 120px;
}
#header {
	width: 1160px;
	padding: 0 0px;
	margin: 0 auto;
    background: url(../images/headerBG.png) repeat-x top left;
}
#site_title {
    margin-top: 0px;
	float: left;
    color:#8C7C36;
    height: 120px;
    width:1160px;
    font-size: 18px;
    background: url(../images/outlineBG.png) no-repeat top left
}

#main_wrapper {
	width: 100%;

}

#main {
	width: 1160px;
    min-height:620px;
	padding: 10px 10px;
	margin: -1px auto;
}

#footer_wrapper {
	width: 100%;

	border-top: 1px solid #ffffff;
	color: #ada278;
	text-align: center
}

#footer {
	width: 1160px;
    background: #696969;
	padding: 30px 0px;
	margin: 0 auto;
}

#footer a {
	color: #CCCCCC
}

.col_l{float: left; margin: 0 20px 20px 0;width: 200px;padding-right: 10px;border-right: 1px solid #666666; }
.col_r{float: left; margin: 0 0px 20px 0px;width:920px;padding-left: 0px;min-height:600px; }

.col2{float: left; margin: 0 20px 20px 0;width: 460px; }

.col4{float: left; margin: 0 20px 20px 0;width: 220px; }

.col5{float: left; margin: 0 10px 0px 0;width: 182px; }


.my_list { margin: 10px 0 10px 10px; padding: 0; list-style: none; }
.my_list li { color:#000000; background: transparent url(../images/dot.png) no-repeat scroll 0px 3px; margin:0 0 10px; padding: 0 0 0 20px; 	line-height:16px; }
.my_list li a { color: #60A9EB; }
.my_list li a:hover { color: #60A9EB; }



/************ Login Message box************/
.messagebox{
	position:absolute;
	width:250px;
	margin-left:0px;
    margin-top:0px;
	border:1px solid #c93;
	background:#ffc;
	padding:4px;
    color:#004DE6
}
.messageboxok{
	position:absolute;
	width:250px;
	margin-left:0px;
    margin-top:0px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:4px;
	font-weight:bold;
	color:#008000;
}
.messageboxerror{
	position:absolute;
	width:250px;
	margin-left:0px;
    margin-top:0px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:4px;
	font-weight:bold;
	color:#CC0000;
}

/************ Shortcut Buttons ************/

.shortcut-button {
    border: 0px solid #ccc;
    background: #4C4C4C url('../images/shortcut-button-bg.gif') top left no-repeat;
    display: block;
    width: 120px;
    margin: 0 0 20px 0;
    }

.shortcut-button span {
    border: 1px solid #666666;
    display:block;
    padding: 10px 5px 10px 5px;
    text-align: center;
    color: #60A9EB;
    font-size: 12px;
    line-height: 20px;
    }

.shortcut-button span img {
    margin-bottom: 6px;
    }

.shortcut-button:hover {
    background: #8D8D8D;
    }

.shortcut-button span:hover {
    color: #23CAF2;
    }

ul.shortcut-buttons-set li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 !important;
    background: 0;
    list-style: none;
    }







/* end of footer */

/******************************** CSS style for Button  ***********************************8*/
.button {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0.55em; MARGIN: 0px 2px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 1.2em; OUTLINE-WIDTH: medium; PADDING-RIGHT: 1.5em; ZOOM: 1; DISPLAY: inline-block; FONT: 14px/100% Verdana,Arial, Helvetica, sans-serif; VERTICAL-ALIGN: middle; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 0.5em; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.button:hover {
	TEXT-DECORATION: none
}
.button:active {
	POSITION: relative; TOP: 1px
}
.bigrounded {
	-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em
}
.medium {
	PADDING-BOTTOM: 0.6em; PADDING-LEFT: 1.5em; PADDING-RIGHT: 1.5em; FONT-SIZE: 12px; PADDING-TOP: 0.4em
}
.small {
	PADDING-BOTTOM: 0.45em; PADDING-LEFT: 0.6em; PADDING-RIGHT: 0.6em; FONT-SIZE: 11px; PADDING-TOP: 0.20em
}
.big {
	PADDING-BOTTOM: 1.8em; PADDING-LEFT: 2.8em; PADDING-RIGHT: 2.8em; FONT-SIZE: 18px; PADDING-TOP: 1.80em;
}

.green {
	BORDER-BOTTOM: #538312 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A3D117', endColorstr='#769712'); BORDER-LEFT: #538312 1px solid; BACKGROUND: #64991e; COLOR: #ffffff; BORDER-TOP: #538312 1px solid; BORDER-RIGHT: #538312 1px solid
}
.green:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');color:#E5B819;
}
.green:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.orange {
	BORDER-BOTTOM: #da7c0c 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); BORDER-LEFT: #da7c0c 1px solid; BACKGROUND: #f78d1d; COLOR: #fef4e9; BORDER-TOP: #da7c0c 1px solid; BORDER-RIGHT: #da7c0c 1px solid
}
.orange:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); BACKGROUND: #f47c20; COLOR: #0C89CE
}
.orange:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); COLOR: #0C89CE
}

.gray {
	BORDER-BOTTOM: #555 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); BORDER-LEFT: #555 1px solid; BACKGROUND: #6e6e6e; COLOR: #e9e9e9; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid
}
.gray:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); BACKGROUND: #616161
}
.gray:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); COLOR: #afafaf
}

.white {
	BORDER-BOTTOM: #b7b7b7 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); BORDER-LEFT: #b7b7b7 1px solid; BACKGROUND: #fff; COLOR: #606060; BORDER-TOP: #b7b7b7 1px solid; BORDER-RIGHT: #b7b7b7 1px solid
}
.white:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); BACKGROUND: #ededed
}
.white:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); COLOR: #999
}

.black {
	BORDER-BOTTOM: #333 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); BORDER-LEFT: #333 1px solid; BACKGROUND: #333; COLOR: #d7d7d7; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid
}
.black:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); BACKGROUND: #000
}
.black:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); COLOR: #666
}

	BORDER-BOTTOM: #980c10 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); BORDER-LEFT: #980c10 1px solid; BACKGROUND: #d81b21; COLOR: #faddde; BORDER-TOP: #980c10 1px solid; BORDER-RIGHT: #980c10 1px solid
}
.red:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); BACKGROUND: #b61318
}
.red:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); COLOR: #de898c
}

.blue {
	BORDER-BOTTOM: #0076a3 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); BORDER-LEFT: #0076a3 1px solid; BACKGROUND: #0095cd; COLOR: #d9eef7; BORDER-TOP: #0076a3 1px solid; BORDER-RIGHT: #0076a3 1px solid
}
.blue:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); BACKGROUND: #007ead
}
.blue:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); COLOR: #80bed6
}
.rosy {
	BORDER-BOTTOM: #b73948 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f'); BORDER-LEFT: #b73948 1px solid; BACKGROUND: #da5867; COLOR: #fae7e9; BORDER-TOP: #b73948 1px solid; BORDER-RIGHT: #b73948 1px solid
}
.rosy:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); BACKGROUND: #ba4b58
}
.rosy:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c'); COLOR: #dca4ab
}

.pink {
	BORDER-BOTTOM: #d2729e 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab'); BORDER-LEFT: #d2729e 1px solid; BACKGROUND: #f895c2; COLOR: #feeef5; BORDER-TOP: #d2729e 1px solid; BORDER-RIGHT: #d2729e 1px solid
}
.pink:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4'); BACKGROUND: #d57ea5
}
.pink:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3'); COLOR: #f3c3d9
}

/************ Table ************/


#mytable {
	padding: 0;
	margin: 0;
    font-family: Arial,sans-serif;
    font-size: 11px;
}

caption {
    text-align: left;
    color:#68791F;
    font-size:15px;
    font-weight: bold;
    font-style:italic;
    margin:10px 0 10px 10px;
}
.tabHead{
    color:#333333;
    font-size: 12px;
    font-weight: bold;
    height:24px;
    background-color: #92BC20;
}

.td0{
    BORDER-top: #60A9EB 0px solid;
    BORDER-bottom: #60A9EB 0px solid;
    BORDER-left: #60A9EB 0px solid;
    BORDER-right: #60A9EB 0px solid;
}

.td1{
    BORDER-top: #60A9EB 1px solid;
    BORDER-bottom: #60A9EB 1px solid;
    BORDER-left: #60A9EB 1px solid;
    BORDER-right: #60A9EB 0px solid;
}

.td2{
    BORDER-top: #60A9EB 1px solid;
    BORDER-bottom: #60A9EB 1px solid;
    BORDER-left: #60A9EB 1px dotted;
    BORDER-right: #60A9EB 0px solid;
}

.td3{
    BORDER-top: #60A9EB 1px solid;
    BORDER-bottom: #60A9EB 1px solid;
    BORDER-left: #60A9EB 1px dotted;
    BORDER-right: #60A9EB 1px solid;
}

.td4{
    BORDER-top: #60A9EB 0px solid;
    BORDER-bottom: #60A9EB 1px solid;
    BORDER-left: #60A9EB 1px solid;
    BORDER-right: #60A9EB 0px solid;
    padding-left: 5px;
}

.td5{
    BORDER-top: #60A9EB 0px solid;
    BORDER-bottom: #60A9EB 1px solid;
    BORDER-left: #60A9EB 1px dotted;
    BORDER-right: #60A9EB 0px solid;
    padding-left: 5px;
}

.td6{
    BORDER-top: #60A9EB 0px solid;
    BORDER-bottom: #60A9EB 1px solid;
    BORDER-left: #60A9EB 1px dotted;
    BORDER-right: #60A9EB 1px solid;
    padding-left: 5px;
}

.td7{
    BORDER-top: #60A9EB 0px solid;
    BORDER-bottom: #60A9EB 1px solid;
    BORDER-left: #60A9EB 1px solid;
    BORDER-right: #60A9EB 1px solid;
}

.td8{
    BORDER-top: #60A9EB 0px solid;
    BORDER-bottom: #60A9EB 0px solid;
    BORDER-left: #60A9EB 1px dotted;
    BORDER-right: #60A9EB 0px solid;
}
.td9{
    BORDER-top: #60A9EB 0px solid;
    BORDER-bottom: #60A9EB 1px dotted;
    BORDER-left: #60A9EB 0px dotted;
    BORDER-right: #60A9EB 0px solid;
}
.td10{
    BORDER-top: #60A9EB 0px solid;
    BORDER-bottom: #60A9EB 1px solid;
    BORDER-left: #60A9EB 1px solid;
    BORDER-right: #60A9EB 1px solid;
}
.td11{
    BORDER-top: #60A9EB 0px solid;
    BORDER-bottom: #60A9EB 0px dotted;
    BORDER-left: #60A9EB 1px solid;
    BORDER-right: #60A9EB 0px solid;
}
.td12{
    BORDER-top: #60A9EB 1px solid;
    BORDER-bottom: #60A9EB 1px solid;
    BORDER-left: #60A9EB 1px solid;
    BORDER-right: #60A9EB 1px solid;
}
.td13{
    BORDER-top: #60A9EB 1px solid;
    BORDER-bottom: #60A9EB 1px solid;
    BORDER-left: #60A9EB 1px solid;
    BORDER-right: #60A9EB 0px solid;
}
.td14{
    BORDER-top: #60A9EB 1px solid;
    BORDER-bottom: #60A9EB 1px solid;
    BORDER-left: #60A9EB 0px solid;
    BORDER-right: #60A9EB 1px solid;
}
.hidden {
	DISPLAY: none
}

.DateBox {
    border:solid 1px #60A9EB; color: #000000 ;WIDTH: 80px; HEIGHT: 16px;FONT-FAMILY: Arial; font-size:12px;
}
.yetext{
    border:solid 1px #C2C2C2;
    color: #FFFFFF;
    background: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:18px;
    padding: 1px;
}

.yes {
     text-indent: -5000px;
     display: inline-block;
     background: transparent url(../images/Yes.png);
     height:24px;
     width: 24px;
}

.yes.no {
     background-position:0 24px;
}

.done {
     text-indent: -5000px;
     display: inline-block;
     background: transparent url(../images/Status64.png);
     height:24px;
     width: 64px;
}

.done.noyet {
     background-position:0 24px;
}

.num {
    display:inline-block;
	color: #3291E5;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 11px;
	cursor: pointer;
	margin-left: 3px;
	border: 1px solid #60A9EB;
	background-color: #EAEAEA;
    text-decoration: none;
}

.num_o {
    display:inline-block;
	color: #FF0000;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 11px;
	cursor: pointer;
	margin-left: 3px;
	border: 1px solid #60A9EB;
	background-color: #92BC20;
    text-decoration: none;
}