/* 
* Based on http://www.filamentgroup.com/lab/accessible_custom_designed_checkbox_radio_button_inputs_styled_css_jquery/
*/


/**
First, we hide the input elements from view in an accessible
way by simply positioning them off the page
(using "display: none" or "visibility: hidden" may also hide them from
screen readers, which we want to avoid):
*/

input.custom-inputs {
	position: absolute; 
	left: -9999em;
	z-index: 0;
}

 /* SGV1.0 p40*/
label.custom-radios ,
label.custom-checks {
	font-weight: normal;
	background: url(../images/controls/checkbox.png) no-repeat 0 -68px; 
	padding-left: 30px; /*22px imagewidth, 8px padding*/
	cursor: pointer; 
	background-repeat: no-repeat;
	/*white-space: nowrap;*/
	z-index: 0;
	display: block;
	padding-top:    12px;
	padding-bottom: 12px;
	margin-bottom: 0 !important;
}

label.custom-radios {
	background: url(../images/controls/radiobutton.png) no-repeat 0 -68px; 
}

label.checked {
	background-position: 0 0px;
}
label.chkdis {
	background-position: 0 -136px;
	cursor: auto;
}
label.chkoff {
	background-position: 0 -204px;
	color: #666666;
	cursor: auto;
}
label.focus {
	/*outline: 0px dotted #ccc;  Accessibility*/
}
label.zweizeilig {
	padding-top:      5px;
	padding-bottom:   0px;
}
label.zweizeilig span {
	padding-top:      0 !important;
	padding-bottom:   0 !important;
}

label.custom-checks span {
	padding-top:      0 !important;
	padding-bottom:   0 !important;
}

div.scroll-pane label.custom-radios,
div.scroll-pane label.custom-checks {
	display: block;
	margin-left: 4px;
	margin-top: 0px;
}

div.right label.custom-radios,
div.right label.custom-checks {
	display:       block;

}

div.labelabove {
	border: 1px solid red;
	clear: both;
	float: none;
}

div#maincontentarea div.c2c div.right.weekday-label{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}