/************************************************

Use: 		    Styles for Form Layout
Project Name: 	President's Challenge
Project Owner: 	Hanson Dodge Creative
Author: 	    Ivor D. Addo :: Web Consultant 
Last Updated: 	8-2-2007

**************************************************/

/*Load CSS Reset template for all browsers
-------------------------------------------------*/

@import "reset.css";


/*General styles not really related to the forms
-------------------------------------------------*/


a, a:hover, a:active, a:visited {
  color:#3066a3;
  text-decoration:underline;
    }
.warning {
    padding-top: 10px;
    font-size:smaller;
    }

#container1 {
	
	}

/*Defaults for form elements
--------------------------------------------------*/
input, textarea {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#404040;
	}
label {
	color:#999;
	padding-left:2px;	
	line-height:15px;
	vertical-align:top;
	}
label.chosen {
	color:#333;
	}

/*Transparent items
----------------------------*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
	}
.transparentFake {
	background:none;
	border:none;
	}
.transparent2 {
	z-index:10;
	}

/*Radio buttons
-----------------------------*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
	}
.radioAreaUnchecked {
	background:url(../_images/radio.gif) no-repeat left top;
	}
.radioAreaChecked {
	background:url(../_images/radio.gif) no-repeat left bottom;
	}

/*Text inputs
----------------------------*/
.textinput, .textinputHovered {
	width:20px;
	height:15px;
	background:url(../_images/input.gif) no-repeat left top;
	border:none;
	padding:4px 10px;
	}
.textinputHovered {
	background-position:left bottom;
	}
.textinputLg, .textinputLgHovered {
	width:236px;
	height:16px;
	background:url(../_images/inputlg.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
	}
.textinputLgHovered {
	background-position:left bottom;
	}

/*Selects drop-down
-----------------------------------------------*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
	}
.optionsDivInvisible {
	display:none;
	}
.optionsDivVisible {
	display:block;
	}
.optionsDivVisible p {
	margin:0;
	padding:0;
	}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
	}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
	}

/*Button
------------------------------------------------*/
.buttonSubmit, .buttonSubmitHovered {
	width:140px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(../_images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
	margin-top:1px;
	}
.buttonSubmitHovered {
	background-position:left bottom;
	}

/*Test div - test if stylesheets are enabled
-----------------------------------------------*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
	}

/*Styles for MyForm
-----------------------------------------------*/
form.myform {
	width:500px;
	font-size: 1.1em;
	color: #333;
	}
	
form.myform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.myform legend { 
	padding-left: 0;
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */ 
	}
	
form.myform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	width: 150px; 
	} /* Width of labels */
	
	#rdbGender label { width: auto !important; }

form.myform legend,
form.myform label { 
	color: #333; 
	}

form.myform legend {
	font-family: Verdana;
	font-size:1.2em;
	font-weight: bold;
	color:	#941918;
}

form.myform fieldset {
	border: none;
	border-top: 1px solid #6196d1;
	margin-top:10px;
	margin-bottom: 10px;
	background: url(../_images/form_fieldset_bg.gif) left bottom repeat-x;
	}

form.myform fieldset h3 {
	padding-top:5px;
	font-family:Verdana;
	color:#333;
	text-indent:8px;
}
form.myform fieldset ol {
	margin: 0;
	padding: 0;
	}

form.myform fieldset li {
	padding: 5px 10px 7px;
	list-style: none;
	padding: 8px;
	margin: 0;
	background: url(../_images/form_divider.gif) left bottom repeat-x;
	}
	
form.myform fieldset li.noborder {
	background: none;
}
	
form.myform fieldset fieldset { 
	border: none;
	margin: 3px 0 0;
	background: none; 
	}
	
form.myform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.myform fieldset fieldset label, form.myform .labels {
	display: block;
	width: auto;
	margin-left: 133px; 
	} /* Width plus 3 (html space) */

/*\*//*/ 
form.myform legend { 
	display: inline-block; 
	} /* IE Mac legend fix */