/** General styles
---------------------------------------------------------------------------------- */

html, body {
	padding:0;
	margin:0;
	font-family:Verdana,Arial;
	font-size:10pt;
	height:100%;
}
body {
	background: url(../images/bg_grad.png) 0 0 repeat-x #008aff;
}
a img {
	border:0;
}
a {
	cursor:pointer;
	color:#9d180a;
}
p {
	font-family:Arial;
}
form {
	display:inline;
}
div {
	* zoom:1;
}
#container {
	width:1009px;
	margin:auto;
	min-height:100%; 
	position:relative;
}
.clear {
	clear:both;
	height:0px;
	line-height:0px;
}

.icon {
	margin-bottom:-2px;
}
textarea {
	font-family:inherit;
}
.notice {
	padding:6px 10px;
	background-color:#fff5a8;
	font-size:1.1em;
	text-align:center;
	margin-bottom:10px;
}
/** Header **/
#header {
	position:relative;
	z-index:1;
	margin:0 4px;
}
#header a {
	color:#f7db54;
}
#logo {
	margin:10px 0 0 165px;
	display:block;
	height:100px;
	width:425px;
}
#navigation {
	background:url(../images/site/header/navigation.png) 100% 0 no-repeat #ddeaf2;
	height:36px;
	font-family:Verdana, Arial;
}
#navigation a.nav {
	background:url(../images/site/header/navigation.png) -10px 0 no-repeat;
	font-size:13pt;
	text-decoration:none;
	color:#275b7d;
	width:180px;
	display:block;
	float:left;
	line-height:27pt;
	height:27pt;
	border-right:1px solid #8aa1c2;
	border-left:1px solid #fdfefe;
	position:relative;
	text-align:center;
	outline:none;
}
#navigation a.nav:hover {

	color:#3179a8;
}
#navigation a.nav.selected,#navigation a.nav.selected:hover {
	background-position: -10px -36px;
	color:#010101;
	border-right:1px solid #7697d7;
}
#navigation a.left {
	background-position:0 0;
	border-left:0;
	width:150px;
}
#navigation a.left.selected,#navigation a.left.selected:hover {
	background-position:0 -36px;
}
#navigation span.mochi {
	position:absolute;
	bottom:27pt;
	left:22px;
	background:url(../images/site/header/mochi_legs.png) 5px 64px no-repeat;
	padding-bottom:17px;
	display:block;
}
#navigation a.selected span.mochi {
	background-position:5px 46px;
}
#header .login {
	position:relative;
	right:1px;
	top:-10px;
	*top:0;
	float:right;
	padding-left:6px;
	background:url(../images/site/index/statusbox.png) 0 100% no-repeat;
}
* html #header .login {
	width:300px;
}
#header .login div {
	color:#96CFFF;	
	padding:3px 9px 6px 3px;
	line-height:18px;
	background:url(../images/site/index/statusbox.png) 100% 100% no-repeat;
}
#header .login a {
	text-decoration:none;
}
#header .login a:hover {
	text-decoration:underline;
}

#header div.languages {
	float:right;
	margin:7px 8px 0 0;
	color:#6b7a85;
	position:relative;
}
#header div.languages a.more img{
	position:relative;
	z-index:2;
	margin:0 0 -6px;
}
#header div.languages a img {
	margin:2px 5px 0 2px;
	position:relative;
	top:1px;
}
#header div.languages a.selected img {
	border:2px solid black;
	margin:0 3px -2px 0;
}
#header div.languages div.more_languages {
	background-color:#D3E1EA;
	border:1px solid #7A99B2;
	line-height:19px;
	padding-top:27px;
	position:absolute;
	right:-4px;
	top:-3px;
	width:85px;
	display:none;
}
#header div.languages div.more_languages a {
	color:#2b485b;
	padding:0 2px 2px;
	text-decoration:none;
	display:block;
	width:81px;
}
#header div.languages div.more_languages a:hover {
	color:#000;
	background-color:#b5cfe2;
}

/** Body **/
#body {
	background-color:#fff;
	min-height:510px;
	margin:0 4px;
	position:relative;
	padding:1px 0 15px;
}



/* Main theme .navy */
div.navy div.corners_top,div.navy div.corners_bottom {
	height:7px;
	line-height:7px;
}
div.navy div.corners_top {
	background:url(../images/site/corners.png) 0 0px no-repeat;
	padding-left:5px;
}
div.navy div.corners_top div.corners_right{ 
	background:url(../images/site/corners.png) 100% 0px no-repeat;
	height:7px;
}
div.navy div.corners_bottom  {
	background:url(../images/site/corners.png) 0 -7px no-repeat #fff;
	padding-left:5px;
}
div.navy div.corners_bottom div.corners_right  {
	background:url(../images/site/corners.png) 100% -7px no-repeat #fff;
	height:7px;
}
div.navy h1.title,div.navy h2.title {
	background-color:#004986;
	color:#fff;
}
div.navy h1.title a {
	color:#fff07d;
}
h1.title,h2.title {
	padding:1px 10px 6px;
	font-family:Verdana,Arial;
	margin:0;
	font-size:1.5em;
}

h2.title {
	font-size:1.35em;
	line-height:1.45em;
	font-weight:normal;
	text-align:center;
}
div.navy h1.title span {
	color:#537d9f;
	font-weight:normal;
}
div.navy h1.title span.created {
	font-size:10pt;
	color:#7fb3dd;
}
div.navy div.body {
	background-color:#c1e3ff;
	padding:4px 3px 0;
}
div.navy a.backtotop {
	float:right;
	color:#b12703;
	font-size:11px;
}
.navy a { 
	text-decoration:none;
}
.navy a:hover { 
	text-decoration:underline;
}

/* Grey Theme */
div.grey div.corners_top,div.navy div.corners_bottom {
	height:7px;
	line-height:7px;
}
div.grey div.corners_top {
	background:url(../images/site/grey_corners.png) 0 0px no-repeat;
	padding-left:5px;
}
div.grey div.corners_top div.corners_right{ 
	background:url(../images/site/grey_corners.png) 100% 0px no-repeat;
	height:7px;
}
div.grey div.corners_bottom  {
	background:url(../images/site/grey_corners.png) 0 -7px no-repeat #fff;
	padding-left:5px;
}
div.grey div.corners_bottom div.corners_right  {
	background:url(../images/site/grey_corners.png) 100% -7px no-repeat #fff;
	height:7px;
}
div.grey h1.title,div.grey h2.title {
	background-color:#9e9e9e;
	color:#fff;
}
div.grey div.body {
	background-color:#eeeeee;
	padding:4px 3px 1px;
	color:#000;
}
div.grey div.body h2 {
	font-size:13pt;
	margin:3px 0;
}

/* Row boxes */
div.navy div.body div.corners_top,div.navy div.body div.corners_bottom,div.navy div.body div.corners_top div.corners_right,div.navy div.body div.corners_bottom div.corners_right {
	height:9px;
	line-height:9px;
}
div.navy div.body div.corners_top {
	background:url(../images/site/corners.png) 0 -14px no-repeat;
	padding-left:15px;
	margin-top:2px;
}
div.navy div.blue div.corners_top {
	background-position:0 -32px;
}
div.navy div.body div.corners_top div.corners_right {
	background:url(../images/site/corners.png) 100% -14px no-repeat;
}
div.navy div.blue div.corners_top div.corners_right {
	background-position:100% -32px;
}
div.navy div.body div.corners_bottom {
	background:url(../images/site/corners.png) 0 -23px no-repeat;
	padding-left:15px;
}
div.navy div.body div.corners_bottom div.corners_right {
	background:url(../images/site/corners.png) 100% -23px no-repeat;
}
div.navy div.body div.wrapper{ 
	background:url(../images/site/ds_bg.png) 0 0 repeat-y;
	padding-left:5px;
}

div.navy div.body div.body{
	padding:8px 15px 8px 15px;
	background:url(../images/site/ds_bg.png) 100% 0 repeat-y;
	background-color:#fff;
	color:#686868;
	position:relative;
	font-family:Arial;
}
div.navy div.blue div.body h1 {
	background-color: #e6f4ff;
	margin: 0 -10px 0px -15px;
	color:#3d3d3d;
	font-size:13pt;
	padding: 0px 8px 4px;
}

div.navy div.wrapper div.padded {
	padding:20px;
}
* html div.navy div.wrapper div.padded {
	padding:12px;
}
/** Main structure 
---------------------------------------------------------------------------------- */
.left_column, .right_column {
	float:left;
	width:186px;
	margin:20px;
}
* html .left_column {
	margin-left:10px;
}
.right_column {
	margin-right:0;
}	
.left_column {
	margin-top:22px;
}	
.middle_column {
	float:left;
	width:543px;
	margin:20px 0;

}

/** Sorting 
---------------------------------------------------------------------------------- */
.sorting {
	color:#4d5b66;
}
.sorting a {
	background:url(../images/site/hostels/sorting.png) 97% -3px no-repeat;
	text-decoration:none;
	padding-right:9px;
}
.sorting a.desc {
	background:url(../images/site/hostels/sorting.png) 97% 5px no-repeat;
}
.sorting a:hover {
	text-decoration:underline;
}
.sorting a.selected {
	color:#4d5b66;
}

/** Right col 
---------------------------------------------------------------------------------- */

/* Navigation */
div.right_column div.navigation {
	padding:0;
	color:#000;
}
div.navigation label {
	color:#475e70;
	float:left;
	display:block;
	width:70px;
	clear:left;
	padding:0 5px;
	text-align:justify;
}
div.navigation a.button {
	display:block;
	padding:5px 14px 6px 15px;
	border-bottom:1px solid #8ab0cf;
	border-top:1px solid #e6f4ff;
	color:#0026b2;
	text-decoration:none;
	position:relative;
	font-size:11pt;
}
div.navigation a.last {
	border-bottom:0;
}
div.navigation a.button:hover {
	background-color:#daeeff;
	color:#000;
}

div.navigation a.selected, div.navigation a.selected:hover {
	background-color:#70a7d4;
	color:#fff;
	border-bottom:1px solid #70a7d4;
	border-top:1px solid #5282aa;
}
div.navigation a img.arrow {
	display:none;
	left:-14px;
	top:0px;
	position:absolute;
	height:28px;
	width:14px;
}

* html div.navigation a img.arrow {
	left:-46px;
	top:1px;
}
div.navigation a.selected img.arrow {
	display:block;
}

/** Datepicker **/
.datepicker_container {
	display:none;
	position:absolute;
	z-index:1000;
}

/** Page numbers **/
div.pagination {
	text-align:center;
	padding:10px 0;
	height:20px;
}
div.pagination a,
div.pagination .pagingCurrent, 
div.pagination .pager,
div.pagination .pager-next,
div.pagination .pager-prev
{
	background-color:#f1f1f1;
	padding:2px 6px;
	margin:0 2px;
}

div.pagination .pager,
div.pagination .pager-next,
div.pagination .pager-prev
{
	cursor:pointer;
}

div.pagination .pagingCurrent {
	border:1px solid #909090;
}

/** Footer 
---------------------------------------------------------------------------------- */
#footer {
	background:url(../images/site/footer/bg.png) 0 0 no-repeat #008aff;
	height:45px;
	padding-top:60px;
	margin-top:-105px;
	color:#6fbdff;
	position:relative;
	* margin-top:-123px;
}
#footer a {
	color:#6fbdff;
	text-decoration:none;
}
#footer a:hover {
	color:#d7edff;
}

#footer .button {
	background:url(../images/site/footer/button.png) 0 0 no-repeat;
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding:7px 24px 13px;
	font-weight:bold;
	margin:0 24px 0 4px;
	height:36px;
}
#footer .button:hover {
	background-position:0 -36px;
}
#footer .footer_links {
	float:left;
	width:100px;
}