/**
 * Stylesheet for Thai-Tour.com (Hotel)
 * www.thai-tour.com
 *
 * Authour: K Vorapol
 * Contact: www.chlorophill.net
 *
 ******************************************************************************/

/**
 * Reset
 *
 ***************/
    * {
        margin: 0;
        padding: 0;
        border: none;
        text-decoration: none;
        outline: none;
    }
    
    
/**
 * Typography
 *
 ****************/
    body {
        /*font: font-style font-variant font-weight font-size/line-height font-family*/
        font: 11px/1.7em Verdana, Tahoma, sans-serif;
    }
    
    h1 {
        font-size: 18px;
    }
    
    h2 {
        font-size: 16px;
    }
    
    h3 {
        font-size: 15px;
    }
    
    h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; }
    
    ul, li, span {
        font-size: 11px;
    }
    
    strong {
    	font-weight: bold;
    }

/**
 * Link
 *
 ****************/
    a:link, a:visited {
        color: #0a69bb;
    }
    
    a:hover {
        color: #f37321;
    }
    

/**
 * Form
 *
 ****************/
    input {
        border: 1px solid black;
    }
    
    textarea {
        border: 1px solid black;
    }
    
    
/**
 * Layout
 *
 ****************/
    body {
        text-align: center;
        margin: 0 auto;
        background: #aed7fc url(../hotel-bg/page-bg.jpg) repeat-x left top;
    }
    
    #wrapper {
        /*overflow: hidden;*/
        background: url(../hotel-bg/top-bg.jpg) repeat-x left top;
    }
    
    #topnav-holder {
        width: 980px;
        margin: 0 auto;
    }
    
    #container {
        text-align: left;
        width: 950px; /* Page width { 950 + 15 + 15 = 980px } */
        margin: 10px auto;
        padding: 10px 15px;
        padding-bottom: 63px;
        background: #fff url(../hotel-bg/container-bottom.jpg) no-repeat center bottom;
        overflow: hidden;
    }
    
    
/**
 * Header
 *
 *******************/
    #header {
        overflow: hidden;
        
    }
    
        /** Thai-Tour Logo **/
        #thai-tour {
            float: left;
            width: 158px;
            height: 105px;
            overflow: hidden;
        }
        
        #thai-tour h2 {
            overflow: hidden;
        }
        
        #thai-tour a {
            height: 16px;
            position: relative;
            top: -17px;
            background: transparent url(../hotel-bg/thaitour-logo.gif) no-repeat top left;
            
        }
        
        /** Top Banner **/
        #topbanner {
            float: left;
            width: 595px;
            height: 105px;
            margin: 0 10px;
            /*border: 1px solid red;*/
        }
        
        /** Select Language **/
        #lang {
            float: left;
            width: 155px;
            height: 105px;
        }
        
        form#selectlang select {
            padding: 2px;
            width: 151px;
            height: 22px;
            background: url(../hotel-bg/input-text.gif) no-repeat top left;
        }
        
        form#selectlang select option {
            background: #fff;
            border: none !important;
        }
        

/**
 * BillBoard
 *
 ***********************/
    #billboard {
        overflow: hidden;
        width: auto;
        height: 242px;
        clear: both;
    }
    
        #billboard-inner {
            float: left;
            width: 690px;
            /*overflow: hidden;*/
        }

            /** SearchBox **/
            #searchbox {
                text-align: center;
                margin: 10px auto;
                margin-bottom: 5px;
                float: right;
            }
            
            #searchbox #searchbutton {
                width: 18px;
                height: 16px;
                background: url(../hotel-bg/searchbutton.gif) no-repeat;
                border: none;
                position: relative;
                left: -30px;
                top: -1px;
                cursor: pointer;
            }
            
            #searchbox #searchinput {
                width: 470px;
                height: 22px;
                background: url(../hotel-bg/searchinput.gif) no-repeat top left !important;
                border: none !important;
                color: #666;
                font-size: 11px;
            }
    
    
            /** Breadcrumbs **/
            #breadcrumbs-holder {
            	overflow: hidden;
            	margin-bottom: 10px;
            }
            
            #breadcrumbs {
                overflow: hidden;
                float: left;
            }
    
            #breadcrumbs ul {
            }
    
            #breadcrumbs ul li {
                float: left;
                margin: 0 4px;
                list-style: none;
            }
            
            #breadcrumbs ul li a {
                color: #085190;
            }
            
            #breadcrumbs ul li a:hover {
                color: #fff;
            }
    
    
            /** Hotel's Logo & Name **/
            #logo-holder, #logo {
                float: left;
                width: 200px;
                height: 180px;
                overflow: hidden;
            }
            
            #logo div {
                text-align: center;
            }
            
            #logo img {
            }
        
            #logo h1 {
            }
    
    
            /** Slide **/
            #slide {
                float: left;
                width: 470px;
                height: 180px;
                margin: 0 0 0 8px;
                overflow: hidden;
            }
    
    
            /** Contact Information **/
            #contact {
                float: right;
                width: 220px;
                position: relative;
                top: -32px;
            }
            
/**
 * Member login
 *
 ***********************/
 	#login {
	}
	
		h2#login-icon {
			width: 210px;
			height: 45px;
			background: url(../hotel-bg/login-icon.gif) no-repeat left top;
		}
		
		#login div {
			clear: both;
			margin: 5px 0;
			overflow: hidden;
		}
		
			#login form label {
				width: 60px;
				float: left;
				text-align: left;
				margin-left: 10px;
			}
			
			#login form input {
				float: left;
				width: 140px;
			}

/**
 * Main Content
 *
 ***********************/
    #maincontent {
        float: left;
        width: 700px; /* 700 + 10 = 710px */
        padding-right: 10px;
        /*padding-bottom: 10px;*/
        margin: 10px 10px 10px 0;
        overflow: hidden;
    }
    
    #maincontent-side {
        float: left;
        width: 220px;
    }
    
        /** Content Menu **/
        #contentmenu {
            float: left;
            width: 210px;
            margin: 10px;
            margin-right: 0;
            position: relative;
            top: 10px;
        }
        
        #contentmenu ul {
        }
        
        #contentmenu ul li {
            list-style: none;
            height: 44px;
            margin: 0 0 2px 0;
        }
        
        #contentmenu ul li a {
            display: block;
            width: 210px;
            height: 44px;
            padding-left: 15px;
            padding-top: 12px;
            color: #fff;
            font-size: 12px;
        }
        
        #contentmenu ul li a:hover {
            background: url(../hotel-bg/contentmenu-hover.jpg) no-repeat top left;
            font-weight: bold;
            text-shadow: 0px 1px 2px #333;
        }
        
        #contentmenu ul li a:active, #contentmenu ul li a:focus {
            background: url(../hotel-bg/contentmenu-current.jpg) no-repeat top left;
        }
        
        a#contentmenu-current {
            background: url(../hotel-bg/contentmenu-current.jpg) no-repeat top left;
            font-weight: bold;
            text-shadow: 0px 1px 2px #333;
        }
        
        /** Reservation Form **/
        #form {
            float: left;
            clear: left;
            width: 210px; /* 190 + 10 + 10 = 210px */
            margin: 10px;
            font-size: 10px;
        }
        
        #form .require {
            color: #ee2d25;
            font-weight: bold;
        }
        
        #form h2 {
            background: url(../hotel-bg/form-icon.jpg) no-repeat top center;
            width: 191px;
            height: 43px;
            text-indent: -9999px;
            margin-bottom: 10px;
        }
        
        #form label {
            display: block;
            clear: both;
        }
        
        #form input {
            width: 176px; /* 176 + 5 + 5 = 186px */
            height: 13px; /* 13 + 4 + 4 = 21px */
            padding: 4px 5px;
            background: url(../hotel-bg/input-text.gif) no-repeat top left;
            border: none;
        }
        
         #form select {
            font-size: 10px;
            width: 100%;
            padding: 1px;
            border: 1px solid #999;
         }
         
         #form textarea {
            width: 100%;
            min-height: 60px;
            border: 1px solid #999;
         }
        
        #form div.datepicker {
            float: left;
            width: 50%;
        }
        
        #form div.datepicker label {
            display: inline;
            float: left;
        }
        
        #form div.datepicker input {
            font-size: 10px;
            padding: 3px;
            width: 55px;
            background: none;
            border: 1px solid #999;
        }
        
        #form #submit, #form #reset {
            width: 77px;
            height: 29px;
            float: left;
            padding: 0;
            margin: 5px 7px;
        }
        
        #form #submit {
            background: url(../hotel-bg/submit-button.jpg) no-repeat top left;
        }
        
        #form #submit:hover {
            background: url(../hotel-bg/submit-hover.jpg) no-repeat top left;
            cursor: pointer;
        }
        
        #form #reset {
            background: url(../hotel-bg/reset-button.jpg) no-repeat top left;
        }
        
        #form #reset:hover {
            background: url(../hotel-bg/reset-hover.jpg) no-repeat top left;
            cursor: pointer;
        }
    
    
/**
 * Side Content
 *
 ***********************/
    #sidecontent {
        float: right;
        width: 230px;
        margin-top: 7px;
    }
    
        /** Hotel's Map (Side) **/
        #sidemap h2 {
            background: url(../hotel-bg/hotelmap-icon.gif) no-repeat top center;
        }
        
        /** Promotion (Side) **/
        #sidepromotion h2 {
            background: url(../hotel-bg/promotion-icon.gif) no-repeat top center;
        }
        
        #sidepromotion2 h2 {
            background: url(../hotel-bg/promotion-icon.gif) no-repeat top center;
        }

        
     	#recentpage h2 {
			background: url(../hotel-bg/recentpage-icon.gif) no-repeat top center;
		}    

/**
 * Footer
 *
 ***********************/
 	#footer-holder {
		margin: 0;
	}
 
    #footer {
        background: #fff;
        margin: 15px 0 0 0;
        padding: 6px 15px;
        overflow: hidden;
	}
    
    #footer ul {
        float: left;
    }
    
    #footer ul li {
        float: left;
        list-style: none;
        margin: 0 5px;
    }
    
    #footer a {
        font-size: 10px;
    }
    
    address {
        clear: left;
        float: left;
        text-align: left;
        font-size: 10px;
        line-height: 1.4em;
        margin-top: 5px;
        font-style: normal;
    }
    
    
 /**
  * Top Navigation
  * 
  * 
  ****************************************************/
	
    #topnav {
		overflow: visible;
		height: 18px;
		background: #fff;
    }

    ul#nav {
      	width: 990px;
		height: 18px;
      	margin: 0 auto !important;
      	position: relative;
      	left: 60px;
    }
	
	ul#nav a {
	    font-size: 11px;
	}

	/***** Drop Down Menu ******/

	#topnav ul.dropdown,
	#topnav ul.dropdown li,
	#topnav ul.dropdown ul {
 	    list-style: none;
 	    margin: 0;
 	    padding: 0;
	}

	#topnav ul.dropdown {
 	    position: relative;
 	    z-index: 597;
 	    float: left;
	}

	#topnav ul.dropdown li {
 	    float: left;
 	    line-height: 1.3em;
 	    vertical-align: middle;
 	    zoom: 1;
 	    text-align: left;
	}

	#topnav ul.dropdown li.hover,
	#topnav ul.dropdown li:hover {
 	    position: relative;
 	    z-index: 599;
 	    cursor: default;
 	    color: #fff;
	}

	#topnav ul.dropdown ul {
 	    visibility: hidden;
 	    position: absolute;
 	    top: 100%;
 	    left: 0;
 	    z-index: 598;
 	    width: 100%;
 	    border-top: none;
 	    border-left: 1px solid #666;
 	    border-right: 1px solid #666;
 	    border-bottom: 1px solid #666;
	}

	#topnav ul.dropdown ul li {
 	    float: none;
	}

	#topnav ul.dropdown ul ul {
 	    top: 1px;
 	    left: 99%;
	}

	#topnav ul.dropdown li:hover > ul {
 	    visibility: visible;
	}
	
	/****** Drop Down Theme ******/

	
	#topnav ul.dropdown {
 	    font-weight: normal;
	    font-size: 11px;
	}

	#topnav ul.dropdown li {
	    /*padding: 7px 10px;*/
	    padding: 2px;
	    /*border-style: solid;*/
	    /*border-width: 1px 1px 1px 0;
	    border-color: #fff #d9d9d9 #d9d9d9;
	    background-color: #f6f6f6;*/
	    background: #fff;
	    color: #666;
	}

	#topnav ul.dropdown li.hover,
	#topnav ul.dropdown li:hover {
	    /*background-color: #eee;*/
	    background: #6dafe8;
	    color: #fff;
	}

	#topnav ul.dropdown a:link,
	#topnav ul.dropdown a:visited { 
	    color: #666;
	    text-decoration: none;
	}
	
	#topnav ul.dropdown a:hover	{ 
	    color: #fff;
	}
	
	#topnav ul.dropdown a:active {
	    color: #ffa500; 
	}


	/* -- level mark -- */

	#topnav ul.dropdown ul {
	    width: 150px;
	    /*margin-top: 1px;*/
	}

		#topnav ul.dropdown ul li {
		    font-weight: normal;
		}

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


	#topnav ul.dropdown *.dir {
 	    padding-right: 20px;
 	    background-image: url(../hotel-bg/nav-arrow-down.gif);
 	    background-position: 100% 50%;
 	    background-repeat: no-repeat;
	}


/* -- Components override -- */

	#topnav ul.dropdown-horizontal ul *.dir {
 	    padding-right: 15px;
 	    background-image: url(../hotel-bg/nav-arrow-right.gif);
 	    background-position: 100% 50%;
            background-repeat: no-repeat;
	}

	#topnav ul.dropdown-upward *.dir {
 	    background-image: url(../hotel-bg/nav-arrow-top.gif);
	}

	#topnav ul.dropdown-vertical *.dir,
	#topnav ul.dropdown-upward ul *.dir {
 	    background-image: url(../hotel-bg/nav-arrow-right.gif);
	}

	#topnav ul.dropdown-vertical-rtl *.dir {
 	    padding-right: 10px;
 	    padding-left: 15px;
 	    background-image: url(../hotel-bg/nav-arrow-left.gif);
 	    background-position: 0 50%;
	}
    

/**
 * Slide
 *
 *
 ******************************************************************************/

    div.wrap {
        width : 470px;
        margin : 0 auto;
        text-align : left;
    }

    div#top div#nav {
        float : left;
        clear : both;
        width : 470px;
        height : 52px;
        margin : 22px 0 0;
    }

    div#top div#nav ul {
        float : left;
        /*width : 400px;*/
        height : 52px;
        list-style-type : none;
    }

    div#nav ul li {
        float : left;
        height : 52px;
    }

    div#nav ul li a {
        border : 0;
        height : 52px;
        display : block;
        line-height : 52px;
        text-indent : -9999px;
    }

    div#myheader {
        margin : -1px 0 0;
    }

    div#video-header {
        height : 400px;
        /*margin : -1px 0 0;*/
    }

    div#myheader div.wrap {
        height : 400px;
        /*background : url(images/header-bg.png) no-repeat 50% 0;*/
    }

    div#myheader div#slide-holder {
        z-index : 40;
        width : 470px;
        height : 180px;
        position : absolute;
    }

    div#myheader div#slide-holder div#slide-runner {
        /*top : 9px;
        left : 9px;*/
        width : 470px;
        height : 180px;
        overflow : hidden;
        position : absolute;
    }

    div#myheader div#slide-holder img {
        margin : 0;
        display : none;
        position : absolute;
    }

    div#myheader div#slide-holder div#slide-controls {
        left : 0;
        /*bottom : 228px;*/
        width : 470px;
        height : 46px;
        display : none;
        position : absolute;
        background : url(../hotel-bg/slide-bg.png) 0 0;
        position: relative;
        top: 134px;
    }

    div#myheader div#slide-holder div#slide-controls p.text {
        float : left;
        color : #fff;
        display : inline;
        font-size : 10px;
        line-height : 16px;
        /*margin : 15px 0 0 20px;*/
        margin: 10px;
        text-transform : uppercase;
        /*border: 1px solid red;*/
    }

    div#myheader div#slide-holder div#slide-controls p#slide-nav {
        float : right;
        height : 24px;
        display : inline;
        margin : 11px 15px 0 0;
    }

    div#myheader div#slide-holder div#slide-controls p#slide-nav a {
        float : left;
        width : 24px;
        height : 24px;
        display : inline;
        font-size : 11px;
        margin : 0 5px 0 0;
        line-height : 24px;
        font-weight : bold;
        text-align : center;
        text-decoration : none;
        background-position : 0 0;
        background-repeat : no-repeat;
    }

    div#myheader div#slide-holder div#slide-controls p#slide-nav a.on, div#myheader div#slide-holder div#slide-controls p#slide-nav a:hover {
        background-position : 0 -24px;
        color: #000;
    }

    div#myheader div#slide-holder div#slide-controls p#slide-nav a {
        background-image : url(../hotel-bg/silde-nav.png); 
    }

    div#nav ul li a {
        background : url(../hotel-bg/nav.png) no-repeat;
    }
  
    div#slide-controls p#slide-nav {
        position: relative;
        /*top: -134px;*/
    }
  
    p#slide-client strong {
        display: none;
    }
  
    p#slide-client span {
        font-size: 10px;
        font-weight: bold;
        background: none;
        padding: 0;
        width: auto;
    }
  

 /**
  * jQuery DatePicker
  * 
  * 
  ****************************************************/
  
    table.jCalendar {
    	border: 1px solid #000;
    	background: #aaa;
        border-collapse: separate;
        border-spacing: 2px;
    }

    table.jCalendar th {
    	background: #333;
    	color: #fff;
    	font-weight: bold;
    	padding: 3px 5px;
    }

    table.jCalendar td {
    	background: #ccc;
    	color: #000;
    	padding: 3px 5px;
    	text-align: center;
    }

    table.jCalendar td.other-month {
    	background: #ddd;
    	color: #aaa;
    }

    table.jCalendar td.today {
    	background: #666;
    	color: #fff;
    }

    table.jCalendar td.selected {
    	background: #f66;
    	color: #fff;
    }

    table.jCalendar td.selected.dp-hover {
    	background: #f33;
    	color: #fff;
    }

    table.jCalendar td.dp-hover,
    table.jCalendar tr.activeWeekHover td {
    	background: #fff;
    	color: #000;
    }

    table.jCalendar tr.selectedWeek td {
    	background: #f66;
    	color: #fff;
    }

    table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    	background: #bbb;
    	color: #888;
    }

    table.jCalendar td.unselectable,
    table.jCalendar td.unselectable:hover,
    table.jCalendar td.unselectable.dp-hover {
    	background: #bbb;
    	color: #888;
    }

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

    div.dp-popup {
    	position: relative;
    	background: #ccc;
    	font-size: 10px;
    	font-family: arial, sans-serif;
    	padding: 2px;
    	width: 171px;
    	line-height: 1.2em;
    }

    div#dp-popup {
    	position: absolute;
    	z-index: 199;
    }

    div.dp-popup h2 {
    	font-size: 12px;
    	text-align: center;
    	margin: 2px 0;
    	padding: 0;
    }

    a#dp-close {
    	font-size: 11px;
    	padding: 4px 0;
    	text-align: center;
    	display: block;
}
    a#dp-close:hover {
    	text-decoration: underline;
    }

    div.dp-popup a {
    	color: #000;
    	text-decoration: none;
    	padding: 3px 2px 0;
    }

    div.dp-popup div.dp-nav-prev {
    	position: absolute;
    	top: 2px;
    	left: 4px;
    	width: 100px;
    }

    div.dp-popup div.dp-nav-prev a {
    	float: left;
    }

    /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
    div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    	cursor: pointer;
    }

    div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    	cursor: default;
    }

    div.dp-popup div.dp-nav-next {
    	position: absolute;
    	top: 2px;
    	right: 4px;
    	width: 100px;
    }

    div.dp-popup div.dp-nav-next a {
    	float: right;
    }

    div.dp-popup a.disabled {
    	cursor: default;
    	color: #aaa;
    }

    div.dp-popup td {
    	cursor: pointer;
    }

    div.dp-popup td.disabled {
    	cursor: default;
    }

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
    a.dp-choose-date {
    	float: left;
    	width: 18px;
    	height: 18px;
    	padding: 0;
    	margin: 5px 3px 0;
    	display: block;
    	text-indent: -2000px;
    	overflow: hidden;
    	background: url(../hotel-bg/calendar.png) no-repeat top left; 
    }

    a.dp-choose-date.dp-disabled {
    	background-position: 0 -20px;
    	cursor: default;
    }

/* makes the input field shorter once the date picker code
         * has run (to allow space for the calendar icon
     */
    input.dp-applied {
        width: 140px;
        float: left;
    }
    
        
 /**
  * Page Specific
  * 
  * 
  ****************************************************/

    /**
    * Hotel Information
    * 
    * 
    *********************/
    #information-holder {
    	padding: 0;
    	float: right;
	}

    #information, #roomtype, #amenities, #map, #roomrates {
        float: left;
        width: 450px; /* 450 + 10 + 10 = 470px */
        min-height: 400px;
        padding: 0 10px;
        margin: 0;
    }
    
    #information h1, #roomtype h1, #amenities h1, #map h1, #roomrates h1 {
        text-align: left;
        color: #fff;
        padding: 5px 0 0 0;
    }
        
    #frontpic {
        float: left;
        width: 224px;
        margin: 10px 0 0 0;
        overflow: hidden;
    }
        
    #frontpic img {
        width: 224px;
        height: 180px;
    }
        
    #subinfo {
        float: right;
        width: 195px;
        margin: 10px 0 0 0;
    }
        
    #subinfo ul li {
        list-style: none;
        font-weight: bold;
        margin: 7px 0 2px 0;
        border-bottom: 1px dotted #999;
    }
        
    #subinfo span {
        font-size: 11px;
        font-weight: normal;
        display: inline;
        background: none;
    }
    
    #maininfo {
        clear: both;
        margin: 10px 0;
        /*border: 1px solid blue;*/
    }
    
    #maininfo p {
        margin: 10px 0;
    }
    
    #maininfo * {
		margin: 5px 0;
		padding: 0;
        font: 11px/1.7em Verdana, Tahoma, sans-serif;
        background: none;
	}
    
    /**
    * Hotel Map
    * 
    * 
    *********************/
    #map {
        text-align: center;
    }
    
    #map img {
        width: 450px;
        	height: 500px;
        margin: 10px auto;
    }
    
    /**
    * Hotel Amenities
    * 
    * 
    *********************/
    #amenities {
    }
    
    #imagearea {
        text-align: center;
        margin: 20px auto;
        width: 430px;
        /*height: 220px;*/
        overflow: hidden;
        clip: rect(0px,430px,220px,0px);
    }
    
    #imagearea img {
        /*width: 428px;
        height: 218px;*/
    }
    
    #imagearea p {
		border: 1px solid red;
	}
    
    #imagecontroller {
        margin: 10px auto;
        padding: 0 14px;
        overflow: hidden;
    }
    
    #imagecontroller a {
        text-align: center;
        float: left;
        display: block;
        padding: 4px;
        width: 112px; /* 112 + 4 + 4 = 120px */
        height: 72px; /* 72 + 4 + 4 = 80px */
        margin: 10px;
        overflow: hidden;
    }
    
    #imagecontroller a:hover {
        background: #6dafe8;
    }
    
    #imagecontroller a img {
        width: 112px;
        height: 72px;
    }

    
    /**
    * Hotel RoomRates
    * 
    * 
    *********************/
    #collapse {
        margin: 10px 0 0px 10px;
    }
    
    #roomrates {
        margin: auto;
        width: 90%;
        position: relative;
        left: 10px;
        padding: 10px;
        border: 1px dotted #666;
    }
    
    #roomrates h1 {
    }
    
    #rates {
		padding: 5px;
	}
    
    #rates h2, #rates h3 {
        margin: 5px 10px;
    }
    
    #rates h2 {
        margin-top: 15px;
    }
    
    #rates span {
		background: none;
	}
    
    /** Clear Style for FreeStyle **/
    /*
    #rates table, #rates table tr, #rates table td, #rates table th {
        border: 1px solid #666;
        border-collapse: collapse;
        padding: 3px;
    }
    
    #rates table {
        width: 90%;
        margin: 10px auto;
        font-size: 10px;
        line-height: 1.5em;
    }
    
    #rates table th {
        background: #41b34b;
        color: #fff;
        text-align: center;
    }*/
    
    #rates table, #rates table tr, #rates table td, #rates table th {
		border: 1px solid;
		border-collapse: collapse;
	}    
	
	/**
    * Guest Reviews
    * 
    * 
    *********************/
    .reviewhead {
		overflow: hidden;
		vertical-align: middle;
	}
	
	.reviewhead span {
		font-size: 12px !important;
		background: none !important;
		width: auto !important;
		height: auto !important;
		position: relative;
		left: 40px;
	}
	
	.starrate {
		width: 40%;
		position: relative;
		top: -23px;
		left: 260px;
	}
	
	.starrate img {
		position: relative;
		top: 3px;
	}
	
    #review {
	}
	
	#review ol {
		
	}
	
	#review ol li {
		margin: 10px 0;
		padding: 10px 0;
		border-bottom: 1px dashed #666;
		list-style: decimal inside;
	}
	
	.reviewbody {
		position: relative;
		top: -10px;
	}
	
	#editreview {
		margin: 20px 0 0 0;
	}
	
	#editreview div {
		margin: 10px 0;
		overflow: hidden;
	}
	
	#editreview label {
		width: 160px;
		float: left;
	}
	
	#editreview input {
		float: left;
		width: 220px;
		padding: 2px;
		border: 1px solid #666;
	}
	
	#editreview input:hover, #editreview select:hover, #editreview textarea:hover {
		border: 1px solid #FFCC66;
	}

	#editreview select {
		width: 100px;
		padding: 2px;
		border: 1px solid #666;
	}
	
	#editreview textarea {
		width: 220px;
		height: 120px;
		padding: 2px;
	}
	
	input#sendcomment {
		/*width: 77px;
		height: 29px;
		border: none !important;
		background: url(../hotel-bg/submit-button.jpg) no-repeat center center;*/
		background: #FFCC66;
		width: 160px;
		height: 30px;
		border: none;
		position: relative;
		left: 160px;
	}
	
	input#sendcomment:hover {
		/*background: url(../hotel-bg/submit-hover.jpg) no-repeat center center;*/
		background: #FF9900;
	}
    
    
    /** Specific Style for RoomRates.php **/
    body#roomrates-page #roomrates {
        background: #fff;
        width: 95%;
        padding: 0;
        margin: 0 auto;
        /*position: relative;
        left: -15px;*/
        border: none;
    }