html, body {height:100%;font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0px;padding:0px;background:#e2f1f7}
body {display: flex; flex-direction: column;}
.content {flex: 1 0 auto;}
.footer {flex-shrink: 0; padding: 20px;text-align:center;font-size:9pt;background:#e6f4ff;border-top:1pt solid black;border-radius:0 0 4px 4px;}

.main-content {margin:10px;}
.color-primary-1 {color: #3560a8}
.color-primary-s-1 {color: #4494d4}
.color-primary-h-1 {color: #93cdff}
.color-secondary-1 {color: #98c465}
.color-secondary-s-1 {color: #41a500}
.color-secondary-h-1 {color: #c6ff5c}
.color-complementary-a-1 {color: #69b0d7}
.color-complementary-b-1 {color: #c7ecff}

.map {height: 100%; width: 100%;}
.small {font-size: 9pt;} 
.clicker {cursor: pointer}
.dimmed {opacity: 0.3}
.button {margin:15px;padding:15px 25px 15px 25px;background-color:#0066aa;font-size:18px;font-family:Helvetica;font-weight:800;cursor:pointer}
.button:disabled {background-color:#666666;cursor:not-allowed}
.small-button {margin:5px !important;padding:5px 10px 5px 10px !important;}
.small-button:disabled {background-color:#666666;cursor:not-allowed}

.dialog {display:none;width:300px;z-index:20;position:fixed;top:50%;left:50%;margin-left:-164px;margin-top:-150px;padding:10px;background:#ffffff;border:2pt solid #4494d4;}
.dialog h3 {text-align:center;margin:8px 0 8px 0;color:#4494d4;font-weight:700;}
.dialog h4 {text-align:center;margin:8px 0 8px 0;color:#4494d4;font-weight:700;}
.dialog h5 {text-align:center;color:#98c465;margin-bottom:0px}
.dialog>table {width:100%;}
.dialog td:nth-child(1) {padding-left:20px;width:150px;text-align:left;font-size:11pt}
.dialog td:nth-child(2) {width:180px;text-align:left}
.dialog>table [colspan] {padding-top:0px;text-align:center;font-size:10pt}
.dialog input:not([type=checkbox]):not([type=radio]) {width:140px}
.dialog select {width:147px}
.dialog td a {text-decoration:none;color:#3388dd;}
.dialog button {text-align:center;margin:20px 20px 5px;padding:7px;background:#ffffff;border:2px solid #4494d4;border-radius:6px;font-size:17px;font-family:Helvetica;font-weight:800;cursor:pointer;color:#4494d4;transform:translate(-10px,0px);}
.dialog-error {text-align:center;color:#ff0000;padding-bottom:18px;}

.clubs-messages {font-size:12pt;font-family:Arial;border:none}
.clubs-messages>div {margin:4px 10px 0px 6px;padding:0px;background-image:linear-gradient(#ffffff, #ddeeff);box-shadow:3px 3px 3px #888888;border:1pt solid black;border-radius:3px;}
.clubs-messages input {width:95%;margin-bottom:5px}
.clubs-messages>div h4{margin:0px;font-size:13pt}
.clubs-messages>div h4 span:nth-child(1){margin-left:20px;}
.clubs-messages>div div{padding:8px 4px 4px 40px;font-size:12pt;}
.clubs-message-open {cursor:pointer;}
.clubs-message-open + div {display:none;}
.clubs-message-open + div + div {display:block;}
.clubs-message-closed {cursor:pointer;}
.clubs-message-closed + div {display:block;}
.clubs-message-closed + div + div {display:none;}
.clubs-replies {font-size:12pt;font-family:Arial}
.clubs-replies>div {margin:4px 10px 6px 6px;padding:3px}
.clubs-replies input {width:95%;margin-bottom:10px}
.clubs-reply-count {margin:0px 10px 8px 50px;padding:0px;font-weight:600;font-size:12pt;color:#0080c0}
.clubs-chat-thread {width:12px;padding-right:5px;cursor:pointer}
.clubs-chat-item {}
.clubs-chat-date {padding-right:5px;color:black}
.clubs-chat-name {padding-right:10px;color:#4494d4}
.clubs-chat-message {color:black;font-weight:400;}

.clubs-panel {text-align:center;font-family:arial, serif;font-size:14pt;margin-top:8px;padding:6px;background:#ffffff;border:none;border-radius:4px;}
.clubs-panel>div {}
.clubs-panel>div h3 {font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:25pt;margin:4px 0 4px 0;color:#4494d4;font-weight:700;}
.clubs-panel>div h4 {font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:18pt;margin:4px 0 4px 0;color:#4494d4;font-weight:600;}
.clubs-panel button {margin:15px;padding:15px;background:#98c465;border:none;border-radius:6px;font-size:16px;font-family:Helvetica;font-weight:700;cursor:pointer;color:#ffffff;}
.clubs-panel>div ol {}

.clubs-fillpanel {text-align:center;font-family:arial, serif;font-size:14pt;margin-top:0px;margin-bottom:0px; padding:6px 20px;background:#e6f4ff;border:none;border-radius:4px;}
/* .clubs-signup-panel {background:#93d444;} */
.clubs-news-panel {text-align:center;font-family:arial, serif;font-size:12pt;margin:8px auto 0px;padding:16px;border-left:5pt solid #cee8ff;border-right:5pt solid #cee8ff;border-top:1pt solid #cee8ff;border-bottom:1pt solid #cee8ff;border-radius:4px; width:90%}

.clubs-nopanel {margin:0px;padding:0px;border:none;}
.clubs-nopanel>div {text-align:left;margin:10px;padding:0px 20px 0px 20px;background:#ffffff;border:1pt solid #69b0d7;border-radius:4px;}
.clubs-nopanel>div h4 {margin:4px 5px 4px 5px;padding:0px}

.clubs-logo {width:100%;margin:0px;background:#ffffff}
.clubs-logo tr {vertical-align:bottom;font-style:italic;font-family:Lucida Bright,Times Roman,serif;}
.clubs-logo tr span {cursor:pointer;font-weight:500;color:#98c465;font-style:normal;font-family:Arial,san-serif;font-size:12pt; padding-right:15px;}
.clubs-logo img {height:25px}

/* nav */
.clubs-menu {background:#4494d4;margin:0px;border-top:1pt solid black;border-radius:0 0 4px 4px;}
.clubs-nav {position: relative;margin-top:0px}
.clubs-nav div {display: none}
.clubs-nav ul {margin-top: 4px;padding: 0;}
.clubs-nav li {margin: 0;padding: 4px 15px 12px 15px; border-right:1pt dotted #cccccc; list-style:none; display:inline-block;}
.clubs-nav a {padding: 5px 15px 5px 15px;text-decoration: none;color:#000000;line-height: 100%;}
.clubs-nav li:hover {color: #73b3d0;cursor:pointer}
.clubs-nav .current {color:#ffffff;font-weight:600}
.clubs-hideNav {display: block;}


.clubs-divider {border-bottom: 1px solid #4494d4; margin:20px 170px 0px 170px}
.clubs-divider-green {border-bottom: 2px solid #98c465; margin:5px auto 20px auto; width:50%}
.clubs-divider-green2 {border-bottom: 2px solid #98c465; margin:5px auto 20px auto; width:75%}
/* right nav */
.clubs-nav.right ul {text-align: right;}

/* center nav */
.clubs-nav.center ul {text-align: center;}

.challenge-box {
	width:300px;
	padding:0px;
	margin:0px;
	text-align:left;
}

.challenge-row {
	padding:0px;
	margin:5px 0px;
	border: 2px solid #4494d4;
	text-align:center;
	font-size:10pt;
	font-weight: 600;
	width:100%;
}

.ladder-rung {
	width:280px;
}

.ladder-rung-info {
	width:280px;
	font-size: 10pt;
	font-style:italic;
	text-align:center;
	color: #999999;
	margin-bottom: 8px;
}

.ladder-rung-standard {
	padding-left:20px;
	margin:3px;
	padding:5px 5px 5px 15px;
	border:4px outset #7ba7d2;
	border-radius: 5pt;
	background-image:linear-gradient(#ffffff, #ccddee);
	font-weight: 600;
}

.ladder-rung-gilded {
	padding-left:20px;
	margin:2px;
	padding:5px 5px 5px 15px;
	border-left: 6px solid #3388dd;
	background-image: linear-gradient(to right, rgba(150,200,255,0.6), rgba(255,255,255,0));
	font-weight: 600;
}

.ladder-rung-modern {
	padding-left:20px;
	margin:2px;
	padding:5px 5px 5px 15px;
	border:2px solid #3388dd;
	border-radius:3px;
	background:#D8D9DA45;
	font-weight: 600;
}

.ladder-rung-solid {
	padding-left:20px;
	margin:4.5px;
	padding:5px 5px 5px 15px;
	border: 3px solid #C1DBF4;
	border-radius:4px;
	background:#C1DBF4;
	font-weight: 600;
}

.ladder-rung-blocky {
	padding-left:20px;
	margin:4px;
	padding:5px 5px 5px 15px;
	border-radius:4px;
	outline: 4px solid #3388dd;
	background:#E5EEF6;
	font-weight: 600;
}

.ladder-rung-bold {
	padding-left:20px;
	margin:11px;
	padding:5px 5px 5px 15px;
	outline: 3.5px solid #7ba7d2;
	background-image: linear-gradient(to right, rgba(150,200,255,0.6), rgba(255,255,255,0));
	font-weight: 600;
}

.ladder-rung-plain {
	padding-left:20px;
	margin:0px 4px 4px 4px;
	padding:0px 5px 5px 15px;
	font-weight: 600;
}

.ladder-rung-ugly {
	padding-left:20px;
	margin:4px;
	background-image:repeating-linear-gradient(-45deg, rgba(255,255,255,150), rgba(150,200,255,200) 50%, rgba(0,0,255,255) 50%);
	border: 4px solid #3388dd;
	padding:5px 5px 5px 15px;
	font-weight: 600;
}

.ladder-title {
	
}

.ladder-title-light-bar {
	padding:-100px;
	height:25px;
	width:400px;
}

.help-question {text-align:left;margin-top: 20px; font-size:14pt}
.help-answer {text-align:left;margin-top: 20px; padding-bottom:10px; font-size:12pt; border-bottom:1pt dotted black}
.help-terms {text-align:center;margin-top: 40px; font-size:12pt}

.settings-dialog {
	width:330px;
	height:500px;
	overflow: auto;
	margin-left:-175px;
	margin-top:-250px;
}

.settings-separator {
	border-top:3px solid black;
	border-bottom:3px solid black;
	padding:0px;
	margin:0px;
	background-image:linear-gradient(#ffffff, #ccddee);
}

.settings-separator TD {
	border-top:3px solid black;
	border-bottom:3px solid black;
	border-left: 0px;
	border-right:0px;
	padding:0px;
	margin:0px;
}

.module-frame-admin {text-align:left;margin:15px;padding:5px 20px 5px 20px;background:#ffffff;border:1pt solid #99aacc;border-radius:4px;}
.module-frame-standard {text-align:left;margin:15px;padding:5px 20px 5px 20px;background:#ffffff;border:1pt solid #4494d4;border-radius:4px;}
.module-frame-none {text-align:center;margin:15px;padding:5px 20px 5px 20px;border:none;}
.module-frame-hidden {text-align:left;margin:15px;padding:5px 20px 5px 20px;background:#ffffff;border:none}
.module-frame-uncertain {text-align:center;margin:15px;padding:5px 20px 5px 20px;}
.module-frame-full {background:#e2f1f7;}

.module-admin {}
/* background-image:linear-gradient(#ffffff, #CCDDEE, #A3B0BE);*/

@media screen and (max-width: 500px) {
	.clubs-nav {position: relative;min-height: 40px;}
	.clubs-nav div {display:block;cursor:pointer;margin:4px;width:220px;padding:5px 0;position:absolute;top:0;left:0;border-radius:4px;background:url(images/icon-menu.png) no-repeat 10px 8px;box-shadow:0 1px 2px rgba(0,0,0,.3);}
	.clubs-nav div span {display:block;cursor:pointer;padding:0px 0px 0px 32px;text-align:left;font-weight:600;color:#ffffff;}
	.clubs-nav ul {background:#4494d4;margin: 4px; width:220px;padding: 5px 0;position: absolute;top: 0;left: 0;border: solid 1px #aaa;border-radius: 2px;box-shadow: 0 1px 2px rgba(0,0,0,.3);}
	.clubs-nav ul li {display:block;margin:0 0 5px;}
	.clubs-nav ul .current {font-weight:600;}
	
	.clubs-nav .current {display: block;}
	.clubs-nav li {display: block;padding: 5px 5px 5px 32px;text-align: left;}
	.clubs-nav .current {color:#ffffff;font-weight:600;border:none;cursor:pointer}
	.clubs-hideNav {display:none;}

	/* on nav hover */
	/*
	.clubs-nav ul:hover {display:block;background-color:#0066aa;margin: 4px; width: 180px;padding: 5px 0;position: absolute;top: 0;left: 0;border: solid 1px #aaa;border-radius: 2px;box-shadow: 0 1px 2px rgba(0,0,0,.3);}
	.clubs-nav ul:hover li {display:block;margin:0 0 5px;}
	.clubs-nav ul:hover .current {background:url(images/icon-check.png) no-repeat 10px 7px;font-weight:600;}
	*/

	/* right nav */
	.clubs-nav.right ul {left: auto;right: 0;}

	/* center nav */
	.clubs-nav.center ul {left: 50%;margin-left: -90px;}
	
	.ladder-rung {
		width:90%;
	}
	
	.ladder-rung-info {
		width:90%;
	}
	
	.challenge-box {
		width:90%;
	}
}

.stat-title {vertical-align:top;width:100%;font-size:14pt;font-weight:500;}
.stat-button {position:fixed;font-weight:500;border-radius:5px;border:2px solid black}
.stat-output-title {font-size:14pt;}
.stat-output-stat {font-size:8pt;}