/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Form Styling
 */
h3.FormHeading {
        font-family:arial,helvetica, sans-serif;
        font-size:24px;
    	color:#60B0D5;
    	padding: 0px 0px 12px 0px;
	text-align:left;
        letter-spacing:-1.0px;
}

/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
	font-size: 1.2em;
}

/* ACTION BUTTONS
---------------------------------------- */
input.action {
	padding: 2px;
	font-size: 1em;
	font-family: Verdana, Tahoma, Sans-serif;
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
}
.field text {
border:1px solid black;


}
.middleColumn {
 	display: block;
 	margin: 15px 10px 10px 0;
	background: #E9E9E9;
	padding: 4px;
	width: 306px;
	clear: left;
}
	#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;
	}
/* INPUT BOXS
---------------------------------------- */

input.text, textarea, select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	width: 300px;
}

textarea {
	/*font-family: Verdana, Tahoma, sans-serif;*/
	font-family: Arial, sans-serif;
	font-size: 1.2em;
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

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

select {
	width: auto;
}

/* LABELS
---------------------------------------- */
.typography label {
 	display: block;
	margin: 10px 0 -10px 0;
	color: #777;
	font-size: 1em;
}

label.right {
	display:inline;
}
/* SEARCH BOX 
---------------------------------------- */
#Search {
	width: 105px;
}
	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: 0px;
	margin: -22px 10px 0 0;
}


/* ######### Modifications  ######### */

#Form_Form h3.FormHeading {
display:block;
width:860px;
height:13px;
float:left;
margin:20px 0px 10px 0px;
font-size:20px;
color:#4192CA;
letter-spacing:-1px;
height:25px;
padding:3px 0px 2px 0px;
font-weight:700;
border-bottom:1px solid #4192CA;
}
#Form_Form {
display:block;
width:600px;
float:left;
border:1px solid red;
margin:0px 0px 0px 0px;
}

#Form_Form .field {
width:277px;
float:left;
margin-right:18px;
}
*html #Form_Form .field {
width:250px;
display:block;
float:left;
margin-right:10px;
border: 1px solid green;
padding:0px;
}
*html #Form_Form .field .middleColumn{
font-size:11px;
width:247px;
padding:2px;
display:block;
}



#Form_Form .field label.left{
font-size:11px;
color:black;
font-weight:bold;
}
#Form_Form .field .middleColumn{
font-size:11px;
width:267px;
margin-top:2px;
}

#Form_Form .Actions input{
background: url(../images/bg_menu_left.png) no-repeat;
background-position:-1px -1px;
height:35px;
font-size:11px;
width:160px;
border:1px solid #4094CF;
font-weight: bold;
color:white;
font-size:13px;
margin-top:20px;
}

.middleColumn {
background: #cfe9ff;
}

.middleColumn .optionset {
margin-left:0px;
width:250px;
height:20px;
display:block;
padding:2px;
margin:0px;
}

label.required {
color:red;
display:block;
}

input.text {
width:260px;
}

.middleColumn .optionset li {
display:inline;
float:left;
width:100px;

}

.middleColumn .optionset li input{
display:block;
width:20px;
height:20px;
float:left;
}
.middleColumn .optionset li label{
display:block;
width:15px;
height:20px;
float:left;
margin-top:2px;
padding:0px;
color: black;
}
/*
#EditableTextField207.field {
width:855px;
}

#EditableTextField207.field .middleColumn {
width:855px;
}
#EditableTextField207.field .middleColumn textarea {
width:848px;
}


#EditableTextField220.field {
display:block;
width:880px;
float:left;
}

#EditableTextField220.field label{
width:300px;
}

#EditableDropdown221.field {
display:block;
width:880px;
float:left;
}
*/

/* CSS SVIV Forms */
#Form_Form #Form_Form_EditableFormHeading183 {
margin:0px 0px 10px 0px;
height:25px;
}


#Form_Form #Form_Form_EditableFormHeading188,
#Form_Form #Form_Form_EditableFormHeading191,
#Form_Form #Form_Form_EditableFormHeading194,
#Form_Form #Form_Form_EditableFormHeading197 {
width: 270px;
margin:0px 20px 0px 0px;
background:#CFE9FF;
padding:3px 0px 2px 5px;
border:0px;
position:relative;
top:22px;
*top:17px;
}

#EditableRadioField201 .middleColumn .optionset li{
width:250px;
float:left;
display:block;
}

#EditableRadioField201 .middleColumn .optionset li label{
width:200px;
float:left;
display:block;
margin:0px;
}
#EditableRadioField201 .left,
#EditableRadioField202 .left,
#EditableRadioField203 .left {
display:block;
margin:5px 5px 9px 0px;
}

#EditableTextField207.field .middleColumn {
width:855px;
}
#EditableTextField207.field .middleColumn textarea {
width:848px;
}
#EditableTextField207.field label {
width:855px;
}
#EditableTextField207 .left {
width:855px;
display:block;
margin:5px 5px 7px 0px;
}

#EditableRadioField209.field {
width:855px;
}

#EditableRadioField209.field .middleColumn {
width:855px;
}


#EditableTextField220.field label.left{
width:300px;
font-weight:200;
}
#EditableDropdown221.field label.left{
font-weight:200;
}

#EditableRadioField210.field {
width:855px;
}

#EditableRadioField210.field .middleColumn {
width:855px;
}
#EditableTextField216.field label.left {
font-weight:200;
}
#EditableTextField215.field {
width:150px;
}
#EditableTextField215.field .middleColumn {
width:150px;
}
#EditableTextField215.field .middleColumn input {
width:145px;
}
#EditableTextField215.field label.left {
font-weight:200;
}
#EditableDropdown212.field {
width:100px;
margin-right:25px;
}
#EditableDropdown212.field .middleColumn {
width:100px;
}
#EditableDropdown212.field .middleColumn select {
width:60px;
}
#EditableDropdown212.field label.left {
font-weight:200;
}
#EditableRadioField307.field label.left{
font-weight:200;
}

/* CSS Suomi Forms */

#Form_Form #Form_Form_EditableFormHeading261 {
margin:0px 0px 10px 0px;
height:25px;
}


#Form_Form #Form_Form_EditableFormHeading268,
#Form_Form #Form_Form_EditableFormHeading271,
#Form_Form #Form_Form_EditableFormHeading274,
#Form_Form #Form_Form_EditableFormHeading277 {
width: 270px;
margin:0px 20px 0px 0px;
background:#CFE9FF;
padding:3px 0px 2px 5px;
border:0px;
position:relative;
top:22px;
*top:17px;
}


#EditableRadioField281 .left,
#EditableRadioField282 .left,
#EditableRadioField283 .left {
display:block;
margin:5px 5px 9px 0px;
}

#EditableRadioField281 .middleColumn .optionset li{
width:250px;
float:left;
display:block;
}

#EditableRadioField281 .middleColumn .optionset li label{
width:200px;
float:left;
display:block;
}

#EditableTextField287 .left {
width:855px;
display:block;
margin:5px 5px 7px 0px;
}

#EditableTextField287.field .middleColumn {
width:855px;
}
#EditableTextField287.field .middleColumn textarea {
width:848px;
}
#EditableTextField287.field label {
width:855px;
}

#EditableRadioField289.field {
width:855px;
}

#EditableRadioField289.field .middleColumn {
width:855px;
}


#EditableTextField290.field label.left{
width:300px;
font-weight:200;
}
#EditableDropdown291.field label.left{
font-weight:200;
}

#EditableRadioField292.field {
width:855px;
}

#EditableRadioField292.field .middleColumn {
width:855px;
}
#EditableTextField293.field label.left {
font-weight:200;
}
#EditableTextField294.field {
width:150px;
}
#EditableTextField294.field .middleColumn {
width:150px;
}
#EditableTextField294.field .middleColumn input {
width:145px;
}
#EditableTextField294.field label.left {
font-weight:200;
}
#EditableDropdown295.field {
width:100px;
margin-right:25px;
}
#EditableDropdown295.field .middleColumn {
width:100px;
}
#EditableDropdown295.field .middleColumn select {
width:60px;
}
#EditableDropdown295.field label.left {
font-weight:200;
}
#EditableRadioField308.field label.left{
font-weight:200;
}


/* ########## CSS DWW Forms ############### */


#Form_Form #Form_Form_EditableFormHeading223 {
margin:0px 0px 10px 0px;
height:25px;
}


#Form_Form #Form_Form_EditableFormHeading230,
#Form_Form #Form_Form_EditableFormHeading233,
#Form_Form #Form_Form_EditableFormHeading236,
#Form_Form #Form_Form_EditableFormHeading239 {
width: 270px;
margin:0px 20px 0px 0px;
background:#CFE9FF;
padding:3px 0px 2px 5px;
border:0px;
position:relative;
top:22px;
*top:17px;
}

#EditableRadioField243 .left,
#EditableRadioField244 .left,
#EditableRadioField245 .left {
display:block;
margin:5px 5px 9px 0px;
}

#EditableTextField249 .left {
width:855px;
display:block;
margin:5px 5px 7px 0px;
}

#EditableRadioField243 .middleColumn .optionset li{
width:250px;
float:left;
display:block;
}

#EditableRadioField243 .middleColumn .optionset li label{
width:200px;
float:left;
display:block;
}

#EditableTextField249.field .middleColumn {
width:855px;
}
#EditableTextField249.field .middleColumn textarea {
width:848px;
}
#EditableTextField249.field label {
width:855px;
}

#EditableRadioField251.field {
width:855px;
}

#EditableRadioField251.field .middleColumn {
width:855px;
}


#EditableTextField252.field label.left{
width:300px;
font-weight:200;
}
#EditableDropdown253.field label.left{
font-weight:200;
}

#EditableRadioField254.field {
width:855px;
}

#EditableRadioField254.field .middleColumn {
width:855px;
}
#EditableTextField255.field label.left {
font-weight:200;
}
#EditableTextField256.field {
width:150px;
}
#EditableTextField256.field .middleColumn {
width:150px;
}
#EditableTextField256.field .middleColumn input {
width:145px;
}
#EditableTextField256.field label.left {
font-weight:200;
}
#EditableDropdown257.field {
width:100px;
margin-right:25px;
}
#EditableDropdown257.field .middleColumn {
width:100px;
}
#EditableDropdown257.field .middleColumn select {
width:60px;
}
#EditableDropdown257.field label.left {
font-weight:200;
}
#EditableRadioField306.field label.left{
font-weight:200;
}
/* ########## CSS General Inquiry Forms ############### */


#Form_Form #Form_Form_EditableFormHeading309 {
margin:0px 0px 10px 0px;
height:25px;
}


#Form_Form #Form_Form_EditableFormHeading316,
#Form_Form #Form_Form_EditableFormHeading319,
#Form_Form #Form_Form_EditableFormHeading322,
#Form_Form #Form_Form_EditableFormHeading325 {
width: 270px;
margin:0px 20px 0px 0px;
background:#CFE9FF;
padding:3px 0px 2px 5px;
border:0px;
position:relative;
top:22px;
*top:17px;
}

#EditableRadioField329 .left,
#EditableRadioField330 .left,
#EditableRadioField331 .left {
display:block;
margin:5px 5px 9px 0px;
}

#EditableTextField249 .left {
width:855px;
display:block;
margin:5px 5px 7px 0px;
}

#EditableRadioField329 .middleColumn .optionset li{
width:250px;
float:left;
display:block;
}

#EditableRadioField329 .middleColumn .optionset li label{
width:200px;
float:left;
display:block;
}

#EditableTextField335.field .middleColumn {
width:855px;
}
#EditableTextField335.field .middleColumn textarea {
width:848px;
}
#EditableTextField335.field label {
width:855px;
}
#EditableTextField335 .left {
width:855px;
display:block;
margin:5px 5px 7px 0px;
}

#EditableRadioField337.field {
width:855px;
}

#EditableRadioField337.field .middleColumn {
width:855px;
}


#EditableTextField338.field label.left{
width:300px;
font-weight:200;
}
#EditableDropdown339.field label.left{
font-weight:200;
}

#EditableRadioField340.field {
width:855px;
}

#EditableRadioField340.field .middleColumn {
width:855px;
}
#EditableTextField341.field label.left {
font-weight:200;
}
#EditableTextField342.field {
width:150px;
}
#EditableTextField342.field .middleColumn {
width:150px;
}
#EditableTextField342.field .middleColumn input {
width:145px;
}
#EditableTextField342.field label.left {
font-weight:200;
}
#EditableDropdown343.field {
width:100px;
margin-right:25px;
}
#EditableDropdown343.field .middleColumn {
width:100px;
}
#EditableDropdown343.field .middleColumn select {
width:60px;
}
#EditableDropdown343.field label.left {
font-weight:200;
}
#EditableRadioField344.field label.left{
font-weight:200;
}

/*Modifications*/

#Form_Form {
display:block;
width:590px;
float:left;
margin:0px 0px 0px 0px;
border:0px;
}
#Form_Form h3.FormHeading {
display:block;
width:585px;
float:left;
margin:10px 0px 10px 0px;
font-size:18px;
color:#4192CA;
letter-spacing:-1px;
height:25px;
padding:3px 0px 2px 5px;
font-weight:700;
border-bottom:1px solid #4192CA;
background: #CFE9FF;
}
/*Editable TextFields*/

#EditableTextField310.field,
#EditableTextField311.field,
#EditableTextField313.field,
#EditableTextField314.field,
#EditableTextField315.field,
#EditableTextField317.field,
#EditableTextField318.field,
#EditableTextField320.field,
#EditableTextField321.field,
#EditableTextField323.field,
#EditableTextField324.field,
#EditableTextField326.field,
#EditableTextField327.field,
#EditableEmailField312.field
{
width:300px;
margin:0px 0px 5px 0px;
}





#EditableTextField310.field label.left,
#EditableTextField311.field label.left,
#EditableTextField313.field label.left,
#EditableTextField314.field label.left,
#EditableTextField317.field label.left,
#EditableTextField320.field label.left,
#EditableTextField323.field label.left,
#EditableTextField326.field label.left
{
width:60px;
height:15px;
float:left;
padding-top:5px;
border:0px;
}
#EditableTextField310.field .middleColumn,
#EditableTextField311.field .middleColumn,
#EditableTextField313.field .middleColumn,
#EditableTextField314.field .middleColumn,
#EditableTextField317.field .middleColumn,
#EditableTextField320.field .middleColumn,
#EditableTextField323.field .middleColumn,
#EditableTextField326.field .middleColumn
{
width:240px;
height:34px;
display:inline;
padding:7px 3px 7px 3px;
background:none;
}
#EditableTextField310.field .middleColumn input,
#EditableTextField311.field .middleColumn input,
#EditableTextField313.field .middleColumn input,
#EditableTextField314.field .middleColumn input,
#EditableTextField317.field .middleColumn input,
#EditableTextField320.field .middleColumn input,
#EditableTextField323.field .middleColumn input,
#EditableTextField326.field .middleColumn input
{
width:220px;
}

/*---------------------------------------*/
#EditableTextField314.field label.left,
#EditableTextField315.field label.left,
#EditableTextField318.field label.left,
#EditableTextField321.field label.left,
#EditableTextField324.field label.left,
#EditableTextField327.field label.left
{
width:140px;
height:15px;
float:left;
padding-top:5px;
border:0px;
}

#EditableTextField314.field .middleColumn,
#EditableTextField315.field .middleColumn,
#EditableTextField318.field .middleColumn,
#EditableTextField321.field .middleColumn,
#EditableTextField324.field .middleColumn,
#EditableTextField327.field .middleColumn
{
width:100px;
height:34px;
display:inline;
padding:7px 3px 7px 3px;
background:none;
}

#EditableTextField314.field .middleColumn input,
#EditableTextField315.field .middleColumn input,
#EditableTextField318.field .middleColumn input,
#EditableTextField321.field .middleColumn input,
#EditableTextField324.field .middleColumn input,
#EditableTextField327.field .middleColumn input
{
width:140px;
}

/*Editable EmailFields*/
#EditableEmailField312.field label.left
{
width:60px;
height:15px;
float:left;
padding-top:5px;
border:0px;
}
#EditableEmailField312.field .middleColumn
{
width:240px;
height:34px;
display:inline;
padding:7px 3px 7px 3px;
background:none;
}
#EditableEmailField312.field .middleColumn input
{
width:220px;
}
/*Editable DropdownFields*/

#EditableDropdown348.field
{
width:590px;
height:25px;
padding:3px;
background:#efefef;
margin:10px 0px 10px 0px;
}

#EditableDropdown348.field label.left
{
width:230px;
height:15px;
float:left;
padding:5px 5px 5px 5px;
border:0px;
}
#EditableDropdown348.field .middleColumn
{
width:240px;
height:34px;
display:inline;
padding:7px 3px 7px 3px;
background:#efefef;
}
#EditableDropdown348.field .middleColumn select
{
width:42px;
}
/* ------------ Editable RadioFields -------- */
#EditableRadioField329.field,
#EditableRadioField330.field,
#EditableRadioField331.field,
#EditableRadioField332.field,
#EditableRadioField333.field,
#EditableRadioField337.field
 {
width:590px;
height:40px;
margin-right:10px;
border-bottom:1px dotted #8F8F8F;
}



#EditableRadioField329.field label.left,
#EditableRadioField330.field label.left,
#EditableRadioField331.field label.left,
#EditableRadioField332.field label.left,
#EditableRadioField333.field label.left,
#EditableRadioField337.field label.left 
{
width:300px;
height:30px;
float:left;
margin-top:5px;
margin-right:0px;
}
#EditableRadioField329.field .middleColumn,
#EditableRadioField330.field .middleColumn,
#EditableRadioField331.field .middleColumn,
#EditableRadioField332.field .middleColumn,
#EditableRadioField333.field .middleColumn,
#EditableRadioField337.field .middleColumn
{
background:none;
margin-top:3px;
display:inline;
}
#EditableRadioField329.field .middleColumn ul,
#EditableRadioField330.field .middleColumn ul,
#EditableRadioField331.field .middleColumn ul,
#EditableRadioField332.field .middleColumn ul,
#EditableRadioField333.field .middleColumn ul,
#EditableRadioField337.field .middleColumn ul
{
display:inline;
}
#EditableRadioField329.field .middleColumn ul li,
#EditableRadioField330.field .middleColumn ul li,
#EditableRadioField331.field .middleColumn ul li,
#EditableRadioField332.field .middleColumn ul li,
#EditableRadioField333.field .middleColumn ul li,
#EditableRadioField337.field .middleColumn ul li
{
display:block;
margin-top:5px;
margin-left:0px;
float:right;
width:180px;
}
#EditableRadioField329.field .middleColumn ul li.even,
#EditableRadioField330.field .middleColumn ul li.even,
#EditableRadioField331.field .middleColumn ul li.even,
#EditableRadioField332.field .middleColumn ul li.even,
#EditableRadioField333.field .middleColumn ul li.even,
#EditableRadioField337.field .middleColumn ul li.even
{

width:60px;
float:left;
}

#EditableRadioField330.field .middleColumn ul li.odd,
#EditableRadioField331.field .middleColumn ul li.odd,
#EditableRadioField332.field .middleColumn ul li.odd,
#EditableRadioField333.field .middleColumn ul li.odd,
#EditableRadioField337.field .middleColumn ul li.odd
{
width:60px;
float:left;
margin-left:70px;
}
#EditableRadioField329.field .middleColumn ul li.odd
{
width:220px;
float:right;
}
/* ---- Comments ---- */

#EditableTextField335.field
 {
width:590px;
}
#EditableTextField335.field .middleColumn
 {
width:590px;
padding:0px;
background:none;
}
#EditableTextField335.field .middleColumn textarea
 {
width:588px;
padding:0px;
height:70px;
}