/**
 * @version $id: forms.css, v1.0 2008/02/20 00:26:59 GMT+0800 $
 * @author Jerome Coloma <jeromecoloma@gmail.com>
 * @copyright Copyright (c) 2007-2008, Frozynart Designs
 * @since Version 1.0
 */

 
 
/** #search-box ::start */ 
#search-box {
	float: left;
    margin:20px 0 20px 30px;
	
	
}
#search-box form {
	
}
#search-box form fieldset {
	
}
#search-box form fieldset .search-input-label {
	color: #000000;
	font-size:1.2em;
	font-weight: bold;
	text-transform:uppercase;
	
}
#search-box form fieldset .search-input-txt {
	font-family: inherit;
	width: 205px;
    height:16px;
	color: #ccc;
	background:url(../../img/ui/search-box.jpg) no-repeat;
    border:3px solid #dedede;
    padding: 5px;
    font-style:italic;
    font-size:1.2em;
    
}
#search-box form fieldset .search-input-txt:focus {
	color: #333333;
	font-style:normal;
    border:3px solid #999;
}
#search-box form fieldset .search-input-btn {
	position:relative;
    top:8px;
    left:-35px;
    * top:1px;
}

/** #search-box ::end */

/** .contact-form ::start */

#froz-submit-form{width:560px;}
.contact-form ol
{
	margin:15px 0 0 0;
	padding:0;
    
}

.contact-form ol li
{
	margin:10px 0 0 0;
	padding:6px 6px 10px 6px;
	list-style-type:none;
    border-bottom:1px dotted #ddd;
}



.contact-form ol li label
{
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	font-size:1.2em;
	width:130px;
    vertical-align:top;
    margin:3px 0 0 0;
}



.contact-form input.input-text, .contact-form textarea.input-textarea
{
	border-top:1px solid #bbb;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:4px;
	font-size:1.1em;
	overflow:auto;
	font-family:inherit;
}

.contact-form input.input-text
{
	overflow:hidden;
}

.contact-form input.input-text:focus, .contact-form textarea.input-textarea:focus
{
	border:1px solid #0054a7;
    
}


.contact-form .errors
{
	list-style:none;
	padding:0;
	margin:2px;
}

.contact-form .errors li
{
	font-size:1.1em;
	color:red;
	text-align:left;
	padding:4px;
	text-indent:20px;
	background:url(../../img/ui/error-sign.png) 0 0 no-repeat;
	border-bottom:none;
}

.contact-form input.input-button.submit
{
	color:#406a7e;
	border-top:1px solid #e4eff7;
	border-right:1px solid #d7e7f3;
	border-bottom:1px solid #d7e7f3;
	border-left:1px solid #e4eff7;
	background-color:#ecf5fc;
	padding:8px;
	font-size:1.2em;
	cursor:pointer;
	letter-spacing:1px;
    text-transform:uppercase;
}

.contact-form input.input-button.submit:hover
{
	color:#fff;
	background-color:#2f6a96;
	border:1px solid #ccc;    
    
}



.contact-form .captcha-img
{
	border:1px solid #999;
}

.contact-form .hint
{
	display:block;
	margin:0;
	padding:0;
	font-style:italic;

}

/** override rules */
.contact-form input.captcha-input-text
{
	border:1px solid #999;
	width:auto;
	height:52px;
	font-size:3.8em;
	text-align:center;
	padding:4px 0;
	vertical-align:top;
}


.contact-form .captcha-label
{
	width:auto;
    
}



span.item-separator
{
	position: relative;
	left: -40px;
    top:5px;
	font-size: 1.2em;
}



.captcha-input-text
{
	min-height: 60px;
}

.captcha-text
{
	width: 60px !important;
}


/** Datepicker */
/*li#form-checkin, li#form-checkout, li#form-arrival{padding:10px 0 25px 6px}
.dp-choose-date
{
    position: relative;
    top:5px;    
    left:230px; 
    width: 16px !important;
    height:18px;
    display: block;
    text-indent: -99999px;
    background: url(../../img/ui/icons/calendar.png) 0 -20px no-repeat;
    * left:10px;
    
}

.dp-choose-date:hover{background: url(../../img/ui/icons/calendar.png) 0 0 no-repeat;}

.dp-choose-date{* top:-10px;}

li.date-picker-adjust label, li.date-picker-adjust input
{
    float: left;
    margin-right: 2px;
}
*/

/* .agreement-form::start */
.agreement-form{clear:both; width:560px; margin:30px 0 0 0;}
.agreement-form h3.agreement-title{font-size:1.3em; font-weight:700; color:#333; text-align:center; margin:5px 0 10px 0}
.agreement-form h4.title{font-size:1.2em; color:#4788CA;  margin:20px 0 0 0; font-weight:700}

.agreement-form .agreement-list{margin:0; padding:5px;}
.agreement-form .agreement-list li{margin:5px 0 0 20px; list-style-type:decimal; border:none; color:#333; font-size:1.2em; line-height:1.5em; text-align:justify; padding:5px 0}

.contact-form p.agreement-click{margin:20px 0 0 0; font-size:1.2em; color:#666; font-weight:700;}
/* .agreement-form::end */