﻿/**********
 Main Stuff
***********/

body 
{
    background-color:       #aae9e3;
    background-image:       url(images/bg.jpg);
    background-position:    left top;
    background-repeat:      repeat-x;
    min-width:              1200px;
    min-height:             600px;
    height:                 100%;
    width:                  100%;
    font-family:            Verdana;
    font-size:              12px;
    text-align:             center;
}

.RMSLink
{
	color:					#f0f0f0; 
	font-weight:			bold;
}

.Main
{
    text-align:             left;
    width:                  1000px;
    min-width:              1000px;
    max-width:              1000px;
    margin:                 auto;
}

.Border
{
    background-color:       #a6a7a8;
    background-repeat:      repeat-x; 
    height:                 100%;
    width:                  100%;
    margin-left:            10px;
    margin-top:             5px;
    margin-right:           0px;
}

.BorderLeft
{
    background-image:       url(images/content-left2.gif);
    background-position:    left top;
    background-color:       #a6a7a8;
    background-repeat:      no-repeat;
    width:                  15px;
    height:                 15px;
    float:                  left;
}

.BorderRight
{
    background-image:       url(images/content-right2.gif);
    background-position:    right top;
    background-color:       #a6a7a8;
    background-repeat:      no-repeat;
    width:                  15px;
    height:                 15px;
    float:                  right;
}

.Step1
{
	font-size:				14px; 
	font-weight:			bold; 
	color:					White; 
	margin-bottom:			5px; 
	padding-left:			15px;
}

.Step2
{
    font-size:              14px;
    font-weight:            bold;
    color:                  White;
    margin-bottom:          5px;
}

.Step3
{
    font-size:              14px;
    font-weight:            bold;
    color:                  White;
    margin-bottom:          5px;
}

.SmallText
{
    color:                  #555555;
    font-size:              9px;
}

.RequiredField
{
    color:                  Red;
    display:                inline;
}

#up1
{
    z-index:                3;
    margin-top:             180px;
    margin-right:           15px;
    
}


/**********
 Stay Stuff
***********/

.GoButton
{
	background-image: url(images/go.png);
}

.UpdateButton
{
	background-image: url(images/update.png);
}

.NumUp
{
	background-image: url(images/num-up.gif);
}

.NumDown
{
	background-image: url(images/num-down.gif);
}

.Calendar
{
	background-image: url(images/calender.gif);
}

.Last7
{
	background-image: url(images/last7.png);
}

.Next7
{
	background-image: url(images/next7.png);
}

.BookButton
{
	background-image: url(images/book.png);
}

.ProcessPayment
{
	background-image: url(images/process.png);
}

.DateBar
{ 
    height:                 150px;
    margin-left:            0px;
    float:                  left;
    z-index:                2;
    
}

.DateBarLeft
{
    background-image:       url(images/stay-left.png);
    background-color:       Transparent;
    background-repeat:      no-repeat;
    width:                  15px;
    height:                 150px;
    float:                  left;
    margin-left:            15px;
    z-index:                2;
}

.DateBarBackground
{
    background-image:       url(images/stay-repeat.gif);
    background-color:       Transparent;
    background-repeat:      repeat-x;
    width:                  285px;
    height:                 100%;
}

.DateBarTable
{
    z-index:                3;
    float:                  left;
    margin-left:            -5px;
    margin-top:             15px;
}

.DateBarLabel
{
    text-align:             right;
    width:                  50px;
}


.GoUpdateButton
{
    height:                 40px;
    margin-top:             10px;
    margin-left:            5px;
    text-align:             right;
}

.PopupWindow
{
    background-color:       White;
    border:                 solid 1px #000000;
    padding:                3px;
    max-width:              250px;
    font-size:              12px;
    color:                  #000000;
    font-weight:            normal;
}

.AdvancedOptions
{
    background-color:       #ffffff;
    margin-left:            15px;
    margin-right:           15px;
}

.AdvancedOptionsTitle
{
    background-color:       #fda200;
    background-image :      url(images/cat-head.gif); 
    background-repeat :     repeat-x; 
    background-position :   left bottom;
    color:                  #ffffff;
	font-weight:            bold;
	font-size:              12px;
	height:                 30px;
	min-height:             30px;
	max-height:             30px;
}

.AdditionalsBackground
{
    background-color:       #a2ec79;
}

.AttributesBackground
{
    background-color:       #72e263;
}


/**************
 Property Stuff
***************/
.PropertyTitle
{
    font-size:              20px; 
    font-weight:            bold; 
    color:                  #118c28; 
    margin-left:            10px; 
    margin-top:             10px; 
    margin-bottom:          0px;
}

.PropertyBarBackground
{
    background-image:       url(images/prop-repeat.gif);
    background-color:       Transparent;
    background-repeat:      repeat-x;
    width:                  650px;
    height:                 150px;
    margin-left:            5px;
    float:                  left;
    z-index:                2;
}

.PropertyBarRight
{
    background-image:       url(images/prop-right.gif);
    background-color:       Transparent;
    background-repeat:      no-repeat;
    width:                  15px;
    height:                 150px;
    float:                  left;
    z-index:                2;
}

.PropertyBar
{
    margin-left:            5px;
    margin-right:           5px;
    width:                  480px;
    height:                 150px;
}

.PropertyImage
{
    margin-top:             10px;
    float:                  right;
}


/***********************
 Room Type (List Format)
***********************/

.RoomTypeTitle
{
    font-size:              20px; 
    font-weight:            bold; 
    color:                  #157a93;
}

.RoomTypeListHeader
{
    height:                 25px;
    font-size:              12px;
    font-weight:            bold;
    color:                  White; 
    border-bottom:          solid 1px #b5b5b5; 
    background-image:       url(images/avail-head.gif); 
    background-repeat:      repeat-x; 
    background-position:    left bottom;
    margin:                 0 0 0 0;
    padding:                13px 0 0 5px;
    text-align:             left;
}

.RoomTypeListItem 
{
    max-width:              238px;
    width:                  238px;
    height:                 30px;
    margin:                 0;
    padding:                0;
    padding-left:           10px;
    border:                 0;
    background:             #ffffff;
    text-align:             left;
    cursor:                 pointer; 
    cursor:                 hand; 
    border:                 solid 2px #ffffff;
    color:                  #157a93;
    font-weight:            bold;
}

.RoomTypeListItem:hover
{
    background-color:       #b1eefd;
}

.RoomTypeListItemChosen 
{
    max-width:              238px;
    width:                  238px;
    height:                 30px;
    margin:                 0;
    padding:                0;
    padding-left:           10px;
    border:                 0;
    background:             #ffffff;
    text-align:             left;
    cursor:                 pointer; 
    cursor:                 hand; 
    border:                 solid 2px #ffffff;
    color:                  #157a93;
    font-weight:            bold;
    border:                 solid 2px #ff0090;
}

.RoomTypeListItemChosen:hover
{
    background-color:       #b1eefd;
}


/********************************
Room Type (Collapse Panel Format)
********************************/

.RoomTypeHeader
{
    font-weight :           bold; 
    font-size :             12px;
    color :                 #ffffff; 
    border :                solid 1px #b5b5b5; 
    text-align :            center; 
    background-image :      url(images/avail-head.gif); 
    background-repeat :     repeat-x; 
    background-position :   left bottom;
    padding :               2px;
}

.RoomTypeBar
{
	overflow:				hidden;
	height:					0px;
}

.RoomTypeImageBorder
{
    width:                  60px;
}

/*******************
 Availability Stuff
*******************/

/* Rate */

.RateHeader
{
    font-weight :           bold; 
    color :                 #ffffff; 
    border :                solid 1px #b5b5b5; 
    text-align :            center; 
    background-image :      url(images/cat-head.gif); 
    background-repeat :     repeat-x; 
    background-position :   left bottom;
    padding :               1px;
    min-width:              160px; 
    max-width:              160px; 
    width:                  160px;
	font-size: 9px;
}

.NoRoomsHeader
{
    font-weight :           bold; 
    color :                 #ffffff; 
    border :                solid 1px #b5b5b5; 
    text-align :            center; 
    background-image :      url(images/cat-head.gif); 
    background-repeat :     repeat-x; 
    background-position :   left bottom;
    padding :               1px;
    min-width:              40px; 
    max-width:              40px; 
    width:                  40px;
	font-size: 9px;
}

.RateTitle
{
    color:                  #157a93;
    font-weight:            bold;
}

.Rate
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center; 
    padding :               1px;
    min-width:              160px; 
    max-width:              160px; 
    width:                  160px;
	font-size: 9px;
}

/* Book Button */

.BookHeader
{
    font-weight :           bold; 
    color :                 #ffffff; 
    border :                solid 1px #b5b5b5; 
    text-align :            center; 
    background-image :      url(images/cat-head.gif); 
    background-repeat :     repeat-x; 
    background-position :   left bottom;
    padding :               1px;
    min-width:              53px; 
    max-width:              53px; 
    width:                  53px;
	font-size: 9px;
}

.NoRoomsDetail
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center; 
    min-width:              40px; 
    max-width:              40px; 
    width:                  40px;
    padding :               1px;
	font-size: 9px;
}

.BookDetail
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center; 
    padding :               1px;
    min-width:              53px; 
    max-width:              53px; 
    width:                  53px;
	font-size: 9px;
}

/* Min/Max Stay */

.MinMaxHeader
{
    font-weight :           bold; 
    color :                 #ffffff; 
    border :                solid 1px #b5b5b5; 
    text-align :            center; 
    background-image :      url(images/cat-head.gif); 
    background-repeat :     repeat-x; 
    background-position :   left bottom;
    padding :               1px;
    min-width:              30px; 
    max-width:              30px; 
    width:                  30px;
	font-size: 9px;
}

.MinMaxDetail
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center; 
    padding :               1px;
    min-width:              30px; 
    max-width:              30px; 
    width:                  30px;
	font-size: 9px;
}

/* Rate Total */

.RateTotalHeader
{
    font-weight :           bold; 
    color :                 #ffffff; 
    border :                solid 1px #b5b5b5; 
    text-align :            center; 
    padding :               1px;
    background-image:       url(images/rate-head.gif); 
    background-repeat:      repeat-x; 
    background-position:    left bottom; 
    min-width:              45px; 
    max-width:              45px;
    width:                  45px;
	font-size: 10px;
}

.RateTotalDetail
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center; 
    padding :               1px;
    min-width:              45px; 
    max-width:              45px; 
    width:                  45px;
    background-color:       #bbfb98; 
    font-weight:            bold;
	font-size: 10px;
}

/* Days */

.DayHeader
{
    font-weight :           bold; 
    color :                 #ffffff; 
    border :                solid 1px #b5b5b5; 
    text-align :            center; 
    background-image :      url(images/cat-head.gif); 
    background-repeat :     repeat-x; 
    background-position :   left bottom;
    padding :               1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetail
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center; 
    padding :               1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

/* Chosen Days */

.DayDetailChosen
{
    background-color :      #ffb2dd; 
    border :                solid 1px #b5b5b5;
    text-align:             center; 
    padding :               1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectBottom
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center; 
    border-bottom :         solid 2px #ff0090;
    padding :               1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectBottomChosen
{
    background-color :      #ffb2dd; 
    border :                solid 1px #b5b5b5;
    text-align:             center; 
    border-bottom :         solid 2px #ff0090;
    padding :               1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectStart
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-left :           solid 2px #ff0090; 
    padding :               1px;
    padding-left :          1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectStartChosen
{
    background-color :      #ffb2dd; 
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-left :           solid 2px #ff0090; 
    padding :               1px;
    padding-left :          1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectStartBottom
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-left :           solid 2px #ff0090; 
    border-bottom :         solid 2px #ff0090;
    padding :               1px;
    padding-left :          1px;
    padding-bottom :        1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectStartBottomChosen
{
    background-color :      #ffb2dd;
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-left :           solid 2px #ff0090; 
    border-bottom :         solid 2px #ff0090;
    padding :               1px;
    padding-left :          1px;
    padding-bottom :        1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectEnd
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-right :          solid 2px #ff0090;
    padding :               1px;
    padding-right :         1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectEndChosen
{
    background-color :      #ffb2dd; 
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-right :          solid 2px #ff0090;
    padding :               1px;
    padding-right :         1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectEndBottom
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-right :          solid 2px #ff0090;
    border-bottom :         solid 2px #ff0090;
    padding :               1px;
    padding-right :         1px;
    padding-bottom :        1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectEndBottomChosen
{
    background-color :      #ffb2dd; 
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-right :          solid 2px #ff0090;
    border-bottom :         solid 2px #ff0090;
    padding :               1px;
    padding-right :         1px;
    padding-bottom :        1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectOneDay
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-left :           solid 2px #ff0090; 
    border-right :          solid 2px #ff0090;
    padding :               1px;
    padding-right :         1px;
    padding-left :          1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectOneDayChosen
{
    background-color :      #ffb2dd; 
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-left :           solid 2px #ff0090; 
    border-right :          solid 2px #ff0090;
    padding :               1px;
    padding-right :         1px;
    padding-left :          1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectOneDayBottom
{
    background-color :      #ffffff; 
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-left :           solid 2px #ff0090; 
    border-right :          solid 2px #ff0090;
    border-bottom :         solid 2px #ff0090;
    padding :               1px;
    padding-right :         1px;
    padding-left :          1px;
    padding-bottom :        1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}

.DayDetailSelectOneDayBottomChosen
{
    background-color :      #ffb2dd; 
    border :                solid 1px #b5b5b5;
    text-align:             center;
    border-left :           solid 2px #ff0090; 
    border-right :          solid 2px #ff0090;
    border-bottom :         solid 2px #ff0090;
    padding :               1px;
    padding-right :         1px;
    padding-left :          1px;
    padding-bottom :        1px;
    min-width:              38px; 
    max-width:              38px; 
    width:                  38px;
	font-size: 9px;
}


/*******************
 Guest/Payment Stuff
*******************/

/* Guest */

.GuestTitle
{
    color:                  #157a93;
	font-weight:            bold;
	padding:                4px;
}

.GuestLabel
{
    text-align:             right;
}

.GuestText
{
    width:                  170px;
}

.GuestTable
{
    margin-left:            15px;
    width:					1050px;
}

/* Payment */

.PaymentTitle
{
    color:                  #157a93;
	font-weight:            bold;
	padding:                4px;
}

/* Summary */

.SummaryTitle
{
    color:                  #157a93;
	font-weight:            bold;
	padding:                4px;
}

.SummaryLabel
{
    text-align:             right; 
    background-image :      url(images/rate-head.gif); 
    background-repeat :     repeat-x; 
    background-position :   left bottom; 
    color:                  White;
    height:                 25px; 
}

.SummaryDetail
{
    background-color:       #bbfb98;
    width:                  100px;
    height:                 25px;
}






























/************
 Star Rating
************/

.RatingStar 
{
    font-size:              0pt;
    width:                  13px;
    height:                 12px;
    margin:                 0px;
    padding:                0px;
    cursor:                 pointer;
    display:                block;
    background-repeat:      no-repeat;
}

.filledRatingStar {
    background-image:       url(images/FilledStar.png);

}

.emptyRatingStar {
    background-image:       url(images/EmptyStar.png);
}

/*************************
 Next Button 
**************************/

.tdNext
{
    background-color:       White; 
    border:                 solid 0px White;
}

.divNext
{
    padding-left:           4px;
    padding-top:            10px;
    padding-bottom:         10px;
}

/*************************
 Validation Related Styles 
**************************/

.Anchor
{
    border-style:           none;
    background-color:       Transparent;
}

.ErrorTextbox
{
    background-color:       #fffece;
}

.MaskedEditFocus
{
    background-color:       #ffffcc;
    color:                  #000000;
}
.MaskedEditMessage
{
	color:                  #ff0000;
	font-weight:            bold;
}
.MaskedEditError
{
    background-color:       #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color:       #ffffcc;
    color:                  #ff0000;
}
.MaskedEditBlurNegative
{
    color:                  #ff0000;
}

/*****************
 Property Popups
*****************/

.modalBackground {
	background-color:       Gray;
	filter:                 alpha(opacity=70);
	opacity:                0.7;
}

.disableBackground {
	height:                 70px; 
    width:                  150px; 
    border:                 solid 1px #157a93; 
    text-align:             center; 
    color:                  #ffffff; 
    font-weight:            bold; 
    z-index:                0; 
    background-image:       url(images/avail-head.gif);
    background-position:    left bottom;
    background-repeat:      repeat-x;
    background-color:       #aae8e3;
}

.modalPopup {
	background-color:       #ffffdd;
	border-width:           3px;
	border-style:           solid;
	border-color:           Gray;
	padding:                3px;
	width:                  250px;
}

.pnlPropertyPopup
{
    background-image:       url(images/stay-repeat.gif);
    background-repeat:      repeat-x; 
    background-position:    left bottom;
    background-color:       #b0ece5;
    border-width:           3px;
	border-style:           solid;
	border-color:           #4b95ab;
    height:                 360px;
    width:                  600px;
    padding:                10px;
}

.pnlPropertyPopupDrag
{
    cursor:                 pointer;
    background-color:       #4b95ab;
    border:                 solid 1px #b0ece5;
    color:                  White;
    font-weight:            bold;
    text-align:             center;
}


/*
Booking Cart
*/

.BookingCartHeader
{
    font-size:              12px;
    font-weight:            bold;
    color:                  White; 
    background-image:       url(images/avail-head.gif); 
    background-repeat:      repeat-x; 
    background-position:    left bottom;
}

.pnlBookingPopup
{
    background-image:       url(images/stay-repeat.gif);
    background-repeat:      repeat-x; 
    background-position:    left bottom;
    background-color:       #b0ece5;
    border-width:           3px;
	border-style:           solid;
	border-color:           #4b95ab;
    /*height:                 360px;*/
    width:                  600px;
    padding:                10px;
}

.timerCart
{
	position:				fixed;
	z-index:				100;
	top:					10px;
	left:					4px;
	height:					100px;
	width:					100px;
	padding-top:			65px;
	color:					White;
	background-image:       url(images/vieworder.png);
	background-repeat:      no-repeat;
	font-weight:			bold;
	cursor:					pointer;
}


.TotalTitle
{
    color:                  #157a93;
	font-weight:            bold;
	font-size:				16px;
}
