@CHARSET "UTF-8";

/******* GENERAL RESET *******/
h1{
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
	border-bottom: 1px dotted #73b601;
	color: #73b601;
	margin-bottom: 1em;
}
h2{
	font-weight: 650;
	font-size: 17px;
	line-height: 1.1em;
	border-bottom: 1px dotted #ad9e9e;
	color: red;
	margin-bottom: 1em;
}
h3{
	font-weight: 600;
	font-size: 16px;
	line-height: 1em;
	border-bottom: 1px dotted #6f9ff1;
	color: #6f9ff1;
	margin-bottom: 1em;
}

/******* LOGO *******/
#logo{
	margin-top: 1em;
	display: block;
}
/******* /LOGO  *******/
/******* RESULT  *******/
.required{
	font-size: 10px;
	color: red;
}
.exist{
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2em;
	color: #73b601;
	margin-bottom: 1.2em;
}
.notexist{
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2em;
	color: #FF0000;
	margin-bottom: 1.2em;
}
.labtext{
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2em;
	color: #398439000;
	margin-bottom: 1.2em;
}
/******* CONTAINER *******/
#container{
	width: 600px;
	margin: 0px auto;
	text-align: left;
}
/******* /CONTAINER *******/
/******* FORM *******/
#customForm{
	padding: 0 10px 10px;
}

#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
	text-align: Left;
}


#customForm select{

    height: 28px;
    padding: 6px 12px;
    font-size: 11px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
    /* -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; */
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    /* transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
}
#customForm select.error{
	/* background: #f8dbdb;*/
	border-color: #f50200;
}

#customForm input{
	
}
#customForm input.error{
	/* background: #f8dbdb;*/
	border-color: #f50200;
}
#customForm textarea{
	width:  250px;
	height: 80px;
	padding: 2px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	border-radius: 2px;
	font-style: italic;
	font-size: 11px;
	border: 1px solid #cecece;
}
#customForm textarea.error{
	/* background: #f8dbdb;*/
	border-color: #f50200;
}
#customForm div{
	margin-bottom: 8px;
}
#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #f70702;
}
#customForm div span.valid{
	color: #73b601;
}
#customForm #send{
	background: #6f9ff1;
	width: 130px;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm #send:hover{
	background: #73b601;
}
#customForm #reset{
	background: #6f9ff1;
	width: 130px;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm #reset:hover{
	background: #73b601;
}
#customForm #verifier{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm #verifier:hover{
	background: #73b601;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
/******* /FORM *******/