/*
	Need the following style:
	#main_Col .scrollCalendar_Box                                 { margin:[any value]; width:[any value]; }
	#main_Col .scrollCalendar_Box th                              { width:[any value]; }
	#main_Col .scrollCalendar_Box th.pricing_Heading,
	#main_Col .scrollCalendar_Box th.pricing_Heading div          { width:[any value]; }
	#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area { width:[any value]; }
*/

/*__________________ [3-4-9] Pricing Table___________________*/
#main_Col .scrollCalendar_Box,
#main_Col .scrollCalendar_Box table                        { border-width:0; }
#main_Col .scrollCalendar_Box th,
#main_Col .scrollCalendar_Box td                           { padding:0; border-style:solid; border-color:#bdbdbd; text-align:center; background:#fff; }

#main_Col .scrollCalendar_Box .days_Row th                { border-width:1px; border-bottom:0px; }
#main_Col .scrollCalendar_Box .days_Row th.pricing_Heading  { border-bottom:1px solid #bdbdbd; }

#main_Col .scrollCalendar_Box .price_Row td                { border-width:0 1px 1px 0; }
#main_Col .scrollCalendar_Box .scrollBar_Row td            { border-width:0 1px; border-color:#F7F7F7; }
#main_Col .scrollCalendar_Box th                           { padding:0.2em 0; color:#666666; font-size:100%; font-weight:normal; background-color:#F1F1F1; }
#main_Col .scrollCalendar_Box th.holiday                   { color:#F31313; background-color:#FEE3E8; }
#main_Col .scrollCalendar_Box th.saturday                  { color:#1298A0; background-color:#D9EFE8; }
#main_Col .scrollCalendar_Box th span                      { font-size:80%; }
#main_Col .scrollCalendar_Box td a,
#main_Col .scrollCalendar_Box td span                      { display:block; padding:7px 5px 5px 5px; height:2.5em; }
#main_Col .scrollCalendar_Box td a                         { line-height:1.2; }
#main_Col .scrollCalendar_Box td a:hover                   { text-decoration:none; background-color:#f7f7f7; }
#main_Col .scrollCalendar_Box td .novacant                 { color:#CCCCCC; }
#main_Col .scrollCalendar_Box td a span,
#main_Col .scrollCalendar_Box td span span                 { cursor:pointer; display:inline-block; margin:0 0 0.6em 0; padding:0; height:auto; vertical-align:bottom; }
#main_Col .scrollCalendar_Box td.selected,
#main_Col .scrollCalendar_Box td.selected a,
#main_Col .scrollCalendar_Box td.selected a:hover,
#main_Col .scrollCalendar_Box td.selected span,
#main_Col .scrollCalendar_Box td.selected a:hover span     { background-color:#fff3db; }
#main_Col .scrollCalendar_Box td .state00,
#main_Col .scrollCalendar_Box td .state01,
#main_Col .scrollCalendar_Box td .state02,
#main_Col .scrollCalendar_Box td .state03,
#main_Col .scrollCalendar_Box td .state04,
#main_Col .scrollCalendar_Box td .state05                  { overflow:hidden; margin:0 auto 0.4em auto; padding:11px 0 0 0; width:70px; height:0; background-image:url(/element/j_hotel/list/images/price_tx01_001.gif); background-repeat:no-repeat; }
#main_Col .scrollCalendar_Box td .state00,
#main_Col .scrollCalendar_Box td .state04                  { margin:0.8em 0; }

#main_Col .scrollCalendar_Box td .state00                  { background-image:url(/element/j_hotel/list/images/load_s.gif); background-position:center top; }
#main_Col .scrollCalendar_Box td .state01,
#main_Col .scrollCalendar_Box td.selected a:hover .state01 { background-position:   0     0;   }
#main_Col .scrollCalendar_Box td a:hover .state01          { background-position:   0   -20px; }
#main_Col .scrollCalendar_Box td .state02,
#main_Col .scrollCalendar_Box td.selected a:hover .state02 { background-position: -70px   0;   }
#main_Col .scrollCalendar_Box td a:hover .state02          { background-position: -70px -20px; }
#main_Col .scrollCalendar_Box td .state03                  { background-position:-140px   0;   }
#main_Col .scrollCalendar_Box td .state04                  { background-position:-210px   0;   }
#main_Col .scrollCalendar_Box td .state05,
#main_Col .scrollCalendar_Box td.selected a:hover .state05 { background-position:-280px   0;   }
#main_Col .scrollCalendar_Box td a:hover .state05          { background-position:-280px -20px; }

/*____________ [3-4-8-2] Scroll Bar Settings_____________*/
#main_Col .scrollCalendar_Box .scrollBar_Data,
#main_Col .scrollCalendar_Box .scrollBar_Data td                          { padding:0; }
#main_Col .scrollCalendar_Box .scrollBar_Data table                       { width:100%; border-collapse:collapse; }
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area             { position:relative; bottom:0; margin:0 0 0 auto; padding:0 17px; height:17px; background:url(/element/j_hotel/list/images/price_bg01_001.gif) repeat-x left top; }
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area div,
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area p,
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area span        { background-image:url(/element/j_hotel/list/images/price_bg01_001.gif); background-repeat:none; }
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area span        { position:absolute; top:0; display:inline-block; padding:0; width:17px; height:17px;  }
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area .scrollPrev { left: -1px; background-position:left  -50px; }
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area .scrollNext { right:-1px; background-position:right -50px; }
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area .scrollBar_Box              { position:absolute; top:0; padding:0 0 0 3px; background-position:left -25px; }
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area .scrollBar_Box .scrollBar   { padding:0 3px 0 0; background-position:right -25px; }
#main_Col .scrollCalendar_Box .scrollBar_Data .scrollBar_Area .scrollBar_Box .scrollBar p { height:17px; background-position:center -25px; }