@import url('https://fonts.googleapis.com/css?family=Roboto+Slab'); 


* { padding:0px;margin:0px;}

/*.tv{font-size:.75em;position:absolute;left:20px;top:280px;width:20%;background-color:#20a040;color:white;border:solid 1px white;padding:8px;}
    */


body, input, textarea, button {font-size: 16px; /* as recommended for 'mobile friendly' sites*/
        /*font-weight:600;
        letter-spacing:1px; */
        font-family: 'Roboto Slab','Courier New';  /*' , 'Chathura' ,'Comic Sans MS','Cambria','century gothic','Times New Roman';    */
        }

body{
    overflow: auto;
    margin:0px;
    border:0px;
    background-color:#407260;  /*#608070;  sage green */ /* #99ccff; */
   }

.manBack{position:fixed;min-height:100%;max-height:100%}

.cam{padding-left:5px;width:20px;height:20px;}

.gameType1{}/* Green (default) snooker */
.gameType2 {
    background-color: #801090; /* Purple pool */
}



.gameType3 {
    background-color: #000090; /* Blue nine ball*/
}


.shade {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,.5);
    z-index: 10
}

.centeredModal {
    padding:20px;z-index:20;position:absolute;width:70%;height:60%;left:15%;top:20%;background-color:blue;color:white;border:1px solid white;box-shadow:rgba(0,0,0,.5) 10px 10px 10px;
}
    .centeredModal p {
        color: white;
        opacity: .8;
        font-size: 1.5em;
        padding-bottom: .5em;
    }



@keyframes wiggle {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(-6deg)
    }

    75% {
        transform: rotate(6deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

/*dynamically add this class to something to wiggle it (just a litle bit) */
.wiggle {
    animation-name: wiggle;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}


.noWrap{white-space:nowrap;}

.SS{font-family: 'Roboto Slab','Courier New'}

::-ms-browse,::-ms-value {font-family: 'Roboto Slab','Courier New';

}

#upload ::-ms-value {display:none;}

::-ms-check{height:1.5em;width:1.5em;font-weight:800;}

::-ms-browse{color:white;
    /*box-shadow: 3px 3px 5px #304030;
	border-radius:7px;
	/*padding:5px; */
	/*margin:10px; */
    /*display:inline-block; */
    background-image: url('../images/shiner.png');    
    background-size:100% 100%;
    text-shadow: 1px 2px 2px rgba(0,0,0,.5);        
    background-color: rgba(32,96,48,.8)}


body p {
    color: black
}
body ul{margin-left:3em;}

.upgradeButton{padding:10px;margin:10px;}
h1 {
    
    font-weight:200;
    font-size:2.5em;
    color:#f0f0f0;
    text-shadow: 5px 5px 6px rgba(0,0,0,.5);    
    display:inline-block;
    margin-bottom:10px;
    padding-right:15px;
}

.note{color:white;opacity:.7}

h2{color:white;opacity:.6;font-size:1.5em;font-weight:100;text-shadow: rgba(0,0,0,.5) 5px 5px 5px; }
h3 {
    color: white;    
    font-size: 1.25em;
    font-weight: 100;
    text-shadow: rgba(0,0,0,.5) 2px 2px 2px;
}        


#roomChooser{padding:20px;}
#roomChooser p{font-size:1em;color:rgba(255,255,255,.6);line-height:1.25em;}
    #roomChooser li {
        font-size: 1em;
        color: rgba(255,255,255,.6);
        line-height: 1.5em;
    }


    #roomChooser h1 {    font-size: 2em;    }
    #roomChooser h2 {        font-size: 1.25em;    }
    #roomChooser h3 {
        font-size: 1em;
    }
    

    .tc{display:table-cell}
.van {
    vertical-align: middle;
}

.playerCount{color:white;vertical-align:middle;padding-left:.5em;}

#roomList h1 {
    font-size: 2em;
    margin: 0px;
}

#roomList h2 {
    font-size: 1.5em;
    padding: 0px;
}

.froomButton {
    position: relative;
    top: -10px;
    padding-left: 10px;
}

.roomRow {
    padding: 10px;
    margin: 20px;
}

.roomIcon {
    width: 50px;
    height: 50px;
    padding: 10px;
}





.pad5{padding:5px;}

.bodyclass{   
    display:table-cell;
	line-height:1.5em;
	padding:.5em;
       /*lightish sage*#709480;*/
}

.padded{padding:20px;}

#homeScreen {
    width:100%;   
}

#homeProfile{
    
    display:inline-block;
    background-color:rgba(255,255,255,.2);
    padding:10px;

}


.sidePanel {    
    vertical-align: top;
    display: inline-block;        
    overflow:hidden;
    padding:10px;
    
    /*position:absolute; stops it from wrapping*/
}
.rightPanel{width:60%;position:absolute;}

#noJs{padding:10px;}
#activityPanel{margin-top:5px;}

#news {
    margin: 10px;
    margin-left: 5px;
    padding: 10px;
    overflow: auto;
    border: 1px solid white;    
    background-color: rgba(255,255,255,.2);
    display:block;
}
#news h3{font-size:1.5em;font-style:italic;padding-bottom:.25em;}
.article{padding:10px;border:1px solid white;margin:5px;}
    .article p {
        line-height: 1.5em;
        color: black;
            padding-bottom:.25em;
    }

        .article ul{padding:10px;}
        .article img{padding:10px;}
    .article li{color:black;}
.dateStamp{position:relative;left:20px;background-color:rgba(0,0,0,.25);color:white;padding:1px;padding-left:10px;padding-right:10px;}
 
 #news hr{margin:1em;}
 
 .playButton{margin-top:20px !important;margin-bottom:20px;}


.bigFlag {
    /*
    width:27px;
    height:18px;
        */
    vertical-align: middle;
    margin-right: 10px;
}

.profileLabel {
    width: 8em;
    text-align: right;
    display: inline-block;
    padding-right:.5em;
}

.profile {padding:10px;}

#basket {padding:10px;}
#basket input[type=checkbox]{width:30px;height:30px;border:1px solid black;}

.newbie{background-color:green;color:white;}


.actnow,.discountPanel{background-color:#ff0080;color:white;padding:5px;border:1px solid white;box-shadow: rgba(0,0,0,.20) 3px 3px 3px; margin-top:1em;margin-bottom:1em;display:inline-block;margin-left:10px;}

.upgradePanel{ background-color:darkblue;color:white;padding:10px;border:1px solid white;border-radius:10px;box-shadow:rgba(0,0,0,.2) 10px 10px 10px;margin:10px;}

.dayHeader{background-color:rgba(128,0,0,1) !important;color:white !important;padding:5px !important;}

.sev1{background-color:green;color:white;padding:3px;}
.sev2{background-color:yellow;color:white;padding:3px;}
.sev3{background-color:orange;color:white;padding:3px;}
.sev4{background-color:orangered;color:white;padding:3px;}
.sev5{background-color:red;color:white;padding:3px;}

.privateChatHolder{
    position:relative;
    height: 400px;
    border: 1px solid white;
    box-shadow: rgba(0,0,0,.20) 3px 3px 3px;
    max-width:400px;
}

.hintheader{color:white;position:absolute;right:4em;top:15px}

#npbuttons{position:absolute;right:10px;top:10px;width:12em;}

#hints {
    min-height: 150px;
    position: relative;
    padding: 10px;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin: 10px;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0,0,0,.5);
    width: 90%
}
#hints h2{padding-bottom:.5em;}
#hints img{z-index:10;padding:10px;}
#hints p{color:white;opacity:1;font-size:1.25em;}
#nextHintButton{position:absolute;right:0px;width:2em;height:2em;}
#previousHintButton {position: absolute;left:0px;width:2em;height:2em;}



.feats{display:none;color:white;background-color:red;}


.basketItemName {
    font-size: 1.5em;
    margin-left: 10px;
}

.basketItemDesc {    
    margin-left: 10px;
}


.basketItem {
    background-color: rgba(255,255,255,.3);
    border: 1px solid black;
    box-shadow: rgba(0,0,0,.20) 10px 10px 10px;
    padding:10px;
    margin-bottom:20px;
    margin-right:40px;
    position:relative;
}
.faded{opacity:.25;}
.onetime {
    position: absolute;
    right: 50px;
    top: 10px;
    background-color: rgba(0,0,0,.5);
    color:white;
}

.editableTextboxRow{white-space:nowrap;}

.invisible {
    display: none !important;
}

.regNow{color:white;padding:10px;border:1px solid white;box-shadow: rgba(0,0,0,.20) 10px 10px 10px;line-height:1.25em;border-radius:10px;
        margin-top:1.5em;}

.regNow h1{margin-bottom:.5em;}
    .regNow h1,h2 ,li,p{
        color: white;
        opacity: 1;
    }
    .regNow li{font-size:1em;}
    .regNow ul{margin:1em;}
    .regNow button{margin:1em;}

    .duskyPink{background-color:#dd4090;}

    .Question
 {background-image:url('../images/balls/red32.png');font-size:1.5em;padding-left:40px;background-repeat:no-repeat;margin-top:20px;padding-bottom:5px;padding-top:3px;}
 
.answer{margin-bottom:30px;padding-left:35px;} 

 .BigBullet{width:64px; display:inline-block;margin:10px;position:relative;top:20px;}

.myRow {
    background-color: #dd4090 !important;    
}

.gameInstruct {
    padding: 10px;
    background-color: #dd4090;
    color:black;
    position:relative;
}

.giftWarning{background-color:#ff0080;color:white;padding:10px;margin:10px;border:1px solid white;}

.total {position:relative;display:inline-block;font-size:1.5em;color:white;padding:10px;border-top:2px solid white;border-bottom:2px solid white;}

.strike {
    position: absolute;
    width: 100%;
    border-top: 4px solid rgba(255,0,0,.7);
    left: 0;
    top: 50%;
    display:block;
       transform:rotate(-5deg);
 
}

.tiltRight{transform:rotate(3deg)}
.tiltLeft{transform:rotate(-3deg)}

.discounted{font-weight:bold;color:aqua;text-shadow:5px 5px 5px rgba(0,0,0,.5)}

#leagueStrap{color:white;opacity:.8;margin:10px;}

.ppButton{vertical-align:middle;padding:10px;}
.eek{
    padding: 5px;
    font-weight: 900;
    color: white;
    background-color: #4080FF;
    margin-top: 20px;
    display: inline-block;}
#buyFooter{margin-top:10px;}


.badges div {display:inline-block;}

 .badges{margin:auto; /*centeres table  */}
 .badges p{
font-size:.75em; 
color:black;
width:9em;line-height:1.4em;margin-top:.5em;
}


.smallBadge {
    height: 20px;
    padding: 0px;
    position:relative;
    top:2px;
}

.profileBadge {
    position: relative;
    left: -5px;
    top: 12px;

    /*filter: drop-shadow(rgba(0,0,0,.7) 5px 8px 5px) */
    background-image:url('../images/shad_32.png');
    background-repeat:no-repeat;
    background-position:5px 8px;
    padding-right:5px;
    padding-bottom:8px;

}

.centerText {
    text-align: center
}

/*background-image: url("/images/btn.png");
    background-size: cover;
    */


.block{display:block;}
.won{background-color:rgba(128,255,128,.25);}
.conceded{background-color:rgba(0,0,0,.5);color:rgba(255,255,255,.7);}
.lost{background-color:rgba(255,128,128,.5);}
.inPlay {
    background-color: rgb(50,70,150);
    color: rgb(200,200,200);
}





#back{margin:10px;} 

.lightBackground{ background-color:#d0f0e0;padding:4px;}

.tinyButton{
    color:white;
    box-shadow: 2px 2px 2px rgba(0,0,0,.5);
	border-radius:3px;
    border:2px solid grey;
    padding:2px;
    padding-top:2px;
    padding-bottom:2px;    
    display:inline-block;
    background-image: url('../images/shiner.png');    
    background-size:100% 100%;
    margin-right:10px;
    font-size:11px;
    position:relative;
    top:-2px;
}


.smallButton {
    color: white;
    box-shadow: 3px 3px 5px #304030;
    border-radius: 5px;
    border-width:1px; 
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
    background-image: url('../images/shiner.png');
    background-size: 100% 100%;
    margin:2px;
    font-size:1em;
    /*margin-right:10px;*/
}


.button {
    color: white;
    box-shadow: 3px 3px 5px #304030;
    border-radius: 7px;
    padding: 5px;
    min-width: 22px;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: inline-block;
    background-image: url('../images/shiner.png');
    background-color: rgb(0,128,32);
    background-size: 100% 100%;
    text-shadow: 1px 2px 2px rgba(0,0,0,.5);
    
    border-color: rgb(240,240,240);

    /*border-top:solid 5px #308040;
    border-left:solid 5px #307040 ;
    border-right:solid 5px #205030 ;
    border-bottom:solid 5px #205030 ;
        */
}

.hugeButton{box-shadow: 8px 8px 6px #304030;font-size:1.25em;width:15em;height:3em;border-radius:10px;border-width:5px;}

.playButtonsNote {
    color: white
}

.m10{margin:10px;}
.ma{margin:auto !important;}

.memnag {
    background-color: blue;
    color: white;
    padding: .5em;
    border: solid 1px white;
}
.warning {
    background-color: orangered;
    color: white;
    padding: .5em;
    border: solid 1px white;
    display:inline-block;
}

.signUpLabel{margin-top:1em;}
.signInBox{width:10em;}

.voteButton{cursor:pointer;margin:4px;}

.banReason{color:white}
.banNotes {color:white}
.banDuration{width:80px;}


.loginBox{width:5em;}

.redGlass {    background-color: rgba(200,0,0,.8);}/*background: linear-gradient(#A04040,#A04040,#804040,#600000, #600000);}*/
.greenGlass {    background-color: rgba(32,96,48,.8);}              /* linear-gradient(#305030, #204020);}*/
.pinkbg{ background-color:deeppink !important;}
/* linear-gradient(#305030, #204020);}*/
.blackGlass {    background-color: black;} 


body input[type=text],input[type=password],textarea{
    border-radius: .25em;
    background-color: #d0f0e0;
    color: black;
    border:solid 1px black;
    box-shadow: .125em .125em .25em #304030;
    padding: .125em;
    margin: .125em;
}

/*main content area on website 
       background-color: #6e8a6b; /* sage green */ /* #99ccff

*/

 .recentLogins{padding:10px;background-color:blue;color:white;border:1px solid white;}

#helpPanel div {margin-top:0px;margin-bottom:2px;background-color:blueviolet; padding:3px; }

	
	img { border: 0px; }


.ticket{display:inline-block;padding:10px;margin:10px;margin-left:25px;background-color:#6e8a6b;border:solid 1px white;box-shadow:rgba(0,0,0,.5) 10px 10px 5px ;min-width:600px;}
.ib{display:inline-block;}
.ptr{cursor:pointer;}

.editable {
    background-color: rgba(255,255,255,.3);padding:2px;margin:10px;
}


.FLOWPANEL
{
    position: relative;
    left: 3px;
    top: 0px;
    float: left;
}


/*  .saveButton {  }*/

.closeButton{
    position: absolute;
    top: .5em;right:.5em;    
}


#eloTable{
    border-collapse:collapse;
    border:solid black 1px;
    padding:5px;
    margin:10px;
    box-shadow:rgba(0,0,0,.4) 5px 5px 5px;
}
#eloTable td{border:1px solid white;padding:5px;}


a:link{color:#000040}
a:visited
{color:#400040}

.AlignMiddle {vertical-align:middle;}

.bigger{font-size:2em;}



/* td{border-spacing:1px;background-color:Gray;} */
.QStable {
    color: black;
    border-collapse: collapse;
    background-color: rgba(0,0,0,.2);
    box-shadow: rgba(0,0,0,.5) 5px 5px 5px;
    margin: 10px;
}
    /* margin-top:10px;margin-bottom:20px}  army green (lines) */
.QStable th{padding-right:2px;padding-left:2px;background-color:rgba(0,0,0,.2);color:white;border:1px solid rgba(255,255,255,.5);text-align:center} 
.QStable td{padding-left:3px;padding-right:3px;border:1px solid rgba(255,255,255,.5);text-align:center}
    .QStable tr {
        background-color: rgba(255,32,255,.2)
    }

    .QStable tr:hover {
        background-color: rgba(255,255,255,.5)
    }

    .playerRow{border-top:0px;border-bottom:0px;} /*so it has no height when collpased*/


.NotesBackground{background-color:#6e8a6b;border:1px;border-color:#9bd08f;border-style:solid;}
.leftProfile{background-color:#36594D;vertical-align:top;padding:5px;display:inline-block;width:15%;min-width:200px;}
.rightProfile{padding:5px;display:inline-block;}
.LeagueTable th {padding:3px;}
.LeagueTable td {padding:3px;}
.Title{color:Black;}
.Content{color:White;}

#msgbox{position:fixed;left:100px;top:100px;max-height:700px;max-width:80%;
           background-color:#661aa1;box-shadow:rgba(0,0,0,.5) 10px 10px 10px;
           padding:10px;border:1px solid white;
           overflow-y:auto;
           z-index:10;
           color:white;
           text-align:center;
}

#msgbox h1{font-size:1.5em;}
#msgbox p {        color:white;padding:10px;   }

/* #msg{Position:fixed;background-color:blue;color:white;padding:5px;border-radius:5px;right:calc(25% + 30px);top:10px;opacity:1;} */

#dismissButton{margin:10px;}

.cancelled {
    text-decoration: line-through;
    color: gray;
}

#comments{background-color:#9bd08f;}

#shade {
    position:absolute;
    width: 100%;
    height: 2000px;
    z-index: 10;
    background-color: black;
    opacity: .5;
}

.arrow-down {

  width: 0; 
  height: 0; 
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #80ff80;
}

.LeftMenu {
    display: table-cell;
    vertical-align: top;    
    height:5000px;    
    width:4em;
    min-width:4em;
    padding-left:0.5em;
    background-color:#80a090;

}

.MenuItem {
    margin-top:1em;
    text-align:center;
    margin-bottom: 2em;
    
   
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    box-shadow:#102010 10px 10px 10px;   
    height:5em;
    
}


#gameMenus div{position:relative;}



/*  These are used from the LOCAL stylesheet
#root{font-size:30px !important;}
#gameMenus div{position:relative;font-size:16px;cursor:pointer;}
#gameMenus img{display:inline-block;margin:5px;}
#gameMenus label {color: rgba(255,255,255,.6);  }

#gameMenus input[type=checkbox],input[type=radio]{height:16px;width:16px;margin-right:10px;} 
#gameMenus input[type=range]{height:1.5em;width:10em;margin-top:5px;margin-right:10px;display:block;} 

.mi{padding:3px }
.mi:hover,#root:hover{background-color:#dd4090;}

.slider{}

.childHolder{padding-left:32px;}

.expanded{padding-left:32px;
        background-image:url('../images/collapse.png');   
    
}

.collapsed {padding-left:32px;
        background-image:url('../images/expand.png');   

}

.indent{}

.expanded,.collapsed {
        background-repeat:no-repeat; 
}

.greyed {color:rgba(0,0,0,.2) !important;}
.greyed label{color:rgba(0,0,0,.2) !important;}

.greyed:hover{background-color:transparent !important}

/*





/*
.MenuItem p {position:relative;top:-.75em;transform:rotate(-45deg);}
.MenuItem img {position:relative;left:-1em;top:-.5em;}
   */

/*
                      background-image:url(/images/sidelight.pngaaa); 
                  background-repeat:repeat-y;
                  background-position:right;
                  margin-right: 10px;                  
                  margin-top:0px; 
                  background-color: #209050;
                  padding-left:0px;
                  padding-top:20px;
                  margin-left: 0px;
                  width:150px;
		  font-size:11pt;
          vertical-align:top;				  
                 }

    */

.MenuItem{padding-top:10px;}



#qsTitle h1 {
    display: inline-block;
    position: relative;
    margin: .25em;    
}


 
a:link { 
	color: #D0D0ff;
    text-decoration:underline;}

       a:visited { 
	color: white;
    text-decoration:underline;
    }
    
    a:active { 
	color: #ffffff;
    text-decoration:underline;
    }
    
           a:hover { 
	color: white;
    text-decoration:underline;
    }

 
 /* removes image hyperlink borders */
 img {border: 0px none; }
                            
.whitebackground{background-color: #ffffff;background-image:none;} 
.whitebackground table{margin-left:20px;}
 
.extralinespacing {line-height:22px;}               

.justified {text-align:justify;margin-right:10px;}
 
.FloatLeft
 {float: left; vertical-align:middle; margin-left:10px; margin-right:10px;}      
 

/*
 .Title
 {position:absolute;top:20px;display:inline; font-family:arial;  font-weight:bold;  font-size:20pt;}
 

 .leagueTitle
 {font-weight:bold;  font-size:20pt;}
 
    */

 

 
  
  


.sLeftMenu a:hover { 
	display:block;
    color: #ffffff;
    text-decoration:none;
	background-image:url('images/sidelight.png');
    background-repeat:no-repeat;
    background-position:top;
}

.bl{top:-12px;position:relative;}

.redBullet{background-image:url("images/small_red_ball.png");background-repeat:no-repeat;background-position:top left;
           }
  
                  
         .SmallBullet{width: 40px;
         height: 40px; 
         margin:auto;
         margin-top:4px;
         margin-bottom:4px;
         vertical-align:middle;
 	     position:relative;}

          .BallBullet{width: 34px;
         height: 28px; 
         margin-top:1px;
         margin-bottom:1px;
         vertical-align:middle;}

                  
         .TinyBullet{width: 16px;
         height: 16px; 
         vertical-align:middle;}

       
       .DownArrow {width: 31px;
                  height: 31px;
                  vertical-align:middle; }
         
.LeftMenu a:link { 
	color: #ffffff;
    text-decoration:none;
	
    }
.LeftMenu a:visited { 
	color: #eeeeee;
    text-decoration:none;
	
    }
.LeftMenu a:hover { 
	display:block;
    color: #ffffff;
    text-decoration:none;
	background-image:url(http://web.archive.org/web/20110202135750/http://www.quicksnooker.com/images/sidelight.png);
    background-repeat:no-repeat;
    background-position:top;
   }


.LeftMenu a:active { 
	color: #ffff00;
    text-decoration:none;	
	}



               
.big{font-size:2em;           
             }
.medium{font-size:1.5em;}
.small{font-size:.8em;}

.textcenter{text-align:center;}

               
.ranktable{border-collapse:collapse;background-color:#109040;}
.ranktable a{color:black;}

.dropShadow{display:inline-block;-moz-box-shadow: 8px 8px 8px #000; -webkit-box-shadow: 8px 8px 8px #000;
box-shadow: 8px 8px 8px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=135, Strength=5);}
                   

.ranktable td{border:1px solid #aaFFaa; padding:3px;}
.ranktable th{border:1px solid #aaFFaa; padding:3px; background-color:#000000; color:#ffffff;}

#liveScores {width:80%; margin-left:10%;}

#liveScores img { border: 0px; }

#liveScores table {font-size:.8em; text-align:center;background-color:#408080;}

#liveScores td {background-color:#50a0a0;border-spacing:1px;} 

#liveScores th {background-color:#004040;color:#ffffff;border-spacing:1px;}

.up{background-color:#80FFFF; width:100px;}

.down{width:100px;}
.narrow{width:50px;}
.vnarrow{width:30px;}
.TinyBullet{width:21px;height:18px;         vertical-align:middle;margin-top:3px;}


.youRank {
    background-color: rgb(180,0,180);
    color: white;
    border: 1px solid white;
    padding: 3px;
    display: inline-block;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,.20) 5px 5px 5px;
    margin-left:15px;
    display:inline-block;
}

.notPlayed{font-size:75%}

#leagueList{white-space:nowrap;}
#leagueList h1 {
    font-size: 2em;
    margin-top: 1.25em;
    text-shadow: 8px 8px 8px rgba(0,0,0,.6);
}

#leagueList h2{font-size:1.25em;display:inline;}
#leagueList th{padding:3px;}
#leagueList img{max-width:400px;}
#leagueList table{margin-left:2em;margin-right:1em;; background-color:rgba(255,255,255,.1);}
.leagueSubTitle {
    color: #C0C0C0;
    display: block;}

.leagueDetail {
    display: inline-block;
    vertical-align: top;
    margin-left: .5em;
    margin-bottom: 1em;
}
.leagueCount{font-size:1em;color:rgba(255,255,255,.8);margin-left:1em;display:none} /*hidden for now as there is a big difference between hte number of players and the #rank (last 30 days)*/
 
#leagueList td{max-width:400px;}
.rankNum{color:white}



.expButton {
    color: white;
    box-shadow: 2px 2px 2px #304030;
    border-radius: 7px;
    padding: 3px;
    margin: 1px;
    display: inline-block;
    background-image: url('../images/shiner.png');
    background-size: 100% 100%;
    text-shadow: 1px 2px 2px rgba(0,0,0,.5);
    width: 20px;
    
}

button:disabled {
    opacity:.1;
}

.smallShield {
    background-image: url('../images/shield_32.png');
    background-size:contain;
    background-repeat:no-repeat;
    height:20px;padding-left:30px;
    margin-left:10px;
    
}

.bronze{filter:sepia(1) brightness(.8) hue-rotate(-40deg)}
/* .silver {}  leave natural*/
.gold {   filter: sepia(1) hue-rotate(10deg);}

.profile td{max-width:10000px !important;}

.publicFlag{padding-left:5px;padding-right:10px;}

.shad{box-shadow:rgba(0,0,0,.5) 10px 10px 10px;}
.profilePic {
    margin: 20px;
    border: 10px solid rgba(255,255,255,.9);
    max-width:260px;
    max-height:350px;
    max-width:90%;
    display:block;
    margin-left:5px;    
}

.chart{margin:auto;margin-bottom:10px;margin-top:10px;}
.fshad{filter:drop-shadow(rgba(0,0,0,.7) 1px 10px 6px )}

#dash {padding:10px;}
#dash h1{font-size:24px;}
#dash h2{font-size:20px;}
#dash p{line-height:1.5em;color:black;}
    #dash table {
        border-collapse: collapse;
        border: solid black 1px;
        padding: 5px;
        margin: 10px;
        box-shadow: rgba(0,0,0,.4) 5px 5px 5px;
    }

#dash th{background-color:rgba(0,0,0,.5);
         color:rgba(255,255,255,.8);
         border:1px solid rgba(255,255,255,.5);
         padding:5px;}

#dash td{border:1px solid rgba(255,255,255,.5);padding:5px;}
#dash a {text-decoration:none;color:rgba(255,255,255,.5)}
#dash a:hover {text-decoration:underline;color:rgba(255,255,255,.9)}

.quickPlayButton{margin:auto;margin-top:30px;background-color:blue;}

#splashscreen {
    padding: 20px;
    width: 100%;
}
#splashscreen h1{font-size:35px;}
#splashscreen h2{font-size:20px;}
#signUpForm{height:100vh;background-position:right top 150px;background-image:url('./images/welcomes.png');background-repeat:no-repeat;padding:10px;padding-left:60px;}
    #signUpForm h1 {
        font-size: 2.5em;
    }



.errorDymo{background-color:rgba(200,0,0,1);color:white;padding:4px;max-width:380px;padding-left:10px;padding-right:10px}
.good{background-color:rgba(0,128,0,1);Color:white;padding:4px;max-width:380px;}
.datebox{padding-left:10px}

#mailOut{background-color:white;color:black;border:1px solid black;padding:10px;margin:20px;box-shadow:inset rgba(0,0,0,.4) 5px 5px 5px;}

.scoreBoard {
    background-color: rgba(0,0,0,.5);
    background-image: url('../images/shiner.png');   
    background-size:100% 100%;
    color:white;
    padding: .5em;
    width: 400px;
    margin: 1em;
    box-shadow:rgba(0,0,0,.3) 4px 4px 4px;
    border-radius:5px;
}


.sbLeague {
    text-align: center;
    font-size: .8em;
    color: rgba(255,255,255,.8);
    padding-bottom: .25em;
}

.sbPlayer {
    display: inline-block;
    width: 45%;
    color: rgba(255,255,255,.8);
    text-align: center;
    vertical-align: top;
}

.sbName {
    padding: .5em;
}

.sbScore {
    background-color: rgba(128,0,0,.8);
    color: white;
    padding: .5em;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    box-shadow: inset 3px 3px 3px rgba(0,0,0,.25);
    width: 1.5em;
}

.sbMiddle {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding-top: .5em;
    width: 10%;
}
/*
.sbLeague{text-align:center;font-size:.8em;color:rgba(255,255,255,.8);}
.sbPlayer{display:inline-block;width:45%;color:rgba(255,255,255,.8);text-align:center;vertical-align:top;}
.sbName{padding:.5em;}
.sbScore{background-color:rgba(128,0,0,.8);color:white;padding:.5em;display:inline-block;vertical-align:top;}
.sbMiddle {
    display:inline-block;text-align:center;
    vertical-align: top;
    width: 10%;
}
    */

.sliderValue{font-size:10px;background-color:mediumpurple;color:white;padding:4px;}

/*
#roomOuter {    
}
*/

#playerGridHolder {
    font-size: .75em;
    display: inline-block;
    vertical-align: top;
    width: 75%;
}

.lockedDropDown {
    padding: 1px;
    color: white;
}

.lockedOut{background-color:rgba(255,0,0,.8) ;color:white;padding:50px;margin:50px;border:1px solid white;box-shadow:20px 20px 20px rgba(0,0,0,.5)}
.lockedOut p{color:white;font-size:1.5em;}

.blocked {
    background-color: blue;
    color: white;
    padding: 50px;
    margin: 50px;
    border: 1px solid white;
    box-shadow: 20px 20px 20px rgba(0,0,0,.5)
}
.blocked p {
    color: white;
    font-size :1.5em;
}


.grb{height:25px !important;
     padding:3px;
     padding-top:0px;
     margin-left:5px;
}


.adminProfile{text-align:left !important;background-color:rgba(200,200,255,.8);padding:10px;border:1px solid rgba(255,255,255,.8);}

.gridProfile{max-width:250px;overflow:hidden;white-space:normal;}

.playerGrid {
    display: inline-block;
    border-collapse: collapse;
    /*white-space: nowrap; */
}
    .playerGrid td {
  padding-left:2px;
  padding-right:2px;
   border: 1px solid rgba(255,255,255,.25);
    } /*padding-left:4px;}*/

    .playerGrid tr {
        color: rgba(255,255,255,.9)
    }
      
.profHolder {
    border-top: none;
    border-bottom: none;

}
.playerGrid th {
    background-color: rgba(0,0,0,.5);
    color: rgba(255,255,255,.8);
    padding: 3px;
} /*padding-left:10px;padding-right:10px;}*/
.playerGridComments{width:20%}

/*Find account (from email) popup */
.modalPop{position:absolute;top:120px;right:30px;width:800px;height:600px;overflow:hidden;overflow-y:auto;padding:10px;background-color:rgba(40,160,120,1);border:1px solid white;box-shadow:rgba(0,0,0,.5) 10px 10px 10px;}
.recentLogin{text-decoration:underline;cursor:pointer;}

.boardHolder {
    display: inline-block;    
    position:absolute;
    width:25%;      
    height:100vh;   
}

#mkt tr:hover{color:white !important;}

/*The other two elements - compose and smileydiv have fixed heights so this should occupy the remainder*/
.noticeboard {
    overflow-y: auto;
    overflow-x:hidden;
    /*height: calc(80vh - 32px) */
}

#smileyHolder {
    height: 32px;
    position:relative;
}

/*Smiley expand button*/
.sxb{height:25px !important;
     padding:3px;
     padding-top:0px;
     position:absolute;bottom:0px;left:5px;
     z-index:4
}

#smileys{background-color:rgb(200,250,230);
         overflow-y:auto;
         border:1px solid rgba(0,0,0,.5);
         padding-left:5px;
         height:200px;         
         position:absolute;
         bottom:0px;
         padding-left:30px;
}

.smCollapsed{height:32px !important;             
             overflow:hidden !important;}
 
.ts{position:absolute;right:14px;top:12px;color:rgba(0,0,0,.8)}
.whispered{background-color:rgba(255,50,128,.5);}


 .boardPost  h1{font-size:1em;padding:5px;background-color:rgba(0,0,0,.2);display:block;color:rgba(255,255,255,.8)}

.privateChat {
    overflow-y: auto;
    height: calc(80% - 32px);
}

/*.repostButton{}*/

.emptyWhisper {
    opacity: 1;
    position: relative;
    color: black;
    background-color: #dd4090;
    padding: 5px;
    margin-bottom: 2px;
    white-space: normal;
    text-wrap: normal

}

.boardPost {
    opacity:1;    
     position:relative;
     color: rgba(255,255,255,.9);
    background-color:rgba(255,255,255,.6);
    padding: 5px;    
    margin-bottom: 2px;
    white-space: normal;
    text-wrap:normal
}
.boardPost p {font-size:1.25em;
    color: black;
}

.ptr{cursor:pointer;}

/* wr compose post area */
.composeArea{overflow-x:hidden;
         
         overflow-y:auto;
         background-color:rgba(255,255,255,.5);
         /*border:1px solid rgba(255,255,255,.9); */
         color:black;
                  
         white-space: normal;
         text-wrap:normal;
         /*width:calc(100% - 60px);*/
         height:calc(40% - 32px)

}
        
.postButton{position:absolute;right:6px;bottom:6px;height:40px;}

             

.nb_dol{color:rgba(0,0,0,.8);background-color:rgba(255,255,255,.8)}  /*dark on light*/
.nb_lod {color:rgba(255,255,255,.8); background-color: rgba(0,0,0,.7);} /*light on dark*/
.nb_rol {color:rgba(200,0,0,.8); background-color:rgba(255,255,255,.8);}  /*red on light*/
.nb_wor {color: rgba(255,255,255,1);    background-color: rgba(255,0,0,1);} /*white on red*/
.nb_aod {color: rgba(255,200,0,1);    background-color: rgba(0,0,0,.8);} /*amber on dark */


.ticker {
    background-color: black;
    text-align: right;
    width: 100%;
    overflow: hidden;
    height: 20px;
    direction: rtl;
    white-space: nowrap;
}
.tm{background-color:rgba(0,0,128,1);color:white;font-size:14px;padding:1px;padding-left:10px;padding-right:10px;margin-left:10px;display:inline-block;border-radius:5px;direction:ltr;}

.banDiv{background-color:palevioletred;padding:50px;}
.banBox{width:200px;}


.disabledButtons {
  pointer-events: none;
  opacity: 0.4;
}

.nag{background-color:#dd4090;color:white;padding:10px;}

#playButtons button{margin-left:20px;margin-top:10px;margin-bottom:20px;}

.hidden {
    display: none
}

.hooked p{padding:10px;color:rgba(255,255,255,.8);}

.botRow{background-color:rgba(255,255,255,0.1)}


.botBio{color:white;font-size:1.25em;border:1px solid rgba(255,255,255,.5);background-color:rgba(0,0,0,.1);margin:10px;padding:10px;}



.blockIndicator {
    border: 1px solid white;
    box-shadow: 10px 10px 10px rgba(0,0,0,.5);
    display: inline-block;
    padding: 5px;
    margin-left: 10px;
    color: white
}
    .playerBlocked {
    background-color: red; 
}
.playerUnblocked {    
    background-color: green;    
}