form { 
		/*--float: left;--*/
		border: 1px solid #ddd; 
		padding: 10px; 
		width: 100%;
		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px; 		
		
		/* -- CSS3 - create a background graident -- */
		background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF)); 
		background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); 
		
		/* -- CSS3 - add a drop shadow -- */
		-webkit-box-shadow:0px 0 50px #ccc;
		-moz-box-shadow:0px 0 50px #ccc; 
		box-shadow:0px 0 50px #ccc;		 		
	}	
	
	fieldset {padding: 10px 20px 20px 20px;
	margin: 0 auto;
	border: 0;
	background-color: #fff;
	width: 100%;
	text-align: left;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #d3d3d3; 
	-webkit-box-shadow: 0px 2px 10px #d3d3d3; 
	box-shadow: 0px 0px 10px #d3d3d3; 
	 }
	 
	 label {	
   display: block;
	font-size: 13px;
	color: #666;
	margin-top: 10px;
	font-weight: bold;
	}
label.error { 
	display: block;
	color: red;                              
	font-size: 11px; 
	font-weight: bold;
}	
	 

	 input[type=text] , input[type=password]{
	    
	   padding: 2px; 
		margin: 4px 0 0px 0; 
		background:#E5E5E5; 
		width: 90%;
		font-size: 14px; 
		color: #555; 
		border: 1px #ddd solid;
		}
		
		.field-icon {
     float: right;
     margin-left: -25px;
     margin-top: -25px;
     position: relative;
     z-index: 2;
}
		
		input[type=text].short ,input[type=number].short{
	    
	   padding: 2px; 
		margin: 4px 0 0px 0; 
		background:#fff; 
		width: 40px; 
		font-size: 14px; 
		color: #555; 
		border: 1px #ddd solid;
		}
		 input[type=text].medium {
	    
	   padding: 2px; 
		margin: 4px 0 0px 0; 
		background: #E5E5E5; 
		width: 140px;
		font-size: 14px; 
		color: #555; 
		border: 1px #ddd solid;
		}
		
		
		input[type=text].long {
	    
	   padding: 2px; 
		margin: 4px 0 0px 0; 
		background: #dcecf6; 
		width: 100%; 
		font-size: 14px; 
		color: #555; 
		border: 1px #ddd solid;
		}
		
	 textarea { 		
		padding: 2px; 
		margin: 4px 0 0px 0; 
		background:#E5E5E5; 
		width: 85%; 
		font-size: 14px; 
		color: #555; 
		border: 1px #ddd solid;
		
		/* -- CSS3 Shadow - create a shadow around each input element -- */ 
		-webkit-box-shadow: 0px 0px 4px #aaa;
		-moz-box-shadow: 0px 0px 4px #aaa; 
		box-shadow: 0px 0px 4px #aaa;
		
		/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
		-webkit-transition: background 0.3s linear;							
	}
	
	textarea {		
		width: 60%; 
		height: 175px; 		 		
	}
	select {		
		width: 60%; 
				 		
	}
	
		
	 .submit { 
		display: inline-block;
		width: 180px; 
		height: 40px;
		color: #333; 
		text-transform: uppercase; 
		margin-top: 10px;
		background-color:#dcecf6;
		border: none;
		/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
		
		-webkit-transition: -webkit-box-shadow 0.3s linear;
		
		/* -- CSS3 - Rounded Corners -- */
		-moz-border-radius: 20px; 
		-webkit-border-radius: 20px;
		border-radius: 20px; 
	} 
	.submit_short { 
	 display: inline-block;	
		width: 50px; 
		color: #CCC; 
		margin-top: 10px;
		background: #CCC url(../admin/images/tick.png) no-repeat;
		border: none;
			/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
		-webkit-transition: -webkit-box-shadow 0.3s linear;
		
		/* -- CSS3 - Rounded Corners -- */
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		border-radius: 4px; 
						
			} 
			
	.verde { 	
	 display: inline-block;
	  	 	width: 180px; 
		height: 40px;
		color: #FFF; 
		text-transform: uppercase; 
		margin-top: 10px;
		background-color:#1FCE15;
		border: none;
		/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
		
		-webkit-transition: -webkit-box-shadow 0.3s linear;
		
		/* -- CSS3 - Rounded Corners -- */
		-moz-border-radius: 20px; 
		-webkit-border-radius: 20px;
		border-radius: 20px; 
	} 
		
		.verde:hover { 
		font-weight: bold;		
		-webkit-box-shadow: 0px 0px 20px #333;
		-moz-box-shadow: 0px 0px 20px #333; 
		box-shadow: 0px 0px 20px #333;	
		cursor:  pointer; 
	}	
			
	.submit:hover { 
	    opacity: 1;
	    background-color #157fc4;	
		cursor:  pointer; 
		background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
      background: -webkit-linear-gradient(top,  #0078a5,  #00adee);
      background: -moz-linear-gradient(top,  #0078a5,  #00adee);
       background: -ms-linear-gradient(top,  #0078a5,  #00adee);
      background: -o-linear-gradient(top,  #0078a5,  #00adee);
        background: linear-gradient(top,  #0078a5,  #00adee)
	}
	.reset { 	
	 display: inline-block;
		width: 180px; 
		height: 40px;
		color: #333; 
		text-transform: uppercase; 
		margin-top: 10px;
		background-color:#F3AFA7;
		border: none;
				/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
		-webkit-transition: -webkit-box-shadow 0.3s linear;
				/* -- CSS3 - Rounded Corners -- */
		-moz-border-radius: 20px; 
		-webkit-border-radius:20px;
		border-radius: 20px; 
						
			
	} 
	.reset_short { 	
		width: 50px; 
		color: #FF0; 
		margin-top: 10px;
		 background:#FF0 url(../admin/images/delete.png) no-repeat ;
		border: none;
			
		
	}
	.reset:hover { 
	background-color:  #FF0000;	
	background: -webkit-gradient(linear, left top, left bottom, from(#980B1A), to(#F45408));
         background: -webkit-linear-gradient(top,  #980B1A,  #F45408);
         background: -moz-linear-gradient(top,  #980B1A,  #F45408);
        background: -ms-linear-gradient(top,  #980B1A,  #F45408);
        background: -o-linear-gradient(top,  #980B1A, #F45408);
         background: linear-gradient(top,  #980B1A,#F45408);
	box-shadow: 0px 0px 20px #dcecf6;	
	cursor:  pointer; 
	color:#FFF;
	}
	
	
fieldset legend {
  font-size: 90%;
  font-weight: bold;
  color: #777;
  margin: 0 0 0 0;
  padding: 0 5px;
  border: 1px #ddd solid;
   -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #d3d3d3; 
	-webkit-box-shadow: 0px 2px 10px #d3d3d3; 
	box-shadow: 0px 0px 10px #d3d3d3; 
  
}
ul.poll,li.poll{list-style-type:none; 
    display: inline;
    border-left: 10px;
    font-weight: bold;
    width:120px;
    padding:5px;
	}
	
input[type=checkbox], input[type=radio] {
   display: inline-block;
   border-left: 20px;
   font-size: 15px;
   line-height: 1em;
   margin: 0 0.5em 0 0;
   padding: 0;
   width: 1.25em;
   height: 1.25em;
   -webkit-border-radius: 0.25em;
   vertical-align: text-top;
 }

 input[type=radio] {
    -webkit-border-radius: 2em; /* Make radios round */
  }
	
  input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
  }
  input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
  }
		
#tick{display:none;}
#cross{display:none;}
/*live validation*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 2px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 2px solid #CC0000;
}