#special-rate{
	text-align:left;
	margin: 0 8px;
}

#special-rate h5{
	padding-left:2px;
	text-align:left;
	font-size:1em;
}

/*
IMPORTANT:
Essential styles to ensure accessibility
*/
@media projection, screen { /* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print { /* maintain accessibility by overriding inline style used by animations... */
    .fragment {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }
    .anchors {
        display: none;
    }
}

/*
TAB STYLES:
Some more styles, not important for making tabs work, just for the look of it...
*/
.anchors {
    list-style: none;
    margin: 0;
    padding:5px 0 1px;
}
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.anchors li {
    float: left;
    margin: 0 1px 0 0;
}
.anchors a {
    display: block;
    position: relative;
    top:2px;
    border: 1px solid #CCC;
    z-index: 2;
    padding:0 10px;
    color: #000;
    line-height:2em;
}
.anchors .tabs-selected a {
    border-bottom-color:#f7f7f7;
    font-weight: bold;
}

.anchors a:focus, .anchors a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}

.anchors .tabs-selected a,.anchors a:focus,.anchors a:active,
.fragment {
    background: #f7f7f7;
}

.anchors a:hover{
	background:#EFEFD8;
}

.anchors .tabs-selected a:link, .anchors .tabs-selected a:visited,
.anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.anchors a:hover, .anchors a:focus, .anchors a:active {
    cursor: pointer;
}
.anchors .tabs-disabled {
    opacity: .4;
}
.anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active {
    background: transparent;
}
.fragment {
    padding:10px;
    border:1px solid #CCC;
    height:20px;
    overflow-y:hidden;
}

.fragment .button{  	
	margin:0;
	float:right;
	position: relative;
	top:0;
	*top:-20px;
	height:20px;
	width:60px;
}

#room-price-list-header{
	padding:10px 10px 10px 3px;
	border:1px solid #CCC;
	margin: 10px 8px 0 8px;
}

#room-price-list-header .button-room-search {
	float: right;
}

.room-cal-top-tip{
	padding-left:10px;
	text-align:left;
	font-weight:bold;
	color:#000;
}

#roomPriceCondition h6{
	display:none;
}

#roomPriceCondition{
	padding:5px 10px;
	margin:5px 0 0 5px;
	border:1px solid #CCC;
	background:#f7f7f7;
	height:110px;
}
#roomPriceCondition label{
	display:block;	
}

#roomPriceCondition .room-search-form div{
	float: left;
	padding: 5px 12px 0 0;
}
#roomPriceCondition .room-search-checkin input,#roomPriceCondition .room-search-checkout input {
	width: 140px;
}
#roomPriceCondition .room-search-room select, #roomPriceCondition .room-search-adult select, #roomPriceCondition .room-search-kid select, #roomPriceCondition .room-search-currency select {
	width: 66px;
}
#roomPriceCondition .room-search-type select, #roomPriceCondition .room-search-code select {
	width: 145px;
}
#roomPriceCondition .button{
	float: right;
	margin: 3px 24px 0 0;
}

#room-price-list-content{
	margin: 8px;    
}

#room-price-list-content table{
	width:100%;
	border:1px solid #CCC;
	margin:10px auto 0;		
}

#container .room-calendar td{
    border:1px solid #CCC;
    text-align: center;    
}

#container .room-cal-title td{
	padding:4px 0 4px 10px;
	background:#f7f7f7;
	text-align:left;
	font-weight:bold;
}

#container .room-cal-announce td{
 	padding:5px;
 	line-height:1.5em;
}