/**** GENERIC STUFF THAT CAN BE OVERRWRITTEN ****/

a, a:visited {
/* 
	color: #2bbca2;
 */
}

a:hover {
	text-decoration: none;
	opacity: 0.8;
}

a:focus, button:focus {
	outline: none;
}

br.clearall {
	clear: both;
	height: 5px;
}

div.wholecontainer {
	margin: 0;
	padding: 0;
	position: relative;
	top: -10px;
}

input {
	border-radius: 0px;
}

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

span.strong {
	font-weight: 500;
}

.nopadding {
	padding: 0;
}

.fillup {
	min-height: calc(100% - 337px);
	overflow: auto;
}

.fillupbig {
	height: calc(100% - 337px);
	min-height: 900px;
	overflow: auto;
}

.leftroom {
	margin-left: 18px;
}

label {
	font-weight: 400;
}

p.subhead {
	color: #6e35b7;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.8em;
}

span.icon-bar {
	height: 3px !important;
	width: 30px !important;
}

.bluebutton {
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
	font-size: 15px;
	background: #52a1cd;
	border: 0;
	border-radius: 5px;
	height: 50px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 16px;
	padding-right: 16px;
	font-weight: 500;
}

.shortbluebutton {
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
	font-size: 15px;
	background: #52a1cd;
	border: 0;
	border-radius: 5px;
	height: 36px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 16px;
	padding-right: 16px;
	font-weight: 500;
}

.minibluebutton {
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
	font-size: 13px;
	background: #52a1cd;
	border: 0;
	border-radius: 5px;
	height: 36px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	padding-right: 16px;
	font-weight: 300;
}

input.bluebutton {
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	color: #ffffff;
	background: #52a1cd;
	border: 0;
	border-radius: 5px;
	height: 37px;
	padding-top: 8px;
	padding-left: 16px;
	padding-right: 16px;
	font-weight: 500;
	min-width: 87px;
}

.bluebutton:hover {
	background: #4794b2;
}

input.purplebutton {
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	color: #ffffff;
	background: #7e5bb5;
	border: 0;
	border-radius: 5px;
	height: 37px;
	padding-left: 16px;
	padding-right: 16px;
	font-weight: 500;
	min-width: 87px;
}

.purplebutton {
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
	font-size: 15px;
	background: #7e5bb5;
	border: 0;
	border-radius: 5px;
	height: 50px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 16px;
	padding-right: 16px;
	font-weight: 500;
}

.shortpurplebutton {
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
	font-size: 15px;
	background: #7e5bb5;
	border: 0;
	border-radius: 5px;
	height: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	padding-right: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 500;
}

a.purplebutton:hover, input.purplebutton:hover {
	background: #512888;
}

input.orangebutton {
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	color: #ffffff;
	background: #fcc614;
	border: 0;
	border-radius: 5px;
	height: 37px;
	padding-left: 16px;
	padding-right: 16px;
	font-weight: 500;
	min-width: 87px;
}

a.orangebutton {
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	color: #ffffff;
	background: #fcc614;
	border: 0;
	border-radius: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right: 16px;
	font-weight: 500;
}

a.orangebutton:hover, input.orangebutton:hover {
	background: #faac25;
}

.graybutton {
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
	background: #afafaf; 
	border: 0;
	border-radius: 5px;
	margin-top: 8px;
	height: 37px;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 16px;
	padding-right: 16px;
	font-weight: 500;
	font-size: 15px;
}

.graybutton:hover {
	background: #969696;
}

p.centered, div.centered {
	text-align: center;
}

img.centered, button.centered {
	display: block;
	margin: 0 auto;
}

div.infobox {
	display: table;
	background-color: #f5f5f5;
	margin:10 auto;
	font-size: 1.3em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

/**** HEADER AND FOOTER ****/

#topbar {
	width: 100%;
	padding: 0;
	height: 90px;
	background-color: #ffffff;
}

#topbar .prodbrand {
	float: left;
}

#topbar .prodbrand img {
	margin-top: 8px;
}

#admindash .message {
	margin-top: 20px;
	color: red;
}

@media only screen and (max-width: 768px) {
	#topbar .prodbrand {
		width: 100%;
		float: none;
	}
	
	#topbar .prodbrand img {
		display: block;
		margin: 8px auto;
	}
}

#topbar #toprightlinkbar {
	float: right;
	height: 90px;
	padding-top: 52px;
}

#topbar #toprightlinkbar img {
	margin-right: 5px;
}

#topbar #toprightlinkbar .toprightlink {
	margin-right: 15px;
	color: #4f2682;
}

#topbar #toprightlinkbar a, #topbar #toprightlinkbar a:visited, #topbar #toprightlinkbar a:hover {
	color: #4f2682;
}

div#smallnavbar {
	width: 100%;
	background-color: #4f2682;
	height: 57px;
	line-height: 57px;
	margin: 0;
	display: block;
}

div.smallnavbarlinks {
	width: 750px;
	display: block;
	margin: 0 auto;
}

div.smallnavbarlinks .navlink {
	width: 150px;
	text-align: center;
	float: left;
	font-size: 15px;
}

div#smallnavbar .navlink, div#smallnavbar .navlink a, div#smallnavbar .navlink a:visited {
	color: #ffffff;
	font-weight: 500;
}

div#smallnavbar .navlink.dashlink a, div#smallnavbar .navlink.dashlink a:visited {
	color: #fcc614;
}

div#smallnavbar .navlink .dimmed a, div#smallnavbar .navlink .dimmed a:visited {
	color: #694695;
}

button.navbar-toggle {
	border: 0px;
	display: block;
	margin: 7px calc(50% - 15px);
	margin-right: calc(50% - 26px);
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}

.navbar, ul.navbar-nav, .navbar-nav > .active > a {
	background-color: #4f2682;
	color: #ffffff;
}

.navbar li {
	text-align: center;
}

.navbar hr {
	color: #7e5bb5;
	background-color: #7e5bb5;
	border-color: #7e5bb5;
	margin-bottom: 14px;
}

a.wk-navbar-link {
	background-color: #4f2682 !important;
	color: #ffffff !important;
}

span.prodname {
	text-transform: uppercase;
	font-size: 35px;
}

#bottomspacer {
	height: 190px;
}

#bottombar {
	width: 100%;
	padding: 0;
/* 
	position: fixed;
	bottom: 0;
 */
	z-index: auto;
	height: 190px;
	font-size: 13px;
	color: #ffffff;
	background-color: #4f2682;
	overflow: hidden;
}

table#footertable {
	text-align: center;
	margin: 0 auto;
}

#bottombar hr {
	color: #7e5bb5;
	background-color: #7e5bb5;
	border-color: #7e5bb5;
	margin-bottom: 14px;
}

span.footerwhite {
	color: #ffffff;
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
}

span.footertext {
	color: #7e5bb5;
	font-size: 13px;
	font-style: italic;
	font-weight: 300;
	margin-bottom: 15px;
}

span.footertext a, span.footertext a:visited {
	color: #7e5bb5;
	font-size: 13px;
	font-style: italic;
	font-weight: 300;
}

#bottombar #wkimg {
	width: 233px;
	height: 74px;
	margin-right: 50px;
}

#bottombar #ksreimg {
	width: 134px;
	height: 74px;
}

@media only screen and (max-width: 768px) {
	#bottombar #wkimg {
		width: 159px;
		height: 50px;
		margin-right: 35px;
	}

	#bottombar #ksreimg {
		width: 91px;
		height: 50px;
	}
	
	span.footertext, span.footertext a {
		font-size: 10px;
	}
}

/**** DIALOGS ****/

.ui-dialog {
	border: 0px;
	margin-top: 30px;
}

.ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog-titlebar {
	height: 45px;
	line-height: 45px;
	font-size: 1.3em;
	text-align: center;
	color: #000000;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #afafaf;
}

.ui-dialog-content {
	padding: 15px;
	font-size: 1.1em;
	min-height: 120px !important;
	text-align: center;
}

.ui-dialog-content p {
	text-align: center;
}

.ui-dialog-buttonpane {
	padding-bottom: 10px;
	clear: both;
	width: 100%;
}

.ui-dialog-buttonset {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	text-align: center;
}

.ui-dialog-buttonset button {
	font-family: 'Oswald', sans-serif;
	background-color: #3197ca;
	color: #ffffff;
	border: 0px;
	font-size: 1.8rem;
	font-weight: 500;
	border-radius: 3px;
	margin-right: 15px;
	min-width: 70px;
	margin-bottom: 1px;
	padding-top: 3px;
}

.ui-dialog-buttonset button:hover {
	background-color: #2387af;
}

.ui-widget-overlay {
	background: repeat-x scroll 50% 50% #424242; opacity:0.85; filter:Alpha(Opacity=15);
	height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.ui-front {
    z-index: 100;
}

.ui-widget {
	z-index: 101;
	background-color: #ffffff;
}

/********* FORMS ***********/
.bigtextinput {
	width: 100%;
}

/********* ALERT BAR ***********/
.alertbar {
	min-height: 20px;
	background-color: #ffffff;
	width: 100%;
}

.alertbar div {
	padding: 5px;
	width: 100%;
	text-align: center;
	color: #ff0000;
}

/********* LOGIN PAGE **********/
#loginbg {
	display: block;
	width: 100%;
/* 
	height: calc(100% - 337px);
 */
	height: 100%;
	min-height: 750px;
	background: url(/gui/images/image_login.jpg);
}

#loginbox {
	display: block;
	margin: 0 auto;
	border-radius: 3px;
	width: 30%;
	padding: 20px;
	min-width: 300px;
	max-width: 400px;
	font-size: 12px;
	background: #f7f7f7;
    box-shadow: 0px 0px 8px #888888;
}

#forgotlink {
	margin-left: 16px;
}

#loginstats {
	width: 50%;
	min-width: 300px;
	max-width: 600px;
	margin: 0 auto;
	color: #ffffff;
}

.loginstat {
	float: left;
	width: 25%;
	text-align: center;
}

#statwalkers {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#statmiles {
	border-right: 1px solid #ffffff;
}

#loginstats #leaderbutt {
	position: relative;
	top: 20px;
}

@media only screen and (max-width: 768px) {
	.loginstat {
		width: 90%;
		margin-left: 5%;
	}
	
	#statwalkers {
		border-left: 0px;
		border-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

.bignum {
	font-size: 3em;
	font-weight: 500;
}

/************ FORGOT PW PAGE ************/
.forgotbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 70%;
	min-width: 350px;
	max-width: 500px;
	padding: 20px;
	overflow: hidden;
}

.forgotbox p {
	font-size: 15px;
}

.forgottextinput {
	width: 200px;
}

.forgotbox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

/************ FORGOT PW PAGE ************/
.lefthalf {
	width: 48%;
	margin-right: 2%;
	float: left;
}

/********* PUBLIC LEADERBOARD PAGE **********/
#publicdashbg {
	display: block;
	width: 100%;
	height: calc(100% - 337px);
	min-height: 750px;
	background: url(/gui/images/image_sunflowers.jpg);
}

#publicdashbg p.white {
	color: #ffffff;
}

.publicdashsubhead {
	display: inline-block;
	text-align: right;
	margin-right: 15px;
}

#publicdashbg select {
	min-width: 150px;
	color: #000000;
}

#publicdashbox {
	display: block;
	margin: 0 auto;
	border-radius: 3px;
	padding: 20px;
	min-width: 380px;
	max-width: 80%;
	font-size: 12px;
	background: #f7f7f7;
	text-align: center;
	max-height: 80%;
	overflow-y: auto;
}

.publicdashleaderhead {
	color: #6e35b7;
	font-size: 2.6rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
}

#publicdashbox .leaderboardtable {
	display: inline-block;
	float: left;
	width: 33%;
	padding-left: 10px;
	padding-right: 10px;
	min-width: 360px;
}

#publicdashbox .leaderboardtable p {
	color: #6e35b7;
	font-size: 1.6rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	padding-top: 10px;
}

#publicleader table {
	width: 100%;
}

#publicleader tr {
	border-bottom: 1px solid #afafaf;
}

#publicleader thead tr {
	border-bottom: 2px solid #999999;
}

#publicleader th {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 0.8em;
	padding-bottom: 3px;
}

.centercell {
	text-align: center;
}

#publicleader td {
	font-weight: 300;
	padding-top: 4px;
	padding-bottom: 4px;
}

/************ REGISTRATION FORM PAGE ************/
.regformbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 80%;
	min-width: 350px;
	max-width: 700px;
	padding: 20px;
	overflow: hidden;
}

.regformbox p {
	font-size: 15px;
}

.regformbox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

input#city.bigtextinput.reginput {
	width: calc(100% - 60px);
}

/************ PROGRAM SELECT FORM PAGE ************/
.progname {
	font-weight: 500;
	margin-left: 4px;
}

@media only screen and (max-width: 768px) {
	.progminidesc {
		margin-left: 20px;
	}	
}

/************ TEAM REGISTRATION INFO FORM PAGE ************/
#teamregtable, #teamregtable td {
	font-weight: 300;
	font-size: 15px;
}

#teamregtable td {
	padding: 7px;
	padding-bottom: 10px;
}

#teamregtable td.firstcol {
	width: 30%;
}

#teamregtable td.smallcol {
	padding-left: 0px;
	margin-left: 17px;
	text-indent: -17px;
	width: 28%;
}

#teamregtable input {
	margin-top: 5px;
}

.bottompad td {
	padding-bottom: 8px;
}

.teamreglabel {
	font-size: 0.8em;
	font-weight: 400;
}

.teamregnomail {
	font-size: 0.8em;
}

.teamregnomailbig {
	font-size: 0.9em;
}

/************ CONSENT PAGE ************/
.consentbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 70%;
	min-width: 350px;
	max-width: 500px;
	padding: 20px;
	overflow: hidden;
}

.consentbox p {
	font-size: 14px;
}

.consentbox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.sigblock {
	width: 48%;
	margin-right: 2%;
	float: left;
}

@media only screen and (max-width: 768px) {
	.sigblock {
		width: 100%;
		margin-right: 0;
	}	
}

.outdent {
	text-indent: -16px;
	margin-left: 16px;
}

.smallertext {
	font-size: 0.9em;
}

/************ STORE PURCH REPORT *********/
.storepurchtable {
	margin-top: 15px;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

.storepurchtable th.centered, .storepurchtable td.centered {
	text-align: center;
}

.storepurchtable td, .storepurchtable th {
	padding: 4px;
}

.storepurchtable tbody tr:nth-child(odd) {
	background-color: #eee;
}

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

/************ STORE RECV REPORT *********/
.storerecvtable {
	margin-top: 15px;
	width: 100%;
}

.storerecvtable tbody, .storerecvtable tbody td {
	font-weight: lighter;
	font-size: 1.3rem;
}

.storerecvtable th.centered, .storerecvtable td.centered {
	text-align: center;
}

.storerecvtable td, .storerecvtable th {
	padding: 4px;
}

.storerecvtable tbody tr:nth-child(odd) {
	background-color: #eee;
}



/************ STOREFRONT PAGE ************/
.storeheadleft {
	width: 20%;
	float: left;
}

.storeheadmiddle {
	width: 60%;
	float: left;
	text-align: center;
}

.storeheadright {
	width: 18%;
	float: right;
	padding-right: 8%;
	text-align: right;
}

.storebox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 80%;
	min-width: 350px;
	max-width: 840px;
	padding: 5px;
	overflow: hidden;
	text-align: center;
}

.storebox.widermargins {
	padding: 10px;
}

.proddiv {
	width: 18%;
	min-width: 142px;
	margin: 1%;
	background-color: #ffffff;
	border: 1px solid #afafaf;
	float: left;
	min-height: 270px;
}

.proddiv img {
	width: 100%;
	max-height: 140px;
}

.proddiv a, .proddiv a:visited {
	color: #000000;
}

.storebottomlinks {
	width: 100%;
	text-align: right;
	padding-right: 8%;
}

/************ STORE ITEM DETAIL PAGE ************/
.proditem {
	display: block;
	width: 50%;
	margin: 8px auto;
}

.proditem img {
	width: 75%;
}

.storeitemname {
	font-size: 1.5em;
	font-weight: 500;
}

.storeitemcat {
	float: left;
	text-align: right;
	font-weight: 500;
	padding-right: 5px;
	width: 40%;
}

.storeitemcatinfo {
	float: left;
	text-align: left;
	width: 60%;
	padding-left: 5px;
}

/************ STORE CART PAGE ************/
table.cartlargetable {
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
}

table.cartlargetable thead tr {
	text-align: center;
}

table.cartlargetable td, table.cartlargetable th {
	padding-bottom: 6px;
}

table.cartlargetable th {
	font-weight: 500;
}

table.cartlargetable td {
	font-weight: 300;
}

table.cartlargetable td.cartitemremlink {
	width: 120px;
	text-align: left;
}

table.cartlargetable td.cartitemcost {
	width: 140px;
	padding-right: 75px;
	text-align: right;
}

table.cartlargetable td.cartitemqty, table.cartlargetable th.cartitemqty {
	width: 80px;
	text-align: center;
}

table.cartlargetable th#largecosthead {
	text-align: right;
	padding-right: 78px;
}

.storebox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

table.cartbottomtable {
	width: 30%;
	display: block;
	margin: 0 auto;
	min-width: 250px;
	padding-bottom: 10px;
}

table.cartbottomtable td {
	font-weight: 300;
	padding-bottom: 6px;
}

table.cartbottomtable td.lefthead {
	font-weight: 500;
}

table.cartbottomtable td.rightalign {
	text-align: right;
}

.almostfullwidth {
	display: block;
	width: 90%;
	margin: 10px auto;
}

table.cartsmalltable {
	width: 100%;
}

table.cartsmalltable td {
	font-weight: 300;
	padding-bottom: 5px;
}

table.cartsmalltable .smallcartcat {
	font-weight: 500;
	width: 100px;
	padding-right: 10px;
	text-align: right;
	float: left;
}

table.cartsmalltable td.smallcartright {
	width: 90px;
	text-align: right;
	padding-right: 10px;
}

/************ STORE PAYMENT METHOD PAGE ************/
.payoption {
	text-align: center;
	background: #ffffff;
	width: 80%;
	display: block;
	margin: 15px auto;
	padding: 10px;
	color: #000000;
}

.payoption a, .payoption a:visited {
	color: #000000;
}

.paymethodtext {
	font-size: 1.3em;
	background-color: #f7f7f7;
	padding: 5px;
	width: 150px;
	display: block;
	margin: 0 auto;
}

/************ STORE FINALIZE BY CHECK PAGE ************/
p.red {
	color: #c00000;
}

/************ STORE SETTINGS PAGE ************/
.storesettingsbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 350px;
	padding: 25px;
	padding-bottom: 15px;
	overflow: hidden;
}

.storesettingsbox textarea {
	width: 300px;
	height: 100px;
}

.storesettleft {
	width: 190px;
	float: left;
}

.storesettsubhead {
	font-weight: 500;
	font-size: 0.8em;
}

input.storesettprodlist {
	margin-right: 5px;
	margin-left: 15px;
}

/* The switch - the box around the slider */
.storesettswitch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}

/* Hide default HTML checkbox */
.storesettswitch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.storesettslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2196F3;
  -webkit-transition: .4s;
  transition: .4s;
}

.storesettslider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:focus + .storesettslider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .storesettslider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/************ CHECKOUT PAGE *****************/
#payment-message {
  color: rgb(105, 115, 134);
  font-size: 16px;
  line-height: 20px;
  padding-top: 12px;
  text-align: center;
}

#payment-element {
  margin-bottom: 24px;
}


/************ DISCOUNT CODE PAGE ************/
.disccodebox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 800px;
	padding: 25px;
	padding-bottom: 15px;
	overflow: hidden;
}

.disccodebox table th, .disccodebox table td {
	padding: 5px;
	font-weight: 300;
	text-align: center;
}

/************ LOG MANAGER PAGE ************/
.logmgrbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 80%;
	min-width: 350px;
	max-width: 800px;
	padding: 20px;
	overflow: hidden;
}

.logmgrbox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.logmgrsubhead {
	font-size: 0.8em;
	font-weight: 500;
}

#sevlevel {
	margin-left: 8px;
}

input.logtypecheck {
	margin-left: 10px;
	margin-right: 5px;
}

span.logtypetext {
	font-size: 0.8em;
	font-weight: 500;
}

.logmgrleft {
	float: left;
	width: 100px;
	font-weight: 500;
}

.logmgrbox label {
	font-weight: 300;
	margin-left: 4px;
	margin-right: 10px;
}

.logmgrbox #fromdate {
	margin-left: 5px;
	margin-right: 10px;
}

.logmgrbox #todate {
	margin-left: 10px;
}

@media only screen and (max-width: 768px) {
	#sevlevel {
		margin-top: 5px;
		margin-left: 0px;
	}
	
	div.logtypeitem {
		text-indent: -30px;
		padding-left: 30px;
	}
	.logmgrbox #fromdate {
		width: 120px;
	}

	.logmgrbox #todate {
		width: 120px;
	}
}

/************ POPUP CALENDAR ************/
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.ui-datepicker a {
	text-decoration: none;
}

.ui-datepicker table {
	width: 100%;
}

.ui-datepicker-header {
	background: #000;
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}

.ui-datepicker-title {
	text-align: center;
}

.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('/gui/images/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}

.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}

.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}

.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
	text-transform: uppercase;
	text-align: center;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
	border-right: 0px;
}

.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}

.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}

.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

/************ SCREEN LOG PAGE ************/
.screenloghead {
	display: block;
	width: 80%;
	float: left;
	min-width: 500px;
	padding-left: calc(50% - 76px);
}

.screenlogright {
	text-align: right;
	width: 18%;
	float: left;
	display: block;
}

.screenlogright form {
	width: 40px;
	float: right;
	margin-right: 4px;
}

.bigscreenlogtable td, .lilscreenlogtable td {
	font-weight: 300;
	font-size: 0.9em;
	padding: 3px;
}

.lilscreenlogtable td {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 8px;
}

.bigscreenlogtable th, .lilscreenlogcat {
	font-size: 0.8em;
	font-weight: 500;
}

.lilscreenlogcat {
	display: inline-block;
	width: 105px;
}

.bigscreenlogtable tbody tr:nth-child(odd), 
.lilscreenlogtable tbody tr:nth-child(odd) {
	background-color: #f7f7f7;
}

@media only screen and (max-width: 768px) {
	.screenloghead {
		display: block;
		width: 100%;
		padding-left: calc(50% - 76px);
	}

	.screenlogright {
		text-align: center;
		width: 100%;
		display: block;
	}
}

/************ MANAGE FLOATERS PAGE ************/
#floaterlist th {
	font-weight: 500;
}

#floaterlist td, #smallfloaterlist td {
	font-weight: 300;
}

#floaterlist th, #floaterlist td {
	padding-top: 5px;
	padding-bottom: 5px;
}

#floaterlist tbody tr:nth-child(odd),
#smallfloaterlist tbody tr:nth-child(odd) {
	background-color: #f7f7f7;
}

#floaterlist a.assignlink, #floaterlist a.dellink,
#smallfloaterlist a.assignlink, #smallfloaterlist a.dellink {
	font-size: 0.9em;
	font-weight: 500;
	margin-right: 10px;
}

#smallfloaterlist td {
	padding: 10px;
}

.smallfloatercat {
	display: inline-block;
	font-weight: 500;
	font-size: 0.8em;
	width: 115px;
}

.smallactioncell {
	text-align: left;
	padding-left: 40px;
	line-height: 20px;
}

/************ ADD TEAM PAGE ************/
.teamaddbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 60%;
	min-width: 350px;
	max-width: 600px;
	padding: 20px;
	overflow: hidden;
}

.teamaddbox table {
	width: 100%;
}

.teamaddbox table a, .teamaddbox table a:visited {
	font-size: 0.8em;
	font-weight: 500;
}

.teamaddbox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.addteamsubhead {
	font-weight: 500;
	font-size: 0.9em;
}

.teammemtable td, .lilteammemtable td {
	font-weight: 300;
}

.teammemtable td {
	padding-bottom: 8px;
}

.lilteammemtable tr {
	vertical-align: top;
}

.lilteammemtable td {
	padding-bottom: 10px;
}

.lilteammemtable .lilteaminfo {
	line-height: 18px;
}

.lilteammemtable .lilteamedit {
	text-align: right;
}

/************ EDIT TEAM PAGE ************/
.editteambox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 95%;
	min-width: 350px;
	padding: 20px;
	overflow: hidden;
}

.editteambox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.editteambox table {
	font-size: 0.9em;
	width: 100%;
}

.editteamlabel {
	font-size: 0.8em;
	font-weight: 500;
}

.editteambox .lilteammemtable td {
	line-height: 16px;
}

.editteameditcell {
 	min-width: 60px;
 }
 
.teamprodbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 95%;
	min-width: 350px;
	padding: 20px;
	overflow: hidden;

}

.teamprodbox table {
	width: 100%;
}

.teamprodbox td, .teamprodbox th {
	padding: 5px;
	font-size: 0.9em;
}

.teamprodbox th {
	font-weight: 500;
}

.teamprodbox td {
	font-weight: 300;
}
 
 /************ MANAGE PRODUCTS PAGE ************/
.manageprodbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 90%;
	min-width: 350px;
	padding: 20px;
	overflow: hidden;
}

.manageprodbox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.manageprodbox table {
	width: 100%;
}

.manageprodbox input, .manageprodbox textarea {
	font-weight: 300;
}

.manageprodbox textarea {
	width: 100%;
	max-width: 510px;
	min-height: 125px;
}

.manageprodbox tr, .manageprodbox td {
	vertical-align: top;
}

.manageprodbox tr > td {
	padding-bottom: 20px;
}

.manageprodlabel {
	font-weight: 500;
	font-size: 0.8em;
}

 /************ MAILING CENTER PAGE ************/
.mailctrbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 70%;
	min-width: 350px;
	max-width: 725px;
	padding: 20px;
	overflow: hidden;
}

.mailctrbox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.mailctrsubhead {
	font-size: 0.8em;
	font-weight: 500;
}

.mailctrsubhead.nobold {
	font-weight: 300;
}

.mailctrbox #msgbody {
	width: 100%;
	min-height: 300px;
}

.mailctrbox #subject {
	width: 100%;
}

 /************ ADD OR EDIT EVENT PAGE ************/
.eventdetailbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 70%;
	min-width: 350px;
	max-width: 725px;
	padding: 20px;
	overflow: hidden;
}

.eventdetailbox textarea {
	width: 100%;
	min-height: 100px;
}

.eventdetailsubhead {
	font-size: 0.8em;
	font-weight: 500;
}

.eventdetailsubhead.nobold {
	font-weight: 300;
}

.eventdetailbox .halfwidth {
	width: 50%;
	min-width: 310px;
}

.eventdetailbox #startdate {
	width: 135px;
	margin-right: 8px;
}

.eventdetailbox #enddate {
	width: 135px;
	margin-left: 8px;
}

 /************ ADD PARTICIPANT TO SOLO PROGRAM PAGE ************/
.addtosolobox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 60%;
	min-width: 350px;
	max-width: 550px;
	padding: 20px;
	overflow: hidden;
}

.addtosolosubhead {
	font-size: 0.9em;
}

.addtosoloindent {
	text-indent: -17px;
	padding-left: 17px;
}

/************ GROUP EDIT LIST PAGE ************/
.grouplisthr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.grouplisttable {
	display: block;
	margin-left: 10%;
	width: 80%;
}

.grouplisttable td, .grouplisttable th {
	padding-top: 5px;
	padding-bottom: 5px;
}

.grouplisttable th {
	font-weight: 500;
}

.grouplisttable td, .lilgrouplisttable td {
	font-weight: 300;
}

.grouplistright {
	text-align: center;
}

.grouplistsubhead {
	font-weight: 500;
	font-size: 0.8em;
	width: 85px;
	display: inline-block;
}

.lilgrouplisttable td {
	padding: 8px;
}

.grouplisttable tbody tr:nth-child(odd),
.lilgrouplisttable tbody tr:nth-child(odd) {
	background-color: #f7f7f7;
}

 /************ ADD ADD-ONS TO PROGRAM PAGE ************/
.addaddonbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 50%;
	min-width: 350px;
	max-width: 450px;
	padding: 20px;
	overflow: hidden;
	line-height: 24px;
}

.addaddonsubhead {
	font-weight: 500;
}

input.addaddoncheckbox {
	margin-right: 10px;
}

 /************ PROGRAM SETTINGS PAGE ************/
.progsettingsbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 95%;
	min-width: 1030px;
	padding: 20px;
	overflow: hidden;
}

.progsettingsbox hr, .progsettingshr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.progsettingsbox table {
	width: 100%;
}

.progsettingsbox th {
	text-align: left;
	font-weight: 500;
	font-size: 0.8em;
	vertical-align: bottom;
}

.progsettingsbox td {
	font-weight: 300;
}

.progsettingsbox td {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

@media only screen and (max-width: 1100px) {
	.progsettingsbox {
		overflow-y: scroll;
	}
}

 /************ PROGRAM ADD-ONS PAGE ************/
.addonbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 65%;
	min-width: 350px;
	max-width: 650px;
	padding: 20px;
	overflow: hidden;
}

.addonbox #convfactor {
	width: 50px;
	margin-left: 10px;
	margin-right: 10px;
}

.addonbox .addonsubhead {
	font-weight: 500;
	font-size: 0.9em;
}

 /************ ADD OR EDIT RESOURCE PAGE ************/
.editrsrcbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 75%;
	min-width: 350px;
	max-width: 750px;
	padding: 20px;
	overflow: hidden;
}

.editrsrcbox .editrsrcsubhead {
	font-weight: 500;
	font-size: 0.9em;
}

.editrsrcbox textarea {
	width: 100%;
}

/************ MANAGE RESOURCES PAGE ************/
.managersrcbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	width: 90%;
	min-width: 440px;
	padding: 20px;
	overflow: hidden;
}

.managersrcbox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.catlink a, .catlink a:visited {
	color: #000;
}

.catlink {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 2.2rem;
	margin-bottom: 0px;
	text-align: center;
}

.catlink.selected {
	color: #fcc614;
}

.renamecatlink {
	margin-right: 10px;
}

.rsrcname {
	width: 70%;
	float: left;
	font-weight: 500;
}

.rsrclinks {
	width: 30%;
	float: left;
	text-align: right;
	font-size: 0.9em;
}

.rsrcimg {
	width: 35%;
	float: left;
}

.rsrcimg img {
	max-width: 97%;
	padding-right: 3%;
}

.managersrcbox .rsrcmoveuplink, .managersrcbox .rsrceditlink {
	margin-right: 8px;
}

.rsrcblurb {
	width: 60%;
	float: right;
}

/************ REPORT AT A GLANCE PAGE ************/
.reportaagtable {
	display: block;
	margin-left: 20%;
	width: 60%;
}

.reportaagtable.reportaagsmalltable {
	display: block;
	margin-left: 10%;
	width: 80%;
}

.reportaagtable tr {
	margin-left: 10px;
}

.reportaagtable th, .reportaagtable td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.reportaagtable.reportaagsmalltable td {
	padding-bottom: 8px;
	padding-top: 8px;
	line-height: 18px;
}

.reportaagtable th {
	font-weight: 500;
}

.reportaagtable td {
	font-weight: 300;
}

.reportaagtable tbody tr:nth-child(odd) {
	background-color: #f7f7f7;
}

.reportaagtable .reportaagsubhead {
	font-size: 0.8em;
	font-weight: 500;
	width: 100px;
	display: inline-block;
}

/************ TEAM LIST PAGE ************/
.teamlisthr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.bigteamtable th, .bigteamtable td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.smallteamtable td {
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 10px;
	line-height: 20px;
}

.bigteamtable th {
	font-weight: 500;
}

.bigteamtable td, .smallteamtable td {
	font-weight: 300;
}

.bigteamtable tbody tr:nth-child(odd), .smallteamtable tbody tr:nth-child(odd) {
	background-color: #f7f7f7;
}

.teamlinks a {
	margin-right: 8px;
}

.teamlinksubhead {
	font-size: 0.8em;
	font-weight: 500;
	width: 80px;
	display: inline-block;
}

/************ FULL EVENT LIST PAGE ************/
.eventlistitem {
	width: 29%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
	.eventlistitem {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		float: left;
	}
}

.eventlistpurplediv {
	padding: 15px;
	background-color: #6e35b7;
	color: #ffffff;
	font-weight: 300;
	min-height: 300px;
}

.eventtitle {
	color: #fcc614;
	font-weight: 500;
	font-size: 1.2em;
}

.eventtime {
	font-weight: 500;
	font-size: 0.8em;
}

.eventdesc, .eventgoing, .eventrsvps {
	font-size: 0.9em;
}

.eventdecision, .dashevtchoice {
	display: inline-block;
	margin-left: 15px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #ffffff;
	color: #000000;
	border-radius: 3px;
}

.eventgoing a {
	text-decoration: underline;
	color: #ffffff;
	display: inline-block;
	margin-left: 8px;
}

.eventlistitem hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.eventsubhead {
	font-weight: 500;
	font-size: 0.8em;
	width: 50px;
	display: inline-block;
}

.eventlinks a {
	display: inline-block;
	margin: 1px;
	margin-left: 0px;
}

/************ LOG HISTORY PAGE ************/
.histlogbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 80%;
	min-width: 440px;
	max-width: 800px;
	padding: 20px;
	overflow: hidden;
}

.histlogbox table {
	margin: 0 auto;
}

.histlogsubhead {
	font-weight: 500;
	display: inline-block;
	width: 70px;
}

.histlogbox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.histlogbox td {
	font-weight: 300;
	padding: 5px;
}

.histlogbox td.headercell {
	font-weight: 500;
	padding: 5px;
	vertical-align: bottom;
	padding-bottom: 0px;
	text-align: center;
}

.histlogbox td.datacell {
	text-align: center;
}

.histlogbox td.datacell input {
	text-align: right;
}

.histlogbox td.datacell input {
	width: 75px;
	display: inline-block;
	margin: 0 auto;
}

.histlogbox .proglogbox {
	width: 50px !important;
}

.histlogbox td.datacell input[type="checkbox"] {
	width: 14px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 760px) {
	.histlogbox td, .histlogbox td.datacell {
		font-size: 0.8em;
	}
}

/************ SHOW RESOURCES PAGE ************/
.showrsrcbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	width: 90%;
	min-width: 360px;
	padding: 20px;
	overflow: hidden;
}

.showrsrcbox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.catlink a, .catlink a:visited {
	color: #000;
}

.catlink {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 2.2rem;
	margin-bottom: 0px;
	text-align: center;
}

.catlink.selected {
	color: #fcc614;
}

.rsrcname {
	width: 70%;
	float: left;
	font-weight: 500;
}

.rsrcimg {
	width: 35%;
	float: left;
}

.rsrcimg img {
	max-width: 97%;
	padding-right: 3%;
}

.rsrcblurb {
	width: 60%;
	float: right;
}

/************ USER EDIT PAGE ************/
.usereditbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	width: 80%;
	margin: 0 auto;
	min-width: 350px;
	max-width: 800px;
	padding: 20px;
	overflow: hidden;
}

.usereditbox hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
}

.usereditbox .halfwidth {
	width: 50%;
	float: left;
}

.usereditbox p {
	padding-left: 10px;
	padding-right: 10px;
}

@media only screen and (max-width: 760px) {
	.usereditbox .halfwidth {
		width: 100%;
		float: none;
	}
}

.usereditsubhead {
	font-weight: 500;
	font-size: 0.8em;
}

.usereditproglist {
	margin-left: 15px;
	margin-bottom: 15px;
}

.usereditordertable {
	width: 100%;
}

.usereditordertable p {
	padding: 0px;
}

.usereditordertable th {
	font-weight: 500;
	font-size: 0.8em;
	padding: 5px;
}

.usereditordertable td {
	font-weight: 300;
	padding: 5px;
}

.usereditordertableleft {
	display: inline-block;
	padding-right: 5px;
}

.usereditordertableright {
	display: inline-block;
	float: right;
	width: 120px;
	text-align: left;
}

.usereditordertable tbody tr:nth-child(odd) {
	background-color: #ffffff;
}

/************ TEAM WALL PAGE ************/
.triangle-right {
	float: right;
}

.triangle-left {
	float: left;
}

.triangle-right, .triangle-left {
	position: relative;
	background: #f7f7f7;
	border: 1px solid #e9e9e9;
	min-height: 60px;
	padding: 8px;
	width: 80%;
	margin-bottom: 6px;
}

.smallwall {
	width: 100%;
}

.triangle-right:after, .triangle-right:before, .triangle-left:after, .triangle-left:before {
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.triangle-right:after, .triangle-right:before {
	left: 100%;
}

.triangle-left:after, .triangle-left:before {
	right: 100%;
}

.triangle-right:after {
	border-color: rgba(247, 247, 247, 0);
	border-left-color: #f7f7f7;
	border-width: 14px;
	margin-top: -14px;
}
.triangle-right:before {
	border-color: rgba(233, 233, 233, 0);
	border-left-color: #e9e9e9;
	border-width: 15px;
	margin-top: -15px;
}

.triangle-left:after {
	border-color: rgba(247, 247, 247, 0);
	border-right-color: #f7f7f7;
	border-width: 14px;
	margin-top: -14px;
}
.triangle-left:before {
	border-color: rgba(233, 233, 233, 0);
	border-right-color: #e9e9e9;
	border-width: 15px;
	margin-top: -15px;
}

.replybuttondiv {
	margin-top: 10px;
}

.wallsubhead {
	font-weight: 500;
	font-size: 0.8em;
	margin-left: 10%;
}

.wallsubheadpurple {
	font-weight: 500;
	color: #4f2682;
	font-size: 0.8em;
}

.wallimgdiv {
	width: 21px;
	margin-top: 7px;
}

.wallpostright, .wallreplyright {
	float: right;
	text-align: left;
	padding-left: 4px;
}

.wallpostleft, .wallreplyleft {
	float: left;
	text-align: right;
	padding-right: 4px;
}

.wallpostleft, .wallreplyright {
	width: calc(100% - 22px);
}

.smallalignright {
	width: 100%;
	display: inline-block;
	text-align: right;
}

.wallpage textarea {
	min-height: 100px;
	width: 80%;
	margin-bottom: 4px;
}

.wallpage .teamchatbigtextarea {
	margin: 0 auto;
	display: block;
	margin-bottom: 4px;
}

#teamchatsubmit {
	margin-left: 10%;
}

/************ STORE ALL-PURCH RPT *******/
.storeallpurchtable th, .storeallpurchtable td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.storeallpurchtable th {
	font-weight: 500;
}

.storeallpurchtable th.centered, .storeallpurchtable td.centered {
	text-align: center;
}

.storeallpurchtable td {
	font-weight: 300;
	font-size: 0.9em;
}

.storeallpurchtable tbody tr:nth-child(odd)
	background-color: #f7f7f7;
}

/************ USER LIST PAGE ************/
.bigusertable th, .bigusertable td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.smallusertable td {
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 10px;
	line-height: 20px;
}

.bigusertable th {
	font-weight: 500;
}

.bigusertable td, .smallusertable td {
	font-weight: 300;
}

.bigusertable tbody tr:nth-child(odd), .smallusertable tbody tr:nth-child(odd) {
	background-color: #f7f7f7;
}

.userlinks a {
	margin-right: 8px;
}

.userlinksubhead {
	font-size: 0.8em;
	font-weight: 500;
	width: 80px;
	display: inline-block;
}

/************ MAP PAGE ************/
.mapsubhead {
	background-color: #6e35b7;
	color: #ffffff;
	display: block;
	width: 80%;
	margin-left: 10%;
	font-size: 1.2em;
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
}

@media only screen and (max-width: 760px) {
	.mapsubhead {
		width: 100%;
		margin-left: 0;
	}
}

.mapsubhead img {
	margin-right: 10px;
	margin-bottom: 5px;
}

.mapnum {
	font-size: 2.1rem;
	color: #fcc614;
	font-weight: 500;
}

.mapbox {
	background-color: #f7f7f7;
	color: #424242;
	border: 1px solid #afafaf;
	border-radius: 3px;
	display: block;
	width: 90%;
	margin: 0 auto;
	min-width: 440px;
	padding: 20px;
	overflow: hidden;
}

#poinamediv, #poiname {
	font-size: 2.2rem;
	font-weight: 500;
	margin-bottom: 9px;
	color: #6e35b7;
	font-family: 'Oswald', sans-serif;
}

#poiimage {
	float: left;
	max-width: 300px;
}

#poiimage img {
	width: 100%;
	max-width: 300px;
}

#poiblurb {
	padding-left: 10px;
	padding-right: 10px;
	width: calc(100% - 300px);
	float: right;
}

#smallpoiselect {
	min-width: 200px;
}

.lilpoiblurb, .lilpoiimage {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 10px;
}

.lilpoiimage {
	text-align: center;
}

/************ DASHBOARD PAGE ************/
.dashcontainer {
	padding: 0px;
	margin: 0;
	line-height: 0px;
}

.progbar {
	background-color: #6e36b7;
	height: 123px;
	color: #ffffff;
	line-height: normal;
}

.grayprogbar {
	background-color: #f0f0f0;
	height: 123px;
	color: #000000;
	line-height: normal;
}

.graynewsbar {
	height: 100%;
	line-height: 20px;
	padding-top: 10px;
}

.progbarcontent {
	max-width: 1140px;
	display: block;
	margin: 0 auto;
}

.dashnewsdelicon {
	margin-left: 10px;
	margin-right: 8px;
}

.progbarinfo {
	width: 32%;
	height: 100%;
	line-height: 23px;
	border-right: 1px solid #8e6bc5;
	float: left;
	padding-top: 25px;
}

.progbarteaminfo {
	width: 32%;
	height: 100%;
	line-height: 20px;
	border-right: 1px solid #8e6bc5;
	float: left;
	padding-top: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 92px;
}

.progbarsubhead {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 2.4rem;
	margin-bottom: 5px;
	display: inline-block;
}

.progbarinfohead {
	text-transform: uppercase;
	display: inline-block;
	width: 115px;
}

.progbarinfoheadside, .progbarinfoheadside a, .progbarinfoheadside a:visited, .progbarinfoheadside a:active {
	font-weight: 500;
	display: inline-block;
	margin-left: 7px;
	color: #fff;
}

.progbaricon {
	width: 14%;
	float: left;
	margin-left: 2%;
	padding-top: 25px;
	text-align: center;
}

.progbaricon.isadmin {
	width: 11%;
}

.progbaricon img {
	margin-bottom: 5px;
}

.progbaricon a, .progbaricon a:visited {
	color: #ffffff;
}

.progbaricon a:hover {
	color: #fcc614;
}

#badgebar {
	background-color: #ffffff;
	height: 60px;
	line-height: normal;
	padding-left: 15%;
	padding-right: 15%;
}

#lilbadgebar {
	width: 100%;
	background-color: #ffffff;
	text-align: center;
	min-height: 80px;
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10%;
	padding-right: 10%;
}

.wk-badge {
	display: inline-block;
	height: 36px;
	width: 36px;
	margin: 4px;
	float: left;
}

#lilwelcomebar {
	width: 100%;
	background-color: #6e36b7;
	color: #ffffff;
	text-align: center;
	height: 80px;
	font-size: 1.2rem;
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

#lilwelcomebar .progbaricon {
	margin-bottom: 4px;
	width: 33%;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 8px;
}

#lilwelcomebar .progbaricon img {
	padding-bottom: 7px;
}

#lilwelcomebar .progbaricon.isadmin {
	width: 25%;
}

#smallchooseprog .purple {
	color: #6e35b7;
	font-size: 1.6rem;
	margin-right: 8px;
}

div.soloprogbox {
	width: 20%;
	display: block;
	margin: 0 auto;
}

div.teamprogbox.across2 {
	width: 40%;
	display: block;
	margin: 0 auto;
}

div.teamprogbox.across3 {
	width: 60%;
	display: block;
	margin: 0 auto;
}

div.teamprogbox.across4 {
	width: 80%;
	display: block;
	margin: 0 auto;
}

div.teamprogbox.across5 {
	width: 100%;
	display: block;
	margin: 0 auto;
}

#chooseprogsubhead {
	color: #6e35b7;
	font-family: 'Oswald', sans-serif;
	display: block;
	float: left;
	font-size: 2.6rem;
	font-weight: 500;
	margin-top: 25px;
}

.chooseprogitem {
	margin-top: 35px;
	margin-left: 6%;
	display: block;
	float: left;
	color: #6e35b7;
	font-weight: 500;
	font-size: 1.8rem;
	text-align: center;
}

.chooseprogitem a, .chooseprogitem a:visited {
	color: #6e35b7;
}

.dashpoisubhead {
	background-color: #6e35b7;
	color: #ffffff;
	display: block;
	width: 100%;
	font-size: 1.2em;
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 6px;
}

@media only screen and (max-width: 760px) {
	.dashpoisubhead {
		width: 100%;
		margin-left: 0;
	}
}

.dashpoisubhead img {
	margin-right: 10px;
	margin-bottom: 5px;
}

.dashprogbox {
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	color: #ffffff;
}

.dashprogbox.across1 {
	width: 100%;
}

.dashprogbox.across2 {
	width: calc(50% - 4px);
}

.dashprogbox.across3 {
	width: calc(33% - 4px);
}

.dashprogbox.across4 {
	width: calc(25% - 4px);
}

.dashprogbox.across5 {
	width: calc(20% - 4px);
}

.dashprogbox.solologbox {
	background-color: #6e35b7;
}

.dashprogbox.solologbox .dashbutton {
	color: #6e35b7 !important;
}

.dashprogbox.teamlogbox {
	background-color: #e8605d;
}

.dashprogbox.teamlogbox .dashbutton {
	color: #e8605d !important;
}

.dashprogbox.color3 {
	background-color: #fcc614;
}

.dashprogbox.color3 .dashbutton {
	color: #fcc614 !important;
}

.dashprogbox.color4 {
	background-color: #52a1cd;
}

.dashprogbox.color4 .dashbutton {
	color: #52a1cd !important;
}

.dashprogbox.color5 {
	background-color: #66a851;
}

.dashprogbox.color5 .dashbutton {
	color: #66a851 !important;
}

p.emailreminder {
	padding: 7px;
	border: 2px solid #669fc9;
	max-width: 283px;
}

/* Minutes/Steps Switch */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2196F3;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.logboxtype {
	display: inline-block;
	font-weight: bold;
	position: relative;
	top: 5px;
	margin: 0px 15px;
}

@media only screen and (max-width: 768px) {
	.dashprogbox.across2, .dashprogbox.across3, .dashprogbox.across4, .dashprogbox.across5 {
		width: calc(50% - 4px);
		float: left;
		margin-bottom: 4px;
	}
	
	.teamprogbox, .soloprogbox {
		width: 100% !important;
		display: block;
		margin: 0 auto;
	}
}

.dashprogbox img {
	margin-top: 20px;
	margin-bottom: 0px;
	height: 100%;
	max-height: 75px;
}

.dashprogboxnum {
	display: inline-block;
	width: 100%;
	font-weight: 900;
	font-size: 5.5rem;
	margin-bottom: 0;
}

.dashprogboxcaption {
	height: 40px;
	font-weight: 500;
	font-size: 1.6rem;
}

.dashbutton {
	font-family: 'Oswald', sans-serif;
	color: #6e35b7;
	font-size: 2.0rem;
	text-transform: uppercase;
	background: #ffffff;
	border: 0;
	border-radius: 5px;
	height: 40px;
	font-weight: 500;
	width: 65%;
}

.lildashbutton {
	color: #000000;
	font-size: 1.1rem;
	text-transform: uppercase;
	background: #a9a9a9;
	border: 0;
	height: 20px;
	font-weight: 500;
}

.dashspacer {
	height: 20px;
	width: 100%;
}

.dashmiddle {
	height: 589px;
	background: url(/gui/images/image_rollinroad.jpg);
}

@media only screen and (max-width: 768px) {
	.dashmiddle {
		height: auto;
		background: #ffffff;
	}
}

.dashmiddlecontent {
	max-width: 1140px;
	display: block;
	margin: 0 auto;
}

.dashmiddlehead {
	color: #6e35b7;
	font-weight: 500;
	font-size: 2.8rem;
	font-family: 'Oswald', sans-serif;
}

.dashleaderboard {
	width: 60%;
	float: left;
	padding: 15px;
	background-color: rgba(247, 247, 247, 0.95);
	height: 525px;
	margin-top: 30px;
	overflow-y: scroll;
}

.dashleaderboard table {
	width: 100%;
}

.dashleaderboard thead {
	border-bottom: 1px solid #a0a0a0;
}

.dashleaderboard th {
	font-weight: 500;
	text-transform: uppercase;
}

.dashleaderboard td {
	font-weight: 300;
	padding-top: 4px;
	padding-bottom: 4px;
}

.dashleaderboard td.mapcell {
	text-align: center;
}

.dashtablenumcol {
	text-align: center;
}

.dashfitness {
	width: 33%;
	float: right;
	padding: 10px;
	background-color: rgba(247, 247, 247, 0.95);
	height: 525px;
	margin-top: 30px;
}

.dashfitness img {
	width: 90%;
	margin-left: 5%;
}

@media only screen and (max-width: 768px) {
	.dashfitness {
		height: auto;
		width: 100%;
	}
}

.dashfitness a, .dashfitness a:visited {
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
	font-weight: 500;
}

p.fitnesslink {
	margin-top: 20px;
	margin-bottom: 0;
}

.bold {
	font-weight: 500;
}

p.outdent {
	text-indent: -10px;
	margin-left: 20px;
	margin-right: 18px;
}

.dashevent-single {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #6e36b7;
	color: #ffffff;
	min-height: 300px;
	width: 30%;
	margin-right: 3%;
	padding: 20px;
	float: left;
}

@media only screen and (max-width: 768px) {
	.dashevent-single {
		display: block;
		width: 100%;
		margin: 10px;
		margin-left: calc(50% - 150px);
		margin-right: calc(50% - 150px);
		background-color: #6e36b7;
		color: #ffffff;
		min-height: 300px;
		max-width: 300px;
		width: 100%;
		padding: 20px;
	}
}

.dashevttitle {
	color: #fcc614;
	font-size: 2rem;
	margin-bottom: 5px;
}

.dashevtdate {
	font-weight: 500;
	margin-bottom: 5px;
}

.dashevtdesc {
	margin-bottom: 15px;
}

.dashevtmorelink {
	margin-bottom: 20px;
}

.dashevtrsvp a, .dashevtrsvp a:visited {
	color: #ffffff;
	text-decoration: underline;
	padding-right: 6px;
	padding-left: 6px;
}

.dashevent-single hr {
    border: 0;
    border-bottom: 1px dashed #afafaf;
    margin-left: 15%;
    margin-right: 15%;
}

.floatleft {
	float: left;
	display: inline-block;
}

.floatright {
	float: right;
	display: inline-block;
}

.dasheventlink {
	margin-top: 13px;
	height: 20px;
	line-height: 20px;
}

.dasheventlink a, .dasheventlink a:visited {
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	vertical-align: bottom;
	display: inline-block;
}

.dashfbrow {
	background-color: #f7f7f7;
	padding-top: 15px;
	padding-bottom: 10px;
}

.fbpostdiv {
	max-width: 1140px;
	display: block;
	margin: 0 auto;
}

.fbpost {
	width: 31%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.fbpostimg {
	width: 80px;
	max-height: 130px;
	float: left;
}

.fbpostimg img {
	max-height: 100%;
	width: 100%;
}

.fbpostblurb {
	font-size: 1.3rem;
	width: calc(100% - 80px);
	float: left;
	padding-left: 6px;
}

.fbpostlink {
	width: 100%;
	text-align: right;
	font-size: 1.3rem;
}

.fbpostdate {
	width: 100%;
	text-align: right;
	font-size: 1.3rem;
	color: #afafaf;
}

/****** ADMIN DASH ******/
.admindashsubhead {
	font-weight: 500;
	font-size: 1.8rem;
	display: block;
	margin-top: 5px;
}

.admindashbox {
	width: calc(100% - 16px);
	margin-left: 8px;
	margin-right: 8px;
	background-color: #f7f7f7;
	padding: 8px;
	padding-left: 15px;
	border-radius: 2px;
	height: 210px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: normal;
	border: 1px solid #cccccc;
}

.admindashbox.doubleheight {
	height: 430px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.admindashbox hr {
    border: 0;
    border-bottom: 1px solid #d3d3d3;
    margin-top: 9px;
}

.admindashbox a {
	display: block;
}

#admindash .nopadding {
	padding: 0;
}

.admindashbox.singlebox {
	width: 100%;
}

.admindashbignum {
	font-size: 3.2rem;
}

#admindash button {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 196px;
}

.adminswitchlink {
	color: #a0a0a0;
	font-size: 1.2rem;
}

@media only screen and (max-width: 767px) {
	.admindashbox {
		width: 94%;
		margin-left: 3%;
		margin-bottom: 9px;
	}

	.admindashbox.doubleheight {
		height: 210px;
		width: 94%;
		margin-left: 3%;
		margin-bottom: 9px;
	}
	
	.admindashbignum {
		display: block;
	}
	
	#admindash br {
		display: none;
	}
	
	.admindashtoprow {
		width: 94%;
		margin-left: 3%;
		margin-bottom: 9px;
	}
}

.dashfloaterbox {
	width: 80%;
	max-width: 800px;
	min-width: 300px;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.dashfloaterdesc {
	display: inline-block;
	min-width: 250px;
	margin-right: 40px;
}

.dashfloatersubhead {
	font-weight: 500;
}

.dashfloatername {
	font-weight: 500;
	color: #6e35b7;
}

/****** ONLINE HELP ******/
span.helpicon {
	position: relative;
}

span.helpicon img {
	position: absolute;
	left: 25px;
	top: 14px;
}

/****** PURCH/RECV REPORT ******/
#purchrecvtable {
	margin-top: 15px;
	width: 100%;
}

#purchrecvtable tbody, #purchrecvtable tbody td {
	font-weight: lighter;
	font-size: 1.3rem;
	padding-top: 5px;
	line-height: 1.6em;
}

#purchrecvtable tbody td:first-child {
	padding-left: 8px;
}

#purchrecvtable tbody tr {
	height: 50px;
	vertical-align: top;
}

#purchrecvtable th.centered, #purchrecvtable td.centered {
	text-align: center;
}

#purchrecvtable td, #purchrecvtable th {
	padding: 4px;
}

#purchrecvtable tbody tr:nth-child(odd) {
	background-color: #eee;
}

.row-actions {
	color: #ddd;
	font-size: 13px;
	padding: 2px 0 0;
	position: relative;
	left: -9999em;
}

.row-actions.visible {
	position: static;
}

.datepicker {
	width: 125px;
}

.filterhead {
	display: inline-block;
	width: 160px;
}

.width150 {
	display: inline-block;
	width: 165px;
	padding-left: 20px;
}

.filterbutton {
	position: relative;
	top: -110px;
	left: 590px;
	width: 150px;
}

.ui-dialog-content {
	clear: both;
}

/****** SELL ITEM DIALOG ******/
#sellitemtable {
	margin-left: auto;
	margin-right: auto;
}

#sellitemtable td, #sellitemtable th {
	padding: 5px;
	text-align: center;
}

#selltodropdown {
	width: 60%;
	border: 1px solid #000;
	margin-left: 50px;
	height: 150px;
	overflow-y: scroll;
	z-index: 1;
	position: relative;
	top: -10px;
}

.selltodropitem { cursor: pointer; }

.selltodropitem:hover { cursor: pointer; background-color: #e0e0e0; }

.itemdropdown {
	border: 1px solid #000;
/* 
	margin-left: 75px;
 */
	height: 65px;
	overflow-y: scroll;
}

.itemdropitem { font-size: .9em; background-color: #ffffff;}

.itemdropitem:hover { cursor: pointer; background-color: #e0e0e0; }