/**
 * @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
 */
 

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

.c-1{color:#171617}
.c-2{color:#bececc}
.c-3{color:#174341}
.c-4{color:#df7011}
.c-5{color:#303736}

.bc-1{background-color:#171617}
.bc-2{background-color:#bececc}
.bc-3{background-color:#174341}
.bc-4{background-color:#df7011}
.bc-5{background-color:#303736}


.contact-form ol
{
	margin:10px 0 0 0;
	padding:0;
}

.contact-form ol li
{
	margin:0;
	padding:15px 8px;
	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:110px;
    vertical-align:top;
}

.contact-form input.input-text,.contact-form textarea.input-textarea
{
	border-top:1px solid #ccc;
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed;
	border-left:1px solid #ededed;
	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 #999;
}

.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.btn
{
	color:#174341;
	border-top:1px solid #eee;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:1px solid #eee;
	background-color:#efeeff;
	padding:8px 10px;
	font-size:1.3em;
    text-transform:uppercase;
	cursor:pointer;
        
}

.contact-form input.btn:hover
{
	color:#fff;
	background-color:#174341;
	border:1px solid #B3BFBE;
}

.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 ol li:hover
{
	
}

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