/****************** THE BODY AND TABLE LAYOUT *********************************/
body {
	margin: 0px;
	padding: 0px;
	background-color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}
#container {
	position: relative;
	width: 1004px;
	min-height: 100%;
	margin: 0 auto;
	background-color: white;
}

.tableall {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 0px none;
	border-collapse: collapse;
}

/************************* for screen only *********************************/
#divHeader {
	margin: 0px;
	padding: 0px;
	background-color: #56515b;
	height: 100px;
	background-repeat: repeat-x;
	background-image: url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/Header.jpg);
	width: 100%;
	vertical-align: top;
	text-align: left;
}

/******************* divLogo voor verschillende logo's in verschillende resoluties *********************/
#divLogo {
	background-image: url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/logo-nest.gif);
	width: 415px;
	background-repeat: no-repeat;
	height: 100px;
	float: left;
} 
/*************************** Main Navigation ******************************************/
#ulMainNav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#ulMainNav li {
	float: left;
	width: 70px;
}
#ulMainNav a:link, #ulMainNav a:visited, #ulMainNav a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-image:  url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/Block-s.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 50px;
	padding-top: 21px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	text-align: center;
	font-weight: bold;
	height: 75px;
}
#ulMainNav a:hover, #ulMainNav a.current:link, #ulMainNav a.current:visited {
	background-image:  url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/BlockContentBullets.png);
	font-size: 12px;
	font-weight: bolder;
	color: white;
	text-align: center;
}

/*************************************the Three Main Columns wrapped in divContainer **********************/
#divLeft {
	width: 200px;
	margin: 0px;
	padding: 0em 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
}
#divRight {
	width: 230px;
	margin: 0px;
	padding: 5px;
	background-color: white;
	vertical-align: top;
}
#divCenter {
	padding: 8px 10px 3px;
	text-align: justify;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	vertical-align: top;
	font-size: 12px;
}
div.clearer {
	clear: both;
	line-height: 0px;
	text-align: left;
}

/*************************** the footer for simple links ***************************/
#divFooter {
	border-top: 6px solid #FFEFCF;
	padding: 0.5em;
	margin: 0px;
	text-align: center;
	width: 100%;
}
#divFooter a:link, #divFooter a:visited,  #divFooter a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-decoration: none;
}
#divFooter a:hover {
	color: silver;
	text-decoration: underline;
}

/******************************** Sub Navigation*******************************/
#divSubHeader {
	padding: 3px 5px 5px 8px;
}
#divSubNav a:link, #divSubNav a:visited, #divSubNav a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background-image:    url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/BlockContentBullets.png);
	background-repeat: no-repeat;
	background-position: left -6px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-left: 10px;
	text-indent: 20px;
	
}
#divSubNav a:hover, #divSubNav a.current:link, #divSubNav a.current:visited {
	background-image:    url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/Block-s.png);
	background-position: left -6px;
	color: #000000;
}
/************************** Center Navigation *****************************/
.divCenterNav {
	padding-right: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 24px;
	padding-bottom: 6px;
	margin-bottom: 6px;
}
.divCenterNav td {
	padding-right: 25px;
}
.divCenterNav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.divCenterNav li {
	padding-right: 6px;
	padding-left: 26px;
	background-image: url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/PostBullets.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
}

.divCenterNav a:link, .divCenterNav a:visited, .divCenterNav a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-image:    url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/PostBullets.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-left: 1px;
	text-indent: 2px;
	height: 100px;
	border: thin none #000000;
	font-weight: bold;
}
.divCenterNav a:hover, .divCenterNav a.current:link, .divCenterNav a.current:visited {
	background-image:    url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/Block-s.png);
	background-position: left 4px;
	color: #666666;
}
/******************************** country Navigation *******************************/
#divFlags {
	text-align: right;
	padding: 0px 2px 2px;
	float: right;
	clear: both;
	position: absolute;
	top: 108px;
	right: 10px;
	width: 200px;
	z-index: 4;
	
}

/**********************  template voor de blokjes met rondingen + links ********************/
.roundingsRight {
	width: 100%;
	border-collapse:collapse;
	margin: 0px;
	padding: 0px;
}
.roundingsRight  a:link, .roundingsRight  a:visited, .roundingsRight  a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-image:    url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/Block-s.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
}
.roundingsRight  a:hover, .roundingsRight  a.current:link, .roundingsRight  a.current:visited {
	background-image:    url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/Block-s.png);
	background-position: left 4px;
	color: #999999;
}
/* top for bookings and other tables in divRight*/
.tdTop{
	background-image: url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/topn.gif);
	background-repeat: no-repeat;
	height: 38px;
	border-collapse: collapse;
	background-position: left bottom;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	text-transform: uppercase;
	vertical-align: middle;
	padding: 0px;
	color: #666666;
}
/* middle for bookings and other tables in divRight*/
.tdMiddle{
	background-image: url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/middle.gif);
	background-repeat: repeat-y;
	margin: 0px;
	border-collapse: collapse;
	text-align: left;
	padding-left: 12px;
	background-position: left top;
	padding-right: 8px;
	padding-top: 8px;
	font-size: 10px;
}


/* normal bottom for other tables in divRight*/
.tdBottom {
	background-image: url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/botNormal.gif);
	background-repeat: no-repeat;
	height: 14px;
	color: #FFFFFF;
	background-position: left top;

}
/* top for bookings and other tables in divRight*/
.bTop{
	background-image: url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/topn.gif);
	background-repeat: no-repeat;
	height: 38px;
	border-collapse: collapse;
	background-position: left bottom;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	text-transform: uppercase;
	vertical-align: middle;
	padding: 0px;
	color: #666666;
}


INPUT {
	background-color:#FFEFCF;
	font-family:Verdana,Tahoma,Arial;
	font-size:8pt;
	color:#000000;
}
SELECT {
	background-color:#FFEFCF;
	font-family:Verdana,Tahoma,Arial;
	font-size:8pt;
	color:#000000;
}

#menu {
	font-family:Verdana,Tahoma,Arial;
	font-size:8pt;
	font-weight: bold;
	color:#FFFFFF;
}
#menu a { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-left: 1px;
	text-indent: 2px;
	border: thin none #000000;
	font-weight: bold;
	background: #56515b url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/PostBullets.png) no-repeat left 4px;
}
#menu a:hover {
	background-image:    url(http://www.hostelsbarcelona.net/wp-content/themes/BARCELONAHOSTELS/images/Block-s.png);
	background-position: left 4px;
	color: #666666;
}

#small { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; }
#small input { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; background-color:#FFFFFF; }
#small select { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; background-color:#FFFFFF; }
#small a { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; text-decoration:none; }
#small a:hover {
	font-family:Verdana,Tahoma,Arial;
	font-size:8pt;
	color:#666666;
	text-decoration:underline;
}

#title {
	font-family: Verdana, Tahoma, Arial;
	font-size:10pt;
	color:#000000;
	font-weight: bold;
}
#title a {
	font-family: Verdana, Tahoma, Arial;
	font-size:9pt;
	color:#000000;
	font-weight: bold;
	text-decoration:none;
}
#title a:hover {
	font-family: Verdana, Tahoma, Arial;
	font-size:9pt;
	color:#56515b;
	font-weight: bold;
	text-decoration:none;
}

#nav {
	background-color: #56515b;
}
#nav td {
	font-family:Verdana,Tahoma,Arial;
	font-size:8pt;
	font-weight:bold;
	color:#FFFFFF;
}
#nav input {
	font-family:Verdana,Tahoma,Arial;
	font-size:8pt;
	font-weight:bold;
	color:#222222;
	background-color: #56515b;
}
#nav select {
	font-family:Verdana,Tahoma,Arial;
	font-size:8pt;
	font-weight:normal;
	color:#222222;
	background-color: #56515b;
}

#calnav {
	background-color: #56515b;
}

#date {
	font-family: Verdana, Tahoma, Arial;
	font-size:10px;
	color:#000000;
	font-weight: bold;
	text-decoration:none;
}
#date a { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#000000; font-weight: bold; text-decoration:none; }
#date a:hover {
	font-family: Verdana, Tahoma, Arial;
	font-size:11pt;
	color:#333333;
	font-weight: bold;
	text-decoration:underline;
}
#date .month { font-size:8pt; }


#dateCells {
}
#dateCells td.active {
	background-color: #56515b;
	border:1px solid #FFEFCF;
	font-size: 9px;
}
#dateCells td.empty { background-color:#FFFFFF; border:1px solid #DDDDDD; }
#dateCells td.today {
	background-color:#FFEFCE;
	border:1px solid #FF3300;
	font-family: "Courier New", Courier, monospace;
	font-size: 9px;
}
#dateCells td.weekend {
	background-color: #56515b;
	border:1px solid #FFEFCF;
}
#dateCells td.calendar_header {
	background-color:#FFEFCF;
	font-family: Verdana,Tahoma,Arial;
	font-size:10pt;
	color:#000000;
	font-weight: bolder;
	border:1px solid #FFEFCF;
}
#dateCells .weeknum { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; }
#dateCells .daynum { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; }
#dateCells a {
	text-decoration:none;
	font-size: 10px;
}
#dateCells a:hover { text-decoration:underline; }
#dateCells .dayhead { font-family: Verdana, Tahoma, Arial; font-size:7pt; font-weight:bold; color:#000000; background-color:#FFB31A; height:100%; }
#dateCells .daycell {
	font-family: Verdana, Tahoma, Arial;
	font-size:7pt;
	color:#000000;
	background-color:#FFEFCF;
}
#dateCells .daytime {
	font-family: Verdana, Tahoma, Arial;
	font-size:7pt;
	color:#000000;
	background-color: #659dff}

#miniDateCells table {
	border:1px solid #FFEFCF;
}
#miniDateCells td.active {
	background-color:#FFFFFF;
	border:1px solid #659dff;
}
#miniDateCells td.empty { background-color:#CCCCCC; border:1px solid #DDDDDD; }
#miniDateCells td.full { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; background-color:#659dff; border:1px solid #FFB31A; }
#miniDateCells td.header { background-color:#FFB31A; font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; font-weight: bold; }
#miniDateCells td.monthHeader {
	background-color:#FDB813;
}
#miniDateCells .month { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#miniDateCells .month:hover { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#miniDateCells a { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; text-decoration:none; }
#miniDateCells a:hover {
	font-family: Verdana, Tahoma, Arial;
	font-size:8pt;
	color:#666666;
	text-decoration:underline;
}
#miniDateCells .day { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; text-decoration:none; }
#miniDateCells .day:hover { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; text-decoration:underline; }

#midDateCells td.active { background-color:#FFFFFF; border:1px solid #003399; }
#midDateCells td.empty { background-color:#CCCCCC; border:1px solid #DDDDDD; }
#midDateCells td.full { background-color:#659dff; border:1px solid #FFB31A; }
#midDateCells td.header { background-color:#FFB31A; font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; font-weight: bold; }
#midDateCells td.monthHeader {
	background-color:#FFEFCF;
}
#midDateCells .month { font-family: Verdana, Tahoma, Arial; font-size:12pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#midDateCells .month:hover { font-family: Verdana, Tahoma, Arial; font-size:12pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#midDateCells a { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; font-weight:bold; text-decoration:none; }
#midDateCells a:hover { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#FFB31A; font-weight:bold; text-decoration:underline; }
#midDateCells .day { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; font-weight:bold; text-decoration:none; }

#eventDetails{ position:absolute; top:0px; left:0px; width:300px; border:1px solid #000000; padding:2px; background-color:#FFFFFF; visibility:hidden; z-index:1000; font-family:Verdana,Tahoma; font-size:9pt; color:#000000; }

#generalBox table { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#FFFFFF; border:1px solid #000000; }
#generalBox td { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#FFFFFF; }
#generalBox .alttd { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#CFCFCF; }
#generalBox .headtd {
	font-family:Verdana,Tahoma,Arial;
	font-size:10pt;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF0000;
}
#generalBox INPUT { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#DDDDDD; }
#generalBox SELECT { background-color:#DDDDDD; font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; }
#generalBox a { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; text-decoration:none; }
#generalBox a:hover { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#FFB31A; text-decoration:underline; }
#generalBox .error { color:#F00000; font-weight:bold; }
#generalBox .menuLink { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#FFFFFF; text-decoration:none; }
#generalBox .menuLink:hover { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#FFB31A; text-decoration:underline; }
#generalBox .small { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; }

#events .calendar {
	background-color:#FEC54D;
	font-family:Verdana,Tahoma,Arial;
	font-size:12pt;
	color:#FFFFFF;
	font-weight:bold;
}
#events .title {
	background-color: #b3cdff;
	font-family:Verdana,Tahoma,Arial;
	font-size:12pt;
	color:#FFFFFF;
	font-weight:bold;
}
#events .heading {
	text-align:right;
	background-color:#659dff;
	font-family:Verdana,Tahoma,Arial;
	font-size:10pt;
	color:#000000;
	font-weight:bold;
}
#events .data {
	background-color:#FFEFCF;
	font-family:Verdana,Tahoma,Arial;
	font-size:10pt;
	color:#000000;
}
#events a { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; text-decoration:underline; }
#events a:hover { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#FFB31A; text-decoration:underline; }

#editorBox table { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color: #56515b; border:none; }
#editorBox .button { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#CCCCCC; border-right:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; cursor:pointer; }
#editorBox TEXTAREA { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#DDDDDD; }

#copyright { font-family:Verdana,Tahoma,Arial; font-size:7pt; color:#BBBBBB; }
#copyright a { font-family:Verdana,Tahoma,Arial; font-size:7pt; color:#BBBBBB; text-decoration:none; }
#copyright a:hover { font-family:Verdana,Tahoma,Arial; font-size:7pt; color:#FFB31A; text-decoration:underline; }

#holiday {
	font-family: Verdana, Tahoma, Arial;
	font-size:11pt;
	color:#FDB813;
	font-weight: bold;
	text-decoration:none;
}
#event_full {
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #6633CC;
	border-right-color: #6633CC;
	border-bottom-color: #6633CC;
	border-left-color: #6633CC;
}
#divLeft .winston {
	text-align: left;
}