body {
	margin: 0 0;
	font-family: 'Source Sans Pro';
}



#headwrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 3px 20px;

}

#headout {
	border-bottom: 1px solid black;
	background-color: #f9f9f9;
}

#headname {
	font-size: 2em;
	font-weight: 200;
	float: left;
}

#headname span {
	font-weight: 300;
}

#headname .side {
	display: inline-block;
	font-size: .6em;
	font-weight: 500;
	padding-left: 1px;
	padding-bottom: 6px;
}

#head_club {
	font-size: .6em;
	font-weight: 800;
	padding-left: 1px;
	padding-bottom: 6px;
}

#head_club .changer {
	font-weight: 300;	
}

#google_login {
	float: right;
	box-sizing: border-box;
	margin: 0 3px;
}

.account_box {
	float: right;
	border: 1px dotted red;
	padding: 6px;
	text-align: right;
	border-radius: 3px;
}

.account_box .user_name {
	display: block;
	font-weight: bolder;
}

.account_box .user_name .email {
	font-weight: 200;
	display: block;
	font-size: .8em;
}

.account_box a {
	font-size: .9em;
}


.signedout.has_org #navbarwrap {
	padding-top: 18px;
}

#account_info {
	float: right;
	text-align: right;
	background-color: white;
	border: 1px solid #eeeeee;
	padding: 8px;
	border-radius: 3px;
	margin-top: 3px;
	min-width: 250px;
}

#account_info .account_email {
	display: block;
	font-weight: 600;
}

#account_info a {
	font-size: .7em;
}

#navbar {
	float: right;
}

#navbar {
	margin-bottom: 3px;
}

#links {
	border-top: 1px dotted #666;
	clear: left;
/*	height: 25px;*/
}

#links ul {
	margin: 0 0;
	padding: 0px;
}

#links ul li {
	display: block;
	float: left;
	padding: 5px;
}

#links form {
	float: right;
	padding-top: 3px;
	margin-bottom: 3px;
}

#club_bar {
	border-top: 1px solid black;
	clear: both;
	background-color: white;
}

#club_bar ul {
	padding: 0px;
	margin: 0px;
}

#club_bar ul li.club_name {
	font-weight: 600;
	padding-right: .5em;
}

#club_bar ul li {
	display: inline-block;
	padding: 1px 3px;
	margin: -2px 0px;
}

#club_bar ul li a {
	padding: 2px;
	text-decoration: none;
}

#club_bar ul li a:hover {
	background-color: white;
	color: red;
}

#club_bar.club_puggles, #club_bar.club_puggles a {
	background-color: lightblue;
	color: black;
}

#club_bar.club_cubbies, #club_bar.club_cubbies a {
	background-color: blue;
	color: white;
}

#club_bar.club_sparks, #club_bar.club_sparks a {
	background-color: red;
	color: white;
}

#club_bar.club_tt, #club_bar.club_tt a {
	background-color: green;
	color: white;
}

#club_bar.club_ctrack, #club_bar.club_ctrack a {
	background-color: black;
	color: white;
}

#club_bar.club_trailblazers, #club_bar.club_trailblazers a {
	background-color: yellow;
}

#club_bar div {
	max-width: 900px;
	margin: 0 auto;
	padding: 3px 20px;

}

#lookup label {
	display: none;
}

#login {
	text-align: right;
	padding: .3em;
}

#crumb {
	position: relative;
	font-weight: 200;
	border-bottom: 1px dotted #f0f0f0;
	height: 25px;
	padding: 0px 0px;
	text-align: left;
	margin-top: -10px;
	margin-bottom: .5em;
}

#crumb .piece {
	display: inline;
}


#crumb .change {
	display: inline;
}

#crumb .change a.change_link {
	border: 1px solid #f0f0f0;
	padding: .15em;
	font-size: .7em;
	position: relative;
	top: -.2em;
	display: inline-block;
	border-radius: 2px;
	text-decoration: none;
	margin-left: .5em;
}

#crumb .change a.change_link:hover {
	background-color: lightyellow;
}

#crumb .change .options {
	position: absolute;
	border: 1px solid black;
	background-color: white;
	z-index: 2;
	width: 100%;
	padding: 10px 0px 5px;
	border-radius: 5px;
}

#crumb .change .options a:link {
	border: 1px dotted #43BFDD;
	display: inline-block;
	padding: 4px;
	border-radius: 4px;
	margin-left: .5em;
	background-color: #f1fcfd;
	text-decoration: none;
	margin-bottom: .5em;
}

#crumb .change .options a:hover {
	background-color: #FFFFE0;
	text-decoration: underline;
}

#email_verification_notice {
	background-color: lightyellow;
	color: black;
}

#email_verification_notice a {
	color: darkblue;
}

#email_verification_notice .text {
	max-width: 900px;
	margin: 0 auto;
	padding: 3px 20px;
}

#wrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 3px 20px;
}

#wrap .content h1 {
	margin-top: 0em;
	margin-bottom: .4em;
	border-bottom: 1px dotted #f0f0f0;
}

#wrap .content h1 .links {
	float: right;
	margin-top: .1em;
}

#wrap .content h1 .links a {
	background-color: lightyellow;
	border: 1px dotted #555;
	font-size: .5em;
	padding: .25em .4em;
	font-weight: 300;
	border-radius: 5px;
	display: inline-block;
	margin-left: .4em;
	text-decoration: none;
}

#wrap .content h1 .links a:hover {
	text-decoration: underline;
	background-color: lightyellow;
}

#footer {
	border-top: 1px solid black;
	padding-top: .3em;
	margin-top: 1em;
	text-align: center;
	font-size: .7em;
	clear: both;
}

.icon {
	float: right;
	border: 1px solid black;
	padding: 3px;
	border-radius: 3px;
	margin-bottom: 6px;
}

.status_list_item .icon {
	float: none;
	border: 0px;
	padding: 0px;
	margin-bottom: 0px;
}

.mini_icon {
	float: left;
}

.inline-menu a .description {
	font-size: 0.85em;
}

.status_list_item div.status_task {
	font-family: basic-sans;
}

.status_list_item div.status_task .snip_frament.snip_2 {
	font-weight: 200;
}

.start_item {
	border: 1px dotted #555;
	padding: 5px;
	border-radius: 4px;	
	margin-bottom: 1%;
	margin-left: 1%;
	display: inline-block;
	width: 47%;
	background-color: #eee;
}

.start_item .letter {
	font-size: 38px;
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 5px;
	font-weight: 700;
}

.start_item .letter span {
	background-color: white;
	display: block;
	border-radius: 25px;
	width: 50px;
	height: 50px;
	text-align: center;
	color: black;
}

.start_item .info {
	display: inline-block;
	vertical-align: top;
	padding: 0px 10px;
}

.start_item .info .main {
	font-size: 1.2em;
	font-weight: 600;
}

.start_item .info  a:link {
	text-decoration: none;
}

.start_item .info  a:hover {
	text-decoration: underline;
}

.start_item .info .status {
	font-size: 0.8em;
	font-weight: 300;
}

.start_item .info .links {
	font-size: 0.9em;
	margin-top: 0.15em;
}

.formitem {
	clear: both;
	border-bottom: 1px dotted #ccc;
	padding-bottom: .5em;
	margin-bottom: .5em;
}

.formitem label {
	width: 15%;
	float: left;
}

.formitem input + label {
	width: auto;
	float: none;
}

.formitem .radio_group {
	display: inline-block;
}

.formitemnest {
	border: 1px dotted #555;
	display: inline-block;
/*	float: left;*/
	margin-right: 1%;
	margin-bottom: 1%;
	width: 22%;
	text-align: center;
	padding: 5px;
	border-radius: 4px;
	background-color: white;
}

.formitemnest .label_part.pre_form {
	font-weight: 600;
}

.formitemnest.double .label_part.pre_form {
	margin-bottom: .3em;
}

.formitemnest .label_part.pre_form .minor {
	display: block;
	font-weight: 300;
}

.formitemnest .label_part, .formitemnest .input_part {
	display: block;
}

.formitemnest .formitemnest {
	width: auto;
	display: block;
}

/*.formitemnest .formitemnest .label_part, .formitemnest .formitemnest .input_part {
	display: inline;
}*/

.formitemnest .formitemnest .label_part {
	float: right;
}

.formitemnest .formitemnest .input_part {
	float: left;
}

.nest_button {
	text-align: center;
	
	margin-top: .8em;
	margin-bottom: .8em;
}

.module {
	width: 47%;
	display: inline-block;
	border: 1px dotted #888;
	margin-right: 2%;
	margin-bottom: 2%;
	border-radius: 3px;
}

.module h4 {
	margin: 0 0;
	padding: .2em;
	border-bottom: 1px dotted #888; 
	font-size: 1.5em;
}

.module table {
	width: 100%;
}

.module .chart {
	border-top: 1px dotted #888; 
	width: 100%;
	height: 400px;
}

.module p.button_group {
	margin: 0.2em 0 0;
	text-align: right;
}

.module p.status {
	margin: 0 0;
	padding: 0.4em;	
	font-weight: 200;
/*	float: left;*/
}

.profile_line {
	border: 1px dotted #888;
	display: inline-block;
	width: 47%;
	border-radius: 5px;
	padding: 5px;
	vertical-align: top;
	min-height: 80px;
	margin-bottom: 1%;
	margin-left: 1%;
}

.profile_line .person_image {
	position: relative;
	top: 0px;
	float: left;
}

.profile_line .who {
	background-color: #eee;
	margin-left: 75px;
	padding-left: 5px;
	padding-bottom: 3px;
}

.profile_line  .contact, .profile_line  .data {
	margin-left: 80px;
}

.profile_line .name {
	font-size: 1.1em;
	font-weight: 600;
}


.profile_line .group {
	font-size: .9em;
	font-weight: 300;
	margin-left: .5em;
}

.profile_line  .demo {
	float: right;
	font-size: .8em;
	font-weight: 300;	
	margin-top: 2px;
}

.profile_line  .contact {
	font-size: .9em;

}


.profile_line  .data {
	margin-top: .4em;
	font-size: .8em;

}

.bodytable {
	border-collapse: collapse;
}

.bodytable td.head {
	background-color: #eee;
	font-weight: 500;
}

.bodytable td {
	border: 1px solid #eee;
	padding: .2em;
}

.labeltable {border: 1px solid #43BFDD; border-spacing: 0px; font-size: 0.95em;}
.labeltable th, .labeltable td { padding: .4em .4em;}
.labeltable td.even {background-color: #f1fcfd;}

.labeltable th { border-bottom: 1px solid #43BFDD}

.labeltable > tbody > tr > td.first, .labeltable > tr > td.first { font-weight: 700; border-right: 1px dotted #43BFDD; padding-right: .8em; }
.labeltable > tbody > tr > td.first > div, .labeltable > tr > td.first > div {
	font-weight: 300;
}
.labeltable td.col02 { padding-left: .8em; }

.labeltable td.subhead { border-top: 1px dotted #43BFDD; border-bottom: 1px dotted #43BFDD; font-weight: 600; font-style: italic;}

.labeltable td.subhead span a {
	display: inline-block;
	float: right;
	font-style: normal;
}

.labeltable .datatable td { padding-left: .4em; }

.labeltable .datatable { width: 100%; border-right: 0px; border-top: 0px; border-left: 0px; }
.labeltable .datatable {  }

.datatable {border: 1px solid #43BFDD; border-spacing: 0px; font-size: 0.9em}
.datatable th {background-color: #6CC7DD; font-weight: 700; text-align: left;}
.client .datatable th { background-color: #F8F5E1; }
.datatable th, .datatable td { padding: .4em .25em;}
.datatable td {border-top: 1px dotted #43BFDD;}
.datatable td.subhead {background-color: #ABE1EE; font-weight: 600;}

.datatable td.unread { font-weight: 600 }

.datatable td.partb {border-top: 0px }
.datatable td.light { font-weight: 300 }

.datatable td.odd {background-color: white;}
.datatable td.even {background-color: #f1fcfd;}


.datatable.grid td {
	border-left: 1px dotted #43BFDD;
}

.datatable.grid td.first, .datatable.grid td.subhead {
	border-left: 0px;
}

.datatable.grid .static {
	border: 1px dotted black;
	border-radius: 1px;
	padding: 1px;
	font-size: 8px;
	display: inline-block;
}

.datatable.grid .empty_right {
	text-align: right;
}

.datatable.grid.center td.first, .datatable.grid.center th.first, .datatable.grid.center .subhead {
	text-align: left;
}

.datatable.grid.center td, .datatable.grid.center th {
	text-align: center;
}

.datatable.eight, .datatable.nine {
	width: 100%;
}

.datatable.eight td, .datatable.eight th {
	width: 9%;
	text-align: center;
	
}

.datatable.nine td, .datatable.nine th {
	width: 8%;
	text-align: center;
	
}

.datatable.eight td.first, .datatable.nine td.first {
	width: auto;
	text-align: left;
	font-weight: 600;
}

.datatable .caption {
	font-weight: 200;
}

.datatable .total {
	font-weight: 600;
	text-align: right;
	display: block;
}

.datatable.printonly {
	display: none;
}

.datatable.full {
	width: 100%;
	border-radius: 3px;
}

.datatable.full th, .datatable.full td { padding: .6em .4em;}

table.book .first {
	width: 7em;
	font-weight: 600;
	padding-left: .5em;
}

table.book .name {
	display: block;
	font-weight: 200;
}

table.book.small .name {
	font-size: .8em;
}

table.book .data {
	display: block;
	text-align: right;
	font-weight: 500;
	width: 3em;
}

table.book.small .data {
	width: 2em;
}

table.book .data.blank {
	width: 3em;
}

table.book .data select {
	width: 100%;
}

.module .labeltable, .module .datatable {
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	border-top: 1px dotted;
}

.module .datatable td {
	border-top: 0px;
}

.module .datatable td.subhead {
	border-top: 1px dotted;
	border-bottom: 1px dotted;
}


/*.section_picker_grouping {
	border: 1px solid #888;
	padding: 0.5em;
	margin: 0em -0.5em 1em;
	border-radius: 4px;	
	background-color: #fcfcfc;
}*/

.section_picker_grouping {
border: 1px solid #888;
padding: 10px;
margin: 0em -10px 1em;
border-right: 0px;
border-left: 0px;
/* border-radius: 4px; */
background-color: #fcfcfc;
}

.section_picker_grouping .name {
	font-weight: bolder;
	margin-bottom: 0.5em;
}

.section_picker {
	border: 1px dotted #555;
	display: inline-block;
/*	float: left;*/
	margin-right: 1%;
	margin-bottom: 1%;
	width: 22%;
	text-align: center;
	padding: 5px;
	border-radius: 4px;
	text-decoration: none;
	background-color: white;
	vertical-align: top;
	
}

.section_picker .link {
	text-decoration: underline;

}

.section_picker:hover, .formitemnest:hover {
	background-color: lightyellow;
}

.formitemnest.double:hover {
	background-color: white;
}

.section_picker:hover .link {
	text-decoration: none;

}

.section_picker .details {
	text-decoration: none;
	color: black;
	display: block;
	font-weight: 200;
}


.queue_card {
	border: 1px solid black;
	border-radius: 2px;
	margin-bottom: 1em;
	padding: 6px;
}

.queue_card .name {
	border-bottom: 1px dotted black;
	font-weight: 600;
	padding: 0px 6px 6px;
	margin: 0px -6px;
}

.queue_card ul {
	padding: 0px;
	margin: 0px;
}

.queue_card ul  li {
	display: block;
}

.queue_card ul li a {
	border: 1px dotted #43BFDD;
	display: inline-block;
	padding: 4px;
	border-radius: 4px;
	margin-right: .4em;
	background-color: #f1fcfd;
	text-decoration: none;
	margin-bottom: .5em;
	margin-top: .5em;
}


.button_group a {
	border: 1px dotted #43BFDD;
	display: inline-block;
	padding: 4px;
	border-radius: 4px;
	margin-right: .4em;
	background-color: #f1fcfd;
	text-decoration: none;
	margin-bottom: .5em;
}

.button_group a:hover, .queue_card ul li a:hover {
	background-color: #FFFFE0;
	text-decoration: underline;
}

div.large .button_group a {
	width: 280px;
	text-align: center;
	padding: 10px 4px;
}
div.large .button_group a span {
	display: block;
	text-decoration: none;
	font-size: .7em;
	font-weight: 200;
	color: black;
}

.prooftable { border-spacing: 1em; width: 100%;}

.prooftable td {border: 1px solid black; padding: 1em }
.prooftable td.first {border: 0px; font-weight: 600; font-size: 1.2em; padding-top: .3em; padding-bottom: .3em; }
.prooftable td.first span {display: block; font-weight: 200; font-size: .6em; }

.prooftable td.col02 {width: 60%;}

.report_control {
	border: 1px solid black;
	border-radius: 4px;
}

.report_control h3 {
	padding: 8px;
	margin: 0 0;
	border-bottom: 1px solid #ccc;
}

.report_control h4 {
	padding: 8px;
	float: left;
	width: 160px;
	clear: both;
}

.report_control .button {
	text-align: center;
}

.club_cubbies .labeltable, .club_cubbies .labeltable > tbody > tr > td.first, .club_cubbies .labeltable > tr > td.first, .club_cubbies .labeltable th, .club_cubbies .labeltable td.subhead, .club_cubbies .datatable, .club_cubbies .datatable.grid td, .club_cubbies .datatable td, .club_cubbies .queue_card ul li a, .club_cubbies .button_group a, .club_cubbies .start_item,  .club_cubbies .module, .club_cubbies .module h4, .club_cubbies .module .chart, .club_cubbies .icon,  .club_cubbies #crumb .change .options a:link, .club_cubbies #crumb, .club_cubbies #crumb .piece, .club_cubbies #crumb .change .options, .club_cubbies .profile_line, .club_cubbies .report_control   {
	border-color: blue;
}

.club_cubbies .start_item .letter span { background-color: blue; color: white;}

.club_cubbies .datatable th {background-color: #6CC7DD; color: black}

.club_cubbies .labeltable td.even, .club_cubbies .datatable td.even, .club_cubbies .datatable tr.even td,  .club_cubbies .queue_card ul li a, .club_cubbies .button_group a, .club_cubbies .start_item,  .club_cubbies #crumb .change .options a:link, .club_cubbies .profile_line .who {background-color: #f1fcfd;}

.club_sparks .labeltable, .club_sparks .labeltable > tbody > tr > td.first, .club_sparks .labeltable > tr > td.first, .club_sparks .labeltable th, .club_sparks .labeltable td.subhead, .club_sparks .datatable, .club_sparks .datatable.grid td, .club_sparks .datatable td, .club_sparks .queue_card ul li a, .club_sparks .button_group a, .club_sparks .start_item,  .club_sparks .module, .club_sparks .module h4, .club_sparks .module .chart, .club_sparks .icon,  .club_sparks #crumb .change .options a:link, .club_sparks #crumb, .club_sparks #crumb .piece, .club_sparks #crumb .change .options,  .club_sparks .profile_line, .club_sparks .report_control {
	border-color: red;
}

.club_sparks .datatable th, .club_sparks .start_item .letter span {background-color: red; color: white; }


.club_sparks .labeltable td.even, .club_sparks .datatable td.even, .club_sparks .datatable tr.even td,  .club_sparks .queue_card ul li a, .club_sparks .button_group a, .club_sparks .start_item,  .club_sparks #crumb .change .options a:link , .club_sparks .profile_line .who {background-color: #fffcfc;}


.club_tt .labeltable, .club_tt .labeltable > tbody > tr > td.first, .club_tt .labeltable > tr > td.first, .club_tt .labeltable th, .club_tt .labeltable td.subhead, .club_tt .datatable, .club_tt .datatable.grid td, .club_tt .datatable td, .club_tt .queue_card ul li a, .club_tt .button_group a, .club_tt .start_item,  .club_tt .module, .club_tt .module h4, .club_tt .module .chart, .club_tt .icon,  .club_tt #crumb .change .options a:link, .club_tt #crumb, .club_tt #crumb .piece, .club_tt #crumb .change .options , .club_tt .profile_line, .club_tt .report_control   {
	border-color: green;
}

.club_tt .datatable th, .club_tt .start_item .letter span  {background-color: green; color: white; }

.club_tt .labeltable td.even, .club_tt .datatable td.even, .club_tt .datatable tr.even td,  .club_tt .queue_card ul li a, .club_tt .button_group a, .club_tt .start_item,  .club_tt #crumb .change .options a:link, .club_tt .profile_line .who  {background-color: #f9fcf9;}

.club_ctrack .labeltable, .club_ctrack .labeltable > tbody > tr > td.first, .club_ctrack .labeltable > tr > td.first, .club_ctrack .labeltable th, .club_ctrack .labeltable td.subhead, .club_ctrack .datatable, .club_ctrack .datatable.grid td, .club_ctrack .datatable td, .club_ctrack .queue_card ul li a, .club_ctrack .button_group a, .club_ctrack .start_item,  .club_ctrack .module, .club_ctrack .module h4, .club_ctrack .module .chart, .club_ctrack .icon,  .club_ctrack #crumb .change .options a:link, .club_ctrack #crumb, .club_ctrack #crumb .piece, .club_ctrack #crumb .change .options, .club_ctrack .profile_line, .club_ctrack .report_control   {
	border-color: #555;
}

.club_ctrack .datatable th, .club_ctrack .start_item .letter span {background-color: #ccc; }

.club_ctrack .labeltable td.even, .club_ctrack .datatable td.even, .club_ctrack .datatable tr.even td,  .club_ctrack .queue_card ul li a, .club_ctrack .button_group a, .club_ctrack .start_item,  .club_ctrack #crumb .change .options a:link, .club_ctrack .profile_line .who  {background-color: #fbfbfb;}



.club_trailblazers .labeltable, .club_trailblazers .labeltable > tbody > tr > td.first, .club_trailblazers .labeltable > tr > td.first, .club_trailblazers .labeltable th, .club_trailblazers .labeltable td.subhead, .club_trailblazers .datatable, .club_trailblazers .datatable.grid td, .club_trailblazers .datatable td, .club_trailblazers .queue_card ul li a, .club_trailblazers .button_group a, .club_trailblazers .start_item,  .club_trailblazers .module, .club_trailblazers .module h4, .club_trailblazers .module .chart, .club_trailblazers .icon,  .club_trailblazers #crumb .change .options a:link, .club_trailblazers #crumb, .club_trailblazers #crumb .piece, .club_trailblazers #crumb .change .options, .club_trailblazers .profile_line, .club_trailblazers .report_control  {
	border-color: #555; 
}

.club_trailblazers .datatable th, .club_trailblazers .start_item .letter span  {background-color: yellow; }

.club_trailblazers .labeltable td.even, .club_trailblazers .datatable td.even, .club_trailblazers .datatable tr.even td,  .club_trailblazers .queue_card ul li a, .club_trailblazers .button_group a, .club_trailblazers .start_item,  .club_trailblazers #crumb .change .options a:link, .club_trailblazers .profile_line .who  {background-color: #fffff4;}

.datatable td.odd.highlight {
	background-color: #FFFFE0;
}
.datatable td.even.highlight {
	background-color: #FFFFD0;
}

.datatable td.odd.completed {background-color: #eee;}
.datatable td.even.completed {background-color: #ddd;}

.datatable td.inactive { border: 0px; background-color: white;}

.form_wrap_group {
	border: 1px solid #eee;
	border-radius: 5px;
	margin-bottom: .5em;
}

.form_wrap_group h3 {
	margin: 0 0 0.5em;
	padding: 0.5em;
	border-bottom: 1px solid #eee;
}

.form_wrap_group p {
	padding: 0.2em 0.5em 0.4em;
	background-color: #fcfcfc;
	margin-top: 0em;
}

.form_wrap_group h3 + p {
	margin-top: -0.5em;
}

.form_wrap_group .formitem {
	padding-left: 0.5em;
}

.form_wrap_group .formgroup {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0.5em;
}

.form_wrap_group .formgroup .formitem {
	border: 0px;
}

.form_wrap_group .formgroup .sublabel {
	font-weight: 200;
	text-align: center;
}

.form_wrap_group > div.formitem:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
}

	
.form_wrap_group .base a {
	font-weight: 600;
}

.form_wrap_group .base .tag {
	width: 15%;
	float: left;
}

p.error_message, p.warning_message, p.message {
	padding: 5px;
	margin-right: -5px;
	margin-left: -5px;
	border-radius: 3px;
}

p.error_message {
	border: 1px dotted red;
	background-color: pink;
}

p.warning_message {
	border: 1px dotted yellow;
	background-color: lightyellow;
}

p.message {
	border: 1px dotted #eee;
	background-color: #f0f0f0;
}



#print_control {
	position: fixed;
	top: 0px;
	background-color: white;
	z-index: 3;
	border-bottom: 1px solid black;
	width: 100%;
}

body.print_sheet {
	margin-top: 5em;
}

form .save_button {}

textarea.copyandpaste {
	width: 99%;
}



/*.club_sparks .datatable th {background-color: red;}*/

@media (prefers-color-scheme: dark) {
	body, .form-public {
		background-color: #333;
		color: #ddd;
		font-family: Source Sans Pro, sans-serif;
	}
	
	#headout {
		background-color: #444;
	}
	
	p.message {
		border: 1px dotted #eee;
		background-color: #444;
	}	
	
	p.error_message {
		background-color: darkred;
	}
	
	a:link {
		color: skyblue;
	}
	
	a:visited {
		color: skyblue;
	}	
	
	a:hover {
		color: lightblue;
	}
	
	.button_group a {
		background-color: #444;
	}
	
	.button_group a:hover {
		background-color: #777;
	}
	
	div.large .button_group a span {
		color: #ccc;
	}
	
	.labeltable td.even {
		background-color: #282828;
	}
	
	.start_item {
		background-color: #393939;	
	}
	
	#wrap .content h1 .links a {
		background-color: darkgoldenrod;
		color: black;
	}
	
	.formitemnest {
		background-color: #393939;		
	}
	
	.formitemnest:hover {
		background-color: #555;
	}	
	
	.datatable th {
		color: black;
	}
	
	.datatable td.odd {
		background-color: #444;
	}
	
	.datatable td.even {
		background-color: #393939;
	}	
	
	.formitem input:matches([type="text"], [type="password"], [type="email"], [type="tel"], [type="date"]) {
		background-color: #999;
		border: 1px solid #bbb;
		padding: 2px;
	}
	
	.formitem select {
		background-color: #999;
		border: 1px solid #bbb;
	}
	
	.form_wrap_group .base {
		background-color: #333;
	}

	
	.club_cubbies .labeltable td.even, .club_cubbies .datatable td.even, .club_cubbies .datatable tr.even td,  .club_cubbies .queue_card ul li a, .club_cubbies .button_group a, .club_cubbies .start_item, .club_cubbies #crumb .change .options a:link, .club_cubbies .profile_line .who {
		background-color: #555;
	}
	
	.club_sparks .labeltable td.even, .club_sparks .datatable td.even, .club_sparks .datatable tr.even td,  .club_sparks .queue_card ul li a, .club_sparks .button_group a, .club_sparks .start_item, .club_sparks #crumb .change .options a:link, .club_sparks .profile_line .who {
		background-color: #555;
	}
	
.club_tt .labeltable td.even, .club_tt .datatable td.even, .club_tt .datatable tr.even td,  .club_tt .queue_card ul li a, .club_tt .button_group a, .club_tt .start_item, .club_tt #crumb .change .options a:link, .club_tt .profile_line .who {
		background-color: #555;
	}	
	
.club_ctrack .labeltable td.even, .club_ctrack .datatable td.even, .club_ctrack .datatable tr.even td,  .club_ctrack .queue_card ul li a, .club_ctrack .button_group a, .club_ctrack .start_item,  .club_ctrack #crumb .change .options a:link, .club_ctrack .profile_line .who  {background-color: #555;}

.club_trailblazers .labeltable td.even, .club_trailblazers .datatable td.even, .club_trailblazers .datatable tr.even td,  .club_trailblazers .queue_card ul li a, .club_trailblazers .button_group a, .club_trailblazers .start_item,  .club_trailblazers #crumb .change .options a:link, .club_trailblazers .profile_line .who  {background-color: #555;}
	
	
	textarea.copyandpaste {
		color: white;
		background-color: #555;
	}
	
	.form_wrap_group p {
		background-color: #555;
	}
	
	#links {
		border-top: 1px dotted #777;
	}
	
	#crumb, #wrap .content h1 {
		border-bottom: 1px dotted #606060;
	}
	
	.account_box {
		background-color: #484848;
		border: 1px dotted darkred;
	}
	
	.section_picker_grouping {
		background-color: #484848;
	}
	
	.section_picker {
		background-color: #444;
	}
	
	.section_picker:hover, .formitemnest:hover {
		background-color: darkgoldenrod;
	}
	
	.datatable td.odd.completed {background-color: #303030;}
	.datatable td.even.completed {background-color: #383838;}
	
	.section_picker .details { color: #bbb;}
	
	.datatable td.subhead {
		#222;
	}
}

@media screen and (min-width: 1400px) {
	.section_picker {
		width: 200px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 800px) {
	.formitemnest, .section_picker {
	
		width: 30%;
	}

		.datatable.full th, .datatable.full td { padding: .4em .25em;}

	.formitem label { width: 20% }
	
		.start_item {
		display: block;
		width: auto;
		}
}

@media screen and (max-width: 600px) {
	.formitem label { width: 25% }
}

/*@media screen and (max-device-width: 480px) {*/

@media screen and (max-width: 480px) {
	#navbarwrap { margin: 0 auto; text-align: center;}
	#navbar { margin-bottom: 5px;  display: inline-block;}
	#headname, #navbar { float: none;  }	
	#club_bar ul li {margin: 0px}

	.icon img {
		width: 75px;
		height: 75px;
		margin-top: 3px;
	}


#account_info {
	float: none;
	text-align: center;
	padding: 7px;
	margin-bottom: 3px;
}

#account_info .account_email {
	display: inline;
	font-size: .9em;
}

#account_info a {
	font-size: .8em;
}
	
	#headname {
		font-size: 1.5em;
		text-align: center;
	}
	
	#headname .sub { display: inline }
	
	#headname .sub { font-size: 10pt;}
	
	.account_box {
		float: none;
		text-align: center;
	}
	
	.account_box .user_name { display: inline-block; padding-right: .5em;}
	
	.account_box .user_name .email {
		display: inline-block;
	}
	
	.account_box a { display: inline-block; }
	
	#links #lookup {
		display: block;
		border-top: 1px dotted #aaa;
		clear: both;
	}
	
	#headwrap, #club_bar div, #wrap {
		padding-left: 6px;
		padding-right: 6px;
	}
	
	#crumb {
		height: auto;
		margin: 0 -6px;
		border-top: 1px dotted #eee;
		border-bottom: 0px;
	}
	
	#crumb .piece {
		display: block;
		border-bottom: 1px dotted black;
		padding-left: .5em;
		padding-bottom: .2em;
		padding-top: .2em;
	}
	
	#crumb .change a.change_link {
		position: static;
		font-size: 1em;
		padding: .2em .5em;
		margin: -.2em 0em;
		border: 0px;
		float: right;
		border-radius: 0px;
	}
	
	#crumb .change .options {
		margin-left: -8px;
	}
	
	#crumb .sep {
		display: none;
	}

	.report_control {
		margin-top: 5px;
	}

	.report_control h4 {
		float: none;
		width: auto;
		margin: .2em 0em;
	}
	
	.report_control table {
		border-right: 0px;
		border-left: 0px;
	}

	
	.profile_line {display: block; width: auto; }
	
	.start_item {
		display: block;
		width: auto;
		white-space: nowrap;
	}
	
	.start_item div {
		white-space: normal;
	}
	
	.start_item .info .main {
		font-size: 1em;
	}
	
	.start_item .links a {
		display: block;
	}
	
	.start_item .links span {
		display: none;
	}
	
	.datatable.full {
		margin-left: -6px;
		margin-right: -6px;
		border-left: 0px;
		border-right: 0px;
		border-radius: 0px;
	}
	
	.datatable.dense {
		font-size: .7em;
	}
	
	.datatable.full th.first, .datatable.full td.first {
		padding-left: 6px;
	}
	
	#wrap .content h1 {
		margin-bottom: .3em;
	}
	
	#wrap .content h1 .links {
		float: none;
		text-align: center;
		background-color: #eee;
		margin: .2em -6px 0em;
		padding: 6px;
	}

	#wrap .content h1 .links a {
		background-color: white;
	}
	
	#links form {
		float: none;
		text-align: center;
	}
	
	.module {
		width: 100%;
		display: block;
		margin-right: 0;
		margin-bottom: .5em;
	}	
	
	.formitem label {
		width: auto;
		float: none;
		display: block;
	}
	
	.formitemnest, .section_picker {
		border: 1px dotted #555;
		display: block;
	/*	float: left;*/
		margin-right: 0;
		margin-bottom: .3em;
		width: auto;
		text-align: center;
		padding: 5px;
		border-radius: 3px;
	}
	
	.nest_button input {
		margin-top: .6em;
		width: 100%;
	}
	
	table.labeltable, table.datatable {
		width: 100%;
	}
	
	table.labeltable td.first {
		width: 35%;
	}
	
	div.large .button_group a {
		width: 95%;
	}
}

@media screen and (max-width: 375px) {

.account_box .user_name .email { display: none; }

}