/*  
Contact Form Style
Version: 1.0.0
Author: Pavan Samra
*/

/******************/
/*  Contact Form  */
/******************/
/*.nav-stage-container {
	display:block;
	margin:0 auto;
	width:360px;

}
#content .nav-stage-container hr {
	position:relative;
	top:65px;
	z-index:1;
	width:260px;
	background-color:#CCC;
}

.nav-stage-container h6 {

}
.nav-section-container {
	width:100px;
	text-align:center;
	float:left;
	margin:0 10px;
	z-index:11;
	position:relative;
}*/
form.rt-form {
	font-size: 16px;
	width: 80%;
	margin:0 auto;
}
.col2-1 { 
	width: auto;
}
/*.rt-form .nav-stage {
	display: block;  
	border-radius: 30px 30px 30px 30px; 
	padding: 10px; 
	text-align: center; 
	height:15px;
	width:15px;
	border: 1px solid #CCCCCC;
	box-shadow: 0 0 10px #CCCCCC inset;
	margin:0 auto;
	text-decoration:none;
}
.rt-form .nav-stage:hover {
	box-shadow:0 0 5px #CCC !important;
}*/
#content .rt-form .status-incomplete {
	background-color:#ebebeb;
	color:#606060;
}
#content .rt-form .status-inactive {
	cursor:not-allowed;
}
#content .rt-form .status-active {
	background-color:#4c97c8;
	border-color:#4280a8;
	color:#FFF;
	box-shadow: 0 0 10px #4280A8 inset;
}
#content .rt-form .status-complete {
	background-color:#94dc74;
	border-color:#7dba62;
	color:#FFF;
	box-shadow: 0 0 10px #7dba62 inset;
}


#content .rt-form a.btn-next {
	background:url('images/sprites/rt-button-sprite.png') no-repeat;
	display:inline-block;
	background-position:0 -106px; 
	width:113px; 
	height:44px;
	float: right;
	margin: 20px 40px;
}
#content .rt-form a.btn-next:hover {
	background-position: 0 -151px; 
}

.btn-submit {
	background:url('images/sprites/rt-button-sprite.png') no-repeat;
	display:inline-block;
	background-position: -114px -106px; 
	width:140px; 
	height:44px;
	float: right;
	margin: 20px 40px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.btn-submit:hover {
	background-position: -114px -151px; 
}

#postcode-find {
	background:url('images/sprites/rt-button-sprite.png') no-repeat;
	display:inline-block;
	background-position:-486px 0; 
	width: 127px; 
	height: 32px;
	float: right;
	position: relative;
	right: 95px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;	
}
#postcode-find:hover {
	background-position:-486px -53px;
}
.rt-form  .error-red {
	border-color:red !important;
}

label.error {
	color: red !important;
    display: none;
    font-style: italic;
    float: right;
}


fieldset {
	border-bottom: 1px solid #d3e6f2;
	padding: 0 0 21px 36px;
}
.rt-form .field,
.rt-form .field{
	float:left;
	margin:0 24px 3px 0;
	position: relative;
}
.rt-form fieldset.hideLegend legend {
    display: none;
}
.rt-form option {
	letter-spacing:0;
}
.rt-form label.question,
.rt-form p.question,
.rt-form fieldset.hideLegend label, 
.rt-form fieldset.hideLegend p.question {
    color: #0070B9;
    font-weight: normal;
    margin: 24px 0 6px;
    width: auto;
	font-size:16px;
	display:block;
	padding-left: 6px;
}
.rt-form .rt-form-select,
.rt-form fieldset.hideLegend div.field select.checkbox {
	background-color:#ebebeb;
	border:1px solid #ebebeb;
 	padding:4px 5px;	
	width: 302px;
	font-family: arial,sans-serif;
	font-size: 14px;
	color: #666;
}
.rt-form input.rt-form-text,
.rt-form fieldset div.field input.text {
	padding:5px;
	border:1px solid #ebebeb;
	width:290px;
	color:#666;
	background-color:#ebebeb;
	font-size:14px;
}
.rt-form input.rt-form-text.long {
	width:425px;
}

.rt-form .radio,
.rt-form .checkbox,
.rt-form  div.field input.checkbox {
	float:left;
	margin:0 10px 0 0;
}
.rt-form .rt-form-textarea,
.rt-form fieldset.hideLegend div.field .textarea {
	width:95%;
	font-family:arial,sans-serif;
	color:#666;
	line-height:150%;
	font-size:14px;
	padding:5px;
	border:1px solid #ebebeb;
	background-color:#ebebeb;
}
.rt-form .rt-form-textarea:focus,
.rt-form .rt-form-select:focus,
.rt-form .rt-form-text:focus,
.rt-form select.checkbox:focus,
.rt-form textarea.textarea:focus,
.rt-form input.text:focus {
	border:1px solid #61b3e8;
	box-shadow:0 0 2px #61b3e8;
	background-color:#FFF;
}


.rt-form div#contact-brochure fieldset.hideLegend div.brochure div.field label {
	width:75px;
}
.rt-form div#contact-newsletter fieldset.hideLegend div.field div.holder label{
	width:110px;
}
.rt-form div#contact-newsletter fieldset.hideLegend div.field div.newsletter {
	float:left;
	margin:0 10px;
	height:30px;
}
.rt-form .brochure {
	float:left;
	margin:10px;
	height:180px;
}
.rt-form .brochure img {
	display:block;
	border:1px solid #666;

}


/*.rt-form .rt-submit {
	padding:5px 10px 5px;
	margin:30px;
	height:35px;
	color:#FFF;
	font-size:16px;
	text-shadow:0 1px 0 #333;
	border-radius:5px;
	box-shadow:0 0 5px rgba(207,231,250,1);
	cursor:pointer;
	background:#006eb5;
	border:1px solid #00558d;
	text-align:center;
}*/

/*.rt-form .rt-submit:hover {
	background:#0088d4;
}
.rt-form .rt-submit:active {
	background:#2192DE;
}
*/

/*.rt-form #postcode-find {
	background:#006eb5;
	padding: 5px 15px; 
	border-radius: 2px 2px 2px 2px; 
	text-transform: uppercase; 
	color: #FFF; 
	cursor: pointer;
	text-shadow:0 1px 0 #000;
	box-shadow:0 0 5px rgba(207,231,250,1);
	border:1px solid #00558d;
	position:relative;

}
.rt-form #postcode-find:hover {
	background:#0088d4;
}
*/
.rt-form div.field-textarea span.rt-form-not-valid-tip {
	top:-140px;
}
.rt-form .rt-form-validation-errors {
	border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    padding: 10px 15px;
    width: auto;
	background-color:#fffcd3;
	border:1px solid #F7E700;
	text-align: center;
}
.rt-form span.rt-form-not-valid-tip {
	color: red;
    font-size: 12px;
    position: relative;
    z-index: 100;
	background:none;
	padding:0;
	border:none;
	top:0;
	left:10px;
	width: auto;
	
}
div.rt-form img.ajax-loader  {
	left:-140px;
	position:relative;
}
form.rt-form p.question {
}

form.rt-form h3 {
	font-size: 26px; 
	border-bottom: 1px solid #CCCCCC; 
	font-weight: normal; 
	font-family: 'helveticaneuelt_std_cnregular',sans-serif;
}

form.rt-form h4 {
	font-size: 16px; 
	font-weight: normal; 
	margin-bottom: 10px;
}

#checkbox-Brochures-Plus .rt-form-list-item  input,
#checkbox-Brochures .rt-form-list-item  input {
	margin-left:0;
	margin-right:5px;
	float:left;
	
}
#checkbox-Brochures-Plus .rt-form-list-item,
#checkbox-Brochures .rt-form-list-item {
	display:block;
	float:left;
	margin-right:18px;
	width:100px;
}


.contact-progress-container{
	position: relative;
	width: 360px;
	height: 85px;
	margin: 18px 0 24px 72px;
}

.nav-stage {
	background:url('images/sprites/rt-progress-sprite.png') no-repeat;
	display: inline-block;
	width: 85px; 
	height: 85px;
	z-index: 10;
	position: absolute;
	cursor: pointer;
}

.nav-stage.nav-stage-section-trip {
	background-position: 0 -85px;
	left: 15px;
}

.nav-stage.nav-stage-section-trip:hover,
.nav-stage.nav-stage-section-trip.status-complete,
.nav-stage.nav-stage-section-trip.status-active {
	background-position: 0 0;
}

.nav-stage.nav-stage-section-contact {
	background-position: -85px -85px;
	left: 140px;
}

.nav-stage.nav-stage-section-contact:hover,
.nav-stage.nav-stage-section-contact.status-complete,
.nav-stage.nav-stage-section-contact.status-active {
	background-position: -85px 0;
}


.nav-stage.nav-stage-section-thanks {
	background-position: -170px -85px;
	right: 15px;
}

.nav-stage.nav-stage-section-thanks:hover,
.nav-stage.nav-stage-section-thanks.status-complete,
.nav-stage.nav-stage-section-thanks.status-active {
	background-position: -170px 0;
}

.contact-progress-bar {
	width: 360px;
	height: 3px;
	background-color: #73add4;
	display: block;
	position: absolute;
	top: 42px;
	z-index: 1;
}

.section-thanks,
.section-contact {
	display: none;
}



.rt-form > fieldset {
    border-bottom: 1px solid #e5eaee;
    margin: 0;
    padding: 30px 0 30px 10px;
}

#slider-range {
  	background: none repeat scroll 0 0 #EBEBEB;
    height: 7px;
    margin: 21px 0 15px;
    width: 396px;
    border-radius: 0;
    border:none;
    position: relative;
    left: 20px;
}
.ui-slider-range.ui-widget-header {
	height: 9px; 
	border: medium none;
	background: #4c97c8;
	border: none;

}
.rt-form #slider-range .ui-state-default {
	background: #4c97c8;
	border: 1px solid white;
}

.rt-form .ui-slider .ui-slider-handle {
	height: 17px;
	width: 6px;
}
.rt-form .ui-slider-horizontal .ui-slider-handle {
    margin-left: -7px;
    top: -6px;
    border-radius: 0;
}
#student-age {
	display: none;
}
.student-age-count {
	margin-bottom: 18px;
	margin-left: 10px
}
.student-age-count > span {
    margin: 0 34px 0 0;
}
#label-student-age-other{
    display: inline-block;
    height: 30px;
    margin:5px 40px 0 10px;
}

#text-First-Name, #text-Surname {
 width:152px
}

.icon-form-calendar {
  	top: 53px;
    position: absolute;
    right: 0
}

#content .error-red {
	border:1px solid red;
}

.submit-loading {
	height: 16px; 
	margin: 0px auto; 
	display: none; 
	position: absolute; 
	right: 30px; 
	bottom: 85px;
}
.postcode-loading {
    display: none;
    float: right;
    height: 16px;
    margin: 0 auto;
    position: relative;
    right: -60px;
    top: 7px;
}

.address-list {
	background:#F2F2F2;
	position: absolute;
	z-index: 10;
	display: none;
}
.address-list ul {
	list-style-type: none;
	margin: 0;
	height: 375px;
	overflow: scroll;
}
.address-list ul li {
	padding: 5px 15px;
	margin:0;
}
.address-list ul li:hover {
	cursor: pointer;
	background-color: #E9E9E9;
}

.brochure {
    float: left;
    height: 175px;
    margin: 5px 0 10px 20px;
    width: 115px;
}

.brochure .checkbox {
    margin: 5px 5px 0 0;
}

.brochure .plain {
    margin-top: 5px;
    width: 80px;
    font-size: 14px;
}
.brochure .field {
    margin: 0;
}

.rt-form-list-item-label {
 margin-right:45px;
}

form#newsletter-sign-up-form.rt-form .checkbox-container {
	font-size: 14px;
	margin-top: 12px;
}

form#newsletter-sign-up-form.rt-form .checkbox-container label {
	float:left;
	margin:0 12px 5px 0;
 	width:132px;
}


/* Photo comp */
.filelist {
	width:auto;
	margin:0 10px;
	text-align:left;
}
.file {
	height:55px;
}
.filelist .file {
	padding: 5px;
	background: #FBFBFB;
	border: solid 1px #ccc;
	margin-bottom: 4px;
	position:relative;
}
.filelist .fileprogress {
	width: 0%;
	background: #CCC;
	height: 15px;
	margin:5px 0;
}
p.filesize {
	font-size:10px;
	margin:0;
}

.progress {
	width: 50px; 
	text-align: center; 
	margin: 0px auto; 
	position: relative; 
	bottom: 20px;
	font-size: 12px;
}

.plupload-thumbs {
 
}
.plupload-thumbs .thumb {
	width: 50px;
	padding-right: 5px;
	float: left;
}
.plupload-thumbs .thumb img {
	width: 50px;
	height: 50px;
}
.ui-sortable  .thumb img {
	cursor: pointer;
}
#drag-drop-area {
	border: 1px dashed #CCC;
	text-align:center;
	padding:10px 0;
}
#drag-drop-area.drag-over {
	background-color:#f1f1f1;
	border:1px dashed #CCC
}

.photo-form-complete {
	display: none;
	margin:30px 0;
}
.info_box label.question,
.tour-info label.question {
	float: left;
	margin:3px 0;
	width: 250px;
	color: #666;
}
.highlight {
	color: #666;
	font-weight: bold;
}

form.rt-form .field_entry > h4 {
    margin-bottom: 10px;
}

.rating-criterium {
    margin-bottom: 5px;
}

.rating-criterium .radioName {
    float: left;
    padding-right: 10px;
    text-align: right;
    width: 280px;
    clear:left;
}

.field_entry {
	margin-bottom: 30px;
}

.rt-btn {
	background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #999999;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    display: block;
    float: right;
    height: 20px;
    text-align: center;
    width: 20px;
    margin:0 2px;
}
.rt-btn:hover {
	background: #ccc;
}
.rt-btn:active {
	background: #f9f9f9;
}

.AccomclonedInput {
	display: none;
}

.blind-wrap {
	overflow: hidden;
	display: none;
}

.intro-details {
	font-size: 14px;
	color: #666;
}


.rating-star-5 {
	background: url("images/sprites/rt_generic_sprite.png") no-repeat scroll -139px -38px transparent;
    height: 16px;
    width: 85px;
	display:block;
	margin-bottom:10px;
}
.rating-star-4 {
	background: url("images/sprites/rt_generic_sprite.png") no-repeat scroll -156px -38px transparent;
    height: 16px;
    width: 85px;
	display:block;
	margin-bottom:10px;
}
.rating-star-3{
	background: url("images/sprites/rt_generic_sprite.png") no-repeat scroll -173px -38px transparent;
    height: 16px;
    width: 85px;
	display:block;
	margin-bottom:10px;
}
.rating-star-2 {
	background: url("images/sprites/rt_generic_sprite.png") no-repeat scroll -190px -38px transparent;
    height: 16px;
    width: 85px;
	display:block;
	margin-bottom:10px;
}
.rating-star-1 {
	background: url("images/sprites/rt_generic_sprite.png") no-repeat scroll -207px -38px transparent;
    height: 16px;
    width: 85px;
	display:block;
	margin-bottom:10px;
}

.view-radio-name {
    float: left;
    margin-right: 10px;
    width: 280px;
    text-align: right;
}

.star_container {
    clear: both;
}
.comment-blank {
	font-size: 80%;
	color: #999;
	font-style: italic;
}
.rt-form .rt-submit {
	margin:30px 0;
}
.rt-submit,
.rt-form-view .rt-submit {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #006DCC;
	background-image: linear-gradient(to bottom, #4492DB, #0070B9);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2;
	border-image: none;
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 6px 12px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: middle;
	height: auto;
}
.rt-submit:hover,
.rt-form-view .rt-submit:hover {
	background-position: 0 -15px;
	background-color: #006DCC;
	background-image: linear-gradient(to bottom, #4492DB, #0070B9);
	transition: background-position 0.1s linear 0s;
	text-decoration: none;
}
.rt-submit.current-page {
	background-color: #006DCC;
	background-image: linear-gradient(to bottom, #0088CC, #0044CC);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

form.rt-form-view {
	margin:18px auto;
}
.rt-form-view label {
	float:left;
	width: 110px;
}