body, form {
  margin: 0;
  padding: 0;
}

body {
  font-family: verdana,arial,Tahoma;
  color: #39393A;
  font-size: 13px;
  background:url(../images/global-bg.gif) repeat-x;

}

img {
  border: 0;
}



.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.clearBoth{
	clear:both;
}
.bold{
	font-weight:bold;
}

a:link, a:active, a:visited {
  text-decoration: none;
  color: #961710;
}

a:hover {
  text-decoration: none;
}

/* == Modifiers == */
.w80px {
	width: 80px;
}

.w100px {
	width: 100px;
}

.w125px {
	width: 125px;
}

.w130px {
	width: 130px;
}

.w150px {
	width: 150px;
}

.w200px {
	width: 200px;
}

.w300px {
	width: 300px;
}

.w350px {
	width: 350px;
}

.w400px {
	width: 400px;
}

.w500px {
	width: 500px;
}

.w600px {
	width: 600px;
}

.w800px {
	width: 800px;
}

.w1000px {
	width: 1000px;
}

.w50pc {
	width: 50%;
}

.w75pc {
	width: 75%;
}

.w100pc {
	width: 100%;
}

/*gloabl Wrapper*/
#globalWrapper{
	width:762px;
	margin:auto;
}

#headerWrapper{
	xpadding-top:10px;
	width:762px;
	height:180px;
	background-color:#ffffff;
}

#logoWrapper{
	padding-left:65px;
	margin-top:-39px;
	width:92px;
	float:left;
}

#contentWrapper{
	background:url(../images/sun2-bg.gif) no-repeat;
	width:991px;
	height:578px;
	margin:0 auto;
	padding:40px 25px;
}

#contentWrapper-i{
	background:url(../images/page-centerbg.gif) repeat-y;
	padding:5px 8px;
	margin-top:-3px;
	padding:0 20px;
}

#contentWrapper-lgb{
	background:url(../images/sun-bg.gif) no-repeat;
	width:976px;
	height:472px;
	margin:0 auto;
	padding-top:100px;
}

#contentWrapper-page{
	background:url(../images/calendarBox.png) no-repeat;
	width:932px;
	height:474px;
	margin:0 auto;
	padding:50px 25px;
}

#residenceNameWrapper{
	float:left;
	margin-left:55px;
	width:680px;
	height:86px;
	text-align:center;
}

#residenceNameWrapper .bigTitle{
font-family:tahoma,arial;
	font-size:38px;
	font-weight:bold;
	text-align:center;
}
#residenceNameWrapper .bigTitle_under{
font-family:tahoma,arial;
	font-size:38px;
	font-weight:bold;
	text-align:center;
}

#memberInfoWrapper{
	background:url(../images/memberInfo-box.gif) no-repeat;
	padding:7px 18px;
	height:11px;
	width:850px;
	font-size:10px;
}

#loginBoxWrapper{
width:311px;
height:306px;
padding:14px 22px;
background:url(../images/loginBox.png) no-repeat;
margin:0px auto;
}

#logoTextWrapper{
float:left;
margin-top:40px;
}

#logoWrapper-loginPage{
float:left;

}

#calendarPage-left{
	background:url(../images/calendar-page-bg-left.gif) no-repeat;
	padding:10px 18px;
	width:531px;
	height:282px;
	font-size:10px;
	float:left;
}

#calendarPage-right{
	background:url(../images/calendar-page-bg-right.gif) no-repeat;
	padding:0px 22px;
	width:282px;
	height:302px;
	font-size:10px;
	float:left;
	margin-left:20px;
}

#calendarPage-btn{
float:right;
margin-top:8px;
margin-right:45px;

}

#historyPage-full{
	background:url(../images/history-page-bg-full.gif) no-repeat;
	padding:5px 22px;
	width:843px;
	height:294px;
	font-size:10px;
	float:left;
}

/*end og gloabl wrapper*/

table.tabular {
border-collapse:collapse;
}

table.tabular td{
vertical-align:top;
border:1px solid #CCCCCC;
border-collapse:collapse;
padding:5px 4px 5px 4px;
}

table.tabular td.label{
background-color:#E6E6E6;
width:100px;
color:#195B70;
}

table.tabular_list{

}

table.tabular_list td.title{
color:#6093CC;
font-size:10px;

}

table.tabular_list td{
padding:6px 5px 6px 5px;
border-bottom:1px solid #cccccc;
}


/* == Notice / Error == */
.error {
  font-family: Arial;
  font-size: 12px;
  padding:6px 6px;
	padding-left:23px;
  color: #CE4141;
	border-top: 2px solid #CE4141;
	border-bottom: 2px solid #CE4141;
	background: url(../images/tiny-icons/sign_error.png) no-repeat 4px 4px #FFF1F1;
	margin: 4px 0;
}

.notice {
  font-family: Arial;
  font-size: 12px;
  padding:6px 6px;
	padding-left:23px;
  color: #2E6D29;
	border-top: 2px solid #2E6D29;
	border-bottom: 2px solid #2E6D29;
	background: url(../images/tiny-icons/tick.gif) no-repeat 4px 2px #E9FFE4;
	margin: 4px 0;
}



/* == Paging == */
.pagingRow td {
	border-top: 1px solid #ffffff;
	background: #DDDEDF;
}

.pagingTable {
  width: 100%;
}

.pagingCol1 {
  border: 0 !important;

}

.pagingCol2 {
  border-top: 0 !important;
  text-align: right;

}

.pagingCol2 a:link, .pagingCol2 a:active, .pagingCol2 a:visited {
  color: black;
}

/* == End of Paging == */

/*==textbox mod==*/
div.textbox-mod-wrapper{
background:url(../images/textbox-bg.gif) no-repeat;
height:27px;
width:290px;
padding:5px 8px;
}

input.textbox-mod{
border:0;
height:25px;
font-size:19px;
width:290px;
}

#loginBoxWrapper .bottom{
margin-top:15px;
}

table.basicTable{
	font-family:verdana, tahoma;
	font-size:12px;
	color:#535353;
	font-weight:normal;
	width:100%;

}


table.basicTable td{
	padding:0px 3px;
	padding-bottom:8px;

}

table.basicTable td.titlep{
	text-align:right;
	width:110px;
}

table.basicTable td.basicTable_title{
  font-size:14px;
  height:26px;
  background:url(../images/border.gif) repeat-x;
  background-position:bottom;
  padding-bottom:5px;
  vertical-align:top;

}

table.timeSlotTable{
font-family:verdana, tahoma;
font-size:12px;
color:#535353;
font-weight:bold;
border-collapse:collapse;
}

table.timeSlotTable td.time_interval{
width:143px;
height:10px;
padding:3px 10px;
background-color:#fdfdfd;
border:1px solid #efefef;
}

table.timeSlotTable td.stat{
text-align:center;
width:342px;
height:10px;
padding:3px 10px;
background-color:#fdfdfd;
border:1px solid #efefef;
color:#878787;
}

table.timeSlotTable td.time_interval_un{
width:143px;
height:10px;
padding:3px 10px;
background-color:#e5e5e5;
border:1px solid #d7d7d7;
}

table.timeSlotTable td.stat_un{
text-align:center;
width:342px;
height:10px;
padding:3px 10px;
background-color:#c7c7c7;
border:1px solid #a6a6a6;
color:#ffffff;
}

table.timeSlotTable td.time_interval_lunchbreak{
background:url(../images/lunchbreak-time.gif) no-repeat;
width:143px;
height:18px;
padding:4px 10px;
border:0px;
}

table.timeSlotTable td.stat_lunchbreak{
background:url(../images/lunchbreak-stat.gif) no-repeat;
text-align:center;
width:342px;
height:14px;
padding:6px 10px;
color:#ffffff;
border:0px;
}

table.timeSlotTable div.checkboxDiv{
float:left;
margin-top:0px;
margin-right:3px;
}

table.timeSlotTable div.timeboxDiv{
float:left;
margin-top:2px;
}

table.timeSlotTable td.timeslot_title{
  font-size:14px;
  height:26px;
  background:url(../images/border.gif) repeat-x;
  background-position:bottom;
  margin-bottom:5px;
  vertical-align:top;
}


.messagebox{
font-size:10px;
 position:absolute;
 width:100px;
 padding:3px;
}

/* == Tabular Table == */
.tabularTable {
	margin: 10px 0;
	color: #363A3D;
}

.tabularTable tr td {
	padding: 6px 5px 3px 5px;
	background: #FEFEFE;
}

.tabularTable tr.alt td {
	background: #E7E7E7;
}

.tabularTable tr.alt-g td {
	background: #d4d4d4;
}

.tabularTable tr.alt-on td {
	background: #EFE7C2;
}

.tabularTable tr.titleRow td {
	font-weight: bold;
	background: #DDDEDF;
}

.tabularTable tr.pagingRow td {
	border-top: 1px solid #ffffff;
	background: #DDDEDF;
	padding-top:2px;
}

.tabularTable tr.actionRow td {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #DDDEDF;
}

.tabularTable td.label {
	color:#333333;
	background: #E7E7E7;
}
/* == End of Tabular Table == */

#eventBox_calendar{
height:275px;
}

#forgotPwdWrapper{
  background:url(../images/forgotPwdBox.gif);
  background-repeat:no-repeat;
  width:268px;
  height:74px;
  margin-top:5px;
  margin-left:7px;
  padding:0px 10px;
  font-size:11px;

}