*{
	margin:0;
	padding:0;
	font-size:12px;
}

h1{
	color:#000000;
	font-size: 110%;
	font-weight:800;
}

h2{
	color:#000000;
	font-size: 100%;
	font-weight:800;
}

input,
textarea,
select{
	border: solid 1px #CCCCCC;
	width: 150px;
	font-size:90%;
}

textarea{
	width: 200px;
}


th{
	font-weight:bold;
	font-size: 70%;
	text-align:left;
}

#content{
	margin: 10px;
}

.checkImg {
	margin-left:2px;
}

#step1_pickupplace,
#Bikes,
#RemarkForm,
#PersonalInfo,
#Address,
#Remark,
#pickupplace,
#HolidayInfo,
#reservationLineItems,
#step1 #InfoBox,
#step2 #InfoForm,
#step2 #GroupForm,
#step2 #HolidayAdresForm,
#step2 #HolidayAdresFormCompany,
#step2 #RemarkForm,
#step2 #SubmitForm
#step2 #OtherForm,
#step2 #OtherFormCompany{
	/*border: dotted 1px #CCCCCC;*/
	padding: 5px 5px 5px 5px;
	margin-bottom:5px;
}



/*
###################################################################			Navigator
*/

#Navigator{
	width: 180px;
	font-size: 80%;
	float:right;
}

#Navigator ul li {
	list-style-position: inside;
	float: left;
	list-style-type: none;
}
#Navigator ul {
	display: inline-block;	
}
#Navigator strong{
	text-decoration:underline;
}

.error{
	background-color: #FF0000;
}
.add_population {
font-size:70%;
height:20px;

}
#add_population_image {
float:left;
margin-left:10px;
width:20px;
}

#add_population_text {
display:block;
float:left;
margin-left:5px;

}

#step1 #step1_addbuton {
		margin: 0px 0px 0px 5px;
	font-size:70%;
	height:16px;
}
#step1 #step1_addbuton a{
	margin-left:20px;
}
.remove_population {
	height:21px;
	font-size:70%;
}
#remove_population_image {

}
#remove_population_text {
display:none;
font-size:70%;
line-height:12px;
}

.step1_remove_population a {
line-height:12px;
margin-bottom:0px;
margin-left:21px;
text-align:right;
height:27px;
}
#step1 div.step1_remove_population div{
	background:url(/images/icons/16x16/delete.png);
	background-repeat:no-repeat;
	display:none;
}

#step1 .step1_remove p{
	display:none;
}
#step1 .step1_remove div,
#step1 #step1_addbuton div{
	width:16px;
	height:16px;
	display:block;
}


/*
#####################################################################		Step 1
*/
#header_select_pickupplace {

}

#header_select_bike {

}

#step1 #InfoBox{
	float:right;
	position:absolute;
	top: 0px;
	right: 0px;
	width: 400px;
	height: 120px;

}

#step1_infobox #InfoBox h2{
font-size:80%;
float:left;
width:200px;
}

#step1_infobox #InfoBox #pickUpText{
font-size:80%;
float:left;
clear:left;
width:175px;
}
#step1_infobox #InfoBox #pickUpImage, #step1_infobox #InfoBox #pickUpImageDelivery {
width:150px;
float:right;
}

#step1_infobox #InfoBox #pickUpImage img {
height:100px;
margin-top:-20px;
display:block;
}

#step1_infobox #InfoBox #pickUpDescription, #step1_infobox #InfoBox #pickUpDescriptionDelivery {
float:left;
font-size:80%;
margin-top:5px;
}

#step1_infobox #InfoBox #bikeText{
font-size:80%;
float:right;
clear:both;
}
#step1_infobox #InfoBox #bikeImage {
width:150px;
float:left;
padding-right:3px;
}

#BikeSelectBox {

}

#step1_submit{
margin-top:10px;
}

#step1_pickupplace{
	width:240px;
	padding:10px;
}
#PickupPlace {
width:200px;
}

#step1_pickupplace h2{
	margin: 0px 0px 5px 0px;
}

#step1_pickupplace a{
}

#step1_pickupplace a img{
	border: none;
	margin-left:3px;
	vertical-align:middle;
}

#step1 .dropdown img{
	border: none;
}

/*
############################### bikes block
*/
#step1 #Bikes th{

}

#step1 #Bikes tr td{
}

#step1 #Bikes tr td a img {
	border: none;
	margin-left:5px;
	vertical-align:middle;
}
#bike {
width:190px;
text-align:left;
}
#numberofbikes {
width:60px;
text-align:center;
}
#startdate {
width:110px;
}
#enddate {
width:115px;
}
#numberofdays {
width:100px;
text-align:center;
}
#itemprice {
width:80px;
text-align:right;
}
#price {
width:50px;
text-align:right;
}
#removerow {
width:50px;
}


.dropdownbikes_population {
width:152px;
}

td.numberofbikes_population {
text-align:center;

}
td.numberofbikes_population input {
width:30px;
text-align:center;
}
td.startdate_population {
font-size:80%;
}
td.startdate_population input {
width:80px;
}
td.startdate_population a {
}
td.enddate_population {
font-size:80%;
}

td.enddate_population input {
width:80px;
}
td.enddate_population a {
margin-left:0px;
}

td.numberofdays_population {
font-size:80%;
padding-left:40px;
text-align:center;
}
td.numberofdays_population input {
width:25px;
text-align:center;
}

td.itemprice_population {
width:80px;
font-size:80%;
text-align:right;
}
td.price_population {
width:80px;
font-size:80%;
text-align:right;
}

#step1 #Bikes .NumberOfBikes{
	width: 20px;
}

#step1 #Bikes .EndDate,
#step1 #Bikes .StartDate{
	width: 80px;
}

#step1 #Bikes .NumDays input{
	width: 20px;
}

#step1 #Bikes .itemprice {
	width: 80px;
	font-size:80%;
	text-align:right;
}

#step1 #Bikes .price {
	width: 80px;
	font-size:80%;
	text-align:right;
}

#step1 #Bikes .step1_remove {
margin-left:10px;
}
#step1 #Bikes .Discount input{
	width: 40px;
}


.dpTable{
	background-color: #FFFFFF;
	border: solid 1px #aaaaaa;
}

#step1 .selectCalandar{
	font-size: 9px;
	width: 50px;
}

#step1 .selectCalendar{
border:none;
}

#guaranteeText{ 
	font-size: 80%;
}
#guaranteeAmount{
	font-size: 80%;
	float:right;
}
#totalText{ 
	font-size: 90%;
		margin-top:5px;
}
#totalAmount{
	font-size: 90%;
	float:right;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top:5px;
}
#discountText{ 
	font-size: 80%;
}
#discountAmount{
	font-size: 80%;
	float:right;
}
/*
############################	till here
*/
#step1 #InfoBox{
	float:right;
	position:absolute;
	top: 0px;
	right: 0px;
	width: 400px;
	height: 120px;

}


#step1 .LimitError{
	background: #FF0000;
}

#step1 #limiterrorbox{
	position: absolute;
	left: 200px;
	top: 200px;
	
}



/*
#############################################################################			Step2
*/

#step2 #step2left {
float:left;
width:320px;
}

#step2 #step2right {
float:left;
width:380px;
}

#step2 #InfoForm,
#step2 #GroupForm,
#step2 #HolidayAdresForm,
#step2 #HolidayAdresFormCompany,
#step2 #RemarkForm,
#step2 #OtherForm,
#step2 #OtherFormCompany,
#step2 #SubmitForm{
	width: 300px;
	float:left;	
}

#step2 #LeftColumn{
	width: 315px;
	float:left;	
}

#step2 #InfoForm{

}
#step2 #GroupForm{
margin-bottom:20px;
}
#step2 #GroupFormIsGroupReservation {
clear:left;
float:left;
}
#step2 #GroupForm input {
float:left;
width:25px;
}

#step2 #GroupForm #GroupFormCreateGroup {
float:left;
}

#step2 #GroupForm  #GroupFormCreateGroup input, 
#step2 #GroupForm  #GroupFormCreateGroup select,
#step2 #GroupForm  #GroupFormSelectGroup select,
#step2 #GroupForm  #GroupFormCreateGroup textarea  {
float:left;
width:245px;
}
#step2 #GroupForm #GroupFormSelectGroup {
float:left;
}


#step2 #GroupForm  newGroupName {
width:250px;
}
#step2 #HolidayAdresForm{
	width: 400px;
}

#holidayselectfield{
	width: 250px;
	margin-top:5px;
}

#step2QuestionPayment {
float:left;
width:490px;
font-size:70%;
}
#step2AnswerPayment {
margin-left:5px;
}

#step2QuestionArrival {
	float:left;
	width:490px;
	font-size:70%;
	margin-top:10px;
}

#step2QuestionNotificateaddress{
	float:left;
	width:200px;
	margin-top:0px;
	color:#D4BE51;
	font-weight:bold;
}

#step2AnswerNotificateaddress{
	float:left;
	clear:left;
	margin-top:10px;
	width:400px;
}

#step2AnswerNotificateaddress ul {
	list-style-type: none;	
}
#step2AnswerNotificateaddress ul li label {
	width:300px;
}

#step2AnswerNotificateaddress ul li label input {
	width:25px;
	border:none;
}

#step2QuestionPaymentType {
float:left;
width:150px;
margin-top:10px;
}

#step2AnswerPaymentType {
float:left;
margin-top:10px;
}
#step2QuestionArrangement {
float:left;
width:150px;
margin-top:10px;
}

#step2AnswerArrangement {
float:left;
margin-top:10px;
}


.step2Answer {
float:left;
font-size:70%;
margin-top:3px;
margin-left:12px;
}
.step2AnswerInput {
float:left;
}
.step2AnswerText{
margin-left:0px;
margin-top:3px;
float:left;
font-size:70%;
}
.question {
float:left;
font-size:70%;
}
.question input {
float:left;
width:25px;
font-size:70%;
}
input#deliverydate {
float:left;
width:87px;
}
select#deliveryhour {
	clear:left;
float:left;
margin-left:2px;
margin-right:2px;
text-align:left;
width:40px;
}

select#deliveryminute {
	float:left;
margin-left:2px;
margin-right:2px;
text-align:left;
width:40px;
}
#deliveryHourMinuteSign {
float:left;
width:5px;
text-align:center;
}

#step2RemarkInput, #step2InternalRemarkInput {
float:left;
clear:left;
margin-bottom:5px;
}
#step2Remark, #step2InternalRemark, #step2QuestionNotificateaddress{
float:left;
clear:left;
}
#step2RemarkInput textarea, #step2InternalRemarkInput textarea{
width:375px;
height:50px;
}
#step2 #SubmitForm{
	clear:both;
}

#step2 .defaultdata{
	font-size: 70%;
}

/*
############################################################################# Step 3
*/

.colum{
	clear:both;
	float:left;
}

.step3left{
float:left;
width:250px;
}
.step3right{
float:left;
width:375px;
}

.clearer{
}

#step3 #PersonalInfo,
#step3 #HolidayInfo,
#step3 #Address,
#step3 #PickupplaceInfo,
#step3 #otherInfo,
#step3 #RemarkInfo,
#step3 #InternalRemarkInfo,
#step3 #reservationLineItemsIno,
#step3 #groupreservationInfo,
#step3 #form{
	float:left;
	width: 300px;
	margin-top:5px;
}

#step3 #HolidayInfo {
	margin-top:0;
}

#step3 #groupreservationInfo {
margin-top:5px;
}
#step3 #HolidayInfo {
	padding:0px;
}

#step3 #Address{
	
}

#step3 #Remark{
	
}

#step3 #pickupplace{
	
}
#step3 #RemarkInfo,
#step3 #reservationLineItemsInfo{
	width: 620px;
	clear:both;
	float:none;
}

#step3 #step3Status {
clear:left;
float:left;
}
#step3 #statusSelection {
	width:350px;
}

#step3 #form{
		clear:both;
	float:left;
}
#step3 .unknown {
font-size:80%;
font-weight:normal;
}

.item_text {
font-size:85%;
font-weight:normal;
float:left;
line-height:15px;
}
.item_info {
float:left;
margin-left:2px;
}

#step3 input{
	width: 450px;
	cursor:pointer;
}
#rowCompleteAddress th {
padding-right:5px;
padding-top:10px;
}
#rowCompleteAddress td {
padding-top:10px;
}

#rowPhoneMobile th {
padding-right:5px;
padding-top:10px;
}
#rowPhoneMobile td {
padding-top:10px;
}

#rowPrepayment th {
padding-right:5px;
padding-top:10px;
}
#rowPrepayment td {
padding-top:10px;
}

#rowArrival th {
padding-right:5px;
}
#rowArrival td {
vertical-align:top;
}
#step3 #item_prepayment{

}
#step3 #reservationLineItems {
clear:both;
float:left;
margin:5px 0 0;
padding:0;
width:90%;
}
#step3_lineitems {

}
.step3_lineitem_bike {
width:150px;
}

.step3_lineitem_num {
width:44px;
text-align:center;
}
.step3_lineitem_start {
width:100px;
}
.step3_lineitem_end {
width:100px;
}
.step3_lineitem_itemprice {
width:90px;
text-align:right;
}
th.step3_lineitem_itemprice {
text-align:right;
}
.step3_lineitem_price {
text-align:right;
}
th.step3_lineitem_price {
text-align:right;
width:100px;
}

.step3_guarantee_text {
float:left;
margin-top:5px;
width:444px;
}
.step3_guarantee_amount {
float:right;
margin-top:5px;
width:100px;
}

.step3_discount_text {
float:left;
margin-top:5px;
width:444px;
}
.step3_gdiscount_amount {
float:right;
width:100px;
}
.step3_totalprice_text {
float:left;
width:444px;
}
.step3_total_amount {
	float:right;
	margin-top:5px;
	width:100px;
}

#step3 #communicationType {
	clear:both;
	float:left;
}

#step3 #legal {
	clear:both;
	float:left;
	width:90%;
	margin-top:10px;
}

#step3 #legal #legalCheckBox {
	margin-left:7px;
	margin-top:7px;
	vertical-align:bottom;
	width:20px;
	border:none;
}
#step3 #legal label {
vertical-align:bottom;
}

#step3 #legal a {
	color:#000000;
	text-decoration: underline;
	font-weight:800;
}

#step3 #legal a:hover {
	color:#D4BE51;
	font-weight:800;
	text-decoration:none;
}
#step4 #step4Thanks {
	margin-top:5px;	
}

#step4 #email #emailText {
	margin-top:25px;	
}
/* confirmation page */
#confirmcompanyreservation #ConfirmationMessage {
/*background-color: #ffcc66;
border: thin dotted #ff6600;
clear:left;
padding:3px;*/
margin-bottom:5px;
}

#confirmcompanyreservation #ConfirmationMessage h2 {
color:#000000;
font-weight:400;
}

#printAction ul {
margin-top:5px;
width:auto;
margin-right:5px;
}

#printAction ul li {
	background-color:#EDE9ED;
	background-image:url(../../images/icons/printer_20.png);
	background-position:left center;
	background-repeat:no-repeat;
	border:thin solid #CCCCCC;
	margin-top:5px;
	padding-left:25px;
	padding-right:5px;
	width:220px;
}


#printAction a {
border:none;
color:#000000;
text-decoration:underline;
font-weight:800;
}

#printAction a:hover {
color:#D4BE51;
font-weight:800;
text-decoration:none;
}

#printAction a:visited {
border:none;
color:#000000;
text-decoration:none;
}
#printAction a  img{
border:none;
margin-right:2px;
}

#printAction  div ul {
	list-style-type: none;
}
/* calender defaults */

.dpTable{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #000000;
	font-size:9px;
}
.dpTitleTD, .dpTitleTR {
	text-align:center;
}
.dpTitleText {
	text-align:center;
	font-weight:800;
	background-color:#000000;
	color:#FFFFFF;
}
.dpButtonTD {

}
.dpDayTD {
text-align:center;
}
.dpDayTR {
}
.dpTD {
width:20px;
height:20px;
text-align:center;
border:thin dotted gray;
}
.dpDayHighlight {
	background-color:#000000;
border:thin dotted gray;
color:#FFFFFF;
height:20px;
line-height:20px;
text-align:center;
width:20px;
}
.dpTDHover {
	background-color: #CCCCCC;
	font-weight:800;
	text-align:center;
}

.TDselectCalendar {
width:240px;
}

#SubmitForm{
clear:both;
float:left;
width:200px;
}

#errorbox {
	float:left;
	margin-top:15px;
	width:500px;
}

#errorText{
color:#CC0000;
float:left;
font-size:90%;
font-weight:700;
width:500px;
}

#errorTip{
	font-size:70%;
	color: #333333;
	float:left;
	width:500px;
	clear: left;
	font-weight:700;
	margin-top:10px;
	width:500px;
}

#step3 #PickupplaceInfo {
width:350px;
}

#tableReservationInfo td, #tableHolidayInfo td, #tablePickupplaceinfo td, 
#groupreservationInfo td, #tableOtherInfo td{
font-size:80%;
font-weight:700;
}
#step3_lineitems th{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#tablePickupplaceinfo {
float:left;
width:200px;
}
#PickupplaceInfo img {
float:right;
height:100px;
margin-top:-30px;
}

/*#tableOtherInfo {
clear:both;
float:left;
width:300px;
}*/
#step3 #tableOtherInfo tr {
	vertical-align:top;
}

/*payment options*/

#make_payment{
	width: 500px;
}

#make_payment .item{
	width: 500px;
	display: block;
	height: 80px;
	border: solid 1px #CCCCCC;
	margin: 5px 5px 5px 5px;
}

#make_payment .item:hover{
	background: #EFEFEF;
}

#make_payment .item img{
	border: none;
	float: left;
	margin: 0px 5px 0px 5px;
}

#make_payment a .item h3{
	color: #000000;
	margin: 3px 3px 3px 3px;
}

#make_payment a .item p{
	color: #000000;
}

#make_payment a .item .costs{
	color: #000000;
	float: right;
	margin: 5px 5px 5px 5px;
}

/*Error block*/
#maximumreached #maximumreachedBack{
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height:100%;
	
	background: #252525;
	
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#maximumreached #maximumreachedMessage {
	position: absolute;
	background-color:white;
	border:5px solid red;
	height:100px;
	left:200px;
	opacity:1;
	padding:10px;
	text-align:center;
	top:80px;
	width:300px;
}

#maximumreached a:link, #maximumreached a:visited, #maximumreached a:active {
	color:#000000;
	font-weight:800;
	text-decoration:underline;
}
#maximumreached a:hover {
	text-decoration:none;
	font-weight:800;
	color:#D4BE51;
}

#maximumreached h2 {
color:red;
margin-bottom:10px;
margin-top:5px;
font-size:120%;
}

#maximumreached p {
margin-bottom:10px;
}

/* Calendar styles */
.cpYearNavigation,
	.cpMonthNavigation
			{
			background-color:#D4BE51;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#000000;
			font-weight:bold;
			}
.cpYearNavigation {
	height:22px;

}
	.cpDayColumnHeader,
	.cpYearNavigation,
	.cpMonthNavigation,
	.cpCurrentMonthDate,
	.cpCurrentMonthDateDisabled,
	.cpOtherMonthDate,
	.cpOtherMonthDateDisabled,
	.cpCurrentDate,
	.cpCurrentDateDisabled,
	.cpTodayText,
	.cpTodayTextDisabled,
	.cpText
			{
			font-family:arial;
			font-size:8pt;
			height:17px;
			}
	TD.cpDayColumnHeader
			{
			text-align:center;
			border:solid thin #D4BE51;
			border-width:0 0 1px 0;
			}
	.cpCurrentMonthDate,
	.cpOtherMonthDate,
	.cpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.cpCurrentMonthDateDisabled,
	.cpOtherMonthDateDisabled,
	.cpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.cpCurrentMonthDate
			{
			color:#D4BE51;
			font-weight:bold;
			text-align:center;
			}
	TD.cpCurrentMonthDate:Hover
			{
			color:#ffffff;
			background-color:#EBE9ED;
			text-align:center;
			}
	.cpCurrentDate
			{
			color: #D4BE51;
			font-weight:bold;
			}
	.cpOtherMonthDate
			{
			color:#EBE9ED;
			}
	TD.cpOtherMonthDate:Hover
			{
			color:#D4BE51;
			background-color: #D4BE51;
			text-align:center;
			}	
	TD.cpCurrentDate
			{
	color:#000000;
	background-color: #FFffff;
	border:thin solid #D4BE51;
	text-align:center;
			}
	TD.cpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.cpTodayText,
	TD.cpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1 0 0 0;
			display:none;
			}
	A.cpTodayText,
	SPAN.cpTodayTextDisabled
			{
			height:20px;
			}
	A.cpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.cpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.cpBorder
			{
		border:thin solid #D4BE51;
			}