/* form.css *
* Copyright (c) 2011, ECC UGM. All rights reserved.
* version: 0.1.0
*
*/ 

/* =CSS Reset : reset default browser style
-------------------------------------------------------------*/
input.span-2, textarea.span-2 { width: 8%;/*width: 58px;*/ }
input.span-3, textarea.span-3 { width: 12%;/*width: 98px;*/ }
input.span-4, textarea.span-4 { width: 16%;/*width: 138px;*/ }
input.span-5, textarea.span-5 { width: 20%;/*width: 178px;*/ }
input.span-6, textarea.span-6, select.small { width: 25%;/*width: 218px;*/ }
input.span-7, textarea.span-7 { width: 29%;/*width: 258px;*/ }
input.span-8, textarea.span-8 {  width: 33%;/*width: 298px; */}
input.span-9, textarea.span-9 { width: 37%;/*width: 338px;*/ }
input.span-10, textarea.span-10 {width: 41%;/* width: 378px;*/ }
input.span-11, textarea.span-11 {width: 45%;/* width: 418px;*/ }
input.span-12, textarea.span-12, select.medium { width: 50%;/*width: 458px;*/ }
input.span-13, textarea.span-13, select.span-13 {width: 60%}
input.span-14, textarea.span-14, select.large {width: 70%}
/*simple class*/
input.full, select.full, textarea.full {width:99%;}
textarea.small{height: 100px;}
textarea.medium{height: 150px;}
textarea.large{height: 200px;}

/* =Input
-------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="file"], textarea, select {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	background: #f5f5f5;
	padding: 3px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 17px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	resize: none;
}
select {padding: 2px;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { 
	border-top: 1px solid #FF3300;
	border-left: 1px solid #FF9933;
	border-right: 1px solid #FF9933;
	border-bottom: 1px solid  #F58438;
	background: #f9f9f9;
	font-weight: bold;
}

/* =Content
-------------------------------------------------------------- */
fieldset div {
	padding: 5px 0;
	clear: both;
}
fieldset div label {
	float: left;
	width: 180px;
	margin-right: 10px;
	font-size: 13px;
	line-height: 17px;
}
fieldset div label span {
	color: #eb1d25;
}
fieldset div div.desc {
	padding: 0;
	float: left;
	clear: none;
	position: relative;
}
fieldset div div.desc input.span-12 {
	width: 150px;
} 
fieldset div div.clear {
	padding: 0;
	font-size: 1px;
	height: 1px;
	clear: none;
}
fieldset div label span.small-px {
	font-size: 11px;
	line-height: 14px;
	color: #777;
}
fieldset div div.desc img {
	margin-bottom: 10px;
}
fieldset div div.desc a#yw1_button {
	position: absolute;
	display: inline-block;
	background: url(../images/icons/refresh.png) 0 50% no-repeat; 
	left: 140px;
	top: 20px;
	width: 150px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	padding-top: 3px;
	padding-left: 25px;
	color: #fff;
}
fieldset div div.desc a#yw1_button:hover {
	color: #eb1d25;
	text-decoration: none;
}
fieldset .errorSummary {
	padding: 0px 10px 10px 10px;
	margin-bottom: 15px;
	border: 1px solid rgba(221, 60, 16, 0.5);
	background: url(../images/resource/error_bg.png) repeat; 
}
fieldset .errorSummary p {
	font-size: 14px;
	line-height: 14px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
fieldset .errorSummary ul {
	margin: 0;
}
fieldset .errorSummary ul li {
	font-size: 12px;
	line-height: 15px;
}