table.adminlist thead th {
	white-space:nowrap;
}

#ajaxBox {
	margin:10px 0 0 0px;
}

.demoBox {
	border:1px solid #cccccc;
	padding:1px;
	float:left;
}
.demo {
}

.demoText {
	font-size:11px;
	
}

/* Month ajax table */

#pickerArea {
	margin:10px 0 0 6px;
	float:left;
	
}

#inputArea {
	float:left;
	width:47% !important;
	margin:10px 0 0 15px;
}

#calendarLegend {
	padding:10px; background:#ebebeb; margin-top:20px;
	
}

#monthTableDiv {width:297px;
	margin-bottom:20px; padding:12px;
	overflow:hidden;
	background:#fbfbfb;
}
	
.monthTable {
	width:297px;
	height:297px;
	padding:10px;
	border-collapse:collapse;
	background:#fbfbfb;
}

.monthTable td {
	margin:4px !important;
}
.currentMonth {	background:#eee;font-size:18px;
	font-weight:normal!important;
	text-align:center;
	color:#333;
	padding:8px;}
	
.prevYear, .nextYear, .prevMonth, .nextMonth,  .currentDay  {
		background:#ddd;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:#333;
	padding:8px;
}

.currentMonth {
	cursor:default;
	font-weight:bold;

}

.prevYear, .nextYear, .prevMonth, .nextMonth, .currentDay  {
	cursor:pointer;
}

.weekDayHeader {
	font-size:11px;
	padding:5px 0;
	font-weight:500;
	text-align:center;
	background:transparent;
	color:#fff;
	width:14.2857%;
}
.weekDay, .weekEnd, .selected, .today, .weekDisabledDay, .weekDisabledEnd, .free, .busy, .full {
	font-size:11px;
	font-weight:normal;
	text-align:center;
padding: 12px 0px;
border:1px solid #fff;
}
.weekDay {
	color:#333;
}
.weekEnd {
	background:#eee;
	color:#333;
}
.selected {
	background:#54c589;
	color:#fff;
	
}
.selected.demo {
	background:#54c589;
	color:#fff;
	padding:8px;
}
.today {
	background:transparent;
	color:#777777;
	
}
.weekDisabledDay {
	background:transparent;
	color:#000000;
	cursor:default;
}
.weekDisabledEnd {
	background:transparent;
	color:#999999;
	cursor:default;
}

.free {
	background:#fff;
	color:#333;
	cursor:pointer;
}
.free.demo {
	background:#fff;
	color:#333;
	cursor:pointer;
	padding:8px;
}
.busy {
	background:#e36122;
	color:#fff;
	cursor:pointer;
}
.busy.demo {
	background:#e36122;
	color:#fff;
	cursor:pointer;
	padding:8px;
}
.full {
	background:#ed5959;
	color:#fff;
	cursor:pointer;
}
.full.demo {
	background:#ed5959;
	color:#fff;
	cursor:pointer;
	padding:8px;
}


/* Timetable */

#timeTableDiv {
	width:297px;
	margin-top:20px; padding:12px;
background:#fbfbfb;
	overflow:hidden;
}

.timeTable {
	width:297px;
	background:transparent;
	float:left;
	border-collapse:collapse;

}
.timeTable tr {
	border-bottom:1px solid #ddd; 
	}

.timeHeader, .timeSlot {
	width:70px;
}

.timeTitle, .timeHeader, .timeHeaderFill {
	font-size:16px;
	font-weight:normal;
	text-align:center;
	background:#eee;
	color:#333;
	padding:12px;
}

.timeHeader {background:#ddd;}


.timeHeaderFill {
	width:8px; background:#ddd;
}

.scrollerDiv {
	height:193px;
	overflow:auto;

	
}

.scrollerTable {
	width:100%;
}

.scrollerTable td {

	vertical-align:middle;
}



.scrollerTable td input {
	margin:0;
	padding:0;
	height:auto;
}

.timeSlot {
	font-size:11px;
	font-weight:normal;
	white-space:nowrap;
	text-align:center;
	background:transparent;
	color:#333;
	padding:11px;
}


.timeBusy, .timeBusy a {
	text-decoration:none;
	background:#b03333 !important;
	color:#fff;
}

.timeFree {
	color:#333 !important;
}

/* Tools */

.toolBox {
	border:1px solid #cccccc;
	width:150px;
	height:150px;
}

.toolBox a, .toolBox a:hover {
	text-decoration:none;
	font-weight:bold;
}

.export {
	text-align:center;
}
.export a, .export a:hover {
	text-decoration:none;
	font-weight:bold;
}
.export img {
	margin:5px;
}

.itemsNavigation {}

.itemsNavigation td {
	height:60px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	padding-right:20px;
}
.itemsNavigation span {
	display:block;
}

.itemsNavigation a, .itemsNavigation a:hover {
	text-decoration:none;
	font-weight:bold;
	display:block;
}

/* Month mode */
.monthDetailDiv {
	margin-left:30px;
}

/* Day view */

.dayViewTable {
	width:100%;
	border:1px solid #cccccc;
	padding:1px;
}
.dayViewTable td {}

.dayViewTitle {
	font-size:11px;
	font-weight:normal;
	text-align:center;
	background:#666666;
	color:#f8f8f8;
	padding:5px;
	border:1px solid #ffffff;
}
.dayViewHdr {
	background:#666666;
	color:#f8f8f8;
	font-size:11px;
	text-align:center;
	font-weight:normal;
	padding:7px;
	border:1px solid #ffffff;
}

.dayViewHourHdr {
	background:#e0e0e0;
	color:#333333;
	font-size:11px;
	text-align:center;
	font-weight:normal;
	vertical-align:middle;
	padding:0 5px 0 5px;
	white-space:nowrap;
	margin-left:1px;
	border:1px solid #ffffff;
	height:36px;
}

.dayViewHour {
	background:#f0f0f0;
	color:#000000;
	text-align:right;
	font-weight:normal;
	vertical-align:top;
	overflow:hidden;
	border-right:1px solid #ffffff;
}
.hrline {
	border-top:1px solid #ffffff;
}

.dayViewSlot {
	color:#000000;
/*background:#C2D4EA;*/
	background:#FFC58A;
	font-size:11px;
	text-align:left;
	font-weight:bold;
	overflow:hidden;
	vertical-align:top;
	padding:0px 2px 0px 5px;
	cursor:pointer;
	border:1px solid #ffffff;
}

.dayViewHour, .dayViewSlot {
	height:3px;
}

.dayViewSlotWrap {
	height:100%;
}

div.monthDetailDiv .tool-tip {
	background:#FFB0D8 !important;
	border:1px solid #880044 !important;
}

.tipTitle {
	text-align:left;
	font-weight:bold;
	font-size:11px;
	border-bottom:1px solid #333333;
}
.tipTag {
	text-align:right;
	font-weight:bold;
}

.tipTxt {
	text-align:left;
	font-weight:normal;
}

/* Week view */

.weekViewTable {
	width:100%;
	border:1px solid #cccccc;
	padding:1px;
}
.weekViewTable td {
	border:1px solid #ffffff;
}

.weekViewTitle {
	font-size:11px;
	font-weight:normal;
	text-align:center;
	background:#666666;
	color:#f8f8f8;
	padding:5px;
}
.weekViewHdr {
	font-size:11px;
	font-weight:normal;
	text-align:center;
	background:#666666;
	color:#f8f8f8;
	padding:5px;
}

.weekViewHourHdr {
	background:#e0e0e0;
	color:#333333;
	font-size:11px;
	text-align:center;
	font-weight:normal;
	vertical-align:middle;
	padding:0 5px 0 5px;
	white-space:nowrap;
	margin-left:1px;
}

.weekViewHour {
	background:#f0f0f0;
	color:#000000;
	text-align:right;
	font-weight:normal;
	vertical-align:top;
	height:75px;
}

.weekViewSlotWrap {
	overflow:auto;
	color:#000000;
	background:#FFC58A;
	width:100%;
}

.weekViewSlot {
	font-size:11px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	padding:0px 2px 0px 5px;
	cursor:pointer;
	overflow:hidden;
/*	border-bottom:1px solid #DD8F00; */
}

.weekViewSlotWrap {
	height:100%;
	overflow:show;
}

.weekViewSlotHr {
	font-weight:bold;
	white-space:nowrap;
}

/* Month view */

.monthViewTable {
	width:100%;
	border:1px solid #cccccc;
	padding:1px;
}
.monthViewTable td {
	border:1px solid #ffffff;
}

.monthViewTable .weekDay, .monthViewTable .weekEnd, .monthViewTable .selected, .monthViewTable .today,
.monthViewTable .disabled, .monthViewTable .free, .monthViewTable .busy, .monthViewTable .full {
	font-size:11px;
	font-weight:normal;
	text-align:right;
	vertical-align:top;
	padding:5px;
	height:75px;
}


.monthViewDay {
	background:#f0f0f0;
	color:#000000;
	text-align:right;
	font-weight:normal;
	vertical-align:top;
	height:75px;
}

.monthViewSlotWrap {
	overflow:auto;
	color:#000000;
	background:#FFC58A;
	width:100%;
}

.monthViewSlot {
	font-size:11px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	padding:0px 2px 0px 5px;
	cursor:pointer;
	overflow:hidden;
/*	border-bottom:1px solid #DD8F00; */
}

.monthViewSlotWrap {
	height:100%;
	overflow:show;
}

.monthViewSlotHr {
	font-weight:bold;
	white-space:nowrap;
}

.fieldLabel {
background-color: #f6f6f6;
text-align: right;
color: #666666;
font-weight: bold;
border: 1px solid #e9e9e9;
padding-right:4px;
vertical-align:top;
}

#appBook {
	margin-bottom:20px;
}

#appBook .inputbox {
    border: 1px solid #dddddd;
    height:29px; padding:5px 5px 5px 12px; margin-bottom:10px; width:320px;


}

#inputArea select {padding:4px 3px 2px 10px;  }

#inputArea option {padding:6px; border-bottom: 1px dotted #f1f1f1;}

#inputArea select:hover {background-color:#ebebeb; }

.appLabel {}

.appMultiLabel {font-size:18px; font-weight:bold; letter-spacing:-1px; color:aaaaaa; margin-top:0px;padding:3px 0 10px;}

.appMselectInput input {height:100px;}

fieldset {
}

legend {
	color:#000000 !important;
	font-size:11px !important;
	font-weight:bold !important;
}

.formBtnBar {
	clear:both;
}

.formBtn {
	float:left;
	margin:30px 20px 20px 0px;
	border:1px solid #cccccc;
	color:#333333;
	background:#e8e8e8;
	padding:10px 15px 10px 15px;
	cursor:pointer;
	font-weight:bold;

}

.formBtnTxt {
}

/* XTC */
#pickerArea {
  float:left;
  margin-right:20px;
  width:320px;
}
#inputArea {
  float:left;
  width:350px;
 }
.appInput{
  padding:6px 0 0 0;
  margin-bottom:0px;
}
.appInput.appRadioInput{
  height:auto;
  margin-bottom:0px !important;
}
.appInput.appRadioInput input{
    width:12px !important;
    border: none !important;
}
.appInput.appRadioInput .appInputRadio{
  display:block;
  width:280px;
  height:28px;
  font-size:12px;
  font-weight:bold;
  }
.appInput input{height:auto !important; }
.appInput input, .appInput textarea{
  width:312px !important;
  padding-left:8px !important;
}

.appInputRadio {}

.appPersonalIntro, .appServiceIntro {font-size:24px; font-weight:normal; letter-spacing:-1px; color:#aaaaaa; padding-bottom:10px;}

.tool-tip{
  z-index:999999;
}

.appMultiInput {
	height:86px;
	width:100%;
	
}

.appMselectInput select {
	height:100px !important;
}

/* CAPTCHA BOX */
.capcha-box{
    float:left;
    width: 230px;
    background-color:#F0F0F0;
    -moz-border-radius:  5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;   
}

.captcha-input{
    margin-right: 5px;
    width: 170px;
}

#siimage{
    padding-bottom: 10px;
    border: 0
}

.formBtnBar {margin-top:24px;}