html,body{
    height: 100%;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
    background:#333 url(../img/main/bg_all.png) repeat-x;
}
h2{
	padding:2px;
	margin:0;
	color:#009999;
}
a{
	color:#0CC;
	text-decoration:none;
}
.flash{
	color:#C00;
	font-weight:bold;
}
.container
{
    margin: 0 auto;
    color: #333;
    width: 950px;
    padding: 8px;
    text-align: justify;
    border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	background:#fff url(../img/main/main_bg.jpg);
    background-repeat: repeat-x;


    /* Do rounding (native in Firefox and Safari, CC in IE) 
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    CCborderRadius: 20px;*/
}
#header{
	width:975px; padding:0px 0px 5px 0px; height:75px; margin:0 auto; text-align:center;
}
#header #right #PostSearchForm{
	width:300px;
	padding-left:5px;
}
#header #left{
	float:left;
	position:relative;
	width:660px;
	text-align:left;
	margin-top:-10px;
}
#header #right #PostSearchForm div.input{
	width:250px;
	position:relative;
	float:left;
	border:1px solid #999;
	border:none;
}
#header #right #PostQ{
	width:230px;
	padding:6px;
	margin-left:8px;
	border:none;
	border:1px solid #151918;
	background:#486a61;
}
#header #right #PostSearchForm div.submit{
	width:30px;
	position:relative;
	float:left;
	border:1px solid #999;
	border:none;
}
#header #right{
	height:50px;
	float:right;
	padding-top:20px;
	position:relative;
	width:300px;
	margin-top:0px;
	margin-right:2px;
	background:#099;
	z-index:100;
	background:url(../img/main/searchbar.png) no-repeat;
}
.container #navigation{
	height:42px;
	width:972px;
	margin:-13px 4px 0px -12px;
	padding:2px 4px 0px 8px;
	background:url(../img/main/nav.png) no-repeat;
}
.container #content{
	border:1px solid #CCC;
	float:left;
	position:relative;
	width:646px;
	margin-right:4px;
	padding:5px;
}
.container #content #page_counter{
	float:right;
	position:relative;
	color:#999;
}
.container #content form .title_label{
	padding:2px;
	color:#099;
}
.container #content form .input_style{
	padding:4px;
	width:300px;
	border:1px solid #CCC;
}
.container #content form .input_style2{
	padding:4px;
	width:310px;
	border:1px solid #CCC;
}
.container #content form .textarea_style{
	padding:4px;
	width:300px;
	border:1px solid #CCC;
}
#loading-indicator{
	position:fixed;
	z-index:5000;
	border:0;
	top:50%;
	opacity: .50;
	left: 50%;
}
.container #content form #ReservationArrivalHour{
	width:100px;
}
.container #content form #ReservationArrivalMin{
	width:100px;
}
.container #content form #ReservationArrivalMeridian{
	width:100px;
}
.container #content .paging{
	width:639px;
	border:1px solid #333;
	background:#333;
	padding:2px;
}
.container #content #image_thumb{
	float:left; position:relative; background:#fff; padding:2px; border:2px solid #d7d8d8; margin:2px;
}
.container #content img{
	float:left;
	position:relative;
	padding:2px;
	border:2px #CCC solid;
	margin:2px;
}
.container #content .paging #prevnext{
	width:220px;
	float:left;
	position:relative;
	font-size:10px;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
}

.container #content .altrow{
	background:#566a61;
	padding:2px;
}
.container #content li.altrow{
	list-style:none;
}
.container #content li.altrow1{
	list-style:none;
}


.container #sidebar{
	float:left;
	position:relative;
	width:280px;
	padding:3px;
}
#footer{
	width:975px;
	margin:5px auto;
	padding-left:4px;
	text-align:center;
	height:50px;
	padding-top:14px;
	background:url(../img/main/footer.png) no-repeat;
}
#footer #footer_left{
	width:300px; text-align:left; float:left; position:relative;
	color:#518577;
	padding-left:5px;
}
#footer #footer_right{
	width:660px; text-align:right; float:left; position:relative;
	color:#009999;
	padding-right:5px;
}
#footer #footer_right a{
	color:#518577;
	text-decoration:none;
	font-size:10px;
}
#sidebar .sidebar_head{
	background: url(../img/main/h3.png) repeat-x;
	padding:10px;
	margin:0px;
	color:#C00;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:3px solid #000;
}
.clear{
	height:1px;
	clear:both;
}

/*tooltip*/
.container #sidebar ul.sidenav {
	float: left;
	padding: 0;
	margin:5px 0 10px 0;
	list-style: none;
	font-size: 12px;
	border-bottom:3px solid #293131;
}
.container #sidebar ul.sidenav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
.container #sidebar ul.sidenav li a{
	padding: 5px;
	display: block;
	color: #c59e4d;
	text-decoration: none;
	background:#37423d;
	position: relative;
	z-index: 10;
	width:270px;
	border-top: 1px #1d2923 solid;
	border-bottom:1px solid #1d2923;
}
.container #sidebar ul.sidenav li a:hover {
	background:#18241e;
}
.container #sidebar ul.sidenav li div {
	display: none;
	position: absolute;
	top: 2px;
	left: 0;
	width: 225px;
	font-size: 12px;
	background: url(../img/main/top.png) no-repeat right top;
}
.container #sidebar ul.sidenav li div p {
	margin: 7px 0;
	padding: 0 25px 10px 10px;
	background: url(../img/main/bottom.png) no-repeat left bottom;
	font-family:Arial, Helvetica, sans-serif;
	color:#c59e4d;
	line-height:1.6em;
}
/*add*/
		.ui-layout-west ,
		.ui-layout-east ,
		.ui-layout-center {
			padding:		0;
			}
			h3 ,
			p.footer {
				font-size:		1.2em;
				background:		#F6F6F6;
				border-bottom:	1px solid #BBB;
				padding:		5px 15px;
				margin:			0;
			}
			p.footer {
				font-size:		1em;
				border-top:		1px solid #BBB;
				border-bottom:	0;
			}
			.ui-layout-east ,
			.ui-layout-content {
				padding:		0;
				overflow:		hidden !important; /* prevent scrollbars auto-added by Layout */
				}
				.scrolling-content {
					height:			100%;
					padding:		0 15px 10px; /* extra paddingTop being added by scrollpane? */
					padding-right:	0; /* for pseudo-scrollbar on right */
				}


		.jScrollPaneTrack {
			background: url(../img/scrollpane/osx_track.gif) repeat-y;
		}
		.jScrollPaneDrag {
			background: url(../img/scrollpane/osx_drag_middle.gif) repeat-y;
		}
		.jScrollPaneDragTop {
			background: url(../img/scrollpane/osx_drag_top.gif) no-repeat;
			height: 6px;
		}
		.jScrollPaneDragBottom {
			background: url(../img/scrollpane/osx_drag_bottom.gif) no-repeat;
			height: 7px;
		}
		a.jScrollArrowUp {
			height: 24px;
			background: url(../img/scrollpane/osx_arrow_up.png) no-repeat 0 -30px;
		}
		a.jScrollArrowUp:hover {
			background-position: 0 0;
		}
		a.jScrollArrowDown {
			height: 24px;
			background: url(../img/scrollpane/osx_arrow_down.png) no-repeat 0 -30px;
		}
		a.jScrollArrowDown:hover {
			background-position: 0 0;
		}