/*Form elements design*/

.designform textarea:focus,.designform input:focus {
    outline: none;
}

.designform textarea {
  resize: vertical;
}


.designform input, .designform select, .designform textarea, .designform  .quantity select  {
    border: 1px solid #C0C0C0;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 3px 3px 5px -2px #EEEEEE inset;
    display: inline-block;
    font-size: 11pt;
    /*height: 24px; */
    padding: 3px 4px;
    position: relative;
/*    width: 136px; */
}
 .designform  .quantity select  {
	padding: 0px 4px !important;
 }

/*
.designform input[type="text"]:focus, .designform textarea:focus {
    border: 1px solid #77f;
    box-shadow: 3px 3px 10px -2px #9ac2ea inset;
}

.designform input[type="text"] {
	font-size: 17px !important;
	font: 17px "Tahoma", "Arial", sans-serif !important;
	padding: 4px  !important;
	height: 23px  !important;
}
*/
/*
.designform label.two-line {
    line-height: 12px;
    padding-top: 0;
}

.designform  label {
    display: block;
    float: left;
    font-weight: bold;
    padding: 5px 9px 0 0;
    position: relative;
    text-align: right;
    width: 119px;
}
*/

.designform  label {
/*    display: block; */
    font-weight: bold;
    padding-left: 3px; 
    color:#444;
}

.designform  label:hover {
    color:#000;
}

.designform .nowrap label {
    padding-left: 0; 
}

.designform label.error {
    color:#f00;
    font-weight:normal;
    clear:both;
    display:block;
}


.designform  .field-row {
    display: block;
    margin: 0 0 12px;
    position: relative;
}


.designform .input_text, .designform .input_text_half {
    border: 1px solid #CCCCCC;
    height: 15px;
    margin: 0;
    outline: medium none;
    padding: 2px;
}

.designform input, .designform select, .designform textarea {
    color: #353C3F;
/*    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
*/

}


.designform input[type="submit"], .designform input[type="button"], a.form-button, a.form-button:visited {

	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	color: #ffffff;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#327fce), to(#27609a));
	background: -moz-linear-gradient(top,  #327fce,  #27609a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#327fce', endColorstr='#27609a');
	cursor: pointer;

	font-size: 12px;
	padding: .4em .5em .42em .5em;

	height: auto;

}

.designform input[type="radio"], .designform input[type="checkbox"]{
	height:auto;
	width:auto;
}

.designform input[type="submit"]:hover, .designform input[type="button"]:hover, a.form-button:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#63b0ff), to(#00549e));
	background: -moz-linear-gradient(top,  #63b0ff,  #00549e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b0ff', endColorstr='#00549e');
}

.designform input[type="submit"]:active, .designform input[type="button"]:active, a.form-button:active {
	position: relative;
	top: 1px;

	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#27609a), to(#327fce));
	background: -moz-linear-gradient(top,  #27609a,  #327fce);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#27609a', endColorstr='#327fce');
}

.designform input[type="submit"]:disabled, .designform input[type="button"]:disabled, a.form-button:disabled {
    color: #B9B9B9;
    cursor: default;
}
.designform input[type="submit"]:disabled:active, .designform input[type="button"]:disabled:active, a.form-button:disabled:active {
    top: 0px;
}
.designform input[type="submit"]:disabled:hover, .designform input[type="button"]:disabled:hover, a.form-button:disabled:hover {
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#327fce), to(#27609a));
    background: -moz-linear-gradient(top,  #327fce,  #27609a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#327fce', endColorstr='#27609a');
}


.designform fieldset {
	background:#eee;
	border:1px solid #aaa;
	border-radius: 7px;

	padding:10px;
	margin:15px 0;
	display:block;
}

.designform legend {
	color:#f2f2f2;
	background:#555;
	border-radius: 5px 5px 0 0;
	font-size:16pt;
/*	border:1px solid #000;
	border-bottom:none;
	font-weight:bold; */
	padding: 5px 10px 3px 10px;
	border-bottom: 1px solid #fff;

    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18pt;

    text-shadow: 0 1px 0 #000;

}

.designform select{
/*	width: 270px; */
}

div.form_element{
   padding: 5px 0;
}

.form_element label{
   display:inline-block;
   width:150px;
   text-align:right;
   padding-right: 10px;
}

.form_element span label{
   display:inline;
   text-align:inherit;
   padding-left: 0;
   padding-right: 0;
}

.form_element span{
   display:inline-block;
   padding-right: 10px;
}

/*formdesign end */






/*-------   Custom form design, for checbox and radio    --------*/
	
/*	wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 1.3em;
	padding-right: 1em;
	line-height: 1;
	padding: .5em 0 .5em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
}

	
/* states */
.custom-checkbox label { background: url(../images/checkbox.gif) no-repeat; }

.custom-radio label { background: url(../images/radiobutton.gif) no-repeat; }

.custom-checkbox label, .custom-radio label {
	background-position: -10px -14px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -10px -114px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: -10px -214px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -10px -314px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}


/*-------  END  Custom form design, for checbox and radio    --------*/



.designform span.checked{
  border: none;
  color: #0acd0a; 
  padding-left:20px;
  margin-left:5px;
  background: url(../images/ico/accept.png) left no-repeat !important;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}

.designform span.error {
/*  border: 1px solid #9e0505;*/
  border: none;
  color: #cd0a0a; 
  padding-left:20px;
  margin-left:5px;
  background: url(../images/ico/exclamation.png) left no-repeat;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}

.designform span.info {
  border: none;
  color: #000000;
  padding-left:20px;
  margin-left:5px;
  background: url(../images/ico/form_info.png) left no-repeat;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}


.default-button, .default-button-cancel {
	display: inline-block !important;
	zoom: 1 !important; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline !important;
	vertical-align: baseline !important;
	margin: 0 2px !important;
	outline: none !important;
	text-align: center !important;
	text-decoration: none !important;
	font: 14px/100% Arial, Helvetica, sans-serif !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
	-webkit-border-radius: .5em !important; 
	-moz-border-radius: .5em !important;
	border-radius: .5em !important;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	color: #ffffff !important;
	border: solid 1px #0076a3 !important;
	background: #0095cd !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#327fce), to(#27609a)) !important;
	background: -moz-linear-gradient(top,  #327fce,  #27609a) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#327fce', endColorstr='#27609a') !important;
	cursor: pointer !important;
	font-size: 12px !important;
    padding: .4em .5em .42em .5em;
}

.default-button:hover {
	background: #007ead !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#63b0ff), to(#00549e)) !important;
	background: -moz-linear-gradient(top,  #63b0ff,  #00549e) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b0ff', endColorstr='#00549e') !important;
}

.default-button:active {
	position: relative !important;
	top: 1px !important;

	color: #80bed6 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#27609a), to(#327fce)) !important;
	background: -moz-linear-gradient(top,  #27609a,  #327fce) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#27609a', endColorstr='#327fce') !important;
}

.default-button-cancel {
	color: #fff !important;
	background: #afafaf !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#afafaf), to(#5d5d5d)) !important;
	background: -moz-linear-gradient(top,  #afafaf,  #5d5d5d) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#afafaf', endColorstr='#5d5d5d') !important;
	border: solid 1px #777777 !important;
}
.default-button-cancel:hover {
    background: #5d5d5d !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#5d5d5d), to(#afafaf)) !important;
    background: -moz-linear-gradient(top,  #5d5d5d,  #afafaf) !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d5d5d', endColorstr='#afafaf') !important;
}
.default-button-cancel:active {
    top: 0px !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#5d5d5d), to(#5d5d5d)) !important;
    background: -moz-linear-gradient(top,  #5d5d5d,  #5d5d5d) !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d5d5d', endColorstr='#5d5d5d') !important;
}