/*Responsive Styles*/

body {
	color: black;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: .8rem;
}

h1
, h2
, h3
, h4
, h5 {
	font-weight: bold;
	color: #c00;
	margin: 0.67em 0;
}

h1
, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2em;
  line-height: 1em;
  margin: 0.5em 0;
  font-weight: bold;
  color: #c00; }

h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.6em;
  line-height: 1em;
  margin: 0.3em 0;
  font-weight: bold;
  color: #006; }

h3 {
  font-size: 1.2em;
  line-height: 1em;
  margin-bottom: 0.5em;
  color: #c00;
  font-weight: bold; }

h4 {
  font-size: 1.05em;
  line-height: 1em;
  margin-bottom: 0.5em;
  color: #006;
  font-weight: bold; }

hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none; }

a
, a:visited {
	color: black;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

label {
  font-weight: bold;
}

.form-control {
	height: auto;
	font-size: inherit;
}

header {
	
}

#logo {
	width: auto;
	max-width: 100%;
	max-height: 100px;
}

.auth {
	padding: 4px;
}

.nav-main-bg {
	background: #000066 url("../images/bg_menu_top.jpg") repeat-x center -2px;
}

.nav-secondary-bg {
	background: #c11411;
  min-height: 36px;
}

nav ul li {
  border-bottom: 1px solid #DDD;
}

nav ul li a
, nav ul li a:visited  {
  color: white;
  padding-left: 12px;
  font-size: 1.1rem;
}

.navbar-nav {
  padding-right: 0px;
  flex-wrap: wrap;
}

.navbar-nav .nav-item.active > .nav-link {
  color: white;
}

/** LISTS **/
ul {
	list-style: none;
	padding: 0px;
}

ol {
  padding-right: 5px;
  padding-left: 30px; 
}

#right_col {
  margin-bottom: 12px;
}

.fb-comments {
  display: none !important;
}

#login {
	background: white;
	width: 262px;
	height: 95px;
	top: 0px;
	right: 0px;
	margin-bottom: 0px;
	position: absolute;
}

#login .box-main {
  padding: 5px; }

#login .box-main.guest {
  text-align: center; }

#login .box-main.auth {
  text-align: left;
  position: relative; }

#login .box-main .signout {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  text-align: right; }

#login .box-main .signout img {
  margin-bottom: -3px;
  margin-left: 5px; }

.box {
	margin-bottom: 20px;
}

.box .box-header {
	border: 1px solid #ccc;
    border-bottom: none;
}

.box .box-header h3 {
	background: #f7f7f7 url("../images/bg_box_hdr.gif") repeat-x;
    color: #000066;
    margin: 0;
    padding: 4px 6px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    display: block;
    font-size: 1rem;
    line-height: 1em;
}

.box .box-main {
	border: 1px solid #ccc;
	color: black;
	padding: 4px;
}

.box .box-main ul {
	display: block;
	margin-bottom: 0rem;
}

.box .box-main.no-padding {
	padding: 0px;
}

.card .card-body table {
  width: 100%;
}

.box table {
    border: 1px solid #ccc;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 20px;
    width: 100%;
    text-align: left; 
}

.box table tr th {
    font-weight: bold;
    background: #C3D9FF;
    color: #006; 
}

.box table tr td {
    border-top: 1px solid #ccc; 
}

.box table tr th .box table tr td {
    padding: 3px 6px; 
}

.box-tabs {
  float: none;
  list-style: none;
  position: relative;
  margin: 0px;
  text-align: left; }
  .box-tabs li {
    display: inline-block; }
    .box-tabs li > label {
      display: block;
      padding: 4px 8px;
      border-radius: 2px 2px 0 0;
      font-weight: normal;
      text-transform: uppercase;
      background: #DDD;
      cursor: pointer;
      margin-bottom: 0px;
      font-size: 10px;
      position: relative; }
      .box-tabs li > label:hover {
        background: #c4c4c4; }
  .box-tabs input[type="radio"][name="tabs"] {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .box-tabs .tab-content {
    z-index: 2;
    display: none;
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0; }
  .box-tabs [id^="tab"]:checked + label {
    background: #b7b7b7; }
  .box-tabs [id^="tab"]:checked ~ [id^="tab-content"] {
    display: block; }

ul.listing {
	margin: 0px;
}

ul.listing li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0rem;
}

ul.listing li:last-child {
	border-bottom: none; 
}

ul.listing li a {
	display: inline-block;
	text-decoration: none; 
	width: 100%;
	padding: 4px 8px;
	padding-right: 32px;
}

ul.listing.news li .summary {
  padding: 5px; }

ul.listing.news li a {
  background: white url("../images/i_news.gif") no-repeat 98% 50%; }

ul.listing.tournaments li a {
  background: white url("../images/i_trophy2.gif") no-repeat 98% 50%; }
  ul.listing.tournaments li a:nth-child(even) {
    background: #f7f7f7 url("../images/i_trophy.gif2") no-repeat 98% 50%; }
  ul.listing.tournaments li a:hover {
    background: url("../images/i_trophy.gif") no-repeat 98% 50%; }

ul.listing.documents li a {
  background: white url("../images/i_pub.gif") no-repeat 98% 50%; }
  ul.listing.documents li a:nth-child(even) {
    background: #f7f7f7 url("../images/i_pub.gif") no-repeat 98% 50%; }
  ul.listing.documents li a:hover {
    background: #eeeeee url("../images/i_pub.gif") no-repeat 98% 50%; }

ul.listing.events li a {
  background: white url("../images/i_event.gif") no-repeat 98% 50%; }
  ul.listing.events li a:nth-child(even) {
    background: #f7f7f7 url("../images/i_event.gif") no-repeat 98% 50%; }
  ul.listing.events li a:hover {
    background: #eeeeee url("../images/i_event.gif") no-repeat 98% 50%; }

ul.listing.leagues li a {
  background: white url("../images/i_cal.gif") no-repeat 98% 50%; }
  ul.listing.leagues li a:nth-child(even) {
    background: #f7f7f7 url("../images/i_cal.gif") no-repeat 98% 50%; }
  ul.listing.leagues li a:hover {
    background: #eeeeee url("../images/i_cal.gif") no-repeat 98% 50%; }
  ul.listing.leagues li a:nth-child(even) {
    background: #f7f7f7 url("../images/i_cal.gif") no-repeat 98% 50%; }

.tournament-banner,
.tournament-logo {
  background-size: contain;
  background-repeat: no-repeat; }

.tournament-banner {
  width: 66.66%;
  height: 250px; }

.tournament-logo {
  width: 33.33%;
  height: 250px; }

ul.menu li {
  border-bottom: 1px solid #ccc;
}

ul.menu li a {
  display: block;
  padding: 4px;
  padding-right: 20px;
  background: #FFFFFF url(../images/i_role_b.gif) no-repeat 98% 50%;
  color: #009;
  text-decoration: none;
}

ul.menu li a:hover {
  background: #EEEEEE url(../images/i_role_b.gif) no-repeat 98% 50%;
  color: #c00;
}

ul.pagination {
  list-style: none;
  text-align: center; 
  display: block;
}

ul.pagination li {
  display: inline-block;
  padding: 0px;
  margin-right: 4px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  background: #e9e9e9;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 3px rgba(0, 0, 0, 0.1);
  font-size: .875em;
  font-weight: bold;
  text-decoration: none;
  color: #717171;
  text-shadow: 0px 1px 0px white;
  min-width: 24px;
  height: 18px;
  padding: 0px 2px;
  text-align: center; 
}

ul.pagination li:hover {
  background: #fefefe;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
  background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0); }
ul.pagination li.active {
  border: none;
  background: #616161;
  box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.8);
  color: #f0f0f0;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
ul.pagination li a {
  display: block;
  padding: 0px;
  width: 100%;
  height: 100%;
  text-decoration: none; }

.message {
  padding: 10px;
  margin: 0;
  border: 2px solid #ddd; }
  .message.info {
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324; }
  .message.error {
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4; }
  .message.success {
    background-color: #e6efc2;
    color: #264409;
    border-color: #c6d880; }

img.user_thumb {
  width: auto;
  height: 64px;
  max-width: 64px;
  max-height: 64px; }

img.user_photo {
  width: auto;
  height: 128px;
  max-width: 128px;
  max-height: 128px; }

footer {
  position: relative;
  background-image: url("../images/bg_footer.gif");
  background-repeat: repeat-x;
  text-align: center;
  height: 60px;
  width: 100%;
  padding-top: 8px;
  margin-top: 60px; }

table tbody.alternating {
  border: 1px solid black;;
}

table tbody.alternating:nth-child(odd)  tr {
  background-color: white;
}

table tbody.alternating:nth-child(even)  tr {
  background-color: #F7F7F7;
}

table.grid {
  border: 1px solid #ccc; }
  table.grid tr td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 2px 6px; }

table.data {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%; }
  table.data tr th {
    padding: 2px 6px; }
  table.data tr td {
    padding: 2px 6px; }
  table.data tr.group-header {
    background-color: #eee;
    font-weight: bold; }
    table.data tr.group-header td {
      color: #C00; }
  table.data.bordered {
    border: 1px solid #ccc;
    border-collapse: separate;
    border-spacing: 0; }

table.crud {
  margin: 0; }
  table.crud tr {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background: white; }
    table.crud tr td {
      color: black;
      vertical-align: middle;
      padding: 2px 6px;
      word-break:break-all; 
}
      table.crud tr td.buttons {
        min-width: 125px; }
    table.crud tr th {
      font-weight: bold;
      background: #C3D9FF;
      color: #006;
      padding: 2px 6px; }
  table.crud tr:nth-child(even) {
    background-color: #F7F7F7; }

table.v-align-m tr td {
  vertical-align: middle; }

table.striped tr th {
  padding: 2px 6px;
  font-weight: bold;
  background: #C3D9FF;
  color: #006;
  text-align: left; }

table.striped tr td {
  padding: 5px; }

table.striped tr.gray {
  opacity: 0.6;
  background-color: #EEE !important; }

table.striped tr:nth-child(even) {
  background-color: #F7F7F7; }

 /** CARDS **/
 .card-header {
 	background: #f7f7f7 url(../images/bg_box_hdr.gif) repeat-x;
	padding: .25rem .75rem;
    color: #000066;
    font-weight: bold;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.card-body {
	padding: .25rem .75rem;
}

.questions {
  width: 100%;
  text-align: center; }
.questions .question {
  width: 16.66%;
  height: 30px;
  display: inline-block;
  text-align: center;
  background-color: #EEE;
  border: 1px solid #CCC;
  color: black;
  margin: 2px; }
.questions .question.answered {
  color: white;
  border: 1px solid #F90;
  background-color: #FC6;
  font-weight: bold; }
.questions .question a {
  color: black;
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  text-decoration: none; }
.questions .question a:visited {
  color: black; }

/* Smartphones (portrait) ---------------- */
@media only screen 
and (max-width : 320px) {

}

/* Smartphones (landscape) ---------------- */
@media only screen 
and (min-width : 321px)
and (max-width : 767px) {
/* Add Your CSS Styling Here */
}

/* Tablets (portrait) -------------------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Add Your CSS Styling Here */
}


/* Tablets (landscape) ------------------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {   
/* Add Your CSS Styling Here */
}

/* Old Desktops and laptops ------------------ */
@media only screen 
and (min-width : 1025px) {
/* Add Your CSS Styling Here */
}

/* Desktops ------------------ */
@media only screen 
and (min-width : 1201px) {
/* Add Your CSS Styling Here */
}

/** BOOTSTRAP OVERRIDES **/
.btn-primary {
    color: black;
    background-color: #DDD;
    border-color: #999;
}

.btn-primary:hover {
    color: black;
    background-color: #BBB;
    border-color: #999;
}

.btn-primary:focus
, .btn-primary:not(:disabled):not(.disabled).active
, .btn-primary:not(:disabled):not(.disabled):active
, .show>.btn-primary.dropdown-toggle {
    color: black;
    background-color: #BBB;
    border-color: #999;
}

.btn-primary.focus
, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(123,123,123,.25);
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(100,100,100,.25);
    border-color: #EEEEEE;
 }

 .navbar-light .navbar-nav .nav-link {
    color: white;
    padding-left: 12px;
   }

  .nav-tabs .nav-item.nav-link {
    font-size: 1.1rem;
  }

 @media (min-width: 576px) {
   .navbar {
    padding: 0px;
   }

  .navbar-expand-sm .navbar-collapse {
    display: block !important;
  }

  .navbar-nav {
    padding-left: 12px;
  }

  nav .main {
    min-height: 37px;
  }

  nav .main .nav-link {
    font-size: 1rem;
  }

  nav .secondary .nav-link {
    position: relative;
    font-size: 0.8rem;
    min-height: 36px;
    height: 36px;
  }

  nav ul li a
  , nav ul li a:visited
  , .navbar-light .navbar-nav .nav-link {
    color: white;
  }

  nav ul li {
    display: inline-block;
    margin-right: 12px;
    margin-top: 1px;
    border: none;
  }

  nav ul li a:hover
  , nav ul li a:active
  , nav ul li a:focus {
    color: #AAA !important;
  }

  nav .secondary li {
    margin-right: 23px;
  }

  nav .main li a
  , .navbar-light .navbar-nav .nav-link {
    padding: 4px;
    border: 1px solid transparent;
    border-radius: 4px;
  }

  nav .main li.active a {
    background-color: #666699;
    border: 1px solid #9999cc;
  }

  nav li a {
    color: white;
    text-decoration: none; }

  nav .secondary li a {
    text-decoration: underline; 
  }

  nav .secondary li a:hover {
    background-color: transparent !important;  
  }

  .nav-secondary-bg {
    background: #c11411 url("../images/bg_menu_logged_in.jpg") repeat-x center bottom;
  }

  .tab-content>.tab-pane {
    display: block;
  }

  .box-tabs li > label {
    font-size: 1rem;
  }

  .fade:not(.show) {
    opacity: 1;
  }

  .fb-comments {
    display: block;
  }

  #right_col {
    margin-bottom: 0px;
  }
}

.homepage-slider {
  margin-top: 1.5rem;
  text-align: center;
}

.homepage-slider img {
  max-width: 200vw;
  margin-left: 50%;
  transform: translateX(-50%);
}