/* ===========================forms======================== */
.form1Holder{width: 100%;position: relative;display: block;}
#form2, #form3{
	text-transform: none;
	width: 100%;
	display: inline-block;
}
#form2>a, #form3>a{
	float: left;
	text-transform: uppercase;
	font-size: 10px;
}

#form2 select, #form3 select{
	visibility: hidden;
	float: left;
}

.select_1{
	width: 30px;
    position: relative;
    float: left;
}

.select_2{
	width: 62px;
    position: relative;
    float: left;
}
.select_3{
	width: 100px;
    position: relative;
    float: left;
}
#form2 .col1,#form2 .col6,#form2 .col7{
    display: inline-block;
    float: left;
    position: relative;
}
#form2 .col1{
    width: 460px;
}
#form2 .col7{
    width: 145px;
}
#form2 .col6{
    width: 205px;
}
.padRight5{
    padding-right: 29px;
}
.padRight1{
    padding-right: 11px;
}
.padRight2{
    padding-right: 12px;
}
.padBot4{
    padding-bottom: 16px;
}
.searchButton1{
    display: block;
    position: relative;
    float: left;
    margin-top: 23px;
    width: 100%;
    cursor: pointer;
}




.calend1{width: 204px;position: relative;float: left;display: block;height: 30px;}
.calend2{width: 204px;position: relative;float: left;display: block;}

#form3 .calend1{width: 133px;position: relative;float: left;display: block;height: 25px;}
#form3 .calend2{width: 133px;position: relative;float: left;display: block;}

#form2 .calend1{width: 163px;position: relative;float: left;display: block; height: 27px;}
#form2 .calend2{width: 163px;position: relative;float: left;display: block; height: 27px;}

#form2 .ui-datepicker-trigger{
    position: absolute;
    top: 2px;
    right: -36px;
    cursor: pointer;
}
#form3 .ui-datepicker-trigger{
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}

.inp1{width: 224px;position: relative;float: left;display: block;height: 30px;}
#form2 .inp1{width: 188px;position: relative;float: left;display: block;height: 30px;}

/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	height: 26px;
	padding: 0px;
	float:left;
	border: 1px solid #e2ddde;
	width: 100%;
}
#form2 .calend1 .jqTransformInputWrapper, #form2 .calend2 .jqTransformInputWrapper {
	width: 100%;
}
#form3 .jqTransformInputWrapper {
	height: 24px;
}
#form3 .jqTransformInputWrapper {
	background: #fff;
	border: 0px solid #dbd5c7;
	border-radius: 3px;
}
.jqTransformInputInner {
	padding: 0px;
	margin: 0px;
	background: none;
}

.jqTransformInputInner div {
	height: 30px;
	margin: 0px 0px 0px 10px;
}

.jqTransformInputInner div input {
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 2.2em;
	vertical-align: middle;
	height: 25px;
	color: #9e9e9e;	
	border: none;
	background:transparent;
	width: 100%;
	outline: none;
}
#form3  .jqTransformInputInner div {
	height: 25px;
	margin: 0px 0px 0px 10px;
}
#form3 .jqTransformInputInner div input {
	color: #6d586a;	
	margin-top:-4px;
}

/*  IE6 */
* html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin: 0 0 0 -8px;
	height:24px;
}
/* Ie7 */
*+ html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin-left:-10px;
	height:24px;
}

/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -31px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -62px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;}



.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	/*overflow: hidden;*/
	margin: 0px 10px;
}
.jqTransformSafari .jqTransformInputInner div input {
	background-color: none;
	position: absolute; 
}

/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 100% !important;
	position:relative;
	height: 26px;
	float:left;
	border: 1px solid #e2ddde;
	margin-right: 7px;
	background: #fff;
}
#form3  .jqTransformSelectWrapper {
	width: 100% !important;
	position:relative;
	height: 25px;
	float:left;
	border: 0px solid #dbd5c7;
	margin-right: 7px;
	background: #fff;
	border-radius: 3px;
}
.jqTransformSelectWrapper div span {
	font-family: Arial, sans-serif;
	font-size: 13px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 30px;
	line-height: 30px;
	/*overflow: hidden;*/
	cursor:pointer;
	color: #8c8b8b;
	margin: -2px 0 0 13px;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0;
	width: 27px;
	height: 26px;
	background: url(/WebTemplates/FloridaStarVacations/images/combo.png) no-repeat 50% 50%;
	top: 0;
}
#form3 .jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: -1px;
	width: 25px;
	height: 25px;
	background: url(/WebTemplates/FloridaStarVacations/images/combo_icon_splash.png) no-repeat 50% 50%;
	top: 0;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 100% !important;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}
#form3 .jqTransformSelectWrapper ul {
	top: 26px;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px 5px 5px 13px;
	text-decoration: none;
	color:#8c8b8b;
	background-color: #FFF;
    font-family: Arial, sans-serif;
	font-size: 13px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background: #5fbacc;
	color: #fff;
}

/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:1px;}
.jqTransformRadio {
	background: transparent url(/WebTemplates/FloridaStarVacations/images/radio.png) no-repeat center top;
	vertical-align: middle;
	height: 16px;
	width: 15px;
	display:block;/*display: -moz-inline-block;*/
	margin-right:5px;
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(/WebTemplates/FloridaStarVacations/images/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 20px;
	width: 17px;
	display:block;/*display: -moz-inline-block;*/
	margin-right:9px;
	margin-top:-5px;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

#ui-datepicker-div{background: #fff; border: 1px solid #DBD5C7; font-family: Arial, sans-serif;margin-left: -11px;padding: 0 4px;display: none;}
#ui-datepicker-div .ui-datepicker-prev{font-size: 13px; line-height: 20px; color: #3e3e3e;	cursor: pointer;margin-left: 5px;text-transform: uppercase;}
#ui-datepicker-div .ui-datepicker-next{font-size: 13px; line-height: 20px; 	cursor: pointer;float: right;margin-right: 6px;text-transform: uppercase;color: #3e3e3e;}
#ui-datepicker-div .ui-datepicker-title{font-size: 13px; color: #5fbacc;font-weight: bold;margin-left: 5px;}
#ui-datepicker-div .ui-datepicker-calendar{font-size: 13px; color: #3e3e3e;font-weight: bold;position: relative;}
#ui-datepicker-div .ui-datepicker-calendar thead{position: relative;font-size: 12px;text-transform: uppercase;font-weight: bold;}
#ui-datepicker-div .ui-datepicker-calendar thead > tr > th{position: relative;}
#ui-datepicker-div .ui-datepicker-calendar tbody{position: relative;}
#ui-datepicker-div .ui-datepicker-calendar tbody > tr{}
#ui-datepicker-div .ui-datepicker-calendar tbody > tr > td{padding: 5px; text-align: center;}
#ui-datepicker-div .ui-datepicker-calendar tbody > tr > td >a{text-align: center;color: #8C8B8B;padding: 2px;}
#ui-datepicker-div .ui-datepicker-calendar tbody > tr > td >a:hover{color: #5fbacc; text-decoration: none;}
#ui-datepicker-div .ui-datepicker-header{padding-bottom: 6px;position: relative;}