@font-face {
    font-family: 'Oswald-Regular';
    src: url('/Templates/Fonts/Oswald-Regular-WebFont.eot');
    src: url('/Templates/Fonts/Oswald-Regular-WebFont.eot?#iefix') format('embedded-opentype'), url('/Templates/Fonts/Oswald-Regular-WebFont.woff') format('woff'), url('/Templates/Fonts/Oswald-Regular-WebFont.ttf') format('truetype'), url('/Templates/Fonts/Oswald-Regular-WebFont.svg#Oswald-Regular') format('svg');
}
@font-face  {
    font-family: 'Oswald-Bold';
    src: url('/Templates/Fonts/Oswald-Bold-WebFont.eot');
    src: url('/Templates/Fonts/Oswald-Bold-WebFont.eot?#iefix') format('embedded-opentype'), url('/Templates/Fonts/Oswald-Bold-WebFont.woff') format('woff'), url('/Templates/Fonts/Oswald-Bold-WebFont.ttf') format('truetype'), url('/Templates/Fonts/Oswald-Bold-WebFont.svg#Oswald-Bold') format('svg');
}
@font-face  {
    font-family: 'Roboto Condensed';
    src: url('/Templates/Fonts/robotocondensed-WebFont.eot');
    src: url('/Templates/Fonts/robotocondensed-WebFont.eot?#iefix') format('embedded-opentype'), url('/Templates/Fonts/robotocondensed-WebFont.woff') format('woff'), url('/Templates/Fonts/robotocondensed-WebFont.ttf') format('truetype'), url('/Templates/Fonts/robotocondensed-WebFont.svg#robotocondensed') format('svg');
}
@font-face {
  font-family: HTOfonts;
  src: url('/Templates/Fonts/htofonts.v15-webfont.eot');
  src: url('/Templates/Fonts/htofonts.v15-webfont.eot?#iefix') format('embedded-opentype'), url('/Templates/Fonts/htofonts.v15-webfont.woff') format('woff'), url('/Templates/Fonts/htofonts.v15-webfont.ttf') format('truetype'), url('/Templates/Fonts/htofonts.v15-webfont.svg#HTOfont') format('svg');
}


/********************* Reset code from YUI ********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
/* Remove button padding in FF */
button::-moz-focus-inner {
    border:0;
    padding:0;
}
input::-moz-focus-inner {
    border:0;
    padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img,
abbr,acronym { 
  border:0;
}
/* removed em,strong, */
address,caption,cite,code,dfn,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}

/********************* Base code from YUI ********************************/
/* base.css, part of YUI's CSS Foundation */
h1 {
  /*18px via YUI Fonts CSS foundation*/
  font-size:138.5%;  
}
h2 {
  /*16px via YUI Fonts CSS foundation*/
  font-size:123.1%; 
}
h3 {
  /*14px via YUI Fonts CSS foundation*/
  font-size:108%;  
}
h1,h2,h3 {
  /* top & bottom margin based on font size */
  /* margin:1em 0; */
}
h1,h2,h3,h4,h5,h6,strong {
  /*bringing boldness back to headers and the strong element*/
  font-weight:bold; 
}
abbr,acronym {
  /*indicating to users that more info is available */
  border-bottom:1px dotted #000;
  cursor:help;
} 
em {
  /*bringing italics back to the em element*/
  font-style:italic;
}
blockquote,ul,ol,dl {
  /*giving blockquotes and lists room to breath*/
  margin:1em;
}
ol,ul,dl {
  /*bringing lists on to the page with breathing room */
  margin-left:2em;
}
ol li {
  /*giving OL's LIs generated numbers*/
  list-style: decimal outside;  
}
ul li {
  /*giving UL's LIs generated disc markers*/
  list-style: disc outside;
}
dl dd {
  /*giving UL's LIs generated numbers*/
  margin-left:1em;
}
th,td {
  /*borders and padding to make the table readable*/
  /* border:1px solid #000;  REMOVED */
  /* padding:.5em;  REMOVED */
}
th {
  /*distinguishing table headers from data cells*/
  font-weight:bold;
  text-align:center;
}
caption {
  /*coordinated marking to match cell's padding*/
  margin-bottom:.5em;
  /*centered so it doesn't blend in to other content*/
  text-align:center;
}
p,fieldset,table {
  /*so things don't run into each other*/
  /* margin-bottom:1em;;  REMOVED */
}

/* make sure buttons in ie have some padding */
/*
REMOVED
button,
    html input[type="button"], 
    input[type="reset"],
    input[type="submit"] {
  padding: .2em 1em;
}
input[type="text"], input[type="password"] {
  padding: 0.1em 0.3em;
}
*/



/* ##  Base Template  ## */
/* ##    SiteTemplate   ## **/
/* Main page definitions */
html {
  min-height:100%;
  background-repeat:no-repeat;
}
body {
  color:#000;
  margin:0;
  /*padding: 9px 0 9px 0;*/
  font-family:Arial, Helvetica, sans-serif;
  background-attachment:fixed;
  background-color: transparent;
  overflow-x:auto;
  overflow-y:auto;
}
form {
  margin:0;
  padding:0;
}
p {
  margin:0;
  padding:0;
  min-height:1em;
}
div.clear {
  clear:both;
  padding: 0 !important;
}
img {
  border-width:0;
  max-width:100%;
}
a {
  color:#007;
  text-decoration: underline;
}
@media print {
  a:link:after, a:visited:after {  
    display: none;
    content: "";
  }
}

/* bootstrap overrides */
.container {
  padding:0;
}
.row {
  margin: 0;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding:0;
}
.btn {
  padding: 0px 16px;
  line-height: 28px;
  border: none;
  text-decoration: none;
  max-width: 100%;
  overflow: hidden;
}
.btn-sm {
  padding: 0 9px;
  line-height: 24px;
}
.form-control {
  padding: 3px 9px;
  height: 28px;
}
.btn-primary {
  background-color: #27e;
  border:none;
  font-weight: bold;
}
.btn-primary:hover {
  background-color: #05c;
  color:#fff;
}
.btn-default {
  background-color: #888;
  border:none;
  color:#fff;
  font-weight: bold;
}
.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus {
  background-color: #666;
  color:#fff;
}
.modal-footer .btn+.btn {
  margin-left:8px;
}

.btn-secondary {
  background-color: #2c2c2c;
  border:none;
  color:#fff;
}
.modWrapper .modColorBG a.btn-secondary
, .modWrapper .modColorBG a.btn-secondary:hover {
  color:#fff;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus {
  background-color: #666;
  color:#fff;
}


.btn-space {
    margin-right: 8px;
}


.btn-inactive {
  background-color: #bbb;
  border:none;
  color:#fff;
}




.btn span {
  vertical-align: middle;
  display: inline-block;
}
.btn .btn-label {
  margin-left:8px;
  display: inline-block;
  vertical-align: middle;
}

.btn:before {
  display: inline-block;
  vertical-align: middle;
}


.btn-back:before{
  font-family: FontAwesome;
  content: "\f053";
  font-size:14px;
  font-weight: normal;
  margin-top: 1px;
}

.btn-folder:before{
  font-family: FontAwesome;
  content: "\f07c";
  font-weight: normal;
}
.btn-trophy:before{
  font-family: FontAwesome;
  content: "\f091";
  font-weight: normal;
}

.btn-bracket:before{
  font-family: FontAwesome;
  content: "\f0e8";
  transform: rotate(90deg);
  display: inline-block;
  font-weight: normal;
}

/*
these need to go somewhere more specific

  font-size:14px;
  margin-top: 1px;
*/

.btn-goto:before {
    font-family: FontAwesome;
    content: "\f064";
}

.btn-team-people:before {
  font-family: HTOFonts;
  content: "\f2ea";
}


.btn-as-link, .btn-as-link .btn-label {
  text-decoration: underline;
}

.btn-calendar:before {
  font-family: FontAwesome;
  content: "\f073";
}
.btn-photos:before {
  font-family: FontAwesome;
  content: "\f030";
}


.not-clickable {
  pointer-events:none;
}


.btn-chevron-right:after {
  font-family: FontAwesome;
  content: "\f054";
  display: inline-block;
  vertical-align: middle;

  font-weight: normal;
  margin: 1px 0 0 12px;
}

.pageHeaderLinks {
  padding-bottom: 14px;
}
.partOfButtonRow, .partOfIncludesButtonRow {
  padding-bottom: 8px;
}

@media (max-width: 768px) {
  .partOfButtonRow {
    padding: 0 6px 0 6px;
  }
  .partOfIncludesButtonRow {
    padding: 0 6px 0 6px;
  }
}

.partOfIncludesButtonRow .btn {
  padding: 0 14px;
}
.partOfButtonRow .btn {
  padding: 0 12px;
}

.partOfIncludesButtonRow .btn {
  color:#fff !important;
}

.partOfButtonRow .btn-chevron-right {
  padding:0;
  margin: 0;
}
.partOfButtonRow .btn-trophy {
  margin-right:0;
  padding-right:6px;
}


.partOfButtonRow .btn:before, .partOfIncludesButtonRow .btn:before {
  font-size: 18px;
}


.btn.btn-purple {
    color: #fff;
    background-color: #5f178e;
    border-color: #5f178e;
}

.img-responsive {
  display: inline-block;
}
.center-block {
  display: block;
}







/*new buttons*/
.editor_toggleButton
, .buttons
, .actions input
, input.addNew
, button
,  html input[type="button"]
, input[type="reset"]
, input[type="submit"] {
    background-image: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding:0px 10px;
    line-height: 28px;
    border-width: 0px;
    border-radius: 6px;
    cursor: pointer;
}










/* copied from admin */








.btn {
    border-radius: 6px;
}

.btn:before {
    vertical-align: middle;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
}


.bootstrap-dialog .modal-header {
  cursor: default;
  
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.modal-header .close {
    margin-top: -4px;
}
.modal-header .close:hover {
    color:#F00;
}


.btn, .btn:focus, .btn:active, .btn:link, .btn:visited {
    outline: none !important;
}




@media (max-width: 767px) {
    .row-btn-top {
        margin-left:5px;
    }
}



.btn-space {
    margin-right: 8px;
}
.btn-space-sm {
    margin-right: 5px;
}
.row-btn-top .btn {
    margin-bottom:5px;
}
.fa-space {
    margin-right: 5px;
}



.btn-secondary {
    background-color: #444;
    color:#fff;
}
.btn-secondary:hover, .btn-secondary:focus {
    background-color: #666;
    color:#fff;
}

.row-add .btn {
  font-weight: normal;
}
.row-add .btn-secondary {
    float:right;
}


.btn-arrow-right, .btn-arrow-left {
    font-weight: bold;
}
.btn-arrow-left:before {
    font-family: FontAwesome;
    content: "\f060";
}





.btn-fb {
    color:#fff;
    background-color:#3b5998;
    border-color:#3b5998;
    padding: 0 12px;
}
.btn-fb:hover,.btn-fb:focus,.btn-fb:active {
    color:#fff;
    background-color:#193776;
    border-color:#193776;
}
.btn-fb:before {
    font-family: FontAwesome;
    content: "\f230";
    margin-right:10px;
    font-size: 22px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}





.row-loading {
    margin:18px 0;
}



.row-loading {
    margin:18px 0;
}

.row-loading .fa {
    display: inline-block;
    vertical-align: middle;
}

.row-loading .loading-message {
    margin-left: 12px;
    display: inline-block;
    vertical-align: middle;
}
















/* specialty */

/* delette button just icon */
.btn-delete-icon {
    color:#666;
    background-color:transparent;
    padding: 4px 9px 2px 9px;
}
.btn-delete-icon:hover,.btn-delete-icon:focus,.btn-delete-icon:active,.btn-delete-icon.active,.open .dropdown-toggle.btn-delete-icon {
    color:#f00;
    background-color:transparent;
}
.btn-delete-icon:active,.btn-delete-icon.active,.open .dropdown-toggle.btn-delete-icon {
    background-image:none;
}
.btn-delete-icon.disabled,.btn-delete-icon[disabled],fieldset[disabled] .btn-delete-icon,
.btn-delete-icon.disabled:hover,.btn-delete-icon[disabled]:hover,fieldset[disabled] .btn-delete-icon:hover,
.btn-delete-icon.disabled:focus,.btn-delete-icon[disabled]:focus,fieldset[disabled] .btn-delete-icon:focus,
.btn-delete-icon.disabled:active,.btn-delete-icon[disabled]:active,fieldset[disabled] .btn-delete-icon:active,
.btn-delete-icon.disabled.active,.btn-delete-icon[disabled].active,fieldset[disabled] .btn-delete-icon.active {
    background-color:transparent;
}
.btn-delete-icon:before {
    font-family: 'Glyphicons Halflings';
    content: "\e020";
    font-size:14px;
    line-height: 14px;
}


/* delette button with message */
.btn-delete-msg {
    color:#c00;
    padding: 4px 9px 2px 9px;
    background-color: #333;
    font-weight: bold;
}
.btn-delete-msg:hover,.btn-delete-msg:focus,.btn-delete-msg:active,.btn-delete-msg.active,.open .dropdown-toggle.btn-delete-msg {
    background-color: #111;
    color:#c00;
}
.btn-delete-msg:before {
    font-family: 'Glyphicons Halflings';
    content: "\e020";
    font-size:14px;
    line-height: 14px;
    margin-right:8px;
    font-weight: normal;
}


















/*
.btn-edit:before {
  font-family: FontAwesome;
  content: "\f040";
  font-weight: normal;
}
*/


.btn-drop:after {
    font-family: FontAwesome;
    content: "\f0da";
    margin-left:5px;
    display: inline-block;
    width:15px;
    font-weight: normal;
    vertical-align: middle;
    line-height: 16px;
}
.btn-drop-expanded:after {
    content: "\f0d7";
}





.btn-check-toggle, .btn-check-toggle:focus {
    background-color: #000;
    border:1px solid #999;
    border-radius:6px;
    color:#999;
    line-height: 20px;
}

.btn-check-toggle.checked, .btn-check-toggle:active, .btn-check-toggle:hover, .btn-check-toggle.checked:focus {

    border:1px solid #0F0;
    color:#0F0;

}


.btn-hto:before {
  content:' ';
  background-image: url(/admin/images/template/HTOcenter-alt.png);
  background-position: center center;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
}
.btn-hto.active:before
, .btn-hto:hover::before {
  background-image: url(/admin/images/template/HTOcenter.png);
}


.btn-key:before {
    font-family: FontAwesome;
    content: "\f084";
}

.btn-add:before {
    font-family: FontAwesome;
    content: "\f055";
}
.btn-minus:before {
    font-family: FontAwesome;
    content: "\f056";
}
.btn-camera:before {
    font-family: FontAwesome;
    content: "\f030";
}
.btn-edit:before {
    font-family: FontAwesome;
    content: "\f040";
}

.btn-options:before {
    font-family: FontAwesome;
    content: "\f040";
}

.btn-reg-settings {
}

.btn-reg-settings:before {
    font-family: HTOfonts;
    content: "\f30B";
}

.btn-more:before {
    font-family: FontAwesome;
    content: "\f0ad";
}
.btn-envelope:before {
    font-family: FontAwesome;
    content: "\f0e0";
}

.btn-check:before {
    font-family: FontAwesome;
    content: "\f00c";
}
.btn-check-square:before {
    font-family: FontAwesome;
    content: "\f14a";
}
.btn-check-square-o:before {
    font-family: FontAwesome;
    content: "\f046";
}
.btn-user-plus:before {
    font-family: FontAwesome;
    content: "\f234";
}
.btn-profile:before {
    font-family: FontAwesome;
    content: "\f007";
}
.btn-bulk-edit:before {
    font-family: FontAwesome;
    content: "\f044";
}
.btn-view:before {
    font-family: FontAwesome;
    content: "\f06e";
}
.btn-wrench:before {
    font-family: FontAwesome;
    content: "\f0ad";
}
.btn-gear:before {
    font-family: FontAwesome;
    content: "\f013";
}
.btn-up:before {
    font-family: FontAwesome;
    content: "\f062";
}
.btn-down:before {
    font-family: FontAwesome;
    content: "\f063";
}
.btn-sort:before {
    font-family: 'Glyphicons Halflings';
    content: "\e150";
}
.btn-goto:before {
    font-family: FontAwesome;
    content: "\f064";
}
.btn-copy:before {
    font-family: FontAwesome;
    content: "\f0c5";
}
.btn-delete:before {
    font-family: 'Glyphicons Halflings';
    content: "\e020";
    font-size:16px;
}
.btn-photo:before {
    font-family: FontAwesome;
    content: "\f030";
}
.btn-order:before {
    font-family: FontAwesome;
    content: "\f0dc";
}
.btn-trade:before {
    font-family: FontAwesome;
    content: "\f0ec";
}

.btn-thumbs-o-up:before {
    font-family: FontAwesome;
    content: "\f087";
}

.btn-trash:before {
    font-family: FontAwesome;
    content: "\f1f8";
}
.btn-org:before {
    font-family: FontAwesome;
    content: "\f0e8";
}
.btn-rotate:before {
    font-family: FontAwesome;
    content: "\f01e";
}
.btn-drag:before {
    font-family: FontAwesome;
    content: "\f047";
}
.btn-unlock:before {
    font-family: FontAwesome;
    content: "\f13e";
}
.btn-redo:before {
    font-family: FontAwesome;
    content: "\f01e";
}
.btn-undo:before {
    font-family: FontAwesome;
    content: "\f0e2";
}
.btn-star:before {
    font-family: FontAwesome;
    content: "\f005";
}
.btn-star-o:before {
    font-family: FontAwesome;
    content: "\f006";
}
.btn-sent:before {
    font-family: FontAwesome;
    content: "\f1d9";
}
.btn-search:before {
    font-family: FontAwesome;
    content: "\f002";
}
.btn-eye:before {
    font-family: FontAwesome;
    content: "\f06e";
}
.btn-calendar-check:before {
    font-family: FontAwesome;
    content: "\f274";
}
.btn-help:before {
    font-family: FontAwesome;
    content: "\f059";
}
.btn-notice:before {
    font-family: FontAwesome;
    content: "\f0f3";
    font-size: 14px;
}
.btn-ban:before {
    font-family: FontAwesome;
    content: "\f05e";
}
.btn-save-disk:before {
    font-family: FontAwesome;
    content: "\f0c7";
}
.btn-sliders:before {
    font-family: FontAwesome;
    content: "\f1de";
}




/*radio button standard*/
.btn-radio:active, .btn-radio.active {
    background-image: none;
}
.btn-radio:hover, .btn-radio:focus, .btn-radio:active, .btn-radio.active {
  color: #fff;
  background-color: #2196F3;
  border-color: #2196F3;
}
.btn-radio {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.btn-list:before {
  font-family: FontAwesome;
  content: "\f0ca";
}

.btn-design:before {
  font-family: FontAwesome;
  content: "\f1fc";
}









/*
 *bt-buttons*
*/

.btn {
    max-width: 100%;
    overflow: hidden;
}

.btn-icon-space:before {
    margin-right: 8px;
}
.btn-bold {
    font-weight: bold;
}


.btn span {
  vertical-align: middle;
  display: inline-block;
}
.btn .btn-label {
  margin-left:8px;
}

.btn-toolbar-center {
    text-align: center;
}
.btn-toolbar-center .btn {
    float:none;
}

.btn-toolbar-right {
    text-align: right;
}
.btn-toolbar-right .btn {
    float:none;
}



.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
    margin: 3px 3px 3px 3px;
}





.btn-freeform-edit {
  margin-left: 8px;
}


/*
.form-actions .btn-arrow-right {
    padding: 1px 19px 3px 22px;
}
*/




.btn-arrow-right:after {
    font-family: FontAwesome;
    content: "\f061";

    margin-left:8px;
    font-size: 12px;
    font-weight:normal;
    display: inline-block;
    vertical-align: middle;


}
.btn-arrow-left:before {
    font-family: FontAwesome;
    content: "\f060";

    font-size: 12px;
    font-weight:normal;
    display: inline-block;
    vertical-align: middle;

}
.btn-download:before {
  font-family: FontAwesome;
  content: "\f019";
}
.btn-email:before {
  font-family: FontAwesome;
  content: "\f0e0";
}
.btn-email-o:before {
  font-family: FontAwesome;
  content: "\f003";
}
.btn-mobile:before {
  font-family: FontAwesome;
  content: "\f10b";
  font-size: 24px !important;
}
.btn-print:before {
  font-family: FontAwesome;
  content: "\f02f";
}
.btn-calendar:before {
  font-family: FontAwesome;
  content: "\f073";
}
.btn-refresh:before {
  font-family: FontAwesome;
  content: "\f021";
}
.btn-pdf:before {
  font-family: FontAwesome;
  content: "\f1c1";
}
.btn-table:before {
  font-family: FontAwesome;
  content: "\f0ce";
}
.btn-info:before{
  font-family: FontAwesome;
  content: "\f05a";
}
.btn-calendar-check:before{
  font-family: FontAwesome;
  content: "\f274";
}
.btn-location:before{
  font-family: FontAwesome;
  content: "\f041";
}
.btn-teams:before{
  font-family: FontAwesome;
  content: "\f0e8";
}
.btn-down:before{
  font-family: FontAwesome;
  content: "\f078";
}
.btn-up:before{
  font-family: FontAwesome;
  content: "\f077";
}
.btn-dashboard:before{
  font-family: FontAwesome;
  content: "\f0e4";
}
.btn-checklist:before{
  font-family: FontAwesome;
  content: "\f046";
}
.btn-exclamation:before{
  font-family: FontAwesome;
  content: "\f06a";
}
.btn-website {
    position: relative;
}
.btn-website:before{
  font-family: FontAwesome;
  content: "\f26c";
}

.btn-desktop:before{
  font-family: FontAwesome;
  content: "\f108";
}

.btn-week {
    position: relative;
}
.btn-week:before {
  font-family: 'FontAwesome';
  content: '\f073';
}

.btn-back:before{
  font-family: FontAwesome;
  content: "\f053";
  color:#aaa;
  font-size:14px;
  font-weight: normal;
  margin-top: 1px;
}


.btn-down-after:after{
  font-family: FontAwesome;
  content: "\f0d7";
  margin-left: 6px;
  display: inline-block;
}

.btn-up-after:after{
  font-family: FontAwesome;
  content: "\f0d8";
  margin-left: 6px;
  display: inline-block;
}




.btn-checkbox:before{
  font-family: FontAwesome;
  content: "\f14a";
}


.btn-x:before{
  font-family: FontAwesome;
  content: "\f00d";
}


.btn-moon:before{
  font-family: FontAwesome;
  content: "\f186";
}


.btn-sun:before{
  font-family: FontAwesome;
  content: "\f185";
}


.btn-question:before{
  font-family: FontAwesome;
  content: "\f128";
}


.btn-sort-up:before{
  font-family: FontAwesome;
  content: "\f0aa";
}
.btn-sort-down:before{
  font-family: FontAwesome;
  content: "\f0ab";
}





.btn-exclamation-circle:before{
  font-family: FontAwesome;
  content: "\f06a";
}

.btn-eye:before{
  font-family: FontAwesome;
  content: "\f06e";
}




.btn-setupTeams:before{

  content:url(/admin/images/icons/SetupTeams18x22.png);
  width:18px;
  height:22px;
  margin-top: -3px;
  display: inline-block;
  vertical-align: middle;

}

.btn-registration:before{
  font-family: HTOfonts;
  content: "\f34c";
}



.btn-from-divisions:before{
  font-family: HTOfonts;
  content: "\f34a";
}






















.btn-check-toggle:before {


    content: " ";
    /*
  content: "\f096";
*/
    margin-right:5px;
    display: inline-block;
    width:15px;
    font-weight: normal;
    vertical-align: middle;
}
.btn-check-toggle.checked:before {
    font-family: FontAwesome;
    content: "\f00c";

    /*
  content: "\f046";
  */
}






.hto-icon {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
}

.hto-icon-helpers {
  background-image: url(/admin/images/dashboard/helpers-50x52.png);
  background-repeat:no-repeat;
  width: 50px;
  height: 52px;

}
.hto-icon-setup-service {
  background-image: none;
  background-repeat:no-repeat;
  width: 50px;
  height: 50px;
}







.hto-icon-setup-service::before {
    font-family: FontAwesome;
    content: "\f017";
    font-size: 42px;
    line-height: 30px;
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 5px;
    font-weight: normal;
    z-index: 98;
}


.hto-icon-setup-service::after {
    font-family: FontAwesome;
    content: "\f0ad";
    font-size: 40px;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    left: 20px;
    bottom: 14px;
    font-weight: normal;
    text-shadow: -1px 0 0 #5f178e;
    z-index: 100;
}






















/* Main Outer Wrapper */
.frameOuterWrapper {
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}






#archivedSiteHeader {
  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;

  background-color: #1f1f1f;
  background-image: url(/admin/images/template/bgLines.png);
  color:#fff;

}

#archivedSiteHeader .header {
  position: relative;
  height:135px;
}


@media (max-width: 768px) {
  #archivedSiteHeader .header {
    height: 92px;
  }
}


#archivedSiteHeader .freeSportsSitesButtonWrapper {
  position: absolute;
  top: 14px;
  right: 10px;

  display: inline-block;

}

@media (max-width: 768px) {
  #archivedSiteHeader .freeSportsSitesButtonWrapper {
    top: 10px;
    right: 6px;
  }
}


#archivedSiteHeader .freeSportsSitesButton {
  position: relative;

  text-transform: uppercase;

  border: 1px solid #fff;
  background-color: #256AD2;
  color:#fff;
  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;

  padding: 8px 8px 2px 8px;
  font-size: 30px;
  line-height: 32px;

  text-align: right;

  text-decoration: none;
  border-radius: 12px;

  display: inline-block;

  width: 137px;

}


@media (max-width: 768px) {
  #archivedSiteHeader .freeSportsSitesButton {
    font-size: 19px;
    line-height: 20px;
    width: 90px;
  }
}



#archivedSiteHeader .freeSportsSitesButton:before {
  position: absolute;
  left: 10px;
  top: 6px;

  font-family: 'FontAwesome';
  content: '\f064';

  font-size: 40px;
  line-height: 40px;
}


@media (max-width: 768px) {
  #archivedSiteHeader .freeSportsSitesButton:before {
    font-size: 25px;
    line-height: 25px;
    left: 8px;
    top: 5px;
  }
}



#archivedSiteHeader .htoBannerLogo {
  position: absolute;
  top: 8px;
  left: 10px;
}
@media (max-width: 768px) {
  #archivedSiteHeader .htoBannerLogo img {
    width: 78px;
    height: 74px;
  }
}
#archivedSiteHeader .archivedSiteHeaderTextWrapper {
  margin: 0 160px 0 160px;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  #archivedSiteHeader .archivedSiteHeaderTextWrapper {
    margin: 0 100px 0 100px;
  }
}

@media (max-width: 365px) {
  #archivedSiteHeader .archivedSiteHeaderTextWrapper {
    margin: 0 100px 0 88px;
  }
}


#archivedSiteHeader .archivedSiteHeaderLabel {
  font-size: 25px;
  line-height: 25px;
  padding-top: 3px;
}

@media (max-width: 768px) {
  #archivedSiteHeader .archivedSiteHeaderLabel {
    font-size: 19px;
    line-height: 19px;
  }
}



#archivedSiteHeader .archivedSiteHeaderLabel a {
  position: relative;
  color:#fff;
  text-decoration: none;
  padding-right: 28px;
}
@media (max-width: 768px) {
  #archivedSiteHeader .archivedSiteHeaderLabel a {
    padding-right: 24px;
  }
}

#archivedSiteHeader .archivedSiteHeaderLabel a:after {
  font-family: 'FontAwesome';
  content: '\f059';
  font-size: 23px;
  line-height: 23px;
  display: inline-block;
  position: absolute;
  right: 0;
  margin-top: -2px;
}

#archivedSiteHeader .archiveSiteWrap {
  display: none;
}

@media (max-width: 515px) {
  #archivedSiteHeader .archiveSiteWrap {
    display: inline;
  }
}

@media (max-width: 768px) {
  #archivedSiteHeader .archivedSiteHeaderLabel a:after {
    font-size: 18px;
    line-height: 18px;
  }
}

@media (max-width: 365px) {

  #archivedSiteHeader .archivedSiteHeaderLabel a {
    font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
    padding-right: 20px;
    font-size: 16px;
    line-height: 16px;
  }
  #archivedSiteHeader .archivedSiteHeaderLabel a:after {
    font-size: 15px;
    line-height: 15px;
    margin-top: 0;
  }
}


#archivedSiteHeader .archivedSiteHeaderTeamName {
  font-size: 38px;
  line-height: 40px;
  color:#A540FF;
  padding-top: 8px;
  max-height: 80px;
  overflow: hidden;
}

@media (max-width: 768px) {
  #archivedSiteHeader .archivedSiteHeaderTeamName {
    font-size: 19px;
    line-height: 20px;
    max-height: 40px;
    padding-top: 4px;
  }
}












.headerLinks  .navRowLinks, #kittensTop table, .banner, .wideLinks .navRowLinks, #kittensBottom table, .footerLinks .navRowLinks, 
.frameHTOFooterContent, .frameMiddleWrapper, .bannerAccountWrapper .header, .frameBottomWrapper {
  margin-left: auto;
  margin-right: auto;
}
.frameHTOFooterContent .img-responsive, #loginWrapper .img-responsive {
  display: inline-block;
}
.frameMiddleWrapper {
  overflow:hidden;
  width: 100%;
}

/* banner */
.bannerAreaWrapper {
  overflow: hidden;
  line-height: normal;
  position: relative;
}
.header .logo {
  float:left;
  display: table;
  width:100%;
}
.header .logoContent{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.header .logo a {
  display:inline-block;
}
.header .banner {
  overflow:hidden;
  position: relative;
  min-height: 25px;
}
.secondaryText {
  font-style:italic;
  font-weight:bold;
  font-size:16px;
  white-space: nowrap;
}
.textTeamName {
  font-weight:bold;
  font-size:32px;
  white-space: nowrap;
}
.dividerSponsorTeam {
  background-color: #000;
}




/** layers **/
.banner .layerWrapper {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
.banner .layerColorBG {
  display: table;
  height: 100%;
  width: 100%;
}
.banner .layerContent {
  display: table-cell;
  vertical-align: middle;
  text-align:center;
}
.banner .layerMod {
  display: inline-block;
}
.banner .layerModSponsorTeam {
  margin:2px 8px;
}
.banner .layerFont1 {
  z-index: 70;
}
.banner .layerFont2 {
  z-index: 60;
}
.banner .layerLogo {
  z-index: 51;
}
.banner .layerSponsorTeam {
  z-index: 50;
}
.banner .layerSport {
  z-index: 40;
}
.banner .layerSlogan {
  z-index: 30;
}
.banner .layerBack3 {
  z-index: 20;
}
.banner .layerBack4 {
  z-index: 10;
}
.banner .layerBackground {
  z-index: 5;
}
.banner .layerBackground .layerContent {
  background-size: 100%;
}
.banner .layerLogo .layerContent {
  text-align: left;
}

/* special legacy style */
.banner .layerSponsorTeam .layerContent {
  text-align:right;
}

/***** Navigation Links ******/
.navOuterWrapper {
  overflow:hidden;
}

.navAreaWrapper{ 
  margin-left:auto;
  margin-right:auto;
  position: relative;
}
.nav ul {
  list-style:none;
  margin:0;
  padding:0;
}
.nav li {
  list-style:none;
  margin:0;
  padding:0;
  
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
}
.nav a {
  text-decoration:none;
}
.nav a, .nav div.nonLink {
  padding: 0 8px;
  display:block;
}
.nav a, .nav div.nonLink, .nav .navRow0, .nav .navRow1 {
  background-repeat:repeat;
}

.nav .navRowBGImage {
  background-size: auto 100%;
	background-repeat:repeat-x;
}


.navTopSpacer, .navSpacer, .navBottomSpacer, .navRowSpacer {
  clear:both;
}
.nav .homeLink {
  float:right;
}


/* drop Menu */
.dropMenuDiv {
  position:absolute;
  display:none;
  border:1px solid #666;
  padding: 4px 0;
  background-color:#111;
  min-width:150px;
  *max-width:175px;
  z-index: 1001;
}
.active .dropMenuDiv {
  position:relative;
  margin-left:12px;
}

.nav .dropMenuDiv table {
  width:100%;
  margin:0 auto;
}
.dropMenuDiv a {
  padding: 0 18px;
  line-height:16px;
  text-transform:normal;
  font-weight:bold;
  color:#AAA;
}
.dropMenuDiv a:hover, .dropMenuDiv a.hover {
  background:none;
  color:#FFF;
}

/* side Nav */
/* :TODO: totally different in new structure */
.frameInnerWrapper {
  position: relative;

/*
  float: left;


  width: 100%;
  */

}
.frameSide {


/*
  width: 150px;          / * LC width * /
  right: 150px;          / * LC width * /
  margin-left: -100%;
  float:left;
*/


  position: relative;
}
/* ie compatible hack */
/*
*:first-child+html .frameSide {
  position:static;
}
*/
.frameSide .dropMenuDiv {
  margin:-1px 0 0 150px;
}
.sideText {
  padding:8px;
}
#frameSide .noPad {
  padding:0;
}
.frameSide .sideLogo {
  text-align:center;
}
/*
#frameSide .nav {
  border:none;
}
*/
.frameSide .nav ul {
  display:inline; 
}
.frameSide .nav li {
  display:block;  
}
.frameSide .nav .homeLink {
  float:none;
}








.contentFrame_wrapper  {
  position: relative;
}









/* some base classes for custom navs */
.navCustom a {
  padding:0 4px;
}
.navCustom ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
.navCustom li {
  margin:0;
  padding:0;
  float:left; 
}

/* Ads */
/* :TODO: switch to divs */
#kittensTop, #kittensBottom {
  position: relative;
}
#kittensTop table, #kittensBottom table {
  width:100%;
  border-collapse:collapse;
  border-width:0;
  padding:0;
  margin:8px 0;
}
#kittensTop .kittenCell {
  margin: 1px 0 0 0;
}
#kittensTop .kittenCell, #kittensTop .sponsorMsg {
  padding:0;
  text-align:center;
}
#kittensBottom .kittenCell, #kittensBottom .sponsorMsg {
  margin:0;
  padding:0;
  text-align:center;
}
.kittenCol {
  border:1px solid #666666;
}
/*
.kittenRow .kittenCell.clickable:hover {
  background-color:#CCC;
  color:#000;
}
  */
.kittenRow .kittenCell.clickable > div:NOT(.kittenImgText):hover {
  background-color: #66666633;
}
.kittenRow .kittenCell.noKitten {
  background-color:transparent;
}
.kittenRow div {
  text-align:center;
  font-weight: bold;
  font-family:"Trebuchet MS", Arial;
}
.kittenRow .kittenImg {
  text-align:center;
  padding:1px;
}
.kittenRow .kittenImg img {
  margin-left:auto;
  margin-right:auto;
}

.kittenText, .kittenText1, .kittenText2, .kittenText3, .kittenText4, .kittenText5, .kittenText6 {
  padding: 20px;
}

.kittenText, .kittenText1, .kittenText2 {
  font-size:16px;
  line-height:16px;
}
.kittenText3 {
  font-size:15px;
  line-height:15px;
}
.kittenText4 {
  font-size:14px;
  line-height:14px;
}
.kittenText5 {
  font-size:12px;
  line-height:12px;
}
.kittenText6 {
  font-size:11px;
  line-height:11px;
}
.sponsorMsg .sponsorMsgCell {
  font-size:11px;
  line-height:14px;
  text-align:center;
  background-color:#888;
  color:#fff;
}
.kittenRow .kittenImgText {
  position:absolute;
  margin:16px 0 0 15px;
  width:350px;
  background-color:#000;
  color:#ADF;
  border:1px solid #ADF;
  line-height:13px;
  filter:alpha(opacity=85);
  -moz-opacity:.85;
  opacity:.85;
  display:none;
  padding: 10px;
}



/* footer */
.frameHTOFooter {
  border-collapse:collapse;
  border-spacing:0;
  position: relative;
}
.frameHTOFooter .footerLogoTD {
  text-align:right;
  padding: 7px 9px 6px 0;
  width:30%;
  float:right;
}
.frameHTOFooter .footerLogo a, .shareLinksTable a {
  font-size:8px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
  display:block;
  color:#CCC;
}
.frameHTOFooterB .footerLogo a {
  color:#000; 
}
.frameHTOFooterW .footerLogo a {
  color:#FFF;
}

.frameHTOFooter .logoutButtonTD {
  vertical-align:bottom;
  padding: 7px 7px 12px 7px;
  width:30%;
  float:left;
}
.frameHTOFooter .logoutButton img {
  margin-left:8px;
  vertical-align:-1px;
}
.frameHTOFooter .logoutButton a {
  font-weight:bold;
  font-style:italic;
  font-weight:bold;
  color:#CCC;
  text-decoration:none;
}
.frameHTOFooter .logoutButton a:hover {
  color:#FFF;
}
.frameHTOFooter .shareLinksTD {
  text-align:center;
  vertical-align:bottom;
  padding: 10px 7px 10px 7px;
  width:39%;
  float:left;
}



@media (max-width: 768px) {
    .frameHTOFooter .shareLinksTD {
        padding: 10px 7px 0 7px;
        width: 30%;
        min-width:160px;
        margin: 0 auto;
    }
}
@media (max-width: 413px) {
    .frameHTOFooter .shareLinksTD {
        padding: 10px 7px 0 7px;
        width:30%;
        min-width:auto;
        margin: 0 auto;
        text-align: center;
    }
    .shareLinks {
        display: block;
        width:90px;
    }
}

.frameHTOFooter .shareLinksTD .mainSiteLinkRow {
  margin-bottom: 8px;
}

.frameHTOFooter .shareLinksTD .mainSiteLinkRow a {
    font-size: 16px;
    line-height: 27px;
    padding: 1px 24px 0 24px;
    border-radius: 14px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}


.footerDisclaimer {
  text-align:center;
  padding:2px 6px 6px 6px;
}

.frameHTOFooter .logoutButtonTD {
    vertical-align:bottom;
    padding: 7px 7px 12px 7px;
    width:30%;
    float:left;
}

.shareLinks a {
    display: inline-block;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    margin: 0 9px;
}
@media (max-width: 768px) {
    .shareLinks a {
        margin: 0 3px;
    }
}
@media (max-width: 413px) {
    .shareLinks a {
        margin: 3px;
    }
}
.shareLinks a.google-follow-button {
    font-size: 16px;
}
.shareLinks a.email-follow-button {
    font-size: 17px;
}
.shareLinks .fb-like {
    background-color: #3b5998;
}
.shareLinks .twitter-follow-button {
    width: 32px;
    height: 32px;
    background: url(/admin/images/mods/socialTwitter.png) no-repeat center;
}
.shareLinks .twitter-follow-button .fa-twitter:before {
  display: none;
}
.shareLinks .google-follow-button {
    background-color: #dd4b39;
}
.shareLinks .email-follow-button {
    background-color: #ffa500;
}
.shareLinks .instagram-follow-button {
    background-color: #8a3ab9;
}
.shareLinks .youtube-follow-button {
    background-color: #FF0000;
}

/* Sharing Links - Footer */
/*
.frameHTOFooter .shareLinksTable {
  position:absolute;
  bottom:0;
  left:42px;
  background-color:#000;
  width:160px;
  border:solid 1px #ADF;
  display:none;
}
.frameHTOFooter .shareLabel {
  margin-right:4px;
}
.frameHTOFooter .shareLinksTable img {
  vertical-align:-4px;
  margin-right:4px;
}
.shareLinksTable td {
  text-align:left;
  padding:4px;
  white-space:nowrap; 
}
.frameHTOFooter .shareLinksTable a:hover {
  color:#ADF;
}
.shareLinks {
  position:relative;
}
.shareLinks a {
  margin: 0 8px 0 0;
}
.frameHTOFooterB .shareLabel {
  color:#000; 
}
.frameHTOFooterW .shareLabel {
  color:#FFF; 
}
*/



/* ##    Page Template    ## **/


/* Content Areas */

#colsideArea, #colsideArea2 {
  overflow:hidden;
}


/* Hold page specific content */
.contentTitle {
  font-size: 18px; 
  font-style: normal; 
  font-weight: bold; 
  padding-bottom:20px;
}
/* Tabular content data */

/* Page Struct Items */


.hiddenArea {
  display:none; 
}


/* Modules */
.fullPage .modContent {
  min-height:400px;
  padding: 12px 18px 12px 18px;
}
.pageTitle div {
  padding: 6px 18px;
}
.pageTitleText {
  white-space: nowrap;
}
.modWrapper {
  overflow:hidden;
  position: relative;
}
.modContent {
  padding:6px;
  overflow: auto;
  position: relative;
}
.modContent td {
  padding: 0 4px;
}
.modContentTitle {
  margin-bottom:4px;
}

@media screen and (max-width: 767px) {
  .sideModuleInnerCol.mobile-half-width
  , .modWrapper.mobile-half-width {
    width:50%;
    display:inline-block;
    vertical-align:top;
  }
}




var innerColProps = {
  parent:'contentCell'
  , css:''
};
var modeWrapperProps = {
  parent:'sideModuleInnerCol'
  , css:cssClass
  , id:modObj.structID
};

if(true) {
innerColProps.css += ' ';
}



/*  FILTER OPTIONS */


#filterSlideLeft {
  position: absolute;
  left: 4px;
  top: 14px;
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.5), 4px 0 10px 0 rgba(0, 0, 0, 0.19);
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
#filterSlideRight {
  position: absolute;
  right: 4px;
  top: 14px;
  box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.5), -4px 0 10px 0 rgba(0, 0, 0, 0.19);
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  text-align: right;
}
.filterForm .filterSlideButton {
  background-color: #fff;
  z-index: 999;

  font-size: 24px;
  height: 48px;
  width: 26px;
  line-height: 48px;
  margin-top: 6px;
  opacity: 0.8;
}
.filterForm .filterSlideButton:hover {
  opacity: 0.9;
}
.filterForm .filterSlideButton i {
  color: #adadad;
}
.filterForm .filterSlideButton:hover i {
  color: #999;
}

.filterSlideButton.hidden {
  display: none;
}



@media (max-width: 767px) {

  .filterForm .filters {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    cursor: pointer;

    /* mozilla */
    scrollbar-width: none;
    /* IE/edge */
    -ms-overflow-style: none;

    margin-bottom: 20px;
    padding:18px 0 0 2px;
  }
    /* chrome */
  .filterForm .filters::-webkit-scrollbar {
    display: none;
  }

  .filterForm .filters.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
  }



  
  .filterForm .filterSlideButton i {
    display: none;
  }
  .filterForm .filterSlideButton {
    height: 26px;
    width: 1px;
    background-color: transparent;
  }
  #filterSlideLeft {
      left: 0;
      top: 13px;
      box-shadow: 4px 0 6px 0 #000, 6px 0 8px 0 #333;
    border-radius: 0;
  }
  #filterSlideRight {
      right: 0;
      top: 13px;
      box-shadow: -4px 0 6px 0 #000, -6px 0 8px 0 #333;
    border-radius: 0;
  }
}


@media (min-width: 768px) {
  .filterSlideButton {
    display: none;
  }
}







.filters table {
    width: 100%;
    border-collapse: collapse;
}

.filterItem {
  margin:0 8px 8px 0 ;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
}


.standFilterRow {
  display: inline-block;
  position: relative;
}

.filterItem .selectDiv select, .standFilterRow select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 3px 24px 3px 14px;
  border: none;
}

.filterItem .selectDiv select::-ms-expand, .standFilterRow select::-ms-expand {
  display: none;
}
.filterItem .selectDiv:after, .standFilterRow::after {
  font-family: FontAwesome;
  content:'\f0d7';
  font-size: 14px;
  position: absolute;
  right: 8px;
  top: 4px;
  height: 20px;
  pointer-events: none;
}


.standFilterRow select {
  color: #fff;
  background-color: #333;
  width: auto;
  padding-left: 4px;
  margin-bottom: 2px;
}
.standFilterRow::after {
  color: #fff;
}








.filterItem .form-control, .filterItem .btn, .filterItem .btn.btn-week {
  font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
  line-height: 26px;
  border-radius: 14px;
}
.filterItem .btn-secondary, .filterItem .btn-default {
  height: 28px;
}
 {
  border: 1px solid #aaa;
}
.filterItem .btn-secondary:hover, .filterItem .btn-secondary:active, .filterItem .btn-secondary:focus,
.filterItem .btn-default:hover {
  color:#000;
/*
  background-color:#f70;
*/
}
.playerSearchGroup {
  width:240px;
}


/* light version, dark gets overridden in stylescript-s */
.filterForm .filters {

}
.filterForm .form-control
, .filterItem .btn-secondary.active
, .filterItem .btn-default
{
  color:#000;
  background-color: #ddd;
  font-weight: normal;
}
.modWrapper .modColorBG .filterItem a.btn-default {
  color: #000;
}
.filterItem .btn-secondary {
  color:#555;
  background-color:#bbb;
}
.filterItem .is_division {
    font-weight: bold;
}
.filterForm .form-control, .filterItem .btn-secondary, .filterItem .btn-default {
  /*border: 1px solid #999;*/
}
.btn-group>.btn:last-child:not(:first-child) {
    border-left: 1px solid #999;
}





.filterForm .filters .btn-group .btn {
  font-weight: normal;
}


















.filtersLoading {
  position: absolute;
  left:0;
  right:0;
  top:5px;
  bottom:0;

  text-align: center;
  display: none;
}
.loading .filtersLoading {
  display: block;
}




.filterForm .btn-expand {
  line-height: 10px;
  border: none;
}
@media (max-width: 767px) {
  .filterForm .btn-expand {
    display: none;
  }
}
.filterForm .btn-expand i {
  vertical-align: middle;
  margin-left: 8px;
}
.filterForm.loading .filters {
  opacity:.3;
}









.filterForm .weekWrapper {
  position: relative;
  display: inline-block;
}
.weekPickerWrapper {
  position: absolute;
  top:29px;
  left:0;
  display: none;
  z-index: 99999;
}
.weekPickerWrapper table {
    width: 100%;
    border-collapse: collapse;
}



#frameOuterWrapper .weekPickerWrapper .ui-datepicker-inline {
  padding-bottom:22px;
}
#frameOuterWrapper .weekPickerWrapper .hideViewAll .ui-datepicker-inline {
  padding-bottom:0;
}




.allWeeksRow {
  text-align: center;
  margin-top:-28px;
  font-size: 14px;
}

.allWeeksRow a {
  line-height: 26px;
  display: inline-block;
  color:#999 !important;
  text-transform: lowercase;
}
.allWeeksRow a:hover {
  color:#000 !important;
}

.ui-datepicker-other-month {
  color:#e6e6e6;
}



.week-picker {
  -moz-box-shadow: 0px 0px 3px #666666;
  -webkit-box-shadow: 0px 0px 3px #666666;
  box-shadow: 0px 0px 3px #666666;
}


.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}


.ui-datepicker.ui-widget {
    font-size: 12px;
}



.ui-datepicker .ui-widget-header {
    position: relative;
    padding: .2em 0;

    border-radius: 4px;

    border: 1px solid #aaaaaa;

    background: #cccccc url(/lib/jQuery/themes/jquery-ui-1.8.14/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  
    color: #222222;
    font-weight: bold;

}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}



.ui-state-disabled
, .ui-widget-content .ui-state-disabled
, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}




.ui-datepicker.ui-widget-content {

    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
}


.ui-datepicker.ui-state-default
, .ui-datepicker.ui-widget-content .ui-state-default
, .ui-datepicker .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(/lib/jQuery/themes/jquery-ui-1.8.14/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}



.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span
, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}


.ui-datepicker .ui-state-hover
, .ui-datepicker.ui-widget-content .ui-state-hover
, .ui-datepicker .ui-widget-header .ui-state-hover
, .ui-datepicker .ui-state-focus
, .ui-datepicker.ui-widget-content .ui-state-focus
, .ui-datepicker .ui-widget-header .ui-state-focus {
    border: 1px solid #000;
    background: #dadada url(/lib/jQuery/themes/jquery-ui-1.8.14/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}



.filterItem .btn.btn-week {
  width:190px;
  text-align: left;
  vertical-align: middle;
  padding-top: 3px;
}
.filterItem .btn-week:before {
  margin-top: -4px;
  font-size: 20px;
  margin-right: 10px;
}
.ui-datepicker-calendar {
  width: 100%;
}
.ui-datepicker-calendar a {
  color:#000 !important;
  border-width: 2px;
}
.ui-datepicker-calendar a.ui-state-hover {
  border-color:#000;
}
.container .week-picker .cal-event a {
  background:#86D3FF;
  background: -moz-linear-gradient(top, #86D3FF 20%, #a6f3FF 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #86D3FF), color-stop(100%, #a6f3FF));
  background: -webkit-linear-gradient(top, #86D3FF 20%, #a6f3FF 100%);
  background: -o-linear-gradient(top, #86D3FF 20%, #a6f3FF 100%);
  background: -ms-linear-gradient(top, #86D3FF 20%, #a6f3FF 100%);
  background: linear-gradient(top, #86D3FF 20%, #a6f3FF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86D3FF', endColorstr='#a6f3FF', GradientType=0 );

}
.ui-datepicker-today a {
  border-color:#F70;
}

.ui-widget {
  font-size:14px;
}
.ui-datepicker {
  width:197px;
  /*
  z-index: 100 !important;
  */
}
.ui-datepicker th {

    padding: .3em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;

  line-height: 22px;
}


.ui-datepicker .ui-priority-secondary
, .ui-datepicker.ui-widget-content .ui-priority-secondary
, .ui-datepicker .ui-widget-header .ui-priority-secondary {
    opacity: .5;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}


.ui-datepicker .ui-datepicker-header a {
  position: absolute;
  border:none;
  background-color: transparent;
  background-image: none;
  cursor: pointer;
  line-height: 28px;
  height: 28px;
  width:36px;
  display: inline-block;
  padding: 0 6px;
  text-align: center;
  margin-top: -4px;
}
.ui-datepicker .ui-datepicker-prev {
  top:2px !important;
  left:0 !important;
}
.ui-datepicker .ui-datepicker-next {
  top:2px !important;
  right:0 !important;
}

.ui-datepicker .ui-widget-header .ui-icon {
  background-image: none;
  text-indent: 0;
  font-weight: normal;
  color:#000;
  margin:0;
  display: inline-block;
  font-size:20px;
  position: relative;
  left: auto !important;
  top: 2px !important;
  height: 23px;
  width: 14px;
  overflow: hidden;
}


.ui-datepicker .ui-widget-header .ui-icon:hover {
  color:#27e;
}


.ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w:before {
  font-family: 'FontAwesome';
  content: '\f053';
}

.ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e:before {
  font-family: 'FontAwesome';
  content: '\f054';
}



.calendarDialogCover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  z-index: 9999;
  display: none;
}



















/* Color definitions need special ID override */
/* header */


/* Table definitions */
.dataTable {
  margin-bottom:16px;
  overflow:auto;
}
.dataTable table {
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
}
/* 1 px cell spacing */
.dataTable td {
  border:solid 1px #666;
  text-align:center;
  white-space:nowrap;
}
/* Header Rows */
.dataTable thead tr {
  font-weight:bold;
  background-color:#999;
}
.dataTable a {
  display:block;
}
.dataTable thead a {
  cursor:pointer;
  text-decoration:underline;
}
.dataTable tbody tr td a {
    font-weight: bold;
}
/* Main Body Rows */
.dataTable tbody tr {
  background-color:#FFF;
}
.dataTable tbody td, .dataTable tfoot td {
  padding:3px 4px 3px 4px;
}
.dataTable .statsRowOdd {
  background-color:#E0E1E4;
}
/* Names in the data table */
.dataTable .dataTableName {
  text-align:left;
  padding-left:4px;
}
.dataTable td.indentCell {
  padding-left:25px;
}
.dataTable .sortCol {
  background-color:#E3E3E3;
}
.dataTable .statsRowOdd .sortCol {
  background-color:#C4C5C8;
}
.dataTable .empty {
  padding-top:14px;
}
/* footer */
.dataTable tfoot tr {
  background-color:#FFF;
}
/* Color definitions need special ID override */
/* header */
#frameOuterWrapper .dataTable thead td, #frameOuterWrapper .dataTable thead a {
  color:#FFF;
}
#frameOuterWrapper .dataTable thead a:hover {
  color:#CCC;
}
/* body */
#frameOuterWrapper .dataTable tbody td {
  color:#000;
}
#frameOuterWrapper .dataTable tbody a {
  color:#007;
}
#frameOuterWrapper .dataTable tbody a:hover {
  color:#00F;
}
/* footer */
#frameOuterWrapper .dataTable tfoot td {
  color:#000;
}



/* Page Mod Columns */
.pageModWrapper {
  max-width:650px;
  width: 100%;
  margin:0 auto;
}
.pageModCol {
  width: 50%;
  float: left;
  overflow:hidden;
}
/* Module Groups */
.modGroupWrapper {
  margin:12px;
}
.modGroupWrapperTrans {
  margin:12px;
  padding:12px;
}
.modRemoveTopSpace {
  margin-top:0;
  padding-top:0;
}
.modGroupAboveHeading {
  margin: 0 12px;
  padding: 0 2px;
  font-weight: bold;
  font-size: 15px;
}
.modGroupHeading {
  padding: 0 2px;
  font-weight: bold;
  font-size: 15px;
}
.modGroupHeading a {
  padding-bottom: 2px;
  display:inline-block;
}
.modGroupHeadingItemRight {
  float:right;
  font-weight:normal;
}
.modGroupSubHeading {
  padding: 2px 10px;
  font-weight:bold;
  background-color:#EFEFDC;
  text-align:center;
}
.modGroupDetailsWrapper {
  padding:3px;
  background-color:#FFF;
  border: 1px solid #CCC;
}
.modGroupDetailsWrapper:before, .modGroupDetailsWrapper:after {
  display: table;
  content: " ";
}
.modGroupDetailsWrapper:after {
  clear: both;
}
.modGroupItem {
  padding: 4px 7px;
  border-bottom: 1px solid #e7e9eb;
}
#frameOuterWrapper .modGroupDetailsWrapper, #frameOuterWrapper .modGroupSubHeading {
  color:#666;
}
#frameOuterWrapper .modGroupDetailsWrapper a {
  color:#007;
}
#frameOuterWrapper .modGroupDetailsWrapper a:hover {
  color:#00F;
}
#frameOuterWrapper .modGroupDetailsWrapper a.btn-default {
  color: #fff;
}
.modGroupItemOdd {
  background-color:#f7f7f7;
}
.modItemLabel {
  font-style:italic;
  margin-right:8px; 
}
.modItemValue {
  font-weight:bold;
}
.modGroupFooter {
  padding:3px 7px;
  background-color:#ddd;
}
#frameOuterWrapper .modGroupFooter {
  color:#999;
}
.modGroupFooterItem {
  margin-right:8px;
}
.modGroupFooterItemRight {
  float:right;
  margin-left:8px;
}
.modImageWrapper {
  border: 1px solid #CCC;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  overflow:hidden;
  
  display:inline-block;
}
/*
// caused about page to overflow
.modImageWrapper img {
  max-width:none; 
}
*/

/* Module Groups (bigger sections) */
.modGroupBigWrapper {
  margin: 0 12px 12px 12px;
  background-color:#FFF;
  border: 1px solid #CCC;
  
  padding: 18px 14px 14px 14px;
  
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  
  overflow:hidden;
}
#frameOuterWrapper .modGroupBigWrapper {
  color:#333;
}
#frameOuterWrapper .modGroupBigWrapper a {
  color:#006;
}
#frameOuterWrapper .modGroupBigWrapper a:hover {
  color:#00C;
}
.modGroupBigWrapperOdd .pageModCol {
  float:right;
}
.modGroupBigWrapper .modImageWrapper {
  margin: 0 8px;
}

/* mobile toggles */
.modWrapper.mobileViewOnly
, .modWrapper.modWrapperHidden

, .contentFrame_wrapper.mobileViewOnly
, .contentFrame_wrapper.modWrapperHidden
{
  display: none;
}
@media (max-width: 767px) {
  .modWrapper.mobileViewOnly
  , .contentFrame_wrapper.mobileViewOnly
  {
    display: block;
  }
}
@media (max-width: 767px) {
  .modWrapper.desktopViewOnly
  , .contentFrame_wrapper.desktopViewOnly
  {
    display: none;
  }
}


/* mod titles */
.modTitle a, .pageTitle a {
  text-decoration:none; 
}

/* Full page content */
.pageBigTextBorderWrapper {
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  padding:2px;
  border:1px solid #666;
}
#frameOuterWrapper .pageBigTextContentWrapper, #frameOuterWrapper .pageBigTextContentWrapper td, #frameOuterWrapper .pageBigTextContentWrapper th {
  color:#000;
}
#frameOuterWrapper .pageBigTextContentWrapper a {
  color:#007;
}
.pageBigTextContentWrapper {
  background-color:#FFF;
  overflow:auto;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  padding:16px;
}
.pageBigTextContentHeading {
  font-size:16px;
  font-weight:bold;
  margin-bottom:12px;
}

/* forms */
.rowInput {
  margin-bottom:10px;
}
.inputWrapper {
  float:left;
  margin-right:16px;  
}
.rowInput label {
  display:block;
}
.formButtonRow {
  text-align:center;
  margin-top:16px;  
}
.formButtonRow a {
  margin:0 12px;
}
.rowInput input, .rowInput textarea {
  padding:2px 3px;
}

/* Buttons */
.formButton {
  display:inline-block;
  border:solid 1px transparent;
  font-size:14px;
  line-height:26px;
  cursor:pointer;
  text-decoration:none;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  border-radius:5px;
  overflow:hidden;
  background-color:#BBB;
}
.formButton .buttonWindow {
  display:inline-block;
  padding:0 14px;
  background-color:#E6E6E6;
}
#frameOuterWrapper a.formButton .buttonWindow {
  color:#555; 
}
.formButton:hover {
  background-color:#999;
}
.formButton:hover .buttonWindow {
  background-color:#DADADA;
}
#frameOuterWrapper a.formButton:hover .buttonWindow {
  color:#212121;  
}

/* Links to Printable Page and Glossary */
.printGlossary {
  text-align:center;
}
.printable {
  margin-left:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
}
.glossary {
  margin-left:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
}

/* Game Header Info */
.gameHeader {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.gameHeaderTitle {
  font-size: 16px;
}
.gameHeaderDateLocation span, .scoreBoard .gameDate span {
  display: inline-block;
}
.gameHeaderSpecial {
  color:#900;
}
.gameHeaderOfficials {
  font-weight: normal;
}


.gameHeader.gametype80 .gameHeaderTitle:before {
  font-family: FontAwesome;
  content: "\f091";
  font-weight: normal;
  display: inline-block;
  margin: 1px 8px 0 0;
}


.gameHeader.gametype81 .gameHeaderTitle:before {
  font-family: FontAwesome;
  content: "\f0e8";
  font-weight: normal;
  display: inline-block;
  margin: 1px 8px 0 0;
  transform: rotate(90deg);
}


/* expired msg */
#constructionAdmin {
  display:block;
  text-align:right;
  background-color:#000;
  padding: 0 16px 10px 0;
  color:#999;
  width:100%;
}
#constructionAdmin:hover {
  color:#FFF;
}

/***************** Sitewide Styles *************************/

select {
  color: #000;
}
/* :TODO: bring content pages over to divs */
.error {
  color:#F00;
  font-weight:bold;
  margin: 2px 0  12px 0;
}
.errMsg {
  color:#F00;
  font-weight:bold;
  margin: 0 18px;
}
.msgNoContent {
  padding:18px; 
  font-size: 18px; 
  text-align: center;
}
table.blank {
  border-collapse:collapse;
  border-spacing:0;
  border-width:0;
  width:100%;
}
td.blank {
  padding:0;
}
.clickable {
  cursor:pointer;
}
.instructions {
  margin: 0 0 2px 0;
}
.hidden {
  display:none;
  visibility:hidden;
}
.userButton {
    background-image: url("/legacy/images/TransGradAdmin.png");
    border-width: 1px;
    margin-bottom: 6px;
    overflow: visible;
    padding: 1px 16px;
}

/* editor tables */
.simpleTable {
    border-spacing:0;
    border-collapse:collapse;
  margin:0 auto;
}
.simpleTable td, .simpleTable th {
    border:solid 2px #EEE;
    padding:0 4px 1px;
}

/*      -------- Stats Archives -----   */
.pageArchives {
  float:right;
}

/*      -------- Printable -----   */
.pagePrintableGlossary {
  padding: 8px 8px 12px 8px;
  text-align: right;
  clear:both;
  min-height:1em;
}
.pagePrintableGlossary a {
    display: inline-block;
    border-radius: 5px;
    margin: 0 14px;
    line-height: 25px;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    background-color: #222;
    border: 1px solid #999;
    padding: 2px 10px 2px 10px;
    text-transform: lowercase;
}
.modWrapper .modColorBG .pagePrintableGlossary a {
  color: #fff !important;
}
.modWrapper .modColorBG .pagePrintableGlossary a:hover {
  background-color: #666666;
  color: #fff !important;
}
.pagePrintableGlossary a span {
  margin-left: 8px;
}
.pagePrintableGlossary img {
  vertical-align:middle;
  margin-top:-1px;
}
.statLogin {
  text-align:center;
  padding: 36px 0;
}
.regLogin {
  text-align:center;
  padding: 36px 0;
}
.regLogin a {
  color:#007;
}
a.titlePrint {
  float:right;
  text-decoration:none;
}
.titlePrint img {
  vertical-align:bottom;
  margin-right:4px;
}

/*      -------- Paging -----   */
.pagePaging {
  font-weight:bold;
  display:inline;
  float:right;
}
.pagePagingLinks { 
  padding-left:4px;
  padding-right:4px;
}
.pagePagingHeading {
  padding-right:16px;
}
.paging {
  padding:0 3px 12px;
  clear:both;
  text-align:center;
  margin-top:-3px;
  font-weight:bold;
  min-height: 10px;
}
.paging span { 
  padding:0;
  margin:0 3px 0 2px;
}
.modWrapper .modColorBG .paging a {
  color: #CCC;
}
.paging .pagingSummaryCur {
  vertical-align:middle;
}
.paging .pagingSummary {
  vertical-align:middle;
  margin-right: 8px;
}

.paging .pagingSummary:after {
  font-family: FontAwesome;
  content: "\f0da";
  font-size:18px;
  margin: 0 4px;
  vertical-align: middle;
}

.paging span { 
  vertical-align: middle;
}

.pagesWrapper {
  display: inline-block;
}
div.paging .pageRange a {
  color: #888;
  font-size: 24px;
  padding: 0 4px;
}


.paging .pageSel {
  font-size:14px;
  font-weight:bold;
  color: #CCC;
  background-color:#333;
  border:1px solid #666;
  display: inline-block;
}
.paging .curPage {
  font-size:14px;
  font-weight:bold;
  color:#000;
  background-color:#ff7f00;
  border:1px solid #CCC;
  display: inline-block;
  padding:0 6px;
}
.paging .pageSel a {
  text-decoration:none;
  color: #CCC;
  padding:0 6px;
  display: inline-block;
}
.pagingTotal {
  float: left;
}
#dblDigCur {
  letter-spacing:0;
  font-weight:bold;
  color:#000;
  background-color:#ff7f00;
  border:1px solid #CCC;
  padding:0 4px;
}
#dblDig a {
  padding:0 4px;
  letter-spacing:0;
}
.pagePagingFPNL {
  float: right;
  padding: 8px 35px 8px 0;
}
.pagePagingFPNL img {
  border:0;
  display: inline-block;
}

/*
//  removing per ITEM-3918
.pagingDivWrapper {
  display:none;
}
.pagingDivWrapper.loaded {
  display:block;
}
*/


.tableStorage {
  display: none !important;
}
.tablePagingMoreRow {
  padding-top: 2px;
  padding-bottom: 2px;
}


.tablePagingMoreRow a {
  display: block;
  width: 100%;
}



/* bootstrap dialog */
.dialogFullWidth {
  text-align: center;
}
.dialogFullWidth .modal-dialog {
  display: inline-block;
  width: auto;
  min-width: 360px;
  max-width: 95%;
}

.dialogFullWidth .modal-header {
  background-color: #888;
}
.dialogFullWidth .bootstrap-dialog-body {
  text-align: center;
}

.htoAlert .modal-body, .htoConfirm .modal-body {
  text-align: center;
}

/*
.dialogFullWidth .modal-header .bootstrap-dialog-title {
  color: #000;
}
*/
@media (max-width: 767px) {
  .dialogFullWidth .modal-dialog {
    max-width: 100%;
    margin-left: 12px;
  }
  .modal-dialog {
    margin-top: 3px;
  }
  .dayDialog .modal-dialog {
    margin-top: 40px;
  }
}







/* JQuery popup */
.ui-dialog-titlebar-close span {
  display: none;
}
.ui-dialog {
  background-color: #EEE;
  border: 3px solid #AAA;
  text-align:left;
  
  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
  border-radius:6px;
  z-index: 101;
  
  overflow:hidden;
  
  
  -moz-box-shadow: 2px 2px 4px #000000;
  -webkit-box-shadow: 2px 2px 4px #000000;
  box-shadow: 2px 2px 4px #000000;
  
}
.ui-dialog-titlebar-close {
  background: url(/admin/images/close12.gif) 0 0 no-repeat;
  position: absolute;
  right: 6px;
  width: 12px;
  height: 12px;
  z-index: 100;
}
.ui-widget-overlay {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
  filter:alpha(opacity=40);
  -moz-opacity:.4;
  opacity:.4;
  background-color:#000;
}
.ui-dialog-titlebar {
  background-color:#9278B1;
  color:#FFF;
  padding: 4px 6px;
  font-weight:bold;
  text-transform:uppercase;
  text-align:left;
  cursor:move;
}

.FXhide {
  visibility: hidden;
}
.noTransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

a.anchor {
  display: block;
  position: relative;
  top: -40px;
  visibility: hidden;
}

.sortColFilter {
  color: #000;
  background-color: #e0e1e4;
  padding: 4px 8px;
  border: 1px solid #cccccc;
  font-size: 14px;
  display: none;
}

/*
.sortColFilter span {
  padding-right: 8px;
}
.sortColFilter select {
  font-size: 14px;
  width: 75%;
}
*/

.dataTable tbody .over, .dataTable.collapseMobile tbody .over .sortCol {
  background-color:#E0EBEB;
}

#mobileNav_all {
  position: fixed;
  top:0;
  left:0;
  right: 0;
  z-index: 9000;
}

#mobileNav_all li.dropMenu > a, #mobileNav_all li.dropMenu > .nonLink {
  margin-left: 36px !important;
  padding-left: 2px !important;
}

#mobileNav_all .navRowLinks {
    height: 32px;
    overflow: hidden;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#mobileNav_all.active {
  height:100%;
    bottom:0;
    overflow-y: auto;
}

#mobileNav_all.active .navRowLinks {
  height: auto;

}
#mobileNav_all.active li {
  display:block;
}


#mobileNavMask.active {
  position: fixed;
  top:0;
  left:0;
  right: 0;
  bottom:0;
  height: 100%;
  z-index: 199;
  background-color: #000;
  opacity: .6;
}

#mobileNav_all .navInnerWrapper {
  border-top-width:2px !important;
  border-bottom-width:2px !important;

  z-index: 9999;

  /*
  position: fixed;
  top:0;
  left:0;
  right: 0;


#mobileNav_all .navInnerWrapper  {
  background-color: #fff;
}

  
  */
}

#mobileNav_all .navRowLinks a, #mobileNav_all .navRowLinks div.nonLink {
  font-size:14px;
  line-height: 14px;
  padding: 9px 14px 9px 14px;
  font-weight: bold;
  border: none;
}
#mobileNav_all .navRowLinks .linkDropIcon  {
  font-size:14px;
  line-height: 14px;
  padding: 9px 8px 9px 14px;
  font-weight: bold;
  cursor: pointer;
  float:left;
}

.navMenuIcon {
    width: 48px;
    height: 32px;
    position: relative;
    float: right;
    background: none;
    border: none;
    display: inline-block;
    padding: 0 0 0 0;
    outline: none;
    outline-offset: 0;
    cursor: pointer;
    -webkit-appearance: none;
    vertical-align: middle;
}
.navMenuIcon span {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 24px;
    height: 4px;
    background: #fff;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: .3s ease-in-out;
}
.navMenuIcon span:after, .navMenuIcon span:before {
    transition: .3s ease-in-out;
    content: "";
    position: absolute;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    background: #fff;
}
.navMenuIcon span:before {
    top: -8px;
}
.navMenuIcon span:after {
    bottom: -8px;
}
#mobileNav_all.active .navMenuIcon span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 28px;
}
#mobileNav_all.active .navMenuIcon span:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
}
#mobileNav_all.active .navMenuIcon span:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 0;
}
/*
.navMenuIcon {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  outline: none;
  outline-offset: 0;
  cursor: pointer;
  -webkit-appearance: none;
  float:right;
  width: 48px;
  height: 32px;
}
.navMenuIcon::-moz-focus-inner {
  border: none;
  padding: 0;
}
.navMenuIcon span {
  position: relative;
  display: block;
  margin: auto;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navMenuIcon span:after, .navMenuIcon span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navMenuIcon span:after {
  top: 8px;
}
.navMenuIcon span:after, .navMenuIcon span:before, .navMenuIcon span {
  width: 24px;
  height: 4px;
  background-color: #007;
  backface-visibility: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.navMenuIcon span {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.navMenuIcon span:before, .navMenuIcon span:after {
  -moz-transform-origin: 1.71429px center;
  -ms-transform-origin: 1.71429px center;
  -o-transform-origin: 1.71429px center;
  -webkit-transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
}
#mobileNav_all.active .navMenuIcon span {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#mobileNav_all.active .navMenuIcon span:before, #mobileNav_all.active .navMenuIcon span:after {
  top: 0;
  width: 15px;
}
#mobileNav_all.active .navMenuIcon span:before {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}
#mobileNav_all.active .navMenuIcon span:after {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}
*/







/* The slider */

label.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
}
label.switch input {
    display: none;
}


.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



.fRule div {
  height: 2px;
  background-color: #00000033;
  margin: 4px 0;
}


.frameContentWrapper .contentFrame_wrapper {
  position: relative;
}


.contentFrame_wrapper.hasRowAlbum.rowHasNoMods {
  min-height: 500px;
}


.contentColWrapper .contentFrame {
  position: relative;
}



.contentCol .frameBottomSeparator {
  background-color: #ddd;
  height: 2px;
  width: 100%;
  margin: 36px auto;
  width: 100%;
  max-width: var(--content-max-width);
}

@media (max-width: 768px) {
  .contentCol .frameBottomSeparator {
    display: none;
  }
}


.contentCol .frameBottomSeparator.widthFull {
  max-width: 100%;
}
.contentCol .frameBottomSeparator.width90 {
  max-width: 90%;
}




/* NEED TO UPDATE TOGETHER WITH - www/admin/style/ContentCSSuser.asp */
/*
.content-heading {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}
*/


/* HTO Font references */
.hf {
  display: inline-block;
  vertical-align: middle;
  font-family: HTOfonts;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hf-locations:before {
  content: '\f319';
}
.hf-registration:before {
  content: '\f300';
}
.hf-teams:before {
  content: '\f2ea';
}
.hf-teams-alt:before {
  content: '\f31B';
}
.hf-auto-schedule:before {
  content: '\f2E2';
}
.hf-tournaments:before {
  content: '\f2E7';
}
.hf-website:before {
  content: '\f302';
}
.hf-advance:before {
  content: '\f314';
}
.hf-setup:before {
  content: '\f30B';
}
.hf-x:before {
  content: '\f332';
}
.hf-people:before {
  content: '\f304';
}


.sz-8{font-size:8px;}.sz-9{font-size:9px;}.sz-10{font-size:10px;}.sz-11{font-size:11px;}.sz-12{font-size:12px;}.sz-13{font-size:13px;}.sz-14{font-size:14px;}.sz-15{font-size:15px;}.sz-16{font-size:16px;}.sz-17{font-size:17px;}.sz-18{font-size:18px;}.sz-19{font-size:19px;}.sz-20{font-size:20px;}.sz-21{font-size:21px;}.sz-22{font-size:22px;}.sz-23{font-size:23px;}.sz-24{font-size:24px;}.sz-25{font-size:25px;}.sz-26{font-size:26px;}.sz-27{font-size:27px;}.sz-28{font-size:28px;}.sz-29{font-size:29px;}.sz-30{font-size:30px;}.sz-31{font-size:31px;}.sz-32{font-size:32px;}.sz-33{font-size:33px;}.sz-34{font-size:34px;}.sz-35{font-size:35px;}.sz-36{font-size:36px;}.sz-37{font-size:37px;}.sz-38{font-size:38px;}.sz-39{font-size:39px;}.sz-40{font-size:40px;}.sz-41{font-size:41px;}.sz-42{font-size:42px;}.sz-43{font-size:43px;}.sz-44{font-size:44px;}.sz-45{font-size:45px;}.sz-46{font-size:46px;}.sz-47{font-size:47px;}.sz-48{font-size:48px;}.sz-49{font-size:49px;}.sz-50{font-size:50px;}.sz-51{font-size:51px;}.sz-52{font-size:52px;}.sz-53{font-size:53px;}.sz-54{font-size:54px;}.sz-55{font-size:55px;}.sz-56{font-size:56px;}.sz-57{font-size:57px;}.sz-58{font-size:58px;}.sz-59{font-size:59px;}.sz-60{font-size:60px;}.sz-61{font-size:61px;}.sz-62{font-size:62px;}.sz-63{font-size:63px;}.sz-64{font-size:64px;}.sz-65{font-size:65px;}.sz-66{font-size:66px;}.sz-67{font-size:67px;}.sz-68{font-size:68px;}.sz-69{font-size:69px;}.sz-70{font-size:70px;}.sz-71{font-size:71px;}.sz-72{font-size:72px;}.sz-73{font-size:73px;}.sz-74{font-size:74px;}.sz-75{font-size:75px;}
.sz-80{font-size:80px;}.sz-85{font-size:85px;}.sz-90{font-size:90px;}.sz-95{font-size:95px;}.sz-100{font-size:100px;}