/* 
    Document   : mobilescoreDojoApplet
    Created on : January 15, 2008, 6:00 PM
    Author     : blaino
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root 
{ 
    display: block;
}

html, body 
{	
    width: 100%;	/* make the body expand to fill the visible window */                
    height: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    overflow: hidden;
    font-size: 0.9em;
    font-family: Verdana;
}

div.heading 
{
    font-size: 1.0em;
    font-weight: bold;
    padding: 0.25em;
    display: block;
}

div.heading div.title
{
    text-align: right;
}

div.heading div.pageNumbers
{
    font-size: 0.6em;
    font-family: Verdana;
    color: #a8a8a8;
    width: 100%; 
    text-align: right;
}

div.heading div.pageNumbers div.pageNumber
{  
    cursor: pointer; 
    display: inline;
    margin: 0;
    padding: 0;
}

div.heading div.pageNumbers div.selectedPageNumber
{
    font-size: 1.1em;
    color: #ffffff;
    cursor: pointer; 
    display: inline;
    margin: 0;
    padding: 0;
}


div.matchHeader
{
    padding: 3px;
}

#grid {
    border: 1px solid #333;
    width: 35em;
    height: 30em;
}

div.highlightGameBox
{
    background: #112853;  
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

div.highlightGameBox div.contentBox
{
    background-color: #0f6a05; 
    color: #ffffff;
}

div.highlightGameBox .gameBox{display:block}
div.highlightGameBox .gameBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#0f6a05}
div.highlightGameBox .gameBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #104431;
  border-right:1px solid #104431;
  background:#0f5918}
div.highlightGameBox .gameBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #102e4b;
  border-right:1px solid #102e4b;
  background:#0f5d13}
div.highlightGameBox .gameBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #0f5d13;
  border-right:1px solid #0f5d13;}
div.highlightGameBox .gameBox4{
  border-left:1px solid #104431;
  border-right:1px solid #104431}
div.highlightGameBox .gameBox5{
  border-left:1px solid #0f5918;
  border-right:1px solid #0f5918}
div.highlightGameBox .gameBoxfg{
  background:#0f6a05}

div.highlightGameBox .mediaCorners{display:block}
div.highlightGameBox .mediaCorners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#a8abb0}
div.highlightGameBox .mediaCorners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #50854e;
  border-right:1px solid #50854e;
  background:#819a85}
div.highlightGameBox .mediaCorners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #1e7016;
  border-right:1px solid #1e7016;
  background:#8a9e8f}
div.highlightGameBox .mediaCorners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #8a9e8f;
  border-right:1px solid #8a9e8f;}
div.highlightGameBox .mediaCorners4{
  border-left:1px solid #50854e;
  border-right:1px solid #50854e}
div.highlightGameBox .mediaCorners5{
  border-left:1px solid #819a85;
  border-right:1px solid #819a85}
div.highlightGameBox .mediaCornersfg{
  background:#a8abb0}


div.regularGameBox
{
    background: #112853;  
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

div.regularGameBox div.contentBox
{
    background-color: #484852;
    color: #ffffff
}

div.regularGameBox .gameBox{display:block}
div.regularGameBox .gameBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#484852}
div.regularGameBox .gameBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #283552;
  border-right:1px solid #283552;
  background:#3a4052}
div.regularGameBox .gameBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #162b52;
  border-right:1px solid #162b52;
  background:#3d4152}
div.regularGameBox .gameBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #3d4152;
  border-right:1px solid #3d4152;}
div.regularGameBox .gameBox4{
  border-left:1px solid #283552;
  border-right:1px solid #283552}
div.regularGameBox .gameBox5{
  border-left:1px solid #3a4052;
  border-right:1px solid #3a4052}
div.regularGameBox .gameBoxfg{
  background:#484852}

div.regularGameBox .mediaCorners{display:block}
div.regularGameBox .mediaCorners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#a8abb0}
div.regularGameBox .mediaCorners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #71727a;
  border-right:1px solid #71727a;
  background:#909298}
div.regularGameBox .mediaCorners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #51515b;
  border-right:1px solid #51515b;
  background:#95989e}
div.regularGameBox .mediaCorners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #95989e;
  border-right:1px solid #95989e;}
div.regularGameBox .mediaCorners4{
  border-left:1px solid #71727a;
  border-right:1px solid #71727a}
div.regularGameBox .mediaCorners5{
  border-left:1px solid #909298;
  border-right:1px solid #909298}
div.regularGameBox .mediaCornersfg{
  background:#a8abb0}


div.upNextGameBox
{
    background-color: #112853;  
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

div.upNextGameBox div.contentBox
{
    background-color: #395a9d; 
    color: #ffffff;
}

div.upNextGameBox .spiffy
{
    display:block
}
        
div.upNextGameBox .gameBox{display:block}
div.upNextGameBox .gameBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#395a9d}
div.upNextGameBox .gameBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #223d72;
  border-right:1px solid #223d72;
  background:#2f4d8a}
div.upNextGameBox .gameBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #152d5a;
  border-right:1px solid #152d5a;
  background:#31508e}
div.upNextGameBox .gameBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #31508e;
  border-right:1px solid #31508e;}
div.upNextGameBox .gameBox4{
  border-left:1px solid #223d72;
  border-right:1px solid #223d72}
div.upNextGameBox .gameBox5{
  border-left:1px solid #2f4d8a;
  border-right:1px solid #2f4d8a}
div.upNextGameBox .gameBoxfg{
  background:#395a9d}

div.upNextGameBox .mediaCorners{display:block}
div.upNextGameBox .mediaCorners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#a8abb0}
div.upNextGameBox .mediaCorners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #687ca5;
  border-right:1px solid #687ca5;
  background:#8c96ab}
div.upNextGameBox .mediaCorners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #44629e;
  border-right:1px solid #44629e;
  background:#929bac}
div.upNextGameBox .mediaCorners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #929bac;
  border-right:1px solid #929bac;}
div.upNextGameBox .mediaCorners4{
  border-left:1px solid #687ca5;
  border-right:1px solid #687ca5}
div.upNextGameBox .mediaCorners5{
  border-left:1px solid #8c96ab;
  border-right:1px solid #8c96ab}
div.upNextGameBox .mediaCornersfg{
  background:#a8abb0}



div.finishedGameBox
{
    background: #112853; 
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

div.finishedGameBox div.contentBox
{
    background-color: #910101;
    color: #ffffff;
}

div.finishedGameBox .gameBox{display:block}
div.finishedGameBox .gameBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#910101}
div.finishedGameBox .gameBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #48172f;
  border-right:1px solid #48172f;
  background:#710a15}
div.finishedGameBox .gameBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #1d244a;
  border-right:1px solid #1d244a;
  background:#780810}
div.finishedGameBox .gameBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #780810;
  border-right:1px solid #780810;}
div.finishedGameBox .gameBox4{
  border-left:1px solid #48172f;
  border-right:1px solid #48172f}
div.finishedGameBox .gameBox5{
  border-left:1px solid #710a15;
  border-right:1px solid #710a15}
div.finishedGameBox .gameBoxfg{
  background:#910101}

div.finishedGameBox .mediaCorners{display:block}
div.finishedGameBox .mediaCorners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#a8abb0}
div.finishedGameBox .mediaCorners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #9a4a4c;
  border-right:1px solid #9a4a4c;
  background:#a28084}
div.finishedGameBox .mediaCorners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #931212;
  border-right:1px solid #931212;
  background:#a38a8e}
div.finishedGameBox .mediaCorners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a38a8e;
  border-right:1px solid #a38a8e;}
div.finishedGameBox .mediaCorners4{
  border-left:1px solid #9a4a4c;
  border-right:1px solid #9a4a4c}
div.finishedGameBox .mediaCorners5{
  border-left:1px solid #a28084;
  border-right:1px solid #a28084}
div.finishedGameBox .mediaCornersfg{
  background:#a8abb0}

div.usersList
{
    background: #112853; 
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

div.usersList div.contentBox
{
    background-color: #910101;
    color: #ffffff;
}

div.usersList .gameBox{display:block}
div.usersList .gameBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#0f6bb4}
div.usersList .gameBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #10447c;
  border-right:1px solid #10447c;
  background:#0f5a9b}
div.usersList .gameBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #102e5c;
  border-right:1px solid #102e5c;
  background:#0f5ea1}
div.usersList .gameBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #0f5ea1;
  border-right:1px solid #0f5ea1;}
div.usersList .gameBox4{
  border-left:1px solid #10447c;
  border-right:1px solid #10447c}
div.usersList .gameBox5{
  border-left:1px solid #0f5a9b;
  border-right:1px solid #0f5a9b}
div.usersList .gameBoxfg{
  background:#0f6bb4}

div.scoreboardViewer
{
    background: #112853; 
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

div.scoreboardViewer div.contentBox
{
    background-color: #910101;
    color: #ffffff;
}

div.scoreboardViewer .gameBox{display:block}
div.scoreboardViewer .gameBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#33a4cc}
div.scoreboardViewer .gameBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #1f5d87;
  border-right:1px solid #1f5d87;
  background:#2a85ad}
div.scoreboardViewer .gameBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #14345f;
  border-right:1px solid #14345f;
  background:#2c8cb5}
div.scoreboardViewer .gameBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #2c8cb5;
  border-right:1px solid #2c8cb5;}
div.scoreboardViewer .gameBox4{
  border-left:1px solid #1f5d87;
  border-right:1px solid #1f5d87}
div.scoreboardViewer .gameBox5{
  border-left:1px solid #2a85ad;
  border-right:1px solid #2a85ad}
div.scoreboardViewer .gameBoxfg{
  background:#33a4cc}



table.incidentWrapperTable
{
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    width: 100%;
}   

table.incidentWrapperTable tr
{
    vertical-align: top;
}   

table.incidentWrapperTable td
{
    padding: 2px; 
    margin: 0px;
}

table.incidentWrapperTable td.iconBox
{
    width: 110px;
    padding-right: 7px;
}

table.incidentWrapperTable td.incident
{
    
}   
     
table.gameTable 
{
    font-size: 1.0em;  
    table-layout: fixed;     
    border-collapse: collapse;
    width: 100%;
}

table.gameTable a 
{
    color: #000000;
    text-decoration: none; 
}

table.gameTable a:hover 
{
    color: #ffffff;
    background-color: #a82626;    
}

table.gameTable a.smaller 
{
    color: #000000;
    text-decoration: none; 
}

table.gameTable a.smaller:hover 
{
    color: #ffffff;
    background-color: #a82626;    
}

table.gameTable td 
{
    vertical-align: middle;
}

table.gameTable td.date 
{   
    width: 55%;
    overflow: auto;
    text-align: left;
}

table.gameTable td.date a
{
    color: #000000;    
}

table.gameTable td.team 
{
    width: 70%;
    text-align: left;
    overflow: auto;
}

table.gameTable td.team a
{
    
}

table.gameTable td.score 
{
    width: 30%; 
    text-align: right;
}

table.gameTable td.score a
{
    
}

table.gameTable td.stage 
{
    width: 30%;
    text-align: right;  
}

table.gameTable td.stage a
{
    
}

table.gameTable td.matchName 
{
    overflow: auto;
    text-align: left;
}

table.scoreLine
{
    float: right;
    border-collapse: collapse;
}

table.scoreLine td
{
    text-align: right;
    font-size: 0.9em;
    width: 20px;
    padding-right: 0px;
}

div.boldAd 
{
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    text-align: center;
}

table.mediaIcons
{   
    background-color: #a8abb0;
    color: #000000;
    font-size: 0.8em;  
    table-layout: fixed;     
    width: 94px;
    border-collapse: collapse;
}

table.mediaIcons td.label
{
    vertical-align: middle;
    text-align: right;
    width: 50px;
}

table.mediaIcons td.count
{
    vertical-align: middle;
    width: 20px;
    text-align: center;
}

table.mediaIcons td.image
{
    vertical-align: middle;
    width: 24px;
    text-align: right;
}