/* ############################################################################## */

.data-entry					{ margin: 0; text-align:left; }
.data-entry fieldset 		{ width:100%; 	padding:10px 0; border:none; margin:25px 0 10px 0; 
							  position:relative; }
.data-entry legend 			{ background:none; font-size:1.2em;  font-weight:bold; color:#333; margin: 0; }
.data-entry legend 			{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
							  width: 96%; } /* required for ie compatibility */
							  
.data-entry legend 			{ 
  	color: #222;
	font-size: 20px;
	font-weight: normal;
	padding: 21px 0 7px; }

		
.data-entry li h2 			{ margin: 0!important;}		
.data-entry li h2,
.data-entry li h3,				  
.data-entry li p 			{ line-height: 1.35em;  color:#444;}						  
.data-entry li 				{ padding:5px 0 5px 5px;  list-style:none; list-style-image:none; }
.data-entry ul 				{ padding:0; margin:0; }
.data-entry label 			{ font-size:1.2em; font-weight:bold; padding:2px 10px 3px 0; display:block; color:#444;}
.data-entry .required 			{ color:#c00; }
/*.data-entry input.quicksubmit 	{ -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5); 
							  background:url("../images/white-highlight.png") repeat-x scroll left top #660; 
							  border:medium none!important; color:#FFFFFF;  float: right;
							  line-height:20px; margin:5px auto; padding:5px 10px; width:100px; text-align:center; display:block; } */

.data-entry input.deletebutton	{ -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5); 
							  background:url("../images/white-highlight.png") repeat-x scroll left top #C00; 
							  border:medium none!important; color:#FFFFFF; float: right;
							  line-height:20px; margin:5px auto; padding:5px 10px; width:100px; text-align:center; display:block; } 

.data-entry select,
.data-entry input, 
.data-entry textarea 			{ display:block;  border: 1px solid #ddd; width:98%; padding: 5px 2%; margin: 3px 0;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.data-entry select				{ text-indent:2px; width:50%; padding:5px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.data-entry input				{ text-indent:5px;width:50%;}
.data-entry textarea 			{ width:96%; height: 150px; }

.data-entry textarea:focus,
.data-entry input[type="text"]:focus{ background: #FEFFFc ; border: #FF9900 1px solid; } 
.data-entry div.checks 			{ font-size:1em; margin:0 0 10px 170px; }
.data-entry div.checks input		{ margin:0 5px 0 0; float:left; }
.data-entry input[type="checkbox"],							  
.data-entry input[type="radio"] { width: auto; display:inline; vertical-align:middle; margin-right:10px; clear:left;}
.data-entry .fmcheck 			{ font-size:1.1em; font-weight:normal; }

.data-entry .btn_save { float:right; background:#009900; color:#fff; font-weight:bold; text-transform:uppercase; 
							  display:block; text-align:center; padding: 5px; width: 100px;}
.data-entry .btn_delete { float:left; background:#990000; color:#fff; font-weight:bold; text-transform:uppercase;
								display:block; text-align:center; padding: 5px; width: 100px;}
								
.data-entry input.quicksubmit { float:left; color:#fff; font-weight:bold; text-transform:uppercase; border:none;  cursor:pointer; display:block; text-align:center; height:33px; width: 123px;  background: #336600;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}								
.data-entry input.quicksubmit:hover { background: #FF9900;}
								
.message_sent { font-size:1.4em; color:#444; font-weight:bold;}

.data-entry input.fmverify { width: 50px; display:inline; clear:left;}
.data-entry img.ddfm_verify { display:inline; vertical-align:middle; padding-bottom:5px;}


/* ############################# */
/* ############################################################################## */

.green-panel				{ margin: 0; text-align:left; }
form.green-panel 	 		{ width:auto; 	padding:10px ; border:1px solid #c69f09; margin:0 0 10px 0; 
							  background: #009f95; position:relative;
							  border-radius:5px 5px 5px 5px;  
							  box-shadow:0px 0px 10px rgba(198, 159, 9, 0.5); 
							  -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:0px 0px 10px rgba(198, 159, 9, 0.5); 
							  }
.green-panel fieldset		{ background:none; border:none; padding:0 0 40px; }						  
.green-panel legend 			{ display:none; }
.green-panel legend 			{ position: absolute; left: -1px; top: -25px; } /* required for ie compatibility */

.green-panel li h2,		
.green-panel li h3,
.green-panel li p			{ margin: 0!important; color:#fff; line-height:19px; padding:8px 0}						  
.green-panel li 			{ padding:0 ;  list-style:none; list-style-image:none; position:relative;}
.green-panel ul 			{ padding:0; margin:0; }
.green-panel label 			{ font-size:12px; font-weight:bold; padding:8px 10px 8px 0; display:block; color:#fff; float:left; line-height:19px; }
.green-panel label[for="fm_message"] { width: 34%;}

.green-panel .required 			{ color:red; }
/*.green-panel input.quicksubmit 	{ -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5); 
							  background:url("../images/white-highlight.png") repeat-x scroll left top #660; 
							  border:medium none!important; color:#FFFFFF;  float: right;
							  line-height:20px; margin:5px auto; padding:5px 10px; width:100px; text-align:center; display:block; } */

.green-panel input.deletebutton	{ -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5); 
							  background:url("../images/white-highlight.png") repeat-x scroll left top #C00; 
							  border:medium none!important; color:#FFFFFF; float: right;
							  line-height:20px; margin:5px auto; padding:5px 10px; width:100px; text-align:center; display:block; } 

.green-panel select,
.green-panel input, 
.green-panel textarea 			{ display:block; float:right;
								  border:1px solid #c69f09; width:100%; padding: 5px 0; margin: 3px 0;
								  border-radius:5px 5px 5px 5px;  
								  box-shadow:0px 0px 5px rgba(198, 159, 9, 0.5); 
								  -moz-border-radius:5px 5px 5px 5px; 
								  -moz-box-shadow:0px 0px 5px rgba(198, 159, 9, 0.5);}
.green-panel select				{ text-indent:2px; width:40%; padding:4px 5px; margin:0;}
.green-panel input				{ text-indent:5px; width:60%; border:1px solid #c69f09;
								  border-radius:5px 5px 5px 5px;  
								  box-shadow:0px 0px 5px rgba(198, 159, 9, 0.5); 
								  -moz-border-radius:5px 5px 5px 5px; 
								  -moz-box-shadow:0px 0px 5px rgba(198, 159, 9, 0.5);}
								  
.green-panel input[type="checkbox"],							  
.green-panel input[type="radio"] { width: auto;}
.green-panel .inline { color:#fff; font-size:12px; font-weight:bold;}								  
.green-panel .inline input[type="checkbox"]{ position: absolute; top: 10px; left: 0px;}								  
.green-panel textarea 			{ width:97%; height: 150px; padding:5px;  }
.green-panel textarea.shortmessage { width: 58%; height: 70px;}
.green-panel div.checks 			{   color: #FFFFFF;
									float: right; font-weight:bold;
									font-size: 12px;
									margin: 0 18px 0 0px;
									padding: 8px;}
.green-panel div.checks input		{ margin:0 5px 0 0; float:left; }


.green-panel .btn_save { float:right; background:#009900; color:#fff; font-weight:bold; text-transform:uppercase; 
							  display:block; text-align:center; padding: 5px; width: 100px;}
.green-panel .btn_delete { float:left; background:#990000; color:#fff; font-weight:bold; text-transform:uppercase;
								display:block; text-align:center; padding: 5px; width: 100px;}
								
.green-panel input.quicksubmit {  background:url(../images/btn_submit.png) no-repeat; color:#fff; font-weight:bold; text-transform:uppercase; border:none; text-indent:-9999px; cursor:pointer; box-shadow:none; border:none;
								display:block; text-align:center; height:34px; width: 92px;}								
								
.message_sent { font-size:1.4em; color:#444; font-weight:bold;}

.green-panel input.fmverify { width: 50px; display:inline; clear:left;}
.green-panel img.ddfm_verify { display:inline; vertical-align:middle; padding-bottom:5px;}



.green-panel  div.previous { position:absolute; bottom:10px; left: 10px;z-index:100; background:url(../images/form_nav_buttons.png) no-repeat 0 0!important; width: 90px!important; height:30px!important; margin: 10px 0 0 0px!important; cursor:pointer;}
.green-panel  div.next 	   { position:absolute; bottom:10px; right: 10px; z-index:100; background:url(../images/form_nav_buttons.png) no-repeat -366px 0!important; width: 90px!important; height:30px!important;margin: 10px 0 0 0px!important; cursor:pointer; }


			
/* #################### */

.green-panel.compact fieldset.w66 { width:60%; display:inline; margin-right:10px; }
.green-panel.compact fieldset.w66 label { padding: 0 0 3px; width:100%;}
.green-panel.compact fieldset.w66 input,
.green-panel.compact fieldset.w66 select {  width:100%}
.green-panel.compact fieldset.w66 textarea {  width:96%; }
.green-panel.compact fieldset.w66 textarea.shortmessage { width: 96%; height: 70px;}


.green-panel.compact fieldset.w33 { width:37%; display:inline;float:right;}
	
.green-panel.compact fieldset.w33 li.inset { background:url(../images/form_inset.png) no-repeat; padding-top: 170px;margin: 25px 0 20px 0;}								
.green-panel.compact fieldset.w33 li.inset label { float:none; padding: 8px 0 16px;}
.green-panel.compact fieldset.w33 div.fm_radio.inset { width:50%; float:left;}
.green-panel.compact fieldset.w33 div.fm_radio {   color: #FFFFFF;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding: 0;}
.green-panel.compact fieldset.w33 div.fm_radio input[type="radio"] { margin: 3px 10px;}	

/* ############################################################################## */

.ddfmwrap { width:auto; 	padding:10px; border:1px solid #cc0000; margin:0 0 10px 0; 
							  background: url(../images/quotation_bg.jpg) repeat-y;  position:relative;
							  border-radius:5px 5px 5px 5px;  
							  box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); 
							  -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); }
.ddfmerrors { font-size:14px; color:#009F95; font-weight:bold; line-height:35px;}
.errorlist { font-size:12px; line-height:30px; font-weight:bold; padding: 0 10px}

/* ############################################################################## */

#multistep_form { display:block; width:460px; }
#multistep_form div#enq { display:block; width:100%; }

li.force_nl label { width:100%;}
.green-panel li.shortmessage label { width: 34%;}
.green-panel li.mediummessage label { width: 60%;}

/* ############################################################################## */

#form_steps{ list-style:none;  height: 28px; paddin: 0 0 0 12px;}
#form_steps li { float:left; background:url(../images/form_groove_bg.png) repeat-x;margin:0; padding:0}

#form_steps li a { background:url(../images/navigation_bullets.png) no-repeat 0 -115px;; height:28px; display:block; margin:5px 1px; padding:0; width: 19px; opacity:.5;}
#form_steps li a.activeSlide { opacity:1; background:url(../images/navigation_bullets.png) no-repeat 0 0;}
#form_steps li:first-child { background:url(../images/form_groove.png) left; width:19px; height:28px; display:block; padding: 0 0 0 4px; text-align:right; }
#form_steps li:last-child { background:url(../images/form_groove.png) -70px 0; width:19px; height:28px; display:block; padding: 0 4px 0 0;}

/* ############################################################################## */


#callback 	{ clear: both; color: #eee; display: block; padding: 4px; margin: 10px ; position:relative; background:#fff; text-align:left}
#callback div.title { color:#123F6D; padding: 10px 0px; font-size:2.1em; font-weight:bold;}
#callback p { color:#555; padding: 0 ; font-size:1.3em; font-weight:normal;}
#callback form { margin:0;}

/* form styles */

ul.mini-form {margin: 10px 0px 5px; list-style:none;}
ul.mini-form li { margin: 10px auto;}
ul.mini-form li p {   color: #555555;     font-size: 1.3em;      font-weight: normal;     padding: 0;}
ul.mini-form select { width: 255px; background:#fff; color:#666; padding: 4px;}
ul.mini-form input  { width: 255px; padding: 4px; background-position:0 -10px; color:#666;}
ul.mini-form label { color:#555; padding: 0 ; font-size:1.3em; font-weight:normal;}
ul.mini-form input.btn_submit { background: url('../images/btn_submit.png') 0 0px no-repeat; width: 135px; height:30px; display:block; text-indent:-9999px; margin: 5px 0;}
ul.mini-form input.btn_submit:hover { background: url('../images/btn_submit.png') 0 -30px no-repeat; width: 135px; height:30px;}

.panel p { padding: 5px 15px; font-size: 1.0em;}

.rounded_corners {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;			
	border-radius: 5px;
	behavior: url(border-radius.htc);
}

.boxed {	
			border: 1px solid #d9d9d9;}

.panel		{ margin: 10px auto 20px; padding: 0 0 10px 0;}		

a.btn_submit { background: url('../images/btn_submit.png') 0 0px no-repeat; width: 135px; height:30px; display:block; text-indent:-9999px; margin: 5px 0;}
a.btn_submit:hover { background: url('../images/btn_submit.png') 0 -30px no-repeat; width: 135px; height:30px;}

/* ############################################################################## */
				
/* ############################################################# */

.webform { 
	font-size: 10px;    
	color: #000000;
    font-weight: normal;
    line-height: 1.35em;
    padding: 0;}
	
.webform ul  { margin: 5%; padding: 0;}	

.webform fieldset 			{     background: #FFFFFF url('../images/hatch.png');
    border: 1px solid #DDDDDD;
	background: #e6e7e8;
    margin: 0;
    padding: 0;
    position: relative;}
.webform legend 			{ 
	background-color: #B80000;
    border: 1px solid #DDDDDD;
    color: #FFFFFF;
    margin: 0 0 0 -1px;
    padding: 4px 10px;
    text-transform: uppercase;}
	
.webformlegend 			{ position: absolute; left: -1px; top: -14px; } /* required for ie compatibility */
						  
.webform ul li 			{ padding:0!important; clear:both; min-height:16px; margin: 5px auto 0 ;
						  list-style:none; list-style-image:none; }

.webform label 			{   
	float: left; width: 31%;    
    padding: 0 2% 0 0;
    text-align: left; }
.webform .required 			{ color:red; }
.webform input.quicksubmit 	{ border: 1px solid #ccc; background:#4E94B8; color:#fff; font-size:1.2em; margin: 10px 0 20px 130px;}
.webform input				{
    display: block;
    float: right;
	padding: 1%;
	border: 1px solid #ccc;
    margin: 0 ; 
	width: 63%;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
} 
.webform textarea 			{     border: 1px solid #DDDDDD;
    display: block;
    float: left;padding: 2px;
    line-height: 1.5em;
    margin: 0 10px 0 0;
	border: 1px solid #ccc; 
	min-height: 80px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	width: 100%;}
.webform .textfieldwidth 			{ width:235px; }

.webform .checks 			{ font-size:1em; margin:0 0 10px 170px; }
.webform .checks input 		{ margin:0 5px 0 0; float:left; }