/*
  =========================================================================================================================================================================================================
  Config Styles
  Author: Kenton
  =========================================================================================================================================================================================================
*/

.bodySect .mainContent .subContainer h1 { color: white; text-align: center; text-transform: uppercase; text-indent: 0; }
.search { float: left; position: relative; width: 250px; height: 30px; line-height: 30px; margin-left: 20px; margin-top: 10px; text-indent: 10px; font-size: 14px; }

/*
  =========================================================================================================================================================================================================
  Table Sort Styling
  =========================================================================================================================================================================================================
*/

table { float: left; margin: 20px !important; position: relative; width: calc(100% - 40px) !important; }
table { border-collapse: collapse; }
table,
th,
td { border: none; }

table.tablesorter { width: 790px; }

table tr:nth-child(even) { background: #D4E2F5; }
table tr:nth-child(odd) { background: #FFFFFF; }
table.tablesorter tbody tr:hover { cursor: pointer; background: #6C87AD !important; color: #FFFFFF !important; }

table.tablesorter thead tr .header { background-color: #376BAE; color: #FFFFFF; }
table.tablesorter thead tr th { border: 0px; }
table.tablesorter tbody td {  border: none; background: none; color: inherit; }
table.tablesorter tbody td { padding: 5px 10px; }
table.tablesorter tbody td:first-child { border-right: 1px dotted #b9c1c1; }
table tr th { height: 30px !important; font-size: 14px !important; text-align: center; }
table tr td { height: 25px !important; line-height: 25px; font-size: 13px;  }

.rowShow { display: table-row; }
.rowHide { display: none; }

#table1 tr th:nth-child(1) { width: 190px !important; }
#table1 tr th:nth-child(2) { width: 600px !important; }

/*
  =========================================================================================================================================================================================================
  Game Scroller Styling
  =========================================================================================================================================================================================================
*/

.imageSlider.config { float: left; position: relative; width: calc(100% - 165px); height: 200px; margin: 20px 82.5px 0; }

.gameSlide { float: left; position: relative; width: 915px; height: 100%; }
.gameSlide .gameIconCont { float: left; position: relative; width: 250px; height: 100%; background: black; text-align: center; overflow: hidden; margin-left: 138.33px}
.gameSlide .gameIconCont:hover {cursor: pointer; /*transform: translateY(-5px);*/ background: grey; }
/*.gameSlide .gameIconCont:nth-child(2) { margin: 0 82.5px; }*/

.imageSlider #configiScroll { position: absolute; z-index: 1; height: 100%; }
.imageSlider #configiScroll .gameSlide .gameIconCont img { width: 250px; height: 200px }
.imageSlider #configiScroll .gameSlide .gameIconCont span { font-family: Ubuntu-Regular; background: rgba(255, 255, 255, 0.5); bottom: 0; color: #090909; display: inline-block; font-size: 15px; height: 35px; left: 0; line-height: 35px; position: absolute; text-align: center; width: 100%; z-index: 1; text-transform: uppercase; }




.imageSlider #configiScroll .gameSlide .gameIconCont .overlay { display: none; position: absolute; top: 0; left: 0; background: rgba(255 ,218 ,68 ,0.7); height: 100%; width: 100%; }
.imageSlider #configiScroll .gameSlide .gameIconCont .overlay span { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #FFF; font-size: 24px; height: auto; left: 0; position: absolute; top: 90px; width: 100%; }


.imageSlider #configiScroll .gameSlide .gameIconCont:hover img { transition: all .6s ease-in-out; transform: scale(1.1); }
.imageSlider #configiScroll .gameSlide .gameIconCont:hover span { display: none; }
.imageSlider #configiScroll .gameSlide .gameIconCont:hover .overlay,
.imageSlider #configiScroll .gameSlide .gameIconCont:hover .overlay span { transition: all .2s ease-in-out; display: block; }




/* iScroll Navigation Styling */
#wrapper .button { background: white; cursor: pointer; height: 50px; width: 20px;  position: relative; z-index: 400; margin-top: 75px; }
#wrapper .button.prev { float: left; }
#wrapper .button.next { float: right; }

#wrapper .button .arrow {  width: 15px; height: 27px; margin-top: 12px; margin-left: 4px; }
#wrapper .button .arrow.prev { background: url('../images/buttons/back-dark.svg') no-repeat 0 -27px; }
#wrapper .button .arrow.next { background: url('../images/buttons/next-dark.svg') no-repeat 0 -27px; float: right; }
#navNext:hover,
#navPrev:hover { background: rgba(132,19,190, 0.5); }
#wrapper .button.prev:hover .arrow.prev,
#wrapper .button.next:hover .arrow.next,
#wrapper .button.prev .arrow.prev:hover,
#wrapper .button.next .arrow.next:hover { background-position: 0 0; }