//----------------------------------------------------------------------------------------------------{ }
// Color {}
//----------------------------------------------------------------------------------------------------{ }
.TFrame
	{ border-color: #FF3333 ; }
td.TCaption, button.TCaption, th.TFrame
	{ background-color: #FF3333 ; }
.TCalender, .TSchedule, .TPanel, body.TDialog td.TEditBox, 
body.TDialog td.TMemoBox, #NowLoading, .TRecord
	{ border-color:#830000;   }
#WeekBoxs, #HourBoxs, #CourtBoxs, td.THeaderControl, th.THeaderControl, 
body.TDialog td.TLabelBox, body.TWindow td.TLabelBox, th.TRecord
	{ background-color: #FF8080; }
//----------------------------------------------------------------------------------------------------{ }
#BookingBtn00 { comment:—\–๑•ๅW; background-color: #00FF00; color:#FFFFFF }
#BookingBtn10 { comment:ˆ๊”ส—\–๑; background-color: #000080; color:#000000 }
#BookingBtn20 { comment:ฯฏมาฒธ•ๅW; background-color: #FF00FF; color:#000000 }
#BookingBtn30 { comment:ฯฏมาฒธŒˆ’่; background-color: #000080; color:#000000 }
#BookingBtn50 { comment:ƒNƒŠƒjƒbƒN;   background-color: #C0C0C0; color:#000000 }
#BookingBtn60 { comment:ƒXƒN[ƒ‹;   background-color: #066ACE; color:#000000 }
#BookingBtn70 { comment:‘ๅ‰๏•ๅW; background-color: #FF0000; color:#000000 }
#BookingBtn80 { comment:ŒยlƒtƒbƒgƒTƒ‹; background-color: #FFFF00; color:#000000 }
#BookingBtn90 { comment:ƒR[ƒg•ยฝ; background-color: #000080; color:#000000 }
//----------------------------------------------------------------------------------------------------{ }
x#BookingBtn10 { comment:ˆ๊”ส—\–๑; background-color: #0000D5 }
x#BookingBtn30 { comment:ฯฏมาฒธŒˆ’่; background-color: #AAAAFF }


//----------------------------------------------------------------------------------------------------{ }
// Base {}
//----------------------------------------------------------------------------------------------------{ }
body, td, th { font-size: 10pt; font-family:‚l‚r ‚oƒSƒVƒbƒN }
xmp, p, form      { margin-top: 0; margin-bottom: 0 }
label, .TSpeedButton, .TButton, .TRadioBtn,  .TCheckBox, .TMenuButton { cursor:hand }
#WWIDE        { width:100% }
#WHWIDE       { width:100%; height:99% }
.TErrorMessege { color:#FF0000 }
.TRadioBtn, .TCheckBox    { width:15; height:15 }
//----------------------------------------------------------------------------------------------------{ }
button.TCaption { border-style:solid; border-width:0px; width:22; height:24; 
                  background-image:url('images/button0.gif'); margin-left:1; margin-right:1; 
                  background-repeat:no-repeat; cursor:hand;  }
table.TCopyright { width:650; }
small.TCopyright {position: relative; top: -31; left:20 }
#TScrollBox  { width:100%; height:100%; overflow-y:scroll }
.TMessage p  { margin-bottom:10 }
.TPanel { border-style:solid; border-width:1;   }
input.TNumEdit { text-align: right}

//----------------------------------------------------------------------------------------------------{ }
// Window {}
//----------------------------------------------------------------------------------------------------{ }
body.TWindow {  }
body.TWindow table        { border-collapse: collapse }
body.TWindow table.TFrame { width:650; height:410  }
body.TWindow th.TFrame { height:30; padding-left:10; padding-right:5; padding-top:5; 
             background-image:url('images/caption.gif') }
body.TWindow td.TFrame { border-style:solid; border-width:3;    }
body.TWindow th.TCaption { font-size: 12pt; color: #FFFFFF; font-weight: bold}
body.TWindow td.TCaption { color: #FFFFFF; }
body.TWindow .TMenuButton {  padding-left:5; xtext-align: left; width:150; margin-top:3; margin-bottom:3 }
body.TWindow .TButton { width:80; cursor:hand }
body.TWindow #DateTimeBox { color:#FFFFFF; text-align:left }


//----------------------------------------------------------------------------------------------------{ }
// Dialog {}
//----------------------------------------------------------------------------------------------------{ }
body.TDialog { margin:0; overflow:hidden }
body.TDialog a { color: #0000FF; text-decoration:underline }
body.TDialog a:hover { color: #FF0000; text-decoration:underline }
body.TDialog table.TScrollBox { width:100%; height:100% }
body.TDialog td.TScrollBox { width:100%; height:100%; padding:15 }
body.TDialog td.TFrame { border-width:1; border-style:solid; }
body.TDialog table.TFrame { width:100%; height:100%; }
body.TDialog td.TFrame { height:100%; padding:10 }
body.TDialog th.TFrame { text-align: left; color:#FFFFFF; padding-left:5; padding-right:5; 
                         padding-top:5; padding-bottom:3; font-size:12pt }
body.TDialog .TButton { width:80; cursor:hand }
body.TDialog .TSpeedButton { margin: 1; }
body.TDialog .TMenuButton {  padding-left:5; xtext-align: left; width:150; margin-top:3; margin-bottom:3 }
body.TDialog td.THeaderControl { border-right: 1px solid #FFFFFF; }
body.TDialog th.THeaderControl { width:17 }
body.TDialog td.TLabelBox { width: 80; height: 20; padding-left:5; padding-right:2; padding-top: 6; 
                            padding-bottom: 6; text-align:right}
body.TDialog td.TEditBox { border-width:1; border-style:solid; padding-left:3; padding-right:3; 
                           padding-top:2; padding-bottom:1; width:100% }
body.TDialog td.TMemoBox { border-width:1; border-style:solid; padding:5; width:100%  }

//----------------------------------------------------------------------------------------------------{ }
// booking/index.html {}
//----------------------------------------------------------------------------------------------------{ }
table.TLegend { xposition: absolute; left:530; top:70 }
th.TLegend { width:10; height:10; }
td.TLegend { width:65; height:15; }
input.TLegend {	border-style:solid; border-width:0; width:100%; height:100%; 
                cursor:hand; text-align:left; background-color: #FFFFFF}
button.TBooking { border-width:1; cursor:hand; position:absolute; height:17 }
//----------------------------------------------------------------------------------------------------{ }
.TCalender { border-style:solid; border-width:1;   }
table.TCalender {  }
th.TCalender {  }
td.TCalender {  }
#WeekBoxs { padding-top:1;  }
#DayBoxs { width:23; height:25; }
#DayBtns { border-width:0; width:100%; height:100%; background-color: #FFFFFF; }
//----------------------------------------------------------------------------------------------------{ }
.TSchedule { border-style:solid; border-width:1;  }
table.TSchedule {  }
th.TSchedule {  }
td.TSchedule {  }
td.TSchedule table {  }
#CourtBoxs { width:88; height:30; padding-top:1; padding-left:10; padding-right:10 }
#HourBoxs {  padding:1 0 0 2; }
#DateBox {  padding:1 0 0 0; height:45 }
#BookingBoxs { width:17; border-left-style:dotted; border-left-width:1; border-right-style:dotted; 
               border-right-width:1; border-top-style:solid; border-top-width:1; border-bottom-style:solid; 
               border-bottom-width:1 }
td.TRecord { padding-top:1; padding-bottom:1; border-bottom-style:dotted; border-bottom-width:1; padding-left:5; }
th.TRecord { padding-top:1; padding-bottom:0; border-bottom-style:dotted; border-bottom-width:1; text-align:left; padding-left:5; padding-right:5 }

//----------------------------------------------------------------------------------------------------{ }
#NowLoading { border-style:solid; border-width:1;  position:absolute; background-color:#FFFFFF; left:131; top:315; 
              display:none; padding:37 214 38 213 }
//----------------------------------------------------------------------------------------------------{ }