/* SS - form styles start here */


/*Remove styles set in default for Form_Form
-----------------------------------------*/
.typography form ul {
	list-style: none;
	background:none;
	margin-bottom:0;
}
.typography form ul li {
	list-style: none;
	background:none;
	padding-left:0;
}
/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
	font-size: 1.2em;
}
fieldset h1, h3 {
	clear:both;
}

/* BLOCK FIELDS
-----------------------------------------*/
div.field {
	display:block;
	float:left;
}
/* ACTION BUTTONS
---------------------------------------- */
input.action {
	padding: 2px;
	font-size: 1em;
	font-family: Arial light, Helvetica, Arial, Tahoma, sans-serif;  
}
input.action:hover, input.action:focus {
	cursor: pointer;
}
/* FIELD FORMATING
---------------------------------------- */
form{
	width:500px;
	font-family: Arial light, Helvetica, Arial, Tahoma, sans-serif; 
	}

.middleColumn {
	margin: 15px 10px 10px 0;
	background: none;
	padding: 4px;
}

#Sidebar .middleColumn {
	margin: 0 0 0 8px;
	display: inline;
}
div.tab .field .middleColumn {
	clear: none !important;
	margin: 0 !important;
	width: auto;
}
.middleColumn .middleColumn {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
.middleColumn .message {
	margin: 0;
}

#Form_Form h3{
	margin-left:4px;
	}

/* INPUT BOXS
---------------------------------------- */
textarea {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #DDDDDD;
	font-size:1.6em;
	margin:0;
	padding:8px;
	width:440px;
	clear:both;
}

ul.optionset {
	font-size:1em;
	width:580px;
	display:block;
	clear:both;
	
}
li.odd, li.even{
	display:inline-block;
	margin:5px 0 5px 0;
}
ul.optionset li input {
	
	display:inline-block;
	margin:-2px 10px 2px 0;
	* margin:-2px 10px 2px 0;
}
ul.optionset li label {

	display:inline-block;
	margin:2px 40px 0 0;
}
select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-size:1.6em;
	font-weight: bold;
	width: 300px;
}
input.text {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #DDDDDD;
	font-size:1.6em;
	margin:0;
	padding:8px;
	width:200px;
	color:#333;
}
textarea {
	font-family: Arial light, Helvetica light, Arial, Helvetica, Tahoma, sans-serif; 
	font-size: 1.6em;
	color:#333;
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

div.calendardate input{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #DDDDDD;
	font-size:1.6em;
	margin:0;
	padding:8px;
	width:200px;
	color:#333;
	}
	
div.file input{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #DDDDDD;
	margin:0;
	padding:8px;
	font-size:1.6em;
	color:#333;
	width:580px;
	}
	


p.field.checkbox{
	clear:both;
	display:block;
	font-size:1em;
	width:580px;
	}
	
div.field.dropdown{
	clear:both;
	display:block;
	font-size:1em;
	width:580px;
	color:#333;
	}
	
div.field.dropdown select{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-background-clip :border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	margin:15px 10px 10px 0;
	padding:8px 4px 8px 10px;
	}
	
div.field.dropdown select option{
	padding: 0 10px 0 10px;
	}
	
/*FOCUS FIELDS
------------------------------------------*/
.focusField{  
	 background:#F4F4F4;
 }  
 .idleField{  
	 background:#fff;
 }  

/*
 SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}
/*
 LABELS
---------------------------------------- */
.typography label {
	display: block;
	margin: 10px 0 -10px 5px;
	color: #777;
	font-size: 1.4em;
}
label.right {
	display:inline;
}
/*HEDAINGS
-----------------------------------------*/
h1.FormHeading{
	padding:26px 0 0 0;
	}

h3.FormHeading{
	margin:8px 0 8px 0;
	}

/* SEARCH BOX 
---------------------------------------- */


input#Search_Form_SearchForm_Search {
	width: 110px;
	padding: 3px;
	margin-left: -4px;
	font-size: 1.2em;
}
#Sidebar input.action {
	font-size: 1.2em;
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}
/*ADMIN FORM
----------------------------------------*/
p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
	font-size:1em;
}

/*FORM VALIDATION
-----------------------------------------*/
div.field .message{
	background-color:#B9FFB9;
	border:1px solid #00FF00;
	font-weight:bold;
	margin:0 4px 5px 4px;
	padding:8px;
	display:inline-block;
	clear:both;
	width:200px;
	
}

div.textarea.requiredField .message{
	width:440px;
	}

#Form_Form label.required{
	background-color:#B9FFB9;
	border:1px solid #00FF00;
	font-weight:bold;
	margin:0px 5px;
	padding:0.5em;
	font-size:1em;
	display:inline-block;
	
}

/*ACTIONS
------------------------------------*/
div.Actions{
	margin:10px 5px;
}

div.Actions input{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #DDDDDD;
	margin:0;
	padding:8px;
	font-size:1.6em;
	color:#1D263A;
	}

/*MEMBER LOGIN
----------------------------------*/
#MemberLoginForm_LoginForm{
	width:480px;
	}
	
p#ForgotPassword{
	margin:10px 0 18px;
	}
	
p#Remember{
	margin-left:4px;
	}
	
	
/* required field */

div.requiredField label{
	background: url(../images/jv2-reqfield.png) no-repeat top left;
	padding-left:18px;
	color:#313941;
	}