/*override Admintasia*/
#page_wrapper #page-header {
    /* background: url("../images/header-bg-cmp.png") repeat-x scroll 0 0 transparent; */
}
#page_wrapper #page-header #page-header-wrapper
{
    /* margin: 0 0 100px; */
    min-height: 85px;
	margin: 0px !important;
}
#page_wrapper #page-header 
{
    /* height: 140px; */
	background-image: none !important;
	background-color: #555555;
}
#page_wrapper #page-header #page-header-wrapper #top {
    /* margin: 0 20px; */
	padding-left: 10px;
    height: 85px;
}
/* this must be the height of the logo */
#page_wrapper #page-header #page-header-wrapper #top a.logo
{
	background-image: url("../images/cmplogo.png");
	display: block;
	height: 85px;
	width: 85px;
	/*
	text-indent: -9999em;
	float: left;
	 */
}

#page_wrapper #page-header #page-header-wrapper #top .welcome {
	/* position: fixed; */
	right: 10px;
}

#page_wrapper #page-content #page-content-wrapper {
	padding: 10px;
}

@media only screen and (max-width: 1280px) {
	.layoutResponsive #top {
		padding-left: 10px;
	}

}

/************************** Big menu styling ***************************8*/
.sf-arrows .sf-with-ul:after,
.sf-arrows ul .sf-with-ul:after {
	/* superfish override */
	border-top-color: #999999;
	right: .5em;
}

.sf-arrows > li > .sf-with-ul:focus:after, 
.sf-arrows > li:hover > .sf-with-ul:after, 
.sf-arrows > .sfHover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after
 {
	/* superfish override */
	border-top-color: #1084f0;
}

#page-header #navigation {
	width:100%;
	background-image: linear-gradient(#eeeeee, #cccccc);
	float:none;
	margin:0px;
	padding-left: calc(12.5% + 10px);		/* (1/2 of 25%) */
	display: table !important;
}

@media only screen and (max-width: 1280px) {
	.layoutResponsive #page-header #navigation {
		padding-left: 10px;
	}

	#page-header #navigation > ul {
		padding-left: 0px;
	}

}

#navigation #wrapBigMenu {
	width: 700px !important;
	/* height: 275px !important; */
	height: auto !important;
}

#navigation > li > ul {
	background: white;
	background: -webkit-linear-gradient(white, #dddddd);
	background: -o-linear-gradient(white, #dddddd);
	background: -moz-linear-gradient(white, #dddddd);
	background: linear-gradient(white, #dddddd);
}

#navigation li ul li {
	background: transparent;
}

#navigation li ul #startBigMenu ul {
	display: block !important;
	left:0px;
	width: auto;
	position: relative;
	background: transparent;
	border: none;
	box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#navigation li ul #startBigMenu ul li {
	font-weight: bold;
	font-size: 1em;
	border-bottom: none;
	line-height: initial;
	padding-top: 4px;
	padding-bottom: 0px;
}
#navigation li ul #startBigMenu ul li:hover,
#navigation li ul #startBigMenu ul li:hover a {
	background-color: transparent;
}
#navigation li ul #startBigMenu ul li.title {
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px dotted #ccc;
	margin-bottom:4px;
}
#navigation li ul li #startBigMenu a {
	display: inline;
	height: auto;
	line-height: normal;
	padding: 0px;
	margin: 0px;
}
#navigation li ul li #startBigMenu a:hover {
	text-decoration: underline;
	
}
#startBigMenu {
	border-collapse:collapse;
}
#startBigMenu td {
	padding: 3px;
	line-height: 1em;
}

/* CONTEXT MENU STYLING */
.context-menu-wrap {
	display:none;
	position:absolute;
	padding:10px;
	background-color:white;
	border:solid 1px #cccccc;
	right: 0px;
	z-index:999;
}

.context-menu-wrap li {
	line-height: 1.5em;
	padding: 3px;
}

.context-menu-wrap li:hover {
	background-color: #cccccc;
}

/* .content-box h2-n are specified in base, but not h1 */
.content-box h1 {
	font-size:2.0em;
}

/* dev/stage warning ribbon */
div.envNotice {
	with:100%;
	height: 1.4em;
	font-size: 1em;
	vertical-align: middle;
	background-color: lightyellow;
	color: black;
	font-weight: bold;
	margin: 0px;
	margin-top: -12px;
	padding: 0px;
	text-align: center;
	position: relative;
	border-bottom: solid 1px #cccccc;
}

div.envNotice > span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

/************************************************
#sub-nav applies only to the login dialog at time of writing
 *************************************************/
#sub-nav {margin-top:50px;}

div.identifier-fields-labels { margin-top: 5px; }
div.identifier-fields-labels label, div.identifier-fields-labels input {float:left; width:auto; margin:0px; line-height:100%;}
div.identifier-fields-labels input[type="radio"] {margin-right:5px;}
div.identifier-fields-labels input[type="text"] {margin-right:5px;}
div.identifier-fields-labels label {margin-right: 18px;}

button.ui-state-disabled, button.ui-state-disabled:hover {color:gray;}
button.compressed {padding: .1em;}	/* allows a button to be compressed. Valuable for buttons inline with controls /*

/* OL styling */
ol {list-style-type: decimal; margin-left:1em;}
ol li {display: list-item; list-style: decimal;}

/* General classes */
.hide {display:none;}
.competitorNumber {font-style:italic;}
.inner-page-title h3 span.competitorNumber {display:inline; font-style:italic; font-size:.9em;}
.inner-page-title div.avatar {float:left; padding-right:8px;}
.inner-page-title div.avatar img {border-radius: 4px;}
.error {color:#b50007 !important;}
div.error.stand-alone {background:none; background-color: #f9e5e6; padding:8px;}
option.unsupported {background-color: #f9e5e6;}
.ui-widget-content a {color: #0B6ABA !important;}
.vertical-align, tr.vertical-align > td {vertical-align:middle !important; margin-top:0px !important; margin-bottom:0px !important; padding-top:0px !important; padding-bottom:0px !important;}
.vertical-top {vertical-align:top !important;}
strong, .strong {font-weight:bold;}
emphasis, .emphasis {font-style:italic;}
block, .block {display:block !important;}		/* particularly useful for resetting other classes that force inline */
.large-1 {font-size:1.25em;}
.large-2 {font-size:1.5em;}
.large-3 {font-size:1.75em;}
.large-4 {font-size:2em;}
input:disabled, select:disabled, textarea:disabled, 
input:read-only, select:read-only, textarea:read-only {background-color: rgb(235,235,228); font-style: italic;}
table th {font-size:1em; padding:2px; font-weight:bold;}

li > h1 {font-size:2.0em;}
li > h2 {font-size:1.8em;}
li > h3 {font-size:1.5em;}
li > h4 {font-size:1.2em;}

.notes {
	color:#666666;
	font-style: italic;
	margin-top:5px;
}
.notes.compact {
	font-size:.95em;
	line-height: 1.0em;
	display: inline;
}
.notes.reallycompact {
    font-size:.75em;
    display:inline;
}
.notes.supercompact {
	font-size:.50em;
    display: inline;
}
.notes.emphasis {
	font-weight:bold;
}
.notes.no-emphasis {
	font-weight:normal;
}
ul.comma-separated {
	display: inline;
}
ul.comma-separated li {
	display:inline;
}
ul.comma-separated li:after {
	content: ",";
}
ul.comma-separated li:last-of-type:after {
	content: none;
}
.clickable {
	cursor: pointer;
}
td.currency {
	text-align: right !important;
}
span.currency {float:none;}  		/* resets form.li.span */
.currency:before {
	content: "$";
	display: inline-block;
}

/* FORM overrides */
label.fixed {width:115px !important;display:block;float:left;}
input.labelindent {margin-left:115px !important;}
label.fixed.wide {width:200px !important;}
label.fixed.wide.labelindent {margin-left:200px !important;}
label.desc {font-size:110%;}
label.desc span.notes {font-size:90%; padding-left:8px;}
form .inline, .inline {display:inline-block !important; float:none !important;}

form li span.notes {float:none;}

form li.compact {padding:0px;}
form li > div {padding-left:24px;}
form li.compressed > div {padding-left:8px;}

a.icon-only.inline {
        display:inline-block; 
        float:none; 
        padding:0px !important; 
        margin:0px !important;
        vertical-align:middle;
        line-height:12px;
}
.ui-icon.inline {display:inline-block; float:none;}

.header span {
	float:right;
	margin-top:-3px;
}

/* black-out dialog */
.blackout-wrapper {
	display:none; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:100;
}
.blackout-wrapper.show {display:block;}
.blackout-inner {
	width:100%;height:100%;background-color:rgba(0,0,0,.85);
}
.blackout-dialog {
	/* Note: this was top:50%, but for scrolling pages it would locate the dialog past "the fold" */
	/* position:absolute; left:50%; top:150px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */
	position:sticky;	/* float up and down the page */
	top: 150px;
	-webkit-transform: translate(-50%, 5%);
	transform: translate(-50%, 5%);
	left: 50%;
	width: fit-content;
	max-width: 50%;
}

/* admin info */
#AdminInfoAnchor .ui-icon-info {background-image:url("themes/gray_lightness/images/icons-gray.png"); z-index:1;}
#AdminInfoAnchor .ui-icon-info.has-content {background-image:url("themes/gray_lightness/images/icons-blue.png");}

/* match reg */
table.tblMatchRegistrationCompetitorInfo,
table.tblMatchRegistrationOverview {
	margin: 1em 0;
	border-collapse: collapse;
}
table.tblMatchRegistrationInfo {
	width: 100%;
}

table.tblMatchRegistrationCompInfo td,
table.tblMatchRegistrationCompInfo th,
table.tblMatchRegistrationInfo td,
table.tblMatchRegistrationInfo th,
table.tblMatchRegistrationOverview td,
table.tblMatchRegistrationOverview th {
	padding: .4em;
	vertical-align: middle;
}
table.tblMatchRegistrationCompInfo th,
table.tblMatchRegistrationInfo th,
table.tblMatchRegistrationOverview th {
	white-space: nowrap;
	font-weight: bold;
}
table.tblMatchRegistrationInfo th:first-of-type {width:20%;}
table.tblMatchRegistrationInfo td:first-of-type {width:25%;}
table.tblMatchRegistrationInfo td.last-of-type {width:55%;} 
tr.tblBorderBottom td,
tr.tblBorderBottom th {
	border-bottom: 1px solid black;
}
table.tblMatchRegistrationInfo tr.unpaid td {
	background-color: rgba(255,200,190,1);
}
table.tblMatchRegistrationInfo tr.paid td {
	background-color: #ccddf0;
}
table.tblMatchRegistrationInfo tr.cancelled {
	background-color: lightyellow;
}
table.tblMatchRegistrationInfo tr.unpaid td,
table.tblMatchRegistrationInfo tr.paid td,
table.tblMatchRegistrationInfo tr.odd td {
	-webkit-transition: background-color 1s;
	transition: background-color 1s;	
}
table.tblMatchRegistrationInfo td p {
	margin: 0;
	padding: 0;
}
table.tblMatchRegistrationInfo table.eventDetails {
	background-color: #f6f6f6;
	margin-left: 30px;
	border: solid 1px #cccccc;
	padding-left: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: calc(100% - 30px);
}
table.tblMatchRegistrationInfo tr.squadEventRow th,
table.tblMatchRegistrationInfo tr.squadEventRow td,
table.tblMatchRegistrationInfo tr.squadEventRow td * {width:auto;}

table.tblMatchRegistrationInfo tr.squadEventRow .status {max-width:auto;}
table.tblMatchRegistrationInfo tr.squadEventRow .paidInfo {text-align: right;}

table.tblMatchRegistrationInfo tr.distinguished th,
table.tblMatchRegistrationInfo tr.distinguished td {
	width: auto;
	background-color: #eeeeee;
}
table.tblMatchRegistrationInfo tr.distinguished:last-of-type > th,
table.tblMatchRegistrationInfo tr.distinguished:last-of-type > td {
	/* padding-bottom:18px; */
}

table.tblMatchRegistrationInfo tr.distinguished td > div {
	with:100%;
}
table.tblMatchRegistrationInfo tr.distinguished td > div > div {
	width:49%;
	min-height:90px;
	vertical-align: top;
	float:left;
}
table.tblMatchRegistrationInfo tr.distinguished td > div > div > label {
	display:inline-block;
	width:175px;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 5px;
}
table.tblMatchRegistrationInfo tr.distinguished td > div > div > div {
	display: inline-block;
	vertical-align: top;
}

/* Set off odd divs with different styling */
div.even {border: solid 1px #cccccc;}
div.odd {border: solid 1px #cccccc; background-color:#cccccc;}
ul.striped {border: solid 1px #cccccc;}
ul.striped li.even {background-color:transparent;}
ul.striped li.odd {background-color:#cccccc;}

/*************************************************
    Contacts View
**************************************************/
#tabs-competitions .content-box ul > li {
	border-top:1px solid #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
}

#tabs-competitions .content-box ul > li.national-record {
	margin-top: 18px;
}

#tabs-competitions .content-box ul > li:first-of-type {
	margin-top: 10px;
}

#tabs-competitions .national-record .title .score {
	float: right;
	text-decoration: underline;
}

#tabs-competitions .national-record .info {
	margin-top: 8px;
}

/*************************************************
    Match View
**************************************************/
.event-attribute {
    border-left: solid 1px #464646;
    padding-left: 2px; 
    padding-right: 2px;
    line-height: 14px;
    font-size: 10px;
}
.event-attribute:first-of-type {
    border-left:none;
    padding-left:0px;
}
.elliottSelect {max-width:230px;}
/*************************************************
    Air Team Registration
**************************************************/
.step {margin-bottom:40px;}

.step progress {
	display:block;
	width:100%;
	height:20px;
	margin-bottom: 10px;
}

.step .number {
    display: block;
    float: left;
    height:50px;
    width:50px;
    background-color: #0B6ABA;
    border: solid 2px #333333;
    border-radius: 50%;
    font-size: 40px;
    text-align: center;
    vertical-align: middle;
    line-height:50px;
    color: white !important;
    font-weight: bold;
}

.step .number.error {
	background-image: none;
	background-color: #990000;
}

.step .description {
    display: block;
    margin-left:72px;
    font-size: 24px;
}

.step .description .notes {
    font-size: 75%;
}

.team-selections, .box-selections {
    margin-left: 90px;
}

.box-selections h1 {
	font-size:1.75em !important;
	line-height:1.1em !important;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: 1em;
}

.team-selection, .box-selection {
    display:inline-block;
    margin-right: 10px;
    border: solid 3px black;
    position: relative;
    text-align: center;
    border-radius: 3px;
}

.team-selection a, .box-selection a {
    display: table-cell;
    height: 125px;
    width: 125px;
    text-align: center;
    vertical-align: middle;
    background-color: #262626;
    color:white;
    text-shadow:none;
    font-size:1.3em;
    line-height: 1.3em;
    font-weight: bold;
    padding:8px;
    border:solid 3px white;
    border-radius: 3px;
    transition: .2s background-color, .2s color;
}

.box-selection.big a {height:230px; width:230px;}
.box-selection.small a {height:80px; width:80px;}

.team-selection a:hover, .box-selection a:hover,
.team-selection a.selected, .box-selection a.selected {
    background-color: #0B6ABA;
    color: #000000 !important;
}

.box-selection a.no-select:hover {
	background-color: #262626;
}

.box-selection a.disabled, .box-selection a.disabled:hover {
	background-color: #cccccc;
	color: #999999 !important;
	cursor: default !important;
}

.team-member-selection .column .inner-page-title {
    font-size: 140%;
    font-weight: bold;
}
.team-member-selection .column .inner-page-title > span {
    font-size: 80%;
}

.team-member-selection .column .content-box-col {
    margin-top:20px;
}
.team-member-selection .column .content-box-col:first-child {
    margin-top:0px;
}

.team-member-selection .column.team-members-wrap .form-container {
    margin-right: 25px !important;
}

.team-member-selection .team-node {
    font-size: 1.25em;
    font-weight:bold;
    margin-top:12px;
}

.team-member-selection li.team-member span {float:none;}

.team-member-selection .team-node .notes,
.team-member-selection .team-node a {
    font-size: .95em;
    font-weight: normal;
}

.team-member-selection .team-node a.icon-only {
    padding: 0px !important;
    margin: 0px !important;
    padding-right: 4px !important;
}

.team-member-selection .team-node a.icon-only span {
    top: -3px !important;
}

.team-member-selection .team-node ul {
    margin-left:8px;
    padding-left: 8px;
    border-left: solid 1px #999999;
}

.team-member-selection .team-member-node {
    font-size: .95em;
    font-weight: normal;
    padding-top:6px;
}

#competitorSearch {transition: background-color .35s;}
#competitorSearchBtn {padding: 4px 1em 4px;}
.hastable tr td.results, .results {padding-top: 12px; padding-left:40px; padding-right: 18px;}
.results li {font-size:1.25em; padding-top:3px; padding-bottom:3px;}
.results .results-header.Print h1 {font-size:1.5em; font-weight: bold;}
.results .results-header.Print h2 {font-size:1.2em; font-weight: bold; padding-top:4px;}
#shooterNotListedAdd {margin-top:15px;}
tr.out-of-competition td {
	color: #cccccc !important;
}

.team-member-name {font-size:1.25em; font-weight:bold;}
.team-member-name > span.notes {font-size:.85em;}
.team-member > ul {font-size:.9em; margin-left:18px;}
.team-member > ul li {padding: 1px 0 1px;}
.team-member > ul label.desc {display:inline-block; width:40%;}
.team-member > ul input.text, 
.team-member > ul select.select {padding:0px;}
.team-member > ul li .fieldinfo {width: 90%; display:none;}

.air-team-reg tfoot th {text-align:left;}
.air-team-reg th.amount, .air-team-reg td.amount {
    text-align: right;
}
.air-team-reg .grand-total {font-size:115%;}
/*************************************************
    Score Entry
**************************************************/

.ui-widget-overlay {
	z-index: 100;
}
.ui-dialog {
	z-index: 101;
}
.dataTables_wrapper a:hover, 
.dataTables_wrapper a:active {
	text-decoration: underline;
}

table.tblMatchStageAndEventScores,
table.tblScoreEntryManualShooter,
table.tblScoreEntryManual {
}
table.tblScoreEntryFinal th,
table.tblMatchStageAndEventScores th,
table.tblScoreEntryManualShooter th,
table.tblScoreEntryManual th {
	white-space: nowrap;
	font-weight: bold;	
}
table.tblScoreEntryFinal th {
	text-align: center;
	padding: 0 .25em .25em .25em;
}
table.tblScoreEntryManualShooter th {
	padding: .25em .75em;
}
table.tblMatchStageAndEventScores th,
table.tblScoreEntryManual th {
	padding: .4em;
}
table.tblScoreEntryManualShooter td {
	padding-left: .25em;
	padding-bottom: .25em;
}
table.tblScoreEntryManualShooter td input[type=text] {
	width: 28px;
}
table.tblScoreEntryManual td {
	padding: .25em .75em;
}
table.tblMatchStageAndEventScores td {
	padding-right: 10px;
}
table.tblMatchStageAndEventScores td div {
	margin: .35em .4em;
}

table.tblScoreEntryFinal td.txtScoreEntryFinalCompName
{
	font-weight: bold;
	min-width: 120px;
	padding-left: .25em;	
}
table.tblScoreEntryFinal td input.txtCompNum {
	width: 60px;
}
table.tblScoreEntryFinal td input.txtInvShotScore {
	width: 28px;
	margin-right:2px;
	margin-bottom: 2px;
}
table.tblScoreEntryFinal td input.txtSummaryScore {
	width: 40px;	
}
table.tblScoreEntryFinal td.chkUseShotDetail {
	text-align: center;
}

.align-right {text-align:right !important;}
.align-center {text-align:center !important;}
.indent {padding-left:18px !important;}
.indent_short {padding-left:8px !important;}
.top-space {margin-top:12px !important;}
.top-space-2 {margin-top:18px !important;}
.top-space-3 {margin-top:24px !important;}
.bottom-space {margin-bottom:12px !important;}
.bottom-space-2 {margin-bottom:18px !important;}
.bottom-space-3 {margin-bottom:24px !important;}
.left-space {margin-left:8px !important;}
.left-space-2 {margin-left:12px !important;}
.left-space-3 {margin-left:18px !important;}
.right-space {margin-right:8px !important;}
.right-space-2 {margin-right:12px !important;}
.right-space-3 {margin-right:18px !important;}
.no-space {margin:0px !important; padding:0px !important;}
.no-margin {margin:0px !important;}
.no-padding {padding:0px !important;}

.participant-squadding table.squadding {width:100%;}

/*
td.squad_prio_invalid,table.no-hover tbody tr:hover td.squad_prio_invalid,.hastable tbody tr.no-hover:hover td.squad_prio_invalid {background-color:#ff0000;}
td.squad_prio_outofrange,table.no-hover tbody tr:hover td.squad_prio_outofrange,.hastable tbody tr.no-hover:hover td.squad_prio_outofrange {background-color:#cccccc;}
td.squad_prio_-1,table.no-hover tbody tr:hover td.squad_prio_-1,.hastable tbody tr.no-hover:hover td.squad_prio_-1 {background-color:#001800; color:#ddd !important;}
td.squad_prio_0,table.no-hover tbody tr:hover td.squad_prio_0,.hastable tbody tr.no-hover:hover td.squad_prio_0 {background-color:#002b00; color:#ddd !important;}
td.squad_prio_8,table.no-hover tbody tr:hover td.squad_prio_8,.hastable tbody tr.no-hover:hover td.squad_prio_8 {background-color:#004400; color:#ddd !important;}
td.squad_prio_7,table.no-hover tbody tr:hover td.squad_prio_7,.hastable tbody tr.no-hover:hover td.squad_prio_7 {background-color:#005d00; color:#ddd !important;}
td.squad_prio_6,table.no-hover tbody tr:hover td.squad_prio_6,.hastable tbody tr.no-hover:hover td.squad_prio_6 {background-color:#007600; color:#ddd !important;}
td.squad_prio_5,table.no-hover tbody tr:hover td.squad_prio_5,.hastable tbody tr.no-hover:hover td.squad_prio_5 {background-color:#008f00; color:#ccc !important;}
td.squad_prio_4,table.no-hover tbody tr:hover td.squad_prio_4,.hastable tbody tr.no-hover:hover td.squad_prio_4 {background-color:#00a800; color:#333 !important;}
td.squad_prio_3,table.no-hover tbody tr:hover td.squad_prio_3,.hastable tbody tr.no-hover:hover td.squad_prio_3 {background-color:#00cd00; color:#444 !important;}
td.squad_prio_2,table.no-hover tbody tr:hover td.squad_prio_2,.hastable tbody tr.no-hover:hover td.squad_prio_2 {background-color:#00e600; color:#444 !important;}
td.squad_prio_1,table.no-hover tbody tr:hover td.squad_prio_1,.hastable tbody tr.no-hover:hover td.squad_prio_1 {background-color:#00ff00; color:#444 !important;}
td.assigned,table.no-hover tbody tr:hover td.assigned, .hastable tbody tr.no-hover:hover td.assigned {background-color:#0b6aba !important; color:white !important; cursor: pointer;}
td.assigned.attention,table.no-hover tbody tr:hover td.assigned.attention, .hastable tbody tr.no-hover:hover td.assigned.attention {background-color:red !important; color:white !important; cursor: pointer;}
*/

td.squad_prio_invalid, tr:hover td.squad_prio_invalid {background-color:#ff0000 !important;}
td.squad_prio_outofrange, tr:hover td.squad_prio_outofrange {background-color:#cccccc !important;}
td.squad_prio_-1, tr:hover td.squad_prio_-1, input[type='radio'].squad_prio_-1 {background-color:#001800 !important; accent-color: #001800; color:#ddd !important;}
td.squad_prio_0, tr:hover td.squad_prio_0, input[type='radio'].squad_prio_0 {background-color:#002b00 !important; accent-color: #002b00; color:#ddd !important;}
td.squad_prio_8, tr:hover td.squad_prio_8, input[type='radio'].squad_prio_8 {background-color:#004400 !important; accent-color: #004400; color:#ddd !important;}
td.squad_prio_7, tr:hover td.squad_prio_7, input[type='radio'].squad_prio_7 {background-color:#005d00 !important; accent-color: #005d00; color:#ddd !important;}
td.squad_prio_6, tr:hover td.squad_prio_6, input[type='radio'].squad_prio_6 {background-color:#007600 !important; accent-color: #007600; color:#ddd !important;}
td.squad_prio_5, tr:hover td.squad_prio_5, input[type='radio'].squad_prio_5 {background-color:#008f00 !important; accent-color: #008f00; color:#ccc !important;}
td.squad_prio_4, tr:hover td.squad_prio_4, input[type='radio'].squad_prio_4 {background-color:#00a800 !important; accent-color: #00a800; color:#333 !important;}
td.squad_prio_3, tr:hover td.squad_prio_3, input[type='radio'].squad_prio_3 {background-color:#00cd00 !important; accent-color: #00cd00; color:#444 !important;}
td.squad_prio_2, tr:hover td.squad_prio_2, input[type='radio'].squad_prio_2 {background-color:#00e600 !important; accent-color: #00e600; color:#444 !important;}
td.squad_prio_1, tr:hover td.squad_prio_1, input[type='radio'].squad_prio_1 {background-color:#00ff00 !important; accent-color: #00ff00; color:#444 !important;}
td.assigned,table.no-hover tbody tr:hover td.assigned, .hastable tbody tr.no-hover:hover td.assigned {background-color:#0b6aba !important; color:white !important; cursor: pointer;}
td.assigned.attention,table.no-hover tbody tr:hover td.assigned.attention, .hastable tbody tr.no-hover:hover td.assigned.attention {background-color:red !important; color:white !important; cursor: pointer;}
td.assigned.selected,table.no-hover tbody tr:hover td.assigned.selected, .hastable tbody tr.no-hover:hover td.assigned.selected {background-color:yellow !important; color:black !important; cursor: pointer;}
.participant-squadding table.squadding td.drop {background-color:yellow !important;}
.participant-squadding table.squadding td.nodrop {background-color:red !important;}

.participant-squadding div.key {clear:both; padding-top:18px;}

.participant-squadding table.competitors {width:auto;}
.participant-squadding table.competitors tr.competitor {cursor: pointer;}
.participant-squadding table.competitors tr.competitor.selected {background-color:rgb(190,0,0);}
.participant-squadding table.competitors tr.competitor.selected td {color:whitesmoke;}
.participant-squadding table.competitors tr.competitor:hover {background-color:yellow;}
.participant-squadding table.competitors tr.competitor.selected:hover {background-color:orange;}
.participant-squadding table.competitors tr.competitor.selected:hover td {color:black;}

.participant-squadding div.dragobj {width:24px; height:24px; background-image:url("../images/icons/file.png");background-color:transparent;background-size:24px 24px;background-repeat:no-repeat;}

a.zoomedout {display:table-cell; float:left; margin:0px;}
a.zoomedin {display:none; float:left; margin:0px;}
td.zoomedout .fp_num {display:block;}
td.zoomedout .fp_info {display:none;}
td.zoomedin .fp_num {display:inline; float:left;}
td.zoomedin .fp_info {display:block; text-align:left; margin-left:24px;}
td.zoomedin .fp_info .contact_name {font-weight:bold;}

.GOLD, .gold {background-color: #ffd34f;}	/*#D4AF37*/
.BRONZE, .bronze {background-color: #904a0c; color: #cccccc !important;}
.SILVER, .silver {background-color: #dbdbdb;}

/* SPECIFIC MISC link/element styling */
#EICPointLink {padding-bottom: 6px; display:block;}

h3.clubLogo {font-size: 3em;}
h3.clubLogo img {height:50px; width:50px; border-radius: 7px; margin-right:10px;}
#logoUpload {margin-top:8px; margin-bottom:8px;}

/********************************
National Records
*********************************/
Table.NationalRecord {
	width: 100%;
	margin-bottom: 18px;
}
Table.NationalRecord tr th {
	font-size:16px;
	font-weight:bold;
}
Table.NationalRecord tr td {
	padding: 3px;
	border-left: solid 1px #cccccc;
	border-top: solid 1px #CCCCCC;
	max-width: 10%;
}
Table.NationalRecord tr td:last-of-type {
	border-right: solid 1px #cccccc;
}
Table.NationalRecord tr:last-of-type td {
	border-bottom: solid 1px #cccccc;
}
Table.NationalRecord tr.Tie td {
	background-color: #eeeeee;
}
Table.NationalRecord td > input, Table.NationalRecord > select {width:95%; max-width: 95%;}
Table.NationalRecord td > input[name='ContactCity'] {width: 60%; max-width:60%;}
Table.NationalRecord td > input[name='ContactState'] {width: 22%; max-width: 22%;}
Table.NationalRecord div[name='actions'] {width:40px;}
/********************************
Exam System
*********************************/
.oeSelectWrapper {text-align:center; line-height: 18px; font-size:14px;}
.oeSelectWrapper .oeSelect {font-weight:bold; font-size:120%;}
.oeSelectWrapper .ui-icon {height:14px; margin-right:4px;}
.oeSelectWrapper .oeExamInfo .oeCompletedWrapper {display:inline-block;}
.oeSelectWrapper .oeExamInfo .oeCompletedWrapper .ui-progressbar {width:100%; height:10px; height:8px; display:inline-block; margin:0px;}
.oeSelectWrapper .oeExamInfo .oeCompletedWrapper .ui-progressbar .ui-progressbar-value {height:4px; padding:0px; margin:1px;}
.mcLetter {display:inline-block; width:12px;}
.mcQuestion {width:75%;margin-left:18px;}
.questionDescription {font-size: 18px;}
.questionAnswer {margin-top: 18px; font-size:18px;}
.questionAnswer.key, .questionAnswer.key .questionAnswer {font-size:12px; margin-top:0px; width:60%; font-size:12px;}
.questionAnswer.key strong {line-height:24px;}
.questionAnswer.group {margin-left: 18px;}
.questionAnswer .checkbox_set {text-indent:-24px; margin-left:24px;}
.questionAnswer .correct, .questionAnswer span.correct {color:rgb(28,132,0);}
.questionAnswer .incorrect, .questionAnswer span.incorrect {color:rgb(181,0,7);}
.questionAnswer.match .correct, .questionAnswer.match span.correct {background-color:#e9f9e5; color:black;}
.questionAnswer.match .incorrect, .questionAnswer.match span.incorrect {background-color:#f9e5e6; color:black;}
textarea.questionAnswer {width:100%; height:250px;}
button.questionAnswer {margin-top:12px; float:right;}
.questionResponse {margin-top:18px; font-size: 18px;}
.sectionResult {font-size: 18px;}
.sectionResult.summary {font-size:24px; margin-top:18px; margin-bottom:18px;}

/**********************************************************
Toggle Control (react)
***********************************************************/
.toggleControl {}
.toggleControl .toggleGroup {margin-right:10px;}
.toggleControl .toggleGroup label {}
.toggleControl .toggleGroup a.grpHeader {display:block; width:100%; border:solid 1px #999999; background-color:#eeeeee; padding:4px; margin-bottom:2px; font-weight:bold; }
.toggleControl .toggleGroup .toggles {margin-top:12px; margin-bottom:12px; margin-left:18px;}
.toggleControl .toggleGroup .toggles button {margin-right:10px; margin-bottom: 8px; font-weight:bold; transition: background-color .2s;}
.toggleControl .toggleGroup .toggles button:last-child {margin-right:0px;}
.toggleControl .toggleGroup .toggles button.on {font-weight:bold; background-color: #0b6aba; color:#cccccc;}

/**********************************************************
Progress Bar Control (react)
***********************************************************/
.progressBarWrapper {
	width: 100%;
	color:white;
	background-color: gray;
	border: solid 1px slategray;
	position: relative;
}

.progressBarWrapper div {
	height: 30px;
	background-color: #0b6aba;
}

.progressBarWrapper .text {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 50%;
	transform: translate(-50%, -50%);
	background: transparent;
}

/**********************************************************
Selector Control (react)
 */
#msdSearchResultsTbl td {cursor: pointer;}

/**********************************************************
College Connect (react)
***********************************************************/
a span.star {cursor:pointer;}
.star {font-size:1.6em;}
.star.disabled {color: #cccccc;}
.star.full {color: gold;}
.star.empty {color: #cccccc;}
.watch-icon {
}
.watch-icon:after {
}
.watch-icon.on:after,
.watch-icon.reviewed {
	display:block;
	/*content:'\25CA;';*/
	background-image: url('../images/icons/watching-on.svg');
	width:16px;
	height:16px;
	content:" ";
	color: black;
}
.watch-icon.off:after,
.watch-icon.null:after {
	display:block;
	/*content:'\25CA';*/
	background-image: url('../images/icons/watching-off.svg');
	width:16px;
	height:16px;
	content: " ";
}
.watch-icon.updated:after {
	display:block;
	/*content:'\25CA';*/
	background-image: url('../images/icons/watching-updated.svg');
	width:16px;
	height:16px;
	content: " ";
}

.ccRow {margin-bottom: 2em;}
.ccSearch {
	float:right;
	display: block;
}
.ccNameRatingBlock {
	display:inline-block;
	vertical-align: top;
	margin-right: 1em;
}
.ccListItemInfoBlock {
	display:inline-block;
	vertical-align: top;
}
.ccPicture {
	display:block;
	border: solid 1px black;
	width: 100px;
	height: 100px;
	background-color: #cccccc;
}
.ccPicture img {
	width: 100px;
	height: 100px;
}
.ccListItemInfoBlock .ccListItemTitle {
	font-size: 1.7em;
	font-weight: bold;
	text-decoration: underline;
}
.ccListItemInfoBlock .ccListItemTitle a {
}
.ccNotesLink {display:inline;}
.ccNotesLink span.ui-icon-note {vertical-align: bottom;}
.ccListItemDetails {
	margin-top: 2em;
}
.ccNotesDisplay {
	margin-left: 115px;
}
.ccListItemDetails li {
	font-size: 1.5em;
	padding-bottom: .2em;
}
.ccCollegeConnectContactClose {
	display:block;
	float:right;
}
.ccCollegeConnectContactClose:after {
	display:block;
	content:"X";
	border: solid 1px black;
	background-color: #cccccc;
	font-size:1.2em;
	padding:.2em;
	cursor: pointer;
}
.ccSection {
	margin-top:3em;
}
.ccSection .title {
	font-size: 1.5em;
	font-weight: bold;
}
.ccSection .title > span {
	font-weight: normal;
	font-size: .7em;
	font-style: italic;
}
.ccSection .column > ul > li {
	font-size: 1.3em;
	padding-top: .2em;
	padding-bottom: .2em;
}
.ccSection .column > ul > li > ul > li {
	list-style-type: disc;
	margin-left: 2em;
	padding-top: .2em;
	padding-bottom: .2em;
}
.ccSection .column > ul > li > ul.no-style > li {
	list-style-type: none;
}

/**********************************************************/
/********************* PRINT MEDIA ************************/
/**********************************************************/
@media print {
	body {font-size: 1.0em !important;}
	#page_wrapper #page-header {display: none;}
	.welcome {display:none;}
	#navigation {display:none;}
	#pageInfo {display:none;}
	.print-hide {display:none !important;}
	.dataTables_filter {display:none;}
	.dataTables_info {display:none;}
	.results-header {
		width:100%;
	}
	.results-header div.logo {
		background-image: url("../images/cmplogo.png");
		background-repeat: no-repeat;
		height: 85px;
		width: 95px;
		float: left;
	}
}