/* Survey styles */
.surveyBox {
  text-align: center;
  width:400px;
  margin:auto;
}
.surveyTitle {
  font-size:18px;
  text-align: center;
  border: 1px solid white;
  padding: 3px;
  background-color: #ccccff;
  color:black;
}
.surveyInstructions {
  font-size:16px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  background-color: #dddddd;
  padding: 5px;
  text-align: left;
  color:black;
}
.surveyQuestion1 {
  font-size:14px;
  color:white;
  padding: 3px;
  text-align: left;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background-color:black;
}
.surveyAnswer1 {
  font-size: 14px;
  color: white;
  background-color: #444;
  text-align: left;
  padding: 3px 3px 3px 3px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
.surveyQuestion2 {
  font-size:14px;
  color: white;
  padding: 3px;
  text-align: left;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background-color:black;
}
.surveyAnswer2 {
  font-size: 14px;
  color:white;
  background-color:#444;
  padding: 3px 3px 3px 3px;
  text-align: left;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
.surveyTextArea {
  width:100%;
  height: 100px;
  color:black;
}



.regform input[type="submit"] {
  background:#bbb;
  color:black;
  cursor: pointer;
  border-radius:3px;
  border:1px solid black;
}

.breadcrumb > .active
{
  color:#ccc;
}

.content-header > .breadcrumb > li > a {
	color: #000088;
	text-decoration:underline ;
}

.navbar
{
  position:inherit;
}

.tdbox
{
  border:1px solid black;
  padding:1px;
  text-align:center;
}

.content-wrapper a
{
  color:#000088;
  text-decoration:underline;
}
a:hover
{
  color:red;
}
.p_advert {width:144px; margin-top:10px; padding:3px; float:right; border:3px solid #333;}
.p_advert img {width:132px;}
.p_advert_title {text-align: center; background:#3c8dbc; color:white; margin-bottom:5px;}
.p_scheduletable  tr:nth-child(odd), .p_row1 {background-color:#eee;}
.p_scheduletable  tr:nth-child(odd) td, .p_row1 td {padding: 2px 5px 2px 5px;}
.p_scheduletable  tr:nth-child(even), .p_row0 {background-color:#ccc;}
.p_scheduletable  tr:nth-child(even) td, .p_row0 td {padding: 2px 5px 2px 5px;}
.p_rowheader th {text-align:center;}
.p_scheduletable th {text-align:center; padding-left:5px;}
.copyright {text-align:center;}
.header-title {color:#eee; padding-left:40px;}
.teampersonpic {float:left; margin-left:10px;}
.clear {clear:both;}
.newsdate {font-size:12px;}
.newssubject {margin-left: 30px; text-transform:uppercase; font-weight:bold; font-size:16px; color:#3c8dbc;}
.newsbody {padding: 10px; }

#profilepersons {border: 1px solid #999; padding:5px;}
#profilepersons td {padding: 3px;
}
.profileEditTable td {padding:3px;}



@keyframes fade {
  0%{ opacity: 1 }
  100% { opacity: 0 }
}
.fading_message {
  opacity: 0;
  animation: fade 3s linear;
  width:200px;
  margin:auto;
  padding:5px;
  text-align:center;
  color:green;
  border:1px solid black;
  margin-bottom:10px;
  background-color:#ddd;
}
.fading_message_slow {
  opacity: 0;
  animation: fade 8s linear;
  width:200px;
  margin:auto;
  padding:5px;
  text-align:center;
  color:green;
  border:1px solid black;
  margin-bottom:10px;
  background-color:#ddd;
}
.message_alert {
  width:300px;
  min-height:100px;
  margin:auto;
  margin-top: 5px;
  xborder:1px solid blue;
}
.box-header {
  xtext-transform:uppercase;
  font-size:16px;
  font-weight:bold;
}

.rostertable .reportColumnHead {
  text-align:center;
  padding: 5px;
  font-weight:bold;
}
.reportDetail0 {
  background:#ccc;
  padding: 2px 5px 2px 5px;
}
.reportDetail1 {
  background:#eee;
  padding: 2px 5px 2px 5px;
}
.reportTitle, .reportSubtitle {
  background:#3c8dbc;
  color:white;
  width:100%;
}

.refratetable td {
  text-align:center;
  padding-left:3px;
  padding-right:3px;
}
.refreviewform p {
  width:80%;
}
.refreviewform hr {
  color:#aaa;
  border-color:#aaa;
  background-color:#aaa;
  width:100%;
}


.standingsTable
{
  margin-bottom:5px;
}
.standingsTable td, .standingsTable th
{
  padding:3px;
  border: 1px solid black;
}
.standingsTable th
{
  text-align:center;
}
.standingsTableTitle {
  background-color: #3c8dbc;
  color:white;
}
.tdR {
  text-align:right;
}
.tdC {
  text-align: center;
}

.small-circular-image
{
  width:50px;
  height:50px;
  border-radius:50%;
}

.circularimage {
  border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
}

.xcircular {
	width: 200px;
	height: 200px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	xbackground: url(http://link-to-your/image.jpg) no-repeat;
	}

.forumTable {
  margin-left:20px;
  max-width:80%;
}
.forumTable td {
  padding: 2px 4px 2px 4px;
  vertical-align:top;
}
.forumHeader {
  font-weight:bold;
}

.forumTable tr {
  background: -webkit-linear-gradient(#3c8dbc, #2b7cab); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#3c8dbc, #2b7cab); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#3c8dbc, #2b7cab); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#3c8dbc, #2b7cab); /* Standard syntax */
  color:white;
}
.forumTable tr a {
  color:#ddd;
}
#forumPostTable {
  width:100%;
}
.forumTable a {
  text-decoration:underline;
  }
  
  

#forumPostTable td {
  padding:5px;

}
.forumPostTableCol1 {
  text-align:right;
  vertical-align:top;
}
.forumPostTableInput {
  width: 400px;
}

#forumPostTable tr:nth-child(even) {
  background:#eee;
}
#forumPostTable tr:nth-child(odd) {
  background:#ddd;
}

.forumhighlight {
  border:3px solid red;
}

.mceToolbar {
  background:#000;
}

.slimage img {
  width:98%;
}

#formL
{
  color:white;
}
#formL input[type="text"], #formL input[type="password"], #formL input[type="email"]
{
  width: 125px;
  margin: 5px;
  color: black;
}
#formL .btn {
  padding:1px 3px 1px 3px;
  border-radius:5px;
}

.instructions {
  text-align:left;
  margin:auto;
  max-width:375px;
  width:90%;
  border:1px solid;
  padding:3px;
  margin-bottom:10px;
}
.instructions i {
  color:green;
  margin-left:3px;
  margin-right:3px;
}

.inputtable
{
  border-spacing:3px;
  border-collapse:separate;
}
.inputtable input,
.inputtable select
{
  width: 150px;
  border-radius:5px;
}
.helpbuttondiv {
  text-align:right;
}



/* registration page styles */
.reg_tabx {
  background-color:#ddddff;
  display:inline;
  border-top: 1px solid black;
  border-bottom: 1px solid #ddddff;
  color:black;
  padding-bottom:0px;
  text-align:center;
  height:24px;
  padding-top:2px;
  position: relative;
  top:0px;
  padding-left:5px;
  padding-right:5px;
}
.reg_tabx a {
  color:black;
}
.reg_tabx a:hover {
  color:blue;
}
.reg_tab {
  background-color:#ccccdd;
  display:inline;
  border-top: 1px solid #888888;
  border-bottom: 1px solid #888888;
  color:#aaaaaa;
  padding-bottom:0px;
  text-align:center;
  height:24px;
  padding-top:2px;
  position: relative;
  top:-1px!important;
  top:0px;
  padding-left:5px;
  padding-right:5px;
}
.reg_tab a {
  color:#666666;
}
.reg_tab a:hover {
  color:blue;
}

.reg_mastertab {
  display:inline;
  padding-left:5px;
}

#reg_tab_div {
  display:none;
  }

#reg_page {
  xwidth:500px; color:black; text-align:left; margin-left:auto; margin-right:auto;
}
#reg_contents {
  padding:10px;
  background-color:#ddddff;
}
#reg_contents td { color:black; }
#reg_contents input {font-size:12px;}
.reg_div_main {position: relative;}
.helpbuttondiv {
  text-align:right;
}


.reg_div_help {
  position:absolute;
  width:250px;
  top:0px;
  right:10px;
  padding:5px;
  border:1px solid black;
  color:darkgreen;
  font-size:13px;
  background-color:white;
  display:none;
  xopacity:0.8;
  xfilter:alpha(opacity=80);
}
.reg_div_help a {
  color:blue;
}
.reg_tab_img {
  vertical-align:bottom
}

#reg_offers {
  padding:10px;
  background-color:#ddddff;
  margin-top:50px;
  color:black;
}
.cspan {
  text-align:center;
  font-weight:bold;
  color:#cc2244;
}
#reg_offers table {
  color:black;
}

.offerrow0 {
  background-color:#ccccee;
}
.offerrow1 {
  background-color:#bbbbdd;
}


.clear {clear:both;}

.peopletable {border-collapse:collapse;
}
.peopletable td {
  xborder-left:1px solid #bbbbbb;
  padding:4px;
  font-size:12px;
}
.peopletable th {
  font-size:13px;
  color:#000066;
  padding:4px;
  border-bottom:1px solid #bbbbbb;
}
.secondline {
  border-bottom: 1px solid #bbbbbb;
}
.roundedrectangle {
  border:1px solid black;
  border-radius: 5px;
  padding:5px;
  margin-top: 3px;
  margin-bottom: 3px;
  background-image:linear-gradient(lightblue, white);
}

.box300plain
{
  border:1px solid #000066;
  border-radius: 5px;
  width: 300px;
  xmargin: 5px;
  padding: 5px;
}

.box350
{
  border:1px solid #000066;
  border-radius: 5px;
  width: 350px;
  margin: 5px 5px 5px 14px;
  padding: 5px;
}

.box350title
{
  background-color:yellow;
  font-weight:bold;
  border-radius:5px 5px 0 0;
  padding:2px;
  text-align:center;
}
.box350subtitle
{
  font-weight:bold;
  margin-top:30px;
  background-color:#000066;
  color:white;
  padding-left:5px;
}


.linearblue {
  background-image:linear-gradient(lightblue, white);
}

.box300 #formL {
  color:black;
}

.box300
{
  border:1px solid #000066;
  border-radius: 5px;
  width: 300px;
  float:left;
  margin: 5px 5px 5px 14px;
  padding: 5px;
  background-image: linear-gradient(lightblue, white);
}
.box300title
{
  background-color:yellow;
  font-weight:bold;
  border-radius:5px 5px 0 0;
  padding:2px;
  text-align:center;
}
.box300subtitle
{
  font-weight:bold;
  margin-top:30px;
  background-color:#000066;
  color:white;
  padding-left:5px;
}
.title
{
  font-weight: bold;
}
.content p
{
  width:80%;
}
.recap
{
  margin-top:10px;
  border-bottom:3px double black;
  font-weight:bold;
  padding-left:24px;
  color:#000066;
}

#describepos {
  width:300px;
  position: absolute;
  left:400px;
  color:forestgreen;
  border:1px solid #888888;
  background-color:aliceblue;
  padding-left:10px;
  padding-right:10px;
}
#describepos h4 {
  text-align:center;
  border-bottom:6px double forestgreen;
}

#describepos dl {
  margin-top:0px;
}
#describepos dt {
  font-weight:bold;
}

#describepos dd {
  color:black;
}

.reg_div_main table {
  border-collapse:collapse;
}
.reg_div_main td,
.reg_div_main th
{
  padding:3px;
}

.info_msg {
  width:300px;
  border:1px solid black;
  padding: 4px;
  background-color: #ddddff;
  color: black;
}

/* box containing error messages */
.error_msg {
  width:300px;
  border:1px solid black;
  padding: 4px;
  background-color: #ddddff;
  color: red;
}

#form1 input[type="file"] {
  display:inline;
}

.center {
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
}

.legend {
  padding:5px;
  border:1px solid black;
  border-radius: 3px;
  margin-top:5px;
  margin-bottom:5px;
}
.playtimePreferenceTable {
  margin-top: 5px;
}

.playtimePreferenceTable th {
  text-align:center;
}
.playTimePreferenceCell {
  width:30px;
  text-align:center;
}

input[type="date"], input[type="time"]
{
  line-height:20px;
}

.sidebar-menu > li > a > .fa-regular
{
  width: 20px;
}

.fa-comment, .fa-calendar, .fa-user-friends, .fa-envelope, .fa-file-text, .fa-people-arrows
{
  color:#3c8dbc;
  text-decoration:none;
}
/*
option:selected {
  background: rgba(0,0,255);
}

.prefselect option[value="0"] {
  background: rgba(255, 0, 0);
}

.prefselect option[value="1"] {
  background: rgba(255, 128, 0);
}

.prefselect option[value="2"] {
  background: rgba(255, 255, 0);
}

.prefselect option[value="3"] {
  background: rgba(0, 255, 0);
}
*/
.hidepref {
  display:none;
}
.bottomofrectangle {
  border-left:1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
.topofrectangle {
  border-left:1px solid #999;
  border-right: 1px solid #999;
  border-top: 1px solid #999;
}

.regpreftable input {
  width:100px;
}

.inputscore {
  width: 40px;
}

.matchreporttable th {
  text-align:center;
}
.matchreporttable {
  border-spacing:2px;
  border-collapse:separate;
}
.matchreporttablereadonlytd {
  background-color:#ddffdd;
  border:1px solid #999999;
  border-radius:5px;
  padding:3px;
}
.matchreporttable .thspan3 {
  border-bottom:2px solid #666666;
}

.content {
  margin-top:25px;
}

.divblock {
  display:block;
}
#refreshdiv
{
  display:none;
  border: 1px solid red;
  border-radius:5px;
  margin:5px;
  padding:5px;
}
#refreshdiv a
{
  color:red;
  font-weight:bold;
}

.extralinesindent
{
  text-indent:-10px;
  margin-left:10px;
}
.centeredtable {
  margin:auto;
}
.indent {
  margin-left:10px;
}

.schedulingnotes
{
  max-width:350px;
  padding:3px;
  margin:5px 5px 5px 14px;
  background-color:#ddffdd;
  border:1px solid black;
  border-radius:3px;
}

.vanillatable {
  border-collapse:collapse;
}
.vanillatable th, .vanillatable td {
  padding:2px;
}

.palebluebg {
  background-color: #ddddff;
}
.palegreenbg {
  background-color: #ddffdd;
}
.whitebg {
  background-color: white;
}

.delineated1 {
  margin-bottom:10px;
  border:1px solid #008;
  border-radius:5px;
  padding:5px;
}
.delineated2 {
  margin-bottom:5px;
  border-bottom:1px dashed gray;
}

#formL2 input[type=text], #formL2 input[type=password]
{
  width:100px;
  font-size:12px;
  
}
#formL2 .btn {
  font-size:12px;
  padding:2px;
}

.nav > li > a {
  padding:10px 6px;
}

.maindiv {
  max-width:700px;
}
.maindiv h1 {

}
.maindiv h2 {

}
.maindiv h4 {
  color:#0000aa;
  background:linear-gradient(270deg,white,lightblue);
  font-size:16px;
  padding:3px;
}
.content-wrapper .btn.btn-flat {
  border-radius:5px;
}
.content-wrapper .btn-default {
  background-color:#ddd;
  border-color:#aaa;
}

.content-wrapper {
  background-color: #3c8dbc;
}

input[type="submit"]
{
  background-color:#ddd;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.locvis {
  display:block;
}
.lochide {
  display:none;
}