/** Css For Reservation Widget Starts Here */
.myWaterMark { font-family:Arial,sans-serif;font-size:13px;color:#b3b4b8 !important;}
.errorHolder { line-height:1em; font-size:14px;}
/*.errormsg { font-size:inherit;color:inherit;border:#ff0000 1px solid !important;}
span.errormsg { line-height:1em; font-size:14px;color:#ff0000;border:0 !important;}*/

/** reservation-widget header **/
.reservation_widget{ background-color:#13a865; width:100%;position:relative;}
.reservation_widget .rw_header { text-align:center;position:absolute;background-color:#236e4e;font-size:23px;font-weight:bold;color:#ffffff;width:110%;top:14px;left:-23px;/*padding:10px 0;*/ height:42px;}
.reservation_widget .rw_header .rwheadtext { margin-top:10px;}  
.reservation_widget .rw_header .rw_header3d { position:absolute;bottom:-25px;left:0; ;}
/** reservation-widget content **/
.reservation_widget .rw_content { padding:64px 20px 10px 29px;color:#ffffff;font-size:16px;min-height:425px;}
.reservation_widget  span.rwerrormsg { font-size:12px;display:block;border:0 none !important;padding:5px 0 5px 22px;background-image:url('../images/error_msg_bg.png');background-position:5px 5px;background-repeat:no-repeat;margin:0 0 5px 0;width:250px;background-color:#ed1f24;}
.reservation_widget  .error_mandatoryfield  { font-size:12px;display:none;border:0 none !important;padding:5px 5px 5px 22px;background-image:url('../images/error_msg_bg.png');background-position:5px 5px;background-repeat:no-repeat;margin:0 0 5px 0;width:250px;background-color:#ed1f24;}
.reservation_widget  .rwerrormsg { border:2px solid #ed1f24 !important;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer > li{ margin-top: 0.8em;text-align:left;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .label { font-weight:bold;margin:5px 0;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer label{ font-weight:bold;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .label .small{ font-size: 10px;line-height: 15px;vertical-align: middle;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .field { margin-top:5px; font-size:13px;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .field  .customSelect .display { padding: 2px 0 2px 4px;vertical-align: top;font-size:13px;color:#000;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .field  .customSelect .display .arrow_btn {padding:3px;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer ul.split_two_col { width:103%;clear:both;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer ul.split_two_col>li{ margin-bottom: 5px; ;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .field .putspace { margin-left:15px;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .field > input[type=text]{ padding: 0 0 0 4px; border:0 none; width: 260px;vertical-align: middle;font-size:13px;line-height:1.9em;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .field > input[type=button]{ border:0 none;background-color:#1f6e4e;background-image:none;background-repeat:no-repeat;border:none;background-position:right;font-family:Arial,Sans-Serif;font-size:20px;text-align:center;margin-top: 7px;padding: 5px 10px;width:142px;color:#fff;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .split_two_col .label2 { width:49%;float:left;font-weight:bold;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .split_two_col .field2 { width:49%;float:left; font-size:13px;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .split_two_col .field2 > input.datefield { width:97px; border: 0 none;padding:0 0 0 4px;vertical-align: top;font-size:13px;line-height:1.8em;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .split_two_col .field2 > .timefield{width:120px;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .split_two_col .field2 > .timefield .display{ padding: 2px 0 2px 4px;vertical-align: top;font-size:13px;color:#000;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .split_two_col .field2 > .timefield .display .arrow_btn {padding:3px;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .split_two_col .field2 .ui-datepicker-trigger {  padding: 0 6px;}
.reservation_widget .rw_content .formlayout ul.fieldcontainer .field input.clsCustPromo { width:200px; border: 0 none;padding:0 0 0 4px;vertical-align:top;font-size:13px;}
/** reservation-widget footer **/
.reservation_widget .rw_footer { background-color:#236e4e;position:relative; bottom:0; height:28px;width:100%;text-align:center;}
.reservation_widget .rw_footer span { font-size:12px;color:#ffffff;font-weight:bold;margin:4px auto;line-height:2.3em;border-bottom:#ffffff 1px solid;cursor:pointer;}
.reservation_widget .rw_footer span a{ font-size:12px;color:#ffffff;padding-left:5px; padding-right:5px;text-decoration:none;}
.reservation_widget .rw_footer span a:first-child{ padding-left:0px; padding-right:0px;}
#VReservation .rwheadtext{ font-size:17px;}
#VReservation #btnVeiwReservation { width: auto; text-align: center; }  
#VReservation .rw_content .formlayout ul.fieldcontainer > li{ margin-bottom:20px;text-align:left;}
/** Css For Reservation Widget Ends Here */ 

/* Custom scrollbar css  start here  */
/*  CSS Styles that are needed by jScrollPane for it to operate correctly.  */
.jspDrag{background:url('../images/scrollbar_bg.png') no-repeat center #1F6E4E !important;}

.jspContainer{  overflow: hidden;position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{    position: absolute; top: 0; right: 0;   width: 16px;    height: 100%;   background: red;}
.jspHorizontalBar{  position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;}
.jspVerticalBar *, .jspHorizontalBar *{margin: 0;padding: 0;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{background: #d4d4d5;position: relative;}
.jspDrag{background-color: #1f6e4e;position: relative;top: 0;left: 0;cursor: pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float: left;    height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block; cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}
.helpicon{ margin-bottom:-4px; }

/* Custom CSS fonts for Welcome Text - TM-43 */
.welcometxt h1{font-size:32px; color:#ffffff;}
.welcometxt h2{font-size:24px;}
.welcometxt h3{font-size:16px;}
.welcometxt h4{font-size:14px;}
.welcometxt h5{font-size:11px;}
/*  End of Custom CSS  */

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}

/* Custom scrollbar css end here  */

#separator{
vertical-align: middle;
margin: 0 14px 0 0px;;
border-right: 2px solid;
width: 20px;
height: 100%;
line-height: 1.4em;
color: green;
padding: 5px;
}

.locHrsErrorMessage{
font-size: 12px;
display: none;
border: 0 none !important;
padding: 5px 5px 5px 22px;
background-image:url('../images/error_msg_bg.png');
background-position: 5px 5px;
background-repeat: no-repeat;
margin: 0 0 5px 0;
width: 250px;
background-color: #ed1f24;
}

.locdetailslink{
	text-decoration-color: #FFF;   
}

.locdetailslink  span{
      color: #FFF;
}