﻿/* Forms
-----------------------------------------------------------------*/
.form {
	
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #EEE;
}

fieldset.nowire {
	border: 0;	
}

fieldset .legend {
	display: none;
}

.field {
	margin-bottom: 5px;
	padding: 3px 0 3px 0;
}

.fieldLast {
	margin-bottom: 0 !important;
}

.field .label,
th label.alone {
	padding-bottom: 0.2em;
}

th label.alone {
	display: block;	
}

.field-tight {
	margin-bottom: 0;
	padding-bottom: 0.2em;	
}

.desc {
	font-size: 85%;
	color: #777;
}

.desc-standalone {
	margin-bottom: 5px;
}

.field .label label,
label.alone {
	font-weight: bold;
}

.field .control {
	padding-top: 2px;
}

.field .control .desc {
	padding-top: 0.2em;
}

.field .control-left {
	float: left; 
	padding-right: 0.5em;	
}

table.wire {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;	
	border-collapse: collapse;
}

table.wire td,
table.wire tr {
	padding: 0;
	margin: 0;
	border: 0;	
}

#ccinfo {

}

.control .secondary {
	padding-left: 15px;	
}

.control .secondary a {
	text-decoration: underline;	
}

fieldset legend {
	color:#DA6D4C;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
	padding-top:15px;
	text-transform:uppercase;
}

/* Validation
--------------------------------------------------------------------------------*/
.invalid .label label{
	color: #a50c0c;
}

.vsummary-groups {
	margin-bottom: 15px;	
}

.vsummary,
.vsummary-group {
	border-left: 3px solid #a50c0c;
	padding: 0 5px;
	line-height: 1;
	margin-bottom: 15px;
}

.vsummary-group{
	margin-bottom: 0;	
}

.vsummary ul,
.vsummary-group ul {
	margin: 0  !important;
	padding: 0  !important;
	list-style: none !important;	
}

.vsummary ul li,
.vsummary-group ul li {
	color: #a50c0c;
	padding: 3px  !important;
	margin: 0  !important;
	font-weight: bold;
	list-style: none !important;	
	line-height: 1.2 !important;
}

/* Hack for radio buttons
See for more details:
http://stackoverflow.com/questions/396439/radio-checkbox-alignment-in-html-css/1100897#1100897
-------------------------------------------------------------------*/
input[type=radio] { vertical-align: middle; margin: 0; margin-right: 3px; *margin-top: -2px;  }
label { vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
 input[type=radio] { margin-top: -2px; }
}
