/* CSS Document to style the Myfidelio Quickbooker for Moeke Mooren */
body{padding:0;margin:0}
#qb-container h3, #qb-container p, #qb-container form{margin:0; padding:0}

#qb-container{
float: right;
width: 198px;
height: 160px;
margin: 0 auto;
padding:0;
color:#330000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
background-color:#faf7dc;
outline:none;
border-left: 1px solid #b52139;
border-right: 1px solid #b52139;
border-bottom: 1px solid #b52139;}

/*building the module-boxes*/
#topsection{padding: 1px;
background-color:#b52139;}
#arrivalsection{padding: 2px 2px 0}
#calendarsection{padding:0 2px; }
.datebox{
background-color:#FFFFFF;
margin:0 1px;
padding:1px 40px;}
#optionssection{padding:8px;}
.optionsparts{
float:left;
padding:8px 0; 
width:30%;}
#inputfieldsection{padding: 4px;}
#submitsection{
float: left;
margin: 0;
text-indent: -10px;
display: table;
line-height: 10px;
text-align:left;
padding:0;}

/*designing the labels*/
.headertext {
	color:#faf7dc;
	font-size:105%;
	font-weight:bold;
	margin-left:8px;
	width:90%;
}
.textlabel, .extra-info{padding:0 2px 0 0px;
font-size:11px;}
.extra-info{
float:right;
position:relative;
top:-5px;
left:-2px}
.dropdownbox{
width:45px;
height: 20px;
font-size:11px;
}
.promobox{
	margin:1px 0 1x;
	width:95%;
	text-transform:uppercase;
	color:#666666;
	font-size:90%;
}
.check-button{
float: left;
border:1px solid #990000;
background-color:#faf7dc;
color:#b52139;
padding: 0;
margin-left: 4px;
font-size:100%;
line-height: 100%;
font-weight:bold;
width:190px;
display: block;
outline:none;
}
.check-button:hover{
	background-color:#b52139;
	border:solid 1px #faf7dc;
		color:#faf7dc;
}
.check-button:active{
color:#b52139;
outline:none;
}