* 
{
	outline: none;
}
body {
	font-family: Arial,Helvetica,sans-serif;
}
input, select 
{
	font-family: Arial,Helvetica,sans-serif;
}
#main {
	width: auto;
	height: auto;
}
#bg {
	width: auto;
	height: auto;
}
#content {
	float: left;
	display: block;
	width: auto;
}
#column2 {
	float: left;
	margin: 5px 5px 5px 5px;
	width: 700px;
}
#column2 h1 {
	color: #FFFFFF;
	font-size: 20px;
	line-height: 38px;
	margin: 0;
}
#column2 h1.second {
	font-size:25px;
}
#column2 h1 span {
	font-size: 15px;
	line-height: 38px;
}
#column2 .blue-box {
	float: left;
	background: url(http://www.seatme.nl/images/blue-box-bg.gif) no-repeat;background:#306091;
	width: 350px;
	height: 134px;height:auto;
	padding: 17px;
	margin: 0;
}
#column2 .blue-box .col {
	float: left;
	width: 167px;
	clear:both;
	margin:0 0 25px 0;
}

#column2 .blue-box .title {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 16px;
	margin: 0;
	text-transform: lowercase;
}

#column2 .blue-box .title span {position:relative;top:-4px;}


img {
	border: medium none;
}
#column2 .blue-box .link {
	background: transparent url(http://www.seatme.nl/images/arrow2.gif) no-repeat scroll 0 11px;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	line-height: 17px;
	margin: 10px 0 0;
	padding: 0 0 0 30px;
	text-decoration: none;
}
#column2 .blue-box .roll {
	float: left;
	padding: 5px 0 0 30px;
	position: relative;
	width: 137px;
	z-index: 1000;
	/* nico  border:1px solid red; */
}
#column2 .blue-box .roll .detailCalendar {
	display: none;
	top: 30px;
}
.roll .divCal {
	background-color: #FFFFFF;
	float: left;
	left: 30px;
	position: absolute;
}
#column2 .blue-box .form {
	background: transparent url(http://www.seatme.nl/images/arrow2.gif) no-repeat scroll 0 4px;
	float: left;
	margin: 15px 0 0;
	padding: 0 0 0 27px;
}
#column2 .blue-box .form select {
	color: #336699;
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 121px;
}
.form select, .form input, .form textarea {
	vertical-align: middle;width:170px;
}
#column2 .blue-box .form select.personCount option {
	color: #336699;
}
#column2 .blue-box .col2 {
	display: inline;
	float: left;
	margin: 0 0 0 18px;
	width: 336px;
	clear:both;
	margin:0
}

#timesWrapper {
	height: 65px;
	width: 330px;
}
#timesForSelection {
	float: left;
	overflow: hidden;
	position: relative;
	width: 325px;
}
#column2 .blue-box .time {
	margin: 0 0 16px;
	position: relative;
	width: 660px;
	color: #FFFFFF;
	float: left;
	font-size: 13px;
	font-weight: bold;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
}
#column2 .blue-box .time li.green2 {
	background: transparent url(http://www.seatme.nl/images/box-green-bg1.gif) no-repeat scroll 0;
	cursor: pointer;
}
#column2 .blue-box .time li {
	background: transparent url(http://www.seatme.nl/images/box-grey-bg.gif) no-repeat scroll 0;
	float: left;
	height: 35px;
	line-height: 35px;
	margin: 0 5px 0 0;
	padding: 16px 0 0;
	position: relative;
	text-align: center;
	width: 61px;
}
#column2 .blue-box .time li .top {
	color: #FFFFFF;
	font-size: 9px;
	left: 0;
	line-height: 9px;
	position: absolute;
	text-align: center;
	top: 3px;
	width: 61px;
}
#NoTimesForSelection {
	color: #97C0E6;
	display: none;
	font-size: 20px;
	height: 65px;
	line-height: 65px;
	text-align: center;
}
#column2 .blue-box .prev, #column2 .blue-box .next {
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#column2 .blue-box .next {
	float: right;
	margin: 0 14px 0 0;
}


#login2 .bottom-box .box {
	width: 384px;
	float: left;
	margin: 0;
	padding-bottom: 10px;
}
#login2 .bottom-box .box .create-account {
	padding-left: 10px;
	width: 350px;
}
#login2 .bottom-box .box .b-box {
	background: transparent none repeat scroll 0;
	padding-top: 15px;
	margin-top: 0;
	overflow: hidden;
	width: 374px;
}
#login2 .bottom-box .box .b-box .b-box-inner {
	background: transparent none repeat scroll 0;
	padding-bottom: 20px;
	width: 350px;
}
#login2 .bottom-box .box .log-in .b-box-inner h1 , #login2 .bottom-box .box .b-box .b-box-inner h1 {
	color: #FFFFFF;
	line-height: 25px;
}
#login2 .bottom-box .box .create-account .b-box-inner h2 {
	color: #aaa;
	font-size: 11px;
	margin-bottom: 10px;
}
#login2 .form-row.newAccount {
	color: #FFFFFF;
	width: 350px;
}
.form-row {
	float: left;
	height: 40px;
	left: -10px;
	margin: 2px 0;
	padding-left: 10px;
	position: relative;
}
.form-row span {
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 8px 0 5px;
	width: 120px;
}

.form-row span.information {width:350px;}
.form-row span.information textarea {width:260px;height:90px;}
.form-row span.newsletter-box {width:350px;}


#login2 .bottom-box .box .b-box .b-box-inner input {
	float:right;
	width:190px;
	position:relative;
	top:4px;
	margin-right:5px;
}
.form-row span.validator {
	float: right;
	font-size: 11px;
	margin: 7px 5px 0 0;
	width: auto;
	font-style:italic;
}
.form-row span em {
	font-size: 11px;
}
#login2 .form-row.newAccount.observation {
	height: auto;
}
#login2 .bottom-box .box .b-box .b-box-inner .form-row span.newsletter-box input {
	width: 20px;
	float: left;
	margin-left: 0;
	top:-2px;
}
#login2 .form-row.newAccount.first-booking,
#login2 .form-row.newAccount.restaurant-newsletter {
	padding: 0;
	height: auto;
	margin: 0 0 0 10px;
	display:inline;
	padding:0;
	width:100%;
}

#login2 .form-row.newAccount.first-booking table,
#login2 .form-row.newAccount.restaurant-newsletter table {
	margin-top:5px;
}

.form-row .first-question {
	width:226px;margin-right:10px;
}
#login2 .form-row.newAccount.first-booking span.answer,
#login2 .form-row.newAccount.restaurant-newsletter span.answer{
	margin: 0;
	padding: 0;
	width: auto;
}
#login2 .form-row.newAccount.first-booking span.answer input,
#login2 .form-row.newAccount.restaurant-newsletter span.answer input{
	width: auto!important;
	float:left!important;
	top:0px!important;
	height:13px!important;
	width:13px!important;
	margin:0 3px 0 0!important;
}

#login2 .form-row.newAccount.first-booking span.answer label,
#login2 .form-row.newAccount.restaurant-newsletter span.answer label{
	font-size:13px;
	font-weight:bold;
	color:#aaa;
	margin-right:10px;
}

.res-question2 {
	display:inline;
	float:left;
	height:auto;
	padding:0;
	width:100%;
}
.res-question2 .question-line2 {
	float:left;
	margin-right:10px;
	padding:0;
	width:226px;
}
.form-actionset {
	float: left;
	margin-top: 10px;
	width:350px!important;height:60px;padding:0;
}
.login2 div.agreement {
	color: #AAA;
	float: left;
	font-size: 11px;
	height: auto;
	margin: 5px 0 10px 0;
}
#login2 .bottom-box .box .b-box .b-box-inner div.agreement a {
	color: #306191;
	float: none;
	margin: 0;
	margin-top: 5px;
}
#login2 .bottom-box .box .create-account .b-box-inner input.create-btn {
	background: url(http://www.seatme.nl/images/account-btn.gif) no-repeat 0 0;
	color: #FFFFFF;
	font-size: 12px;
	display:block;
	height: 25px;
	line-height: 25px;
	margin-right: 0!important;
	width: 158px!important;
	border: 0 none;
	cursor:pointer;
	float: right;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	position:relative;
	left:-14px;
}
.restaurant-newsletter {
	height: auto;
}
.form-row.invalid {
	background-color: #B21C3D;
	color: #FFFFFF;
	height:50px;
}
#login2 .form-row.newAccount.invalid span {
	color: #FFFFFF;
}
#column2 .blue-box .title2 {
	/*background: transparent url(http://www.seatme.nl/images/step-bg.gif) no-repeat scroll 0;*/
	color: #FFFFFF;
	float: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
}
#column2 .blue-box .title2 .stap {
	color: #fff;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 19px;
	margin: 0 10px 0 0;
	text-align: center;padding-bottom:5px;
}

#column2 .blue-box .title2 strong {clear:both;display:block;}

#column2 .blue-box .title2 .stap em {
	color: #97c0e6;
	font-style: normal;
}
#column2 .blue-box .list-info {
	color: #FFFFFF;
	float: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 17px 0 0;
	width: 100%;
}
#column2 .blue-box .list-info li {
	padding: 0 30px 0 25px;
	background: transparent url(http://www.seatme.nl/images/arrow2.gif) no-repeat scroll 0 4px;
	float: left;
	clear:both;
	margin-bottom:15px;
}

#column2 .blue-box .list-info li:last-child {margin-bottom:0;}

#column2 .blue-box .list-info li strong {
	text-transform: lowercase;
	color: #97C0E6;
}
#column2 .box1 {
	float: left;
	margin: 0 0 0 0;
	width: auto;
	padding-bottom: 10px;
}
#column2 .box1 .side {
	float: left;
	width: 350px;
}
#column2 .box1 .side h2 {
	color: #333333;
	font-size: 20px;
	margin: 0 0 0 10px;
}
#column2 .box1 .side h3 {
	color: #336699;
	font-size: 15px;
	line-height: 16px;
	margin: 12px 0 0 10px;
}
#column2 .box1 .side ul {
	color: #333333;
	font-size: 13px;
	line-height: 16px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0 0 0 21px;
}
#column2 .box1 .side ul li {
	background: transparent url(http://www.seatme.nl/images/box1-item.gif) no-repeat scroll 0 6px;
	margin: 5px 0 0;
	padding: 0 0 0 15px;
}
#column2 .affiliate-footer
{
	float: left;
	width: 384px;
	background: transparent url(../images/footer-bg.gif) repeat-x scroll 0 100%;
	height: 34px;
}
#column2 .affiliate-footer .poweredby
{
	font-size: 9px;
	color: #fff;
	width: 90px;
	float: left;
	margin: 5px 0px 0px 8px;
	font-weight: bold;
}
#column2 .affiliate-footer .logo
{
	background: transparent url(../images/small-logo.png) no-repeat 50% 50%;
	width: 150px;
	height: 34px;
	float: right;
}
#column2 .login2 .affiliate-footer
{
	width: 384px;
}

/*Calender CSS*/
fieldset.jcalendar {
	border: none;
	margin-top:5px;
	width:100%;
	padding:0;
	margin:0;
	float: left;
	width: 187px;
}
fieldset.jcalendar div.jcalendar-selects{
	margin-top:10px;
}
fieldset.jcalendar div.jcalendar-selects table
{
	margin:0 auto;
	background: none;
}
fieldset.jcalendar div.jcalendar-selects table tr td 
{
	display:block; 
	float:left; 
	font-weight:bold; 
	font-size:12px;
	padding-right:20px;
}
div.jcalendar-wrapper 
{
	float:left;
	width:100%;
}
div.jcalendar 
{
	border: 2px solid #336699;
}
div.jcalendar table 
{
	width: 183px;
	background: #fff;
	clear: both;
	border-top: solid 1px #fff;
	background-color: transparent;
}
div.jcalendar table th {
	background: #eaf2fa;
	border: none;
	font-size: 11px;
	color: #97c0e6;
	text-transform: lowercase;
	height: 25px;
}
div.jcalendar table td 
{
	padding: 0;
	width: 25px; 
	height: 25px;
	text-align: center;
	line-height: 25px; 
	border-left: solid 1px #e0e0e0;
	border-bottom: solid 1px #e0e0e0;
	font-size: 11px;
	background-color: #fff;
}
div.jcalendar table td a, div.jcalendar table td span 
{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #336699 !important;
}
div.jcalendar table td a.editval
{
	background: transparent url(http://www.seatme.nl/images/calender/edit-selected.gif) no-repeat;
}
div.jcalendar table td a.selected, div.jcalendar table td span.selected
{
	color: #fff !important;
	font-weight: bold;
	background: transparent url(http://www.seatme.nl/images/calender/selected_bg.jpg) repeat-x;
	width: 25px;
	height: 25px;
	line-height: 25px;	
}
div.jcalendar table td.empty
{
	color: #cccccc !important;
	font-weight: bold;
}
/*no ds*/
div.jcalendar table td.no_day_schedule
{
	color: #cccccc !important;
}
/*end no ds*/
div.jcalendar-links 
{
	width: 183px;
	height: 25px;
	font-size: 14px;
	color: #fff;
	text-align: center; 
	background: transparent url(http://www.seatme.nl/images/calender/top_bg.gif) repeat-x;
	line-height: 25px;
}
div.jcalendar-links a.link-prev
{
	float: left;
	width: 18px;
}
div.jcalendar-links a.link-next
{
	float: right;
	width: 18px;
}
div.jcalendar-links img
{
	border: none;
}
div.jcalendar-links div
{
	float:left;
	width: 144px;
	text-align: center;
	font-weight:bold;
}