/* ********************************************************************************************* */
/* CSS for Hoopsteria                                                                            */
/* ********************************************************************************************* */

/* Global Stuff */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}


/* ********************************************************************************************* */
/*  for centering the background in IE  */
html, body      { height: 100%;  margin: 0;  padding: 0; }
body            { font-family: Arial, Helvetica, sans-serif;  font-size:16px; }
img#bg          { position: fixed;  top:0;  left: 0;  width: 100%;  height: 100%; }
#content        { position: relative; }    /* TODO: change this to static and then remove from all the other places where it does that */


/* ********************************************************************************************* */
/* TabSet: Over all tabs                                                                         */
/* ********************************************************************************************* */
#mainWrap {
    position: relative;
    top: 0px;
    width: 1350px;
    height: 820px;
    margin: 0 auto;  -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;
    overflow: hidden;
    background-color: transparent;
}

.tabArea {
    margin-top: 20px;
}

.tabDiv {
    height: 762px;
    border-radius: 15px;
    margin-top: 50px;
    font-size: 14px;
    opacity: 0.95;  filter:alpha(opacity=95);
}

#displayNickName {
    position: absolute;
    top: -15px;
    left: 22px;
    font-weight: bold;
    font-size: large;
}

.signout {
    position: absolute;
    right: 25px;
    top: 15px;
    text-decoration: underline;
    cursor: pointer;
}

#tsSpam {
    position: absolute;
    top: 740px;
    right: 185px;
}

#tsLogo {
    position: absolute;
    top: 735px;
    right: 148px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

#tsLink {
    position: absolute;
    top: 740px;
    right: 20px;
    text-decoration: underline;
    cursor: pointer;
}



/* ********************************************************************************************* */
/* Tab: Hoopsteria                                                                               */
/* ********************************************************************************************* */
#spam {
    position: absolute;
    top: 242px;
    left: 12px;
    width: 1300px;
    height: 450px;
    background-color: #EEFFEE;
    border: 1px solid;
    padding: 10px;
    text-align: left;
    font-size: 16px;
    resize: none;
    overflow: hidden;
}

#modalPW {

    display: none;

    position: relative;
    margin: 0 auto;
    width: 312px;
    height: 150px;
    background: #e3eef2;
    border: thin solid #cecece;
    box-shadow: 3px 0px 7px 1px #d4e0e8;
    border-radius: 3px;
}

#modalPW_ul {
    margin: auto;
    width: 300px;
    overflow: hidden;
}

#modalPW_pw {
    height: 25px;
    width: 280px;
    border: thin solid #ced1d1;
    outline-width: thick;
    outline-color: #79c3e4;
}

#modalPW_submit {
    float: right;
    margin-top: 30px;
    margin-right: 13px;
}

.modalPW_li {
    display: block;
    height: 35px;
    line-height: 45px;
    margin-left: 5px;
}


/* ********************************************************************************************* */
/* Tab: League Homepage                                                                          */
/* ********************************************************************************************* */

#leagueBlue { background: url('Images/blue.jpg') repeat; }
#leagueBlue:hover { background: url('Images/blue-hover.jpg') repeat; }
#leagueRed { background: url('Images/red.jpg') repeat; }
#leagueRed:hover { background: url('Images/red-hover.jpg') repeat; }
#leagueGreen { background: url('Images/green.jpg') repeat; }
#leagueGreen:hover { background: url('Images/green-hover.jpg') repeat; }
#leagueYellow { background: url('Images/yellow.jpg') repeat; }
#leagueYellow:hover { background: url('Images/yellow-hover.jpg') repeat; }


#pastChamps, #payInfo {
    position: absolute;
    visibility: hidden;
    padding: 30px;
    margin: auto;
    border: 2px solid black;
    top: 100px;
}


#pastChamps Table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
#pastChamps td, #pastChamps th {
    border: none;
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
}


#leagueLogo {
    position: absolute;
    top: 50px;
    width: 392px;
    height: 312px;
    left: 50%;
    margin-left: -191px;
    overflow: hidden;
}

#leagueScoreWrapper {
    position: absolute;
    top: 40px;
    left: 12px;
    width: 434px;
    height: 300px;
    background-color: #EEEEFF;
    border: 1px solid;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    resize: none;
}

#leagueChart {
    position: absolute;
    top: 40px;
    right: 10px;
    width: 430px;
    height:260px;
    background-image: url("Images/chart.png");
    background-repeat: no-repeat;
    border: none;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    resize: none;
}

#leagueSpam {
    position: absolute;
    top: 375px;
    left: 12px;
    width: 1320px;
    height: 160px;
    border: 1px solid;
    resize: none;
    overflow: hidden;
}

#leagueSpamText {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1300px;
    height: 330px;
    background-color: #EEFFEE;
    border: none;
    padding: 10px;
    font-size: 18px;
    resize: none;
    overflow-y: scroll;
}

#mceu_13 {   /*  hide buttons on tinymce  */
    margin-top: -70px;
}


#leagueSmack {
    position: absolute;
    top: 566px;
    left: 12px;
    width: 1300px;
    height: 125px;
    background-color: #FFEEEE;
    border: 1px solid;
    padding: 10px;
    text-align: left;
    font-size: 18px;
    resize: none;
    overflow-y: scroll;
}

.bigButt {
    width: 180px;
    height: 80px;
}

.mediumButt {
    width: 180px;
    height: 40px;
}

#leaguePast {
    position: absolute;
    top: 322px;
    left: 940px;
}

#leaguePay {
    position: absolute;
    top: 322px;
    left: 1140px;
}


/* ********************************************************************************************* */
/* Tab: My Picks                                                                                 */
/* ********************************************************************************************* */

li.ui-state-disabled.ui-draggable-disabled { opacity : 1;}

.picksDiv {
    position: absolute;
    top: 45px;
}

#picksWrap {
    position: relative;
    width: 1327px;
    height: 600px;
    overflow: hidden;
    background-color: gray;
}

#picksIframeDiv {
    position: absolute;
    top: 130px;
    left: 10px;
    width: 1327px;
    height: 600px;
    overflow: hidden;
    background-color: transparent;
}

.iFrame {                   /* used in a few places */
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
}

.reportIframeDiv {
    position: absolute;
    top: 45px;
    left: 12px;
    width: 1322px;
    height: 667px;
    overflow: hidden;
    border-style: solid;
    border-width: thin;
    background-color: silver;
}

.busy {
    opacity: 0.7;
    cursor: wait
}

.busy *:hover {
    cursor: wait
}

.upset13 {
    position: absolute;
    left: 102px;
    color: darkorange;
    font-weight: bold;
    background-color: whitesmoke;
}

.upset14 {
    position: absolute;
    left: 102px;
    color: blue;
    font-weight: bold;
    background-color: whitesmoke;
}

.upset15 {
    position: absolute;
    left: 102px;
    color: red;
    font-weight: bold;
    background-color: whitesmoke;
}

.upset16 {
    position: absolute;
    left: 102px;
    color: green;
    font-weight: bold;
    background-color: whitesmoke;
}


/* ********************************************************************************************* */
/* Tab: Leaderboard                                                                              */
/* ********************************************************************************************* */
#standingHead {
  position: absolute;
  top: 40px;
  left: 30px;
  width: 1250px;
  color: green;
  overflow: hidden;
  background-color: transparent;
  text-decoration: underline;
}

#standingData {
    position: absolute;
    top: 65px;
    left: 30px;
    height: 590px;
    width: 1270px;
    overflow-y: scroll;
    overflow-x: auto;
    background-color: transparent;
}


/* ********************************************************************************************* */
/* Tab: Support                                                                                  */
/* ********************************************************************************************* */
#supportSpam {
    position: absolute;
    top: 50px;
    left: 12px;
    width: 1300px;
    height: 642px;
    background-color: #EEFFEE;
    border: 1px solid;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    resize: none;
    overflow: hidden;
}

#emailManager {
    text-decoration: underline;
    cursor: pointer;
}

#emailTech {
    text-decoration: underline;
    cursor: pointer;
}


/* ********************************************************************************************* */
/* Tab: Points                                                                                   */
/* ********************************************************************************************* */
.points {
    position: absolute;
    top: 50px;
    width: 100px;
    background-color: lightgray;
    font-size: 16px;
    padding: 10px;
    border-style: solid;
}


/* ********************************************************************************************* */
/*                                                                                               */
/* ********************************************************************************************* */
#mainBack       { width: 100%;  height: 100%;  background-color: gray;  opacity: 0.95;  filter: alpha(opacity=95); }

.regionHeader   { position: absolute;  width: 230px;  top: 0px;   text-align: center;  font-size: 20px;  background-color: transparent; }
.region         { position: absolute;  width: 230px;  top: 40px;  margin: 0;  height: 548px;  background-color: silver; }
.regionA        { left:   10px; }
.regionB        { left:  250px; }
.regionC        { right: 250px; }
.regionD        { right:  10px; }
.regionSort     { left:  507px; }

.sortDIV        { position: absolute;  width: 314px;  top: 40px;  padding-bottom: 10px;  height: 538px;  overflow-y: auto;  overflow-x: hidden;  background-color: lightblue; }
.sortRow        { position: relative;  top: 6px;  margin: 4px 0 0 10px;  width: 50px;  background-color: transparent; }
.sortRowBig     { position: relative;  top: -117px;  margin: 127px 0 0 10px;  width: 50px;  background-color: transparent; }
.sortPoints     { position: relative;  color: #444444;  background-color: gray;  top: 0px;  height: 21px;  width: 44px;  left: 0px;  padding-top: 3px;  text-align: center; }

ul              { position: absolute;  top: 0px;  margin: 0;  padding: 10px;  background-color: transparent; }

.bracket_li     { float: left;  position: relative;  width: 202px;  height: 22px;  list-style: none;  margin-bottom: 4px;  padding-left: 6px;  z-index: 99;  border: gray solid 1px; }
  .return       { position: absolute;  height: 100%;  width: 100%;  border: black solid 1px;  background-color: gray; }
  .highlight    { border: gold solid 3px !important;  left: -2px !important;  top: -2px !important;  margin-bottom: 0px !important; }
  .avail_li     { color: white;    background-color: #00CCCC;    cursor: pointer; }
  .like_li      { color: #444444;  background-color: #8E6E21;    cursor: default; }
  .hate_li      { color: #CACACA;  background-color: #999999;    cursor: pointer; }
  .sort_li      { color: white;    background-color: goldenrod;  cursor: move;       width: 235px; }
  .edit_li      { color: white;    background-color: chocolate;  cursor: default;  -moz-user-select: text;  -webkit-user-select: text;  -ms-user-select: text; }
  .adReset_li   { background-color: white; }
  .adWon_li     { background-color: #009933; }
  .adLost_li    { background-color: #971919; }
  .won_li       { color: darkgreen;  font-weight: bold; }
  .lost_li      { color: darkred;    font-weight: bold;  text-decoration: line-through; }
.seperator_li   { float: left;  list-style: none;  width: 16px;  height: 12px;  background-color: transparent; }

div .opponent   { position: absolute; }
div .seed       { position: absolute;  top: 1px;  left: -10px;  width: 28px;  text-align: right; }
div .logo       { position: absolute;  top: 1px;  left: 25px;  height: 20px; }
div .logoBig    { position: absolute;  top: 0px;  left: 0px;   height: 125px; }
div .school     { position: absolute;  top: 1px;  left: 63px;  width: 180px; }
.editSchool     { position: absolute;  top: 0px;  left: 63px;  width: 127px; }
div .delete     { position: absolute;  background-color: gray;  top: 0px;  left: 210px;  height: 21px;  width: 23px;  padding-top: 1px;  padding-left: 2px;  cursor: default; }

.btnDelete      { height: 95%;  width: 22px; }
.winLoss        { position: absolute;  width: 50px;  text-align: center;  cursor: move;  z-index: 999; }