/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*/
/* HTML5 display-role reset for older browsers */
/*
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*/

/* */

#ui-datepicker-div {display:none;} /* hides the datepicker construction div so we can use full height */

.ui-icon-empty { background-position: -160px 0; }

/* force sizing of the datepicker to have it work in 160px wide*/
/*.ui-datepicker {
    font-size: 1em;
    width: auto;
}

.ui-datepicker table {
    font-size: 0.85em;
}*/

html {
	height: 100% !important;
	min-height: 100%;
}

body {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	height: 100%;
	margin: 0;
	min-height: 100%;
	min-width: 800px;
	padding: 0;
}

#sidebar {
/*	border: solid 1px black;	*/
/*	background-color: White; */
	height: 100%;
	left: 0;
	margin:0;
/*	margin-bottom: -10px; */
	padding: 0 0 0 5px; /* 5px 0 0 5px; */
	position: fixed;
	top: 0;
	width: 160px;
}

#sidebar > #logo {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.5em;
	height: 34px;
	padding: 5px 0 0 0;
	text-align: right;
	width: 100%;
}

#sidebar > #logo > img {
	vertical-align: middle;
}

#nav {
/*	
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	min-height: 40px;
*/
	margin-top: 5px;
	width: 100%;
}

#sidebar > #widgets {
	min-height: 100%;
	width: 100%;
}

#widgets > div {
	margin-top: 5px;
	font-size: 1em;
}

#widgets .ui-widget-header {
	line-height: 1.8em;
	padding-left: 5px;
}

#contact {
	bottom: 30px;
	font-size: 0.9em;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	background-color: White;
	padding: 1px 2px;
}

#copyright {
	bottom: 10px;
	font-size: 0.9em;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	background-color: White;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 1px 2px;
}

/*  nested ul model */

#toolbar {
	cursor: default;
}

#toolbar > ul {
	display: block;
	margin: 0;
	padding: 0 0 0 1px;
	/*position: absolute;*/
}

#toolbar > ul > li {
	vertical-align: top;
}

#toolbar li ul {
	display: none;
/*	left: 0;
	top: 15px;
	background-color: #cdf;
	width: 120px;
	z-index: -1; */
}

#toolbar .ui-button-icon-only {
	height: 20px;
	width: 20px;
}
/**/

/* LANDING PAGES (setup) */
.setupitem {
	width: 100%;
	min-height: 5em;
	border-radius: 11px;
	margin-bottom: 10px;
}

.setupitem h3 {
	/*float: left;*/
	text-align: left;
	width: 20em;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

p.setuphelp {
	text-align: left;
	padding-left: 20em;
	margin: 0;
}

.setupnumber {
	display: inline-block;
	font-size: 3em;
	line-height: 1.2em;
	padding: 0 15px;
}

.setuptitle {
	display: inline-block;
	margin-top: 18px;
	vertical-align: top;
}


/* MAIN */

#main {
	height: 100%;
	margin-left: 165px;
	padding-right: 5px;
}

#header {
	background-color: white;
	height: 34px;
	margin: 0;
	margin-left: 6px;
	padding-top: 5px;
}

#login {
	position: absolute;
	right: 10px;
	background-color: White;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 1px 2px;
}

#login .big {
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
}

#main > #content {
	margin: 0;
	padding-left: 5px;
	padding-top: 5px;
}

#main > #content > #message {
	padding-left: 5px;
}

/*  #MainContent is believed to not render currently
#main > #content > #MainContent {
	padding-left: 5px;
}

#main > #content > #MainContent > #request-tabs {
	min-width: 600px;
}
*/

h2 {
	margin-top: 3px;
}

/*
#contentabs  {
	position: absolute;
}

#contentrel {
	position: relative;
	width: 100%;
}
*/

/*  NAV MENU  */
div#menu {
	font-size: 1em;
}

div#menu > div > ul {
	padding: 0 18px;
}

div#menu > ul > li {
	line-height: 1em;
	font-size: 1em;
}

div#menu > div {
	padding: 0;
}

div#menu > div > ul > li {
    display: block;
    font-size: 1em;
    list-style: none;
    padding: 0px;
}

a.menugroup {
	padding: 4px 12px;
}

li.menuitem a:link {
	text-decoration: none;
}

li.menuitem a:visited {
	text-decoration: none;
}

li.menuitem a:hover {
	text-decoration: underline;
}

li.menuitem a:active {
	text-decoration: none;
}

li.menuitem .ui-icon {
	display: inline-block;
	height: 12px;
	margin-left: -16px;
}

/* Editor Labels and Fields */

.editor-label {
/*	clear: left; */
	display: inline-block;
/*	float: left; */
/*	text-align: right;*/
	vertical-align: text-top;
	width: 130px;	
}

.Notes > .editor-label,
.Description > .editor-label,
.GroupMembers > .editor-label,
.RoleMembers > .editor-label,
.EmailFooter > .editor-label,
.EmailBody > .editor-label {
	padding-right: 10px;
	padding-top: 6px;
	vertical-align: top;
	width: 120px;
}

span.maxchars {
	/*display: block;*/
	padding-left: 5px;
	color: grey;
}

#Description {
	width: 600px;
}

.editor-field {
	display: inline-block;
	margin-top: 2px;
}

.editor-field > input[type=checkbox] {
	margin-bottom: 6px;
}

/* Details Labels and Fields */
.display-label {
	/*clear: left;
	float: left;*/
	/*text-align: right;*/
	display: inline-block;
	width: 130px;
}

.display-field {
	display: inline-block;
}

fieldset.recurrence {
	clear: left;
}

/*
	VIEW-SPECIFIC EDITOR LABELS AND FIELDS
*/

#StartDate, #EndDate, #dateheader {
	width: 90px;
}

#StartTime, #EndTime, #DisplayStartTime, #DisplayEndTime, #timeheader, #displaytimeheader {
	width: 70px;
}

.eventpage #EventDate {
	width: 200px;
}

#dateheader, #timeheader, #displaytimeheader  {
	display: inline-block;
	font-weight: bold;
	padding: 0 3px;
}

#EventTitle, #PageTitle, #Slug {
	width: 255px;
}

#Query, #Filter {
	width: 400px;
}

#AnnounceText {
	width: 400px;
}

.UsersOrGroup {
	margin-bottom: 5px;
}

.bigswatch {
	display: inline-block;
	width: 5em;
	height: 1.5em;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

#filters > div {
	display: inline-block;
	padding: 10px;
}

fieldset.event #buttons {
	padding-top: 10px;
}

fieldset.user .other .editor-label {
	vertical-align: top;
}

/* WIDGET-SPECIFIC FORMATTING */
/*
#viewWidget > span {
    background-color: Aqua;
    border: solid 1px gray;
    padding: 0 4px;
}

#viewWidget > span.selected {
    background-color: Yellow;
}
*/

.viewing {
	background-color: Fuchsia;
}

#categoryWidget > div.list {
	/*max-height: 250px;*/
	/*overflow-y: auto;*/
	overflow-x: hidden;
}

#categoryWidget ul {
	margin: 3px 0;
}

#categoryWidget ul ul	/* sub-categories */ {
	padding-left: 34px;
	margin-top: 0;
}

#categoryWidget .checkicon {
	border: none;
	display: inline-block;
	float: right;
	margin: 3px 3px;
}

#searchWidget input[type='text'] {
	margin-right: 6px;
	width: 72%;
}

#searchWidget input[type='button'] {
	padding: 1px;
}

.widget .container {
	margin: 3px 3px 5px 3px;
}

.widget ul {
	padding: 0;
	margin: 3px 0 2px 3px;
}

.widget li {
	list-style-type: none;
	/*width: 152px;*/
}

.widget .attrInput {
	display: none;
	margin-left: 20px;
	width: 25px;
}

.widget .swatch {
	float: right;
	height: 10px;
	margin-right: 4px;
	margin-top: 7px;
	width: 16px;
}

#helptopics ul {
	margin-left: 6px;
}

#helptopics ul ul {
	margin-left: 12px;
}

#help-content {
	min-width: 800px;
	width: 800px;
}

#help-content img {
	padding: 0 20px;
}

#help-content img.right {
	padding: 0 0 0 20px;
}

#help-content img.left {
	padding: 0 20px 0 0;
}

#help-content h3 {
	clear: both;
}

#help-content p {
	padding: 0 20px;
	text-align: justify;
}

#help-content p.center {
	text-align: center;
}

#help-content table {
	padding-left: 20px;
}

#help-content tr {
	vertical-align: top;
}

#help-content th {
	text-align: left;
}

#help-content td img {
	padding: 0;
}

#help-content td, #help-content th {
	padding: 5px;
}

#helptopics a {
	text-decoration: none;
}

.help-label {
	font-weight: bold;
	padding: 0 5px;
}

.help-label:before, .help-label:after {
	/*content: " | ";*/
}

/*
	COLLAPSING 
*/
.collapse .parent .ui-icon {
	display: inline-block;
}

.autocomplete-list .ui-icon {
	display: inline-block;
}

.autocomplete-list .ui-icon {
	vertical-align: text-bottom;
}

.autocomplete-list .ui-icon-circle-close {
}

.UserMembers .editor-label,
.RoomValues .editor-label,
.GroupMembers .editor-label,
.RoleMembers .editor-label {
	vertical-align: top;
	padding-top: 6px;
}

.UserMembers table,
.RoomValues table,
.GroupMembers table, 
.RoleMembers table {
	border: 0;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

.autocomplete-list {
	display: inline;
}

.autocomplete-label {
	height: 35px;
	min-width: 292px;
	padding: 0;
	vertical-align: top;
	width: 292px;
}

div.list-item {
	display: inline-block;
	margin: 2px;
	min-width: 160px;
	padding-right: 4px;
	white-space: nowrap;
}

div.list-item input[type=text] {
	width: 40px;
}

div.list-item .label {
	display: inline-block;
	line-height: 1em;
	overflow: hidden;
	padding-bottom: 1px;
	vertical-align:	text-bottom;
	width: 109px;
}

.autocomplete-list.wide > div.list-item {
	min-width: 215px;
}

.bottomBorder {
	border-bottom: solid 1px #CCE;
	padding-bottom: 3px;
}

table.multiList td {
	vertical-align: top;
}

table.multiList {
	margin-bottom: 4px;
}

/* 
	EVENT VIEWS - CURRENTLY UNUSED IN FAVOR OF FULLCALENDAR
*/

/*	Agenda View */
/*
.agenda {
	font-family: Sans-Serif;
	font-size: 16px;
	width: 100%;
}

.agenda .dayhead {
	width: 100%;
	font-weight: bold;
	background-color: #CCC;
	padding: 3px 8px;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
}

.agenda .row {
	width: 100%;
	font-size: 15px;
	padding: 3px 8px;
	border-bottom: solid 1px #CCC;
	clear: left;
}

.agenda .eventtime {
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 65px;
	text-align: right;
	padding-right: 13px;
}

.agenda .event {
	margin-left: 78px;

}

.agenda .eventtitle {
	padding-bottom: 2px;
}

.agenda .eventlocation {
	padding-bottom: 2px;
	color: #888;
}

.agenda .eventdescription {
	display: block;
}

.agenda .eventcontrols {
	padding-top: 5px;
	text-transform: uppercase;
	font-size: 12px;
	color: blue;
}

.agenda .control {
	padding-right: 10px;
}

*/

.event-main {
	float: left;
	margin-right: 20px;
}

.event-main > div {
	min-height: 25px;
}

.event-float > div {
	min-width: 500px;
}

.event-float > div > div {
	min-height: 25px;
}

.event-tail > div {
	min-height: 25px;
}

.event-float {
}

.event-tail {
	clear: left;
}

.event-page-request {
	margin-bottom: 4px;
}

.event-clear {
	clear: left;
	display: none;
	visibility: hidden;
}

/*
	CALENDAR STYLES... testing
*/

.swatches {
	float: right;
	padding: 0;
	padding-right: 2px;
	margin: 0 0 0 2px;
}

.swatch {
	border: 0;
	display: inline-block;
	height: 1em;
	margin: 0 0 2px 1px;
	padding: 0;
	vertical-align: bottom;
	width: 1em;
}

.swatch:first-child {
	margin-left: 0;
}

div.fc-event:hover {
	z-index: 100;
}

/*
.month {
	border-top: solid 1px gray;
	border-left: solid 1px gray;
	font-family: sans-serif;
}

.monthday {
	width: 13%;
	padding: 0;
	margin: 0;
	text-align: right;
	overflow: hidden;
}
*/

/*
.day > * {
	display: block;
}
*/

/*
.month table {
	width: 100%;
}

.month tbody {
	height: 100%;
}

.month tr {
	width: 100%;
	vertical-align: top;
}

.month td.monthday {
	width: 13%;
	border-right: solid 1px gray;
	border-bottom: solid 1px gray;
	padding: 0;
	border-spacing: 0;
}

.month th {
	border-right: solid 1px gray;
	border-bottom: solid 1px gray;
}
*/

.out {
	color: #DDD;
}

/*
.agenda .event {
}

.month .event {
	background-color: blue;
	color: white;
	text-align: left;
	border: solid 1px black;
	-moz-border-radius: 5px;
}
*/

/* week view */
/*
.week {
	width: 100%;
	border-top: solid 1px gray;
	border-left: solid 1px gray;
	font-family: sans-serif;
	font-size: 11px;
}

.week td.time {
	border: solid 1px gray;	
	width: 38px;
}

.week .daycell {
	border: solid 1px gray;
	width: 13.8%;
}

.week th {
	border: solid 1px gray;
	text-align: center;
}

.week .timecol {
	position: relative;
	width: 38px;
}

.week .daycol {
	position: relative;
	vertical-align: top;
}

.week .fullcol {
	height: 960px;
}

.week .timeunit {
	position: absolute;
	height: 40px;
	line-height: 40px;
	z-index: 1;
}

.week .out {
	background-color: #DDD;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.week .early {
	position: absolute;
	top: 0;
}

.week .late {
	position: absolute;
	bottom: 0;
}

.week .event {
	position: absolute;
	z-index: 1;
	width: 100%;
	background-color: blue;
	color: white;
	text-align: left;
	border: solid 1px black;
	-moz-border-radius: 5px;
}
*/

/* day view */
/*
.day {
	width: 100%;
	border-top: solid 1px gray;
	border-left: solid 1px gray;
	font-family: sans-serif;
	font-size: 11px;
}

.day td.time {
	border: solid 1px gray;	
	width: 2%;
}

.day .daycell {
	border: solid 1px gray;
	width: 98%;
}

.day th {
	border: solid 1px gray;
	text-align: center;
}

.day .timecol {
	position: relative;
	width: 38px;
}

.day .daycol {
	position: relative;
	vertical-align: top;
}

.day .fullcol {
	height: 960px;
}

.day .timeunit {
	position: absolute;
	height: 40px;
	line-height: 40px;
	z-index: 1;
}

.day .out {
	background-color: #DDD;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.day .early {
	position: absolute;
	top: 0;
}

.day .late {
	position: absolute;
	bottom: 0;
}

.day .event {
	position: absolute;
	z-index: 1;
	width: 100%;
	background-color: blue;
	color: white;
	text-align: left;
	border: solid 1px black;
	-moz-border-radius: 5px;
}
*/

/*
	Event Setup
*/
.adminMenu {
    border-collapse: collapse;
    width: 620px;
}

.adminMenu tr {
    vertical-align: top;
}

.adminMenu tr.ui-widget-header {
    font-size: 1.2em;
    padding: .5em;
}

.adminMenu tr.ui-widget-header th {
    padding: 0.5em;
}

.adminMenu li {
    list-style: none;
    padding: .5em;
}

.adminMenu a {
    min-width: 16em;
}

#adminMenuMoreInfo {
    margin-top: 5px;
    min-height: 6em;
    padding: 10px;
    width: 598px;
}

/*
	JQUERY UI OVERRIDE
*/
.new-dialog input {
	margin-left: 14px;
}

.new-dialog input:first-child {
	margin-left: 0px;
}

.new-dialog button {
	margin: 5px 0.1em 0 0;
	padding: 0;
}

.new-dialog > .ui-dialog-titlebar {
	padding-left: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

/*#event-dialog, #newdialog, #RecurrenceUpdatesDialog, #SubscriptionDialog*/
.dialog-custom {
	background: none repeat scroll 0 0 #FFFFFF;
}

/*
	VALIDATION
*/
/* replaced with jQuery UI ui-state-error*/ /* emh 8/8/11 reinstating brick color for errors here for now until jquery ui is working */
.field-validation-error {
	color: #77160B;
}

.validation-summary-errors {
	color: #77160B;
}

.validation-summary-valid {
	display: none;
}

/*
	ROOM GRID
*/
#grid {
	font-size: 1em;
	position: relative;
	margin-top: 20px;
}

#grid > div {
}

#roomhead {
	background-color: #CCC;
	border-top: solid 1px gray;
	font-weight: bold;
	width: 9em;
	margin-top: 1.3em;
	float: left;
	margin-bottom: 20px;
}

#roomhead > div {
	border-bottom: solid 1px gray;
	height: 1.3em;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}

#grid-controls {
	margin-left: 9em;	/* match #gridcols */
	width: 80%;			/* match #gridcols */
	text-align: center;
	margin-bottom: -1em;	/* ?? */
}

#grid-controls > div {
	display: inline-block;
}

#grid-prev, #grid-next {
	/*width: 33%;*/
}

#grid-date {
	/*width: 34%;*/
	width: 300px;
	font-weight: bold;
}

#gridcols {
	background-color: #CCC;
	width: 80%;	/* TODO fix relative width */
	vertical-align: top;
	overflow-x: scroll;
	position: absolute;
	left: 9em;
	border-right: solid 1px gray;
}

#colhead {
	border-bottom: solid 1px gray;
	background-color: #CCC;
	height: 1.3em;
	width: 1440px;
	text-transform: uppercase;
}

#colhead > div {
	display: inline-block;
	width: 59px;
	height: 1.3em;
	border-left: solid 1px gray;
	text-align: center;
	font-weight: bold;
}

#roomrows {
	background-color: #FFF;
	width: 1440px;
}

#roomrows > div {
	height: 1.3em;
	border-left: solid 1px gray;
	border-bottom: solid 1px gray;
	position: relative;
	background-image:url('/Images/grid-hour.png');
	background-repeat: repeat-x;
}

#roomrows .event {
	position: absolute;
	top: 0;
	height: 1.3em;
}

.by-room {
	display: none;
}

.hidden {
	display: none;
}

.controls {
	padding-top: 20px;
}

/*
	RECURRENCE STYLES
*/
#recurrence-body {
	padding-top: 5px;
}

#recurrence-body > div {
	display: inline-block;
}

#recurrence-margin {
	width: 5px;
}

#recurrence-dates {
	width: 122;
}

#recurrence-params {
	vertical-align: top;
	width: 198px;
	margin-left: 4px;
}

.RecurrenceStartDate > .editor-label,
.RecurrenceEndDate > .editor-label {
	width: 39px;
}

.RecurrenceStartDate input,
.RecurrenceEndDate input {
	width: 70px;
}

.RecurrenceFrequency > .editor-label {
	width: 30px;
}

#RecurrenceFrequency {
	width: 40px;
}

.RecurrenceIsDayOfMonth > .editor-label {
	width: 50px;
}

.Recurrence {
	padding-bottom: 15px;
}

/*
	RECURRENCE CONFLICT DIALOG STYLES
*/
.recurring-date-row {
	padding-left: 25px;
}

.recurring-date-row > span {
	display: inline-block;
}

.conflict > .recurring-note {
	color: #77160B;
	font-weight: bold;
}

.recurring-note {
	font-style: italic;
}

#ConflictDialog {
	max-height: 350px;
	overflow-y: auto;
}

#ConflictDialog > ul {
	list-style: none;	
	padding-left: 25px;
}

/*
	TELERIK GRID TABLE STYLES
*/

.t-grid table {
	width: auto;
	border: solid 1px #A5B3C5;
}

.t-details {
	background-position: -64px -176px;
}

tfoot td.t-pager-wrapper {
	border-bottom: none;
	padding-bottom: 0;
}

#content div.t-widget {
	border: none;
}

.t-grid .t-header {
	background-color: #E8EEF4;
	border: 1px solid #E8EEF4;
	padding: 6px 5px;
	text-align: left;
}

.t-grid tr {
	height: 24px;
}

.t-grid td {
	border: 1px solid #E8EEF4;
	padding: 1px 5px;
}

.t-grid .t-pager {
	margin: 1px 0;
}

.t-grid .t-link {
	padding: 0 4px;
}

.t-grid .t-numeric {
	display: inline-block;
	padding: 0 4px;
}

tfoot .t-status {
	margin-top: -0.1em;
}

.t-grid .t-status-text {
	padding: 0 4px;
}

.t-grid .swatch {
	padding: 3px;
	width: 60px;
	margin: 0;
	height: auto;
	text-align: center;
}

/*
	Color Picker
*/

#picker {
	/* left: 0; */
	position: absolute;
	top: auto;
	width: 200px;
}


.farbtastic {
	background: none repeat scroll 0 0 #555555;
	border: 1px solid #AAAAAA;
	left: 0;
	position: relative;
	top: 1px;
	z-index: 99999999;
}

/*
	LDAP Queue
*/

div.queue {
	display: inline-block;
	background-color: #DDD;
	padding: 1px 15px;
}

span.ldapTest {
	color: Blue;
	text-decoration: underline;
}

span.ldapTest:hover {
	cursor: pointer;
}

span.ldapTest.clicked {
	color: Purple;
}

/* Custom Roles */
#allrights {
    /*border: solid 1px red;*/
    width: 540px;
}

#allrights h3 {
	margin: 1px;
    font-size: 12pt;
    display: inline-block;
}

#allrights h4 {
	margin: 2px 0;
    font-size: 11pt;
    display: inline-block;
}

#allrights label.ui-button {
	margin-top: 0;
}

#allrights span.ui-button-text {
	padding: 0;
}

.rightsgroup {
    /*border: solid 1px green;*/
    margin: 1px;
}

.grouphead {
    /*border: solid 1px blue;*/
    margin: 2px;
    padding: 2px 1px 0 5px;
}

.groupbody {
    margin: 3px;
    padding: 1px;
}

/*.groupbody .groupitem:nth-child(odd) {
	background-color: #DFD;
}*/

.groupitem {
    margin-left: 20px;
}

.left {
	float: left;
}

.right {
    float: right;
}

.center {
	text-align: center;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clear {
	clear: both;
}

.right label {
	display: inline-block;
	width: 75px;
}

.right label.bool {
	width: 37px;
}

input[type='radio'] {
    margin-left: 4px;
}