#dates-wrapper ul{
    width:300px;
    list-style-type:none;
    list-style-position:outside;
    margin:0 auto;
    padding:0;
	background-color:#23386c;
}

#dates-wrapper ul.wide{
    list-style-type:none;
    list-style-position:outside;
    margin:0 auto;
    padding:0;
}

@media (min-width: 620px) {
#dates-wrapper ul.wide{
    width:580px;
}
}

@media (min-width: 768px) {
#dates-wrapper ul.wide{
    width:700px;
}
}

@media (min-width: 992px) {
#dates-wrapper ul.wide{
    width:520px;
}
}

@media (min-width: 1200px) {
#dates-wrapper ul.wide{
    width:700px;
}
}

#dates-wrapper li{
    padding:12px; 
    border-bottom:1px solid #777;
    position:relative;
	text-align:center;
}

#dates-wrapper li.error{
    padding:12px 0 12px 4px; 
    border:1px solid #fff;
    color:#fff;
	background-color:#ED1C24;
    font-size:12px;
    text-align:center;
    position:relative;
}

#dates-wrapper li.pterror{
    padding:12px 0 12px 4px; 
    color:#fff;
    font-size:12px;
    text-align:center;
    position:relative;
	background-color: #ed1c24;
	border: 1px solid #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

#dates-wrapper h2{
font-size:16px;
letter-spacing:3px;
color:#fff;
text-align:center;
padding:0;
margin:0;
}

#dates-wrapper h2.sub{
font-size:16px;
font-weight:500;
letter-spacing:3px;
color:#fff;
text-align:center;
padding:0;
margin:0;
}

#dates-wrapper h2.prTitle{
display:inline-block;
width:80%;
}

#dates-wrapper p{
font-size:14px;
font-weight:500;
color:#fff;
text-align:left;
padding:0;
margin:0;
}

#dates-wrapper p.prTitle{
display:inline-block;
width:90%;
}

#dates-wrapper p.center{
text-align:center;
}

#dates-wrapper p.privacy{
font-size:16px;
font-weight:500;
color:#fff;
text-align:center;
padding:0;
margin:0;
}

#dates-wrapper p.privacy a{
color:#fff;
text-decoration:underline;
}

#dates-wrapper p.privacy a:hover{
color:#0095DA;
text-decoration:none;
}

#dates-wrapper p.emp_el{
position:relative;
display:inline-block;
top:-4px;
color:#fff200;
}



#dates-wrapper  .text-style, #dates-wrapper  .text-style-button, #dates-wrapper  .text-style-button2, #dates-wrapper  .text-style-button-error{
border: 1px solid #fff;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
background-color:#fff;
height:40px; 
width:280px; 
overflow: hidden;
padding:0;
margin:0 auto;
}

#dates-wrapper  .text-style-discount{
border: 1px solid #fff;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
background-color:#fff;
height:30px; 
width:160px; 
overflow: hidden;
padding:0;
margin:0 auto;
}

#dates-wrapper  .text-style-info{
border: 1px solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
background-color:#f58220;
height:auto;  
overflow: hidden;
}

#dates-wrapper  .text-style-info p{
font-size:16px;
color:#fff;
text-align:left;
padding:10px;
text-indent:0;
}

#dates-wrapper  .text-style-info p{
width:250px;
}

#dates-wrapper  .text-style-info p.pr-wide{
width:90%;
}

#dates-wrapper  .text-style-info p a{
color:#fff;
text-decoration:underline;
}

#dates-wrapper  .text-style-info p a:hover{
color:#23386c;
text-decoration:none;
}

#dates-wrapper  .text-style-button{
    background-color: #00A652;
    background: -webkit-gradient(linear, left top, left bottom, from(#00A652), to(#62d098));
    background: -webkit-linear-gradient(top, #00A652, #62d098);
    background: -moz-linear-gradient(top, #00A652, #62d098);
    background: -ms-linear-gradient(top, #00A652, #62d098);
    background: -o-linear-gradient(top, #00A652, #62d098);
    background: linear-gradient(top, #00A652, #62d098);
	padding:0;
}

#dates-wrapper  .text-style-button2{
    background-color: #0095DA;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095DA), to(#6FC4EB));
    background: -webkit-linear-gradient(top, #0095DA, #6FC4EB);
    background: -moz-linear-gradient(top, #0095DA, #6FC4EB);
    background: -ms-linear-gradient(top, #0095DA, #6FC4EB);
    background: -o-linear-gradient(top, #0095DA, #6FC4EB);
    background: linear-gradient(top, #0095DA, #6FC4EB);
	padding:0;
}

#dates-wrapper  .text-style-button-error{
    background-color: #ed1c24;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#fbd3d4));
    background: -webkit-linear-gradient(top, #ed1c24, #fbd3d4);
    background: -moz-linear-gradient(top, #ed1c24, #fbd3d4);
    background: -ms-linear-gradient(top, #ed1c24, #fbd3d4);
    background: -o-linear-gradient(top, #ed1c24, #fbd3d4);
    background: linear-gradient(top, #ed1c24, #fbd3d4);
	padding:0;
}

#dates-wrapper  .text-style-button-sm{
    display:inline-block;
    width:130px;
	height:40px;
    background-color: #0095DA;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095DA), to(#6FC4EB));
    background: -webkit-linear-gradient(top, #0095DA, #6FC4EB);
    background: -moz-linear-gradient(top, #0095DA, #6FC4EB);
    background: -ms-linear-gradient(top, #0095DA, #6FC4EB);
    background: -o-linear-gradient(top, #0095DA, #6FC4EB);
    background: linear-gradient(top, #0095DA, #6FC4EB);
    border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	padding:0;
	margin:0 4px;
}

#dates-wrapper .text-style-discount input{
	position:relative;
	top:-5px;
	font-size:14px; 
	height:30px; 
    padding:0 8px;
    margin:0;
    border:none;
	color:#23386c;
}

#dates-wrapper .text-style input{
	position:relative;
	top:-5px;
	font-size:14px; 
	height:40px; 
    padding:0 8px;
    margin:0;
    border:none;
}

#dates-wrapper .text-style input{
	  left:0;
    width:240px; 
}

#dates-wrapper .text-style input.priv{
	  left:1px;
    width:215px; 
}

#dates-wrapper  .text-style input:focus {
    outline: none;
}

/*TEXT AREA*/
#dates-wrapper .textarea-style{
border: 1px solid #fff;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
background-color:#fff;
overflow: hidden;
margin:0 auto;
}

#dates-wrapper .textarea-style textarea{
	font-size:18px;
	height:160px; 
	color:#23386C;
    padding:0 8px;
    border:none;
}

#dates-wrapper .textarea-style *{
vertical-align: top;
}

#dates-wrapper .textarea-style textarea{padding:8px 8px 0 8px;}

#dates-wrapper  .textarea-style textarea:focus{
    outline: none;
}

#dates-wrapper .textarea-style{
    width:280px;
}
#dates-wrapper .textarea-style textarea{
    width:240px;
}

/* PLACEHOLDERS */
#dates-wrapper .textarea-style textarea::-webkit-input-placeholder { color:#999;font-size:12px; }
#dates-wrapper .textarea-style textarea::-moz-placeholder { color:#999;font-size:12px;  } /* firefox 19+ */
#dates-wrapper .textarea-style textarea:-ms-input-placeholder { color:#999;font-size:12px;  } /* ie */
#dates-wrapper .textarea-style textarea:-moz-placeholder { color:#999;font-size:12px;  }
#dates-wrapper .textarea-style textarea::placeholder { color:#999;font-size:12px;  }

@media (min-width: 620px) {
#dates-wrapper  .textarea-style{
    width:540px;
}
#content-wrapper .textarea-style textarea{
    width:500px;
}
}

@media (min-width: 768px) {
#dates-wrapper  .textarea-style{
    width:660px;
}
#dates-wrapper  .textarea-style textarea{
    width:620px;
}
}

@media (min-width: 992px) {
#dates-wrapper  .textarea-style{
    width:480px;
}
#content-wrapper .textarea-style textarea{
    width:440px;
}
}

@media (min-width: 1200px) {
#dates-wrapper  .textarea-style{
    width:660px;
}
#content-wrapper .textarea-style textarea{
    width:620px;
}
}

/* BUTTONS */
#dates-wrapper .text-style-button p.button,#dates-wrapper .text-style-button2 p.button,#dates-wrapper .text-style-button-error p.button{
    display:inline-block;
	float:right;
    width:230px;
	height:40px; 
	background:none;
	border:none;
    color: white;
	font-size:16px;
	font-weight:400;
	margin:0;
    padding:5px 20px 0 0;
    text-align: center;
}
#dates-wrapper  .text-style-button:hover {
    opacity:.85;
	background:none;
	background-color: #62d098;
	color: #efefef;
    cursor: pointer; 
}
#dates-wrapper  .text-style-button2:hover,#dates-wrapper  .text-style-button-sm:hover {
    opacity:.85;
	background:none;
	background-color: #6FC4EB;
	color: #efefef;
    cursor: pointer; 
}

#dates-wrapper  .text-style-button-error:hover {
    opacity:.85;
	background:none;
	background-color: #f7989b;
	color: #efefef;
    cursor: pointer; 
}

#dates-wrapper .text-style-button span, #dates-wrapper .text-style-button2 span, #dates-wrapper .text-style-button-error span, #dates-wrapper  .text-style-button-sm span{
     font-size:18px;
	 color:#fff;
	 padding:0;
	 margin:0;
}

#dates-wrapper  .text-style-button-sm p{
    display:inline-block;
	float:right;
    width:86px;
	height:40px; 
	background:none;
	border:none;
    color: white;
	font-size:14px;
	margin:0;
    padding:0;
	padding-top:5px;
    text-align: center;
}

#dates-wrapper .text-style-button span.glyphicons:before, #dates-wrapper .text-style-button2 span.glyphicons:before, #dates-wrapper .text-style-button-error span.glyphicons:before, #dates-wrapper .text-style-button-sm span.glyphicons:before{display:inline-block;padding:0;}

#dates-wrapper  li .info{
position:absolute;
top:4px;
right:10px;
color:#fff;
font-size:18px;
}

#dates-wrapper  li .info-close{
position:absolute;
top:4px;
right:12px;
color:#fff;
font-size:18px;
}

#dates-wrapper  li .mg{
position:relative;
top:6px;
color:#fff;
font-size:30px;
}

#dates-wrapper  li .smg{
width:250px;
text-align:left;
}

#dates-wrapper  li .dateselect{
display:inline-block;
margin:0 10px 0 6px;
position:relative;
top:-4px;
}

/*BOOKING TABLE*/
table#ybs{
border-collapse:collapse;
}

#ybs th,#ybs td{
border:1px solid #fff;
color: #fff;
}

#ybs th{
text-align:center;
background-color:#a64686;
}

#ybs td span{
color: #fff;
}

#ybs td.extend{
padding:0;
}

@media (max-width: 991px) {
table#ybs{
width:300px;
margin:12px auto;
float:none;
}
#ybs th,#ybs td{
font-size:12px;
padding:6px;
}
#ybs td span{
font-size:12px;
}

#ybs td.extend{
width:40px;
}
}

@media (min-width: 992px) {
table#ybs{
width:600px;
margin:12px auto;
float:none;
}
#ybs th,#ybs td{
font-size:14px;
padding:6px;
}
#ybs td span{
font-size:14px;
}

#ybs td.extend{
width:50px;
}
}