/* Left Section */
.Challenge section.Left {
    width: 569px;
}

#Content .Challenge .VertScroll {
    height: 420px;
    max-height: 420px;
    overflow-y: scroll;
    background-color: #D5D5D5;
}

.Challenge table.White {
    font-size: .9em;
    float: left;
}

.Challenge .Col {
    width: 50%;
}

.Challenge table.White thead tr th {
    font-size: inherit;
}

.Challenge table.White th td:first-of-type {
	width: 37px;	
}	

.Challenge table.White tr td:first-of-type {
	width: 37px;	
}

.Challenge .BlueTitle {
    margin-bottom: 6px;
    margin-top: -1px;
    cursor: default;
}

    .Challenge .BlueTitle span {
        color: #39779C;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        position: relative;
        text-transform: uppercase;
    }

        .Challenge .BlueTitle span:before {
            left: -13px;
        }

        .Challenge .BlueTitle span:before,
        .Challenge .BlueTitle span:after {
            content: "*";
            position: absolute;
            top: 2px;
        }

        .Challenge .BlueTitle span:after {
            right: -13px;
        }

.Challenge .Caption {
    border-radius: 0px 0px 4px 4px !important;
    border-top: 0 !important;
}

    .Challenge .Caption div {
        display: table;
        width: 100%;
    }

        .Challenge .Caption div .Cell {
            /*display: table-cell;*/
            display: inline-block;
            font-size: 10px;
            padding: 3px 0px;
            width: 49%;
        }
/* Right Section */
.Challenge section.Right {
    width: 330px;
}

.Challenge .YellowTitle {
    border: 1px solid #FFFFFF;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    color: #064B74;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
    position: relative;
    margin-bottom: -1px;
    margin-top: 2px;
    z-index: 1;
    padding: 2px 16px;
    text-transform: uppercase;
}

.Challenge .BlueLight {
    color: #17b0e9;
}

.Challenge .Highscores {
    width: 135px;
    margin-top: 2px;
}

    .Challenge .Highscores .Block,
    .Challenge .Countdown .Block {
        background-color: #fff;
    }

    .Challenge .Highscores .Title {
        font-size: 14px;
        line-height: 115%;
        padding: 3px 0;
        text-transform: uppercase;
    }

    .Challenge .Highscores .Item {
        font-size: 1.2em;
        margin-top: 3px;
        padding: 3px;
    }

        .Challenge .Highscores .Item span {
            width: 50%;
            display: block;
            float: left;
        }
		
		.Challenge .Highscores .Item span:last-of-type {
			text-align: right;	
		}

            .Challenge .Highscores .Item span sub {
                display: inline;
                font-size: 9px;
                margin-left: -4px;
            }

.Challenge .Countdown {
    width: 190px;
    margin-top: 2px;
}

    .Challenge .Countdown .Title {
        font-size: 16px;
        line-height: 91%;
        padding: 10px 0;
        text-transform: uppercase;
    }

    .Challenge .Countdown .BlockCounter {
        background-color: #30322D;
        margin-top: 4px;
        padding: 5px;
        border-radius: 4px;
    }

.Challenge .Buttons {
    height: 100px;
    position: relative;
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    z-index: 1;
}

    .Challenge .Buttons a {
        position: absolute;
    }




/* Glowing Animation */

.Challenge .Glowing {
    -moz-animation: glow 15s ease-in-out infinite;
    -o-animation: glow 15s ease-in-out infinite;
    -webkit-animation: glow 15s ease-in-out infinite;
    animation: glow 15s ease-in-out infinite;
}

@-moz-keyframes glow {
    0%,100% {
        text-shadow: 0 0 1px #39779C;
    }

    10% {
        text-shadow: 0 0 30px #39779C;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    30% {
        text-shadow: 0 0 1px #39779C;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        text-shadow: 0 0 30px #39779C;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        text-shadow: 0 0 1px #39779C;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    90% {
        text-shadow: 0 0 30px #39779C;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@-webkit-keyframes glow {
    0%,100% {
        text-shadow: 0 0 1px #39779C;
    }

    10% {
        text-shadow: 0 0 30px #39779C;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    30% {
        text-shadow: 0 0 1px #39779C;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        text-shadow: 0 0 30px #39779C;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        text-shadow: 0 0 1px #39779C;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    90% {
        text-shadow: 0 0 30px #39779C;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes glow {
    0%,100% {
        text-shadow: 0 0 1px #39779C;
    }

    10% {
        text-shadow: 0 0 30px #39779C;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    30% {
        text-shadow: 0 0 1px #39779C;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        text-shadow: 0 0 30px #39779C;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        text-shadow: 0 0 1px #39779C;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    90% {
        text-shadow: 0 0 30px #39779C;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.Challenge .HintSelf {
    background-color: #FEFEC9; /*#9B9B9A;*/
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.7);
    font-size: 12px;
/*  font-weight: bold; */
    position: absolute;
	  text-transform: uppercase;
    width: 200px;
    z-index: 10;
}

.Challenge .HintSelf div {
    background-color: #EEEDEC;
    box-shadow: 0 0 3px 3px #FFFFFF;
    margin: 2px;
    padding: 3px;
}

.Challenge .HintTT_NC {
    background-color: #FEFEC9; /*#9B9B9A;*/
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.7);
    font-size: 12px;
/*     font-weight: bold; */
    position: absolute;
	text-transform: uppercase;
    width: 200px;
    z-index: 10;
}

.Challenge .HintTT_NC div {
        background-color: #EEEDEC;
        box-shadow: 0 0 3px 3px #FFFFFF;
        margin: 2px;
        padding: 3px;
    }
    
.Challenge .HintTT_LI {
    background-color: #FEFEC9; /*#9B9B9A;*/
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.7);
    font-size: 12px;
/*     font-weight: bold; */
    position: absolute;
	text-transform: uppercase;
    width: 200px;
    z-index: 10;
}

.Challenge .HintTT_LI div {
    background-color: #EEEDEC;
    box-shadow: 0 0 3px 3px #FFFFFF;
    margin: 2px;
    padding: 3px;
}
    
.Challenge .InfoIcon {
	position: absolute;
	width: 22px;
	height: 22px;
	top: 37px;
	left: 22px;
}

/*DIV TABLES*/
/*please leave this in here for next time!!*/
.Challenge .ch-table{
  display: table;         
  width: 275px;                 
  border: 0px;         
  border-spacing: 1px; 
  float: left; 
}
.Challenge .ch-table-row{
  display: table-row;
  width: 275px; 
  clear: both;
}
.Challenge .ch-table-row div{
  text-align: center;
  line-height: 17px;
  float: left;
  display: table-column;                  
  background-color: #cccccc;
  height: 17px; 
  margin-right: 1px;
  background: linear-gradient(to bottom, #dcdcdc 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 2px;   
}

.Challenge #ch-table-fixed-head{
  display: block;
  width: 552px;
  height: 20px;
  position: absolute;
  top: 61px;
  left: 10px;
  /*background-color: #999999;*/
  border-radius: 2px;
  z-index: 10;    
}

.Challenge #ch-table-bg-head{
  display: block;
  width: 550px;
  height: 20px;
  position: absolute;
  top: 61px;
  left: 10px;
  background-color: #999999;
  border-radius: 2px;
  z-index: 8;   
}

.arrowUp{
    position: relative;
    left: 5px;
    top: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3px 7px 3px;
    border-color: transparent transparent #39779c transparent;   
    line-height: 0px;
    _border-color: #000000 #000000 #39779c #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.arrowUpT{
    position: relative;
    left: 5px;
    top: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3px 7px 3px;
    border-color: transparent transparent silver transparent;   
    line-height: 0px;
    _border-color: #000000 #000000 silver #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.arrowDown{
    position: relative;
    left: 5px;
    top: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 3px 0 3px;
    border-color: #39779c transparent transparent transparent;
    line-height: 0px;
    _border-color: #39779c #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.arrowDownT{
    position: relative;
    left: 5px;
    top: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 3px 0 3px;
    border-color: silver transparent transparent transparent;
    line-height: 0px;
    _border-color: silver #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.Challenge .ch-table-row-head{
  /*position: absolute; */
  z-index: 10; 
  color: #39779c;
  font-weight: bold;    
}
.Challenge .ch-table-col-a{           
  width: 42px; 
  font-size: 10px;            
}
.Challenge .ch-table-col-b{          
  width: 97px;      
  text-transform: uppercase;
  font-size: 10px;       
}
.Challenge .ch-table-col-bAndroidTablet{
  width: 105px;      
  text-transform: uppercase;
  font-size: 10px;       
}
.Challenge .ch-table-col-c{          
  width: 77px; 
  font-weight: bold; 
  text-transform: uppercase;
  font-size: 10px;           
}

.Challenge .ch-table-row .NewAvailable{
  background: #45df25;
  border: 1px #289711 solid;
}

.Challenge .ch-table-row .NewPlaying{
  background: #ff3019;
  border: 1px #8D190C solid;
}


.Challenge .ch-table-col-d{         
    width: 44px;   
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
}

/* table icons and status styling */

.Challenge .ch-table-col-d .ChatRed{
    border-radius: 5px;
    border: 1px #8D190C solid;
    background: #ff3019;
    display: block;
    font-size: 10px;
    white-space: nowrap;
    font-weight: bold;
    margin: 0;    
    margin-left: 13px;
    width: 10px;
    height: 13px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
}

.Challenge .ch-table-col-d .AndroidTabletChatRed{
    border-radius: 5px;
    border: 1px #8D190C solid;
    background: #ff3019;
    display: block;
    font-size: 10px;
    white-space: nowrap;
    font-weight: bold;
    margin: 0;    
    margin-left: 13px;
    width: 10px;
    height: 12px;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 3px;
    padding-left: 2px;
    padding-right: 2px;
	padding-bottom: -4px;
}

.Challenge .ch-table-col-d .ChatGreen{
    border-radius: 5px;
    border: 1px #289711 solid;
    background: #45df25;
    display: block;
    font-size: 10px;
    white-space: nowrap;
    font-weight: bold;
    margin: 0;    
    margin-left: 13px;
    width: 10px;
    height: 13px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
}

.Challenge .ch-table-col-d .AndroidTabletChatGreen{
    border-radius: 5px;
    border: 1px #289711 solid;
    background: #45df25;
    display: block;
    font-size: 10px;
    white-space: nowrap;
    font-weight: bold;
    margin: 0;    
    margin-left: 13px;
    width: 10px;
    height: 12px;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 3px;
    padding-left: 2px;
    padding-right: 2px;
	padding-bottom: -4px;
}

.Challenge span.AlignTextCenter {
	position: relative;	
	top: 0px;	
}

.Challenge .Red {
    color: #f00;
}

.Challenge span.AndroidTabletAlignTextCenter{    
	position: relative;		
	top: 1.3px; 	
}