/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }

.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* Standard Form Element Styling*/

fieldset {border-style: none;padding:0;}
legend {font-size: 12px;font-weight: bold;color: #ED1C24;padding-top: 10px;}
p.inputs {float: left;display: block;clear: both;margin:0 10px 5px 0;padding: 0;}
p.inputs.small {clear: none;}

p.remember {padding: 6px 0 6px 10px;}

label img {float: left;	margin:0 5px 0 0;}
label {font-size: 13px;font-weight: bold;float: left;color: #000000;text-align: left;}
label span {color: #FF0000;font-size: 20px;}

label.lbl_sm {width: 30px;}
label.lbl_med {width: 80px;}
label.lbl_lg {width: 200px;}

input, input.text_sm, input.text_med, input.text_lg {font-size: 12px;font-weight: normal;border: 1px solid #cccccc;padding-top: 3px;
	float: left;color: #6F6F6F;}

input.text_sm {width: 70px;}
input.text_med {width: 100px;}
input.text_lg {width: 360px;}


select {font-size: 12px;font-weight: normal;float: left;background-color: #eeeeee;border: 1px solid #cccccc;}
select.slt_sm {width: 70px;}
select.slt_med {width: 150px;}
select.slt_lg {width: 220px;}

input.chk{float: left; margin: 3px 5px 0 0;}

textarea {height: 60px;width: 340px;font-size: 14px;font-weight: normal;float: left;background-color: #464646;border:1px solid #3F4C6B;padding:10px;}

/* Faux radio checkbox classes*/ 
a.off, a.off:link, a.off:visited, a.off:hover {
	background-attachment: scroll;
	background-image: url(../../portfolio-1/images/bg_unchecked.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	font-size: 0.9em;
	cursor:pointer;
	cursor:hand;
	width: 60px;
	padding:0px;
	line-height: 1.8em;
	text-decoration: none;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
}  
a.on, a.on:link, a.on:visited, a.on:hover {
	background-attachment: scroll;
	background-image: url(../../portfolio-1/images/bg_checked.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	font-size: 0.9em;
	cursor:pointer;
	cursor:hand;
	width: 60px;
	padding:0px;
	line-height: 1.8em;
	text-decoration: none;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
}      


/* */


/*Special Button and Links Code*/

button, a.btn {
	display:block;
	float:left;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:90%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer; /* Links */
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 7px;	
}
button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

button img, a.btn img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* Form or Link Button Active and Hover Selectors*/


/* Form or Link Button Error and Disabled Selectors*/

.error button, .error a.btn {background-color:#FF0000;border:1px solid #FFFFFF;color:#FFFFFF;background-image: none;}

.disabled button, .disabled a.btn {background-color:#FFFFFF;color:#cccccc;}

/* Focus Selectors*/

input:focus, select:focus, textarea:focus  {
	background-color: #FFFFFF;
	border:1px solid #FFFFFF;
}




/* THE END */