fieldset, label { margin: 0; padding: 0; }

.field, .fbox {
border-radius: 4px;
padding: 10px;
font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
color: #666666;
display: block;
}

.field {
height: 48px;
}

.fbox {
height: 240px;
}

.longform, .longred {
width: 100%;
}

.shortform, .shortred {
width: 54px;
}

.medform, .medred {
width: 200px;
}

.longform, .shortform, .medform {
background-color: #dddddd;
border: 1px solid #000000;
}

.longred, .shortred, .medred {
background-color: #f8363a;
border: 1px solid #000000;
}

.longform:hover, .longform:focus, .shortform:hover, .shortform:focus, .medform:hover, .medform:focus{
background-color: #ffffff;
border: 1px solid #027fca;
}

.longred:hover, .longred:focus, .shortred:hover, .shortred:focus, .medred:hover, .medred:focus {
border: 1px solid #f8363a;
}

.button {
width: auto;
border-radius: 4px;
padding: 10px;
padding-left: 30px;
padding-right: 30px;
font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
color: #ffffff;
display: block;
height: 48px;
border: 1px solid #b1b2b3;
background-color: #b1b2b3;
text-transform: uppercase;
}

.button:hover {
border: 1px solid #027fca;
background-color: #027fca;
}

.sublabel {
display: block;
color: #cccccc;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 14px;
}

.subtext {
display: block;
padding-bottom: 14px;
color: #cccccc;
}


.fieldmargin {
margin-bottom: 14px;
}

.fieldmtop {
margin-top: 14px;
}

.wkdel {
	background: url(../images/wkdel.png) no-repeat left center;
	width: 20px;
	border: none;
	height: 20px;
	cursor: pointer; 
}

.wkdel:hover {
	background: url(../images/wkdela.png) no-repeat left center;
}

.seldiv, .selred {
height: 30px;
max-height: 30px;
border-radius: 4px;
display: inline-block;
overflow: hidden;
background: url(../images/select1.png) top right no-repeat;
    -webkit-transition: background 0s;
    -moz-transition: background 0s;
    -o-transition: background 0s;
    transition-property: background 0s;
    -webkit-transition: border 0.5s;
    -moz-transition: border 0.5s;
    -o-transition: border 0.5s;
    transition-property: border 0.5s;
}
.seldiv {
border: 1px solid #b1b2b3;
}
.seldiv:hover {
border: 1px solid #009ee3;
}
.seldiv:hover, .selred:hover {
background: url(../images/select1.png) bottom right no-repeat;
}
.selred {
background-color: #f8363a;
border: 1px solid #f8363a;
}
.sel240 {
width: 240px;
}
.sel360 {
width: 360px;
}


.selform {
height: 30px;
padding-left: 10px;
padding-right: 10px;
background: transparent;
border: 0;
border-radius: 0;
-webkit-appearance: none;
font-size: 18px;
}
.self270 {
width: 270px;
}
.self390 {
width: 390px;
}

input[type="checkbox"].fcheck, input[type="radio"].fcheck {
    display:none;
}

input[type="checkbox"].fcheck + label span, input[type="radio"].fcheck + label span {
    display:inline-block;
    width:22px;
    height:22px;
	border: 1px solid #b1b2b3;
	border-radius: 3px;
	cursor: pointer;
	vertical-align: middle;
	margin-top: -3px;
}
input[type="checkbox"].fcheck + label span:hover, input[type="radio"].fcheck + label span:hover {
    border: 1px solid #027fca;
}
input[type="checkbox"].fcheck:checked + label span, input[type="radio"].fcheck:checked + label span {
    background: url(../images/checked.png) left top no-repeat;
}

.fcspan {
display: inline-block;
margin-bottom: 5px;
}

.fieldmright, .fieldmrm {
margin-right: 14px;
display: inline-block !important;
}

.fieldmrl {
display: inline-block !important;
}


@media only screen and (max-width: 980px) {
.shortform, .shortred { width: 48px; }
}

@media only screen and (max-width: 768px) {
.field, .button { height: 42px; font-size: 16px; }
.fbox { height: 200px; font-size: 16px; }
}


@media only screen and (max-width: 680px) {
.fieldmrm { margin-right: 0px;}
}


@media only screen and (max-width: 640px) {
.medform, .medred { width: 160px; }
}


@media only screen and (max-width: 440px) {
.medform, .medred { width: 120px; }
.fieldmright { margin-right: 10px; }	
}


@media only screen and (max-width: 400px) {
.sel360 { width: 100%; }
}