/* Image viewer START */
.imageViewer{
    width:916px;
    position:relative;
    float:left;
    z-index:5;
    padding:7px;
    background-color: white;
    border-bottom: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 3px 5px #000;
    -moz-box-shadow: 0px 3px 5px #000;
    -webkit-box-shadow: 0px 3px 5px #000;
}

.imageView{
    height: 367px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.imageView img{
    width: 546px;
    height: 364px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.imageView a img{
    border: none;
}

.imageView a:link, .imageView a:visited{
    color: inherit;
    text-decoration: none;    
}

.imageView a:hover, .imageView a:active{
    color: orange;
    text-decoration: underline;
    cursor: pointer;
}

.imageDescript{
    width: 310px;
    height: 305px;
    position: absolute;
    right: 7px;
    top: 7px;
    color: white;
    background: black;
    padding-top: 60px;    
    padding-right: 40px;
    padding-left: 40px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.imageDescript .title{
    font-weight: bold;
    font-size: 130%;
    color: orange;
}

.imageSlides{
    position:absolute; 
    top: 0px; 
    left: 0px; 
    padding: 7px;
}

#headlineLinks{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    margin: 7px;    
}

#headlineLinks a{
    float: right;
    display: block;
    width: 209px;
    padding: 15px 10px;
    background-color: white;
    border-left: 1pt grey solid;    
    color: black;
    font-size: 90%;
    font-weight: bold;
    text-decoration: none;
}

#headlineLinks a:hover, #headlineLinks a:active{
    color: #CC0000;
    box-shadow: 0px 3px 5px #000;
    -moz-box-shadow: 0px 3px 5px #000;
    -webkit-box-shadow: 0px 3px 5px #000;
    border-top: none;
    border-right: 1pt grey solid;
    border-left: 1pt grey solid;
    border-bottom: 1pt grey solid;
}

.headlineSelected{
    color: #CC0000;
}

#leftHeadlineLink{
    border-left: none;
}
/* Image viewer END */

/* Image viewer progress bar START */
#slideContainer{
    width:916px; 
    height:5px; 
    background: black; 
    position:absolute; 
    top: 0px; 
    right: 0px;
}

#slideProgress{
    background-color: red;
    height: 5px;
    width: 10px;
}
/* Image viewer progress bar END */

.newsViewer{
    position: relative;
    top:0;
    right:0;
    float:right;
    width:412px;
    z-index:5;
    height:340px;
    background-color: whitesmoke;
    border: 1px solid black;
}

.newsContent{
    padding: 7px;
}

p.margin-top, div.margin-top{
    margin-top: 15px;
}

.imageThumb{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

/* Home Page Left Side START */
#homeLeftSide{
    width: 500px;
    float:left;
}

/* GameBoxes START */
#gameBoxes{
    position:relative;    
    float:left;
    padding-left: 6%;
    padding-top: 20px;
    padding-bottom: 30px;    
    border-bottom: 1px dashed #999;
    width:95%;
}

.gameBox{
    width: 98px;
    height: 95px;
    background-image: url('../images/gameBox.png');
    float:left;
    margin-right: 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 3px 5px #000;
    -moz-box-shadow: 0px 3px 5px #000;
    -webkit-box-shadow: 0px 3px 5px #000;
}

.gameBox a:link, .gameBox a:visited{
    text-decoration: none;
    color: inherit;
}

.gameBox a:hover, .gameBox a:active{
    text-decoration: none;
    color: #CC0000;
    box-shadow: 0;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    cursor: pointer;
}

.gameBoxHeader{
    position: relative; 
    font-size: 70%; 
    text-align:center; 
    margin-top: 2px;
}
/* GameBoxes END */

/* Article Items START*/
.articleItem{
    border-bottom: 1px dashed #999;
    padding-bottom: 16px;
    padding-top: 16px;
}

.articleItem a:link, .articleItem a:link{
    text-decoration: none;
}

.articleItem a:hover, .articleItem a:active{
    text-decoration: underline;
    cursor: pointer;
}

.articleItemImage img{
    width:150px;
    height:100px;
    border: 1px solid black;
    cursor: pointer;
}

.articleItemImage{
    float: left;
    margin-left: 20px;
}

.articleItemText{
    float:right;
    padding-top: 7px;
    padding-right: 15px;    
    width: 290px;
}

.articleTextHeader{    
    font-size: 100%;
    color: blue;
}

.articleTextBody{
    font-size: 85%;
    margin-top: 7px;
}
/* Article Items END */
/* Home Page Left Side END */

/* Home Page Right Side START */
#homeRightSide{
    width: 390px;
    float: right;    
    padding-left: 15px;
}

/* Social media box START */
.socialMedia{
    padding-top:10px;
    padding-left:50px;
    text-align: left;
}

.becomeFan{
    font-size: 75%;
}

#twitterFollowBox{
    width:300px; 
    height:20px;
    margin-top: 10px;
}

#facebookLikeBox{
    border:none; 
    overflow:hidden; 
    width:300px; 
    height:35px;
    margin-top: 10px;
}

.twitterTimeline{
    margin-top: 25px;
    margin-bottom: 15px;
}
/* Social media box END */

/* League table START */
.leagueTables{    
    margin-top:20px;
    padding-left: 15px;
}

.leagueButtons{
    text-align: center;
    margin-top: -30px;
}

.leagueButtons input{
    font-size: 80%;
    margin-right: 10px;
}

.leagueButton{
    background-color: black;
    text-align: center;
    color: white;
    border-style: outset;
/*    padding: 2px;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0px 3px 5px #000;
    -moz-box-shadow: 0px 3px 5px #000;
    -webkit-box-shadow: 0px 3px 5px #000;
}

.leagueButton:hover {
    position:relative;    
    border-style: inset;
    color: orange;
    cursor: pointer;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

.leagueButtonSelected {
    position:relative;    
    border-style: inset;
    color: orange;
    cursor: pointer;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

select#leagueSelect{
    margin-bottom:5px;
}
/* League table END */
/* Home Page Right Side END */

ul.imageThumb{margin-left:10px; margin-bottom: 5px;}

li.imageThumb{float:left; margin-left: 8px; padding:5px; padding-top: 8px; padding-bottom: 3px;}

.imageThumbSelected{background-image: url('../images/imageSelected.gif'); background-repeat: repeat-x; background-color: black;}

li.imageThumb a:link, li.imageThumb a:visited{
display:block;
width:155px;
font-size:100%;
color:black;
background-image:url('../images/navBarNormal.gif');
background-position:bottom center;
background-repeat:no-repeat;
text-align:center;
text-decoration:none;
}

li.imageThumb a:hover,li.imageThumb a:active{
background-image:url('../images/navBarSelected.gif');
font-weight:bold;
color:#FFFFFF;
}

.playerDetailBlock{
    position: relative;    
    padding: 0;
    border: 1px solid black;
    background-color: whitesmoke; 
}

.expand{
    cursor: pointer;
}