/*** This CSS is for majorgames home page ***/

/*** Top Panel is the grey area at the top of the page under the mast head ***/
#TopPanel {
    background:url(../images/global/home_TopPanel.gif) no-repeat;
    width:935px;
    height:449px;
    margin-top:2px;
    margin-left:5px; 
    padding:9px;
}

.border
{
    margin:0px;
    padding:0px;
}


.section
{
    margin:0;
    padding:0;
}

#borderPanel {
    margin-top:5px;
    overflow:hidden;
    margin-bottom:10px;
}
#borderPanel2 {
    margin-top:-8px;
    overflow:hidden;
}
#borderPanel2 .PanelBorder{
    height:6px;
 }
#borderPanel .PanelBorder{
    height:6px;
 }
#borderBody {

    padding:10px 15px 10px 10px;
    background:url(../images/global/news_grey_center.gif) bottom repeat-x;
    background-color:#ffffff;
    border-width:0px 2px 0px 2px;
    border-style:solid;
    border-color:#d1d1d1;
    overflow:auto;
}
/*** Define the style for the flash in the Top Panel ***/

.TopPanelFlash {
    margin-right:2px;
    margin-top:-16px;
    float:left;
    overflow:hidden;
    width:625px;
    height:465px;

}

.TopPanelimage {
    margin-right:2px;
    float:left;
    overflow:hidden;
    width:625px;
    height:465px;

}


/*** Define the style for the Panel to Browse Athletes ***/
#BrowseAthletes {
    overflow:hidden;
    background:url(../images/global/browse_athletes_bg.png) no-repeat;
    width:304px;
    height:147px;
    margin-bottom:2px;
    
}

/*** Dropdown list for the Browse Athletes ***/
#BrowseAthletes Select{
    margin-top:42px;
    margin-left:15px;
    width:270px;    
    color:#0D75BE;
}

/*** Browse Athletes' Picture ***/
#AthletePic {
    margin-top:19px;
    margin-left:25px;
    float:left;
    overflow:hidden;
}

/*** Style for the name of the Featured Athlete ***/
#AthleteName {
    overflow:hidden;
    color:#ffffff;
    font-size:14px;
    margin-top:52px;
    margin-left:90px;
}

#Contest{
    overflow:hidden;  
    margin-bottom:2px;
    width:304px;
    height: 298px;   
}

/*** The area containing items on the left panel of the page ***/
#LeftPanel {
    width:647px;
    float:left; 
    overflow:hidden; 
}

#BottomLeftPanel {
     float:left;  
    width:325px;  
    overflow:hidden; 
}

#BottomMiddlePanel {
     float:right; 
    width:312px;
    margin-right:7px;
    overflow:hidden;
    
}

/*** News Panel ***/
.MainNewsHeading {
    font-size:13px;
    color:#FF342A;
    font-weight:bold;
    _width:280px;
    overflow:hidden;
    margin-top:10px;
}

.MainNewsHeading a{ 
        color:#FF342A;  
        font-weight:bold;
        text-decoration: none;
        
}

#NewsPanel {
    margin-top:5px;
    margin-left:8px;
}

#NewsBody {
    padding:10px 15px 0px 10px;
    background:url(../images/global/news_grey_center.gif) bottom repeat-x;
    background-color:#ffffff;
    width:602px;
    /*height:325px;*/
    border-width:0px 2px 0px 2px;
    border-style:solid;
    border-color:#d1d1d1;
     overflow:hidden; 
}

 .PanelBorder{
     height:9px; 
        line-height:0px; 
            font-size:0px;

    
 }

 .PanelBorder img{
    vertical-align:top;
 }


/*** Text area for the News under the Big News Picture ***/
#MainNews {
    width:294px;        
    overflow:hidden;
    float:left;
}
.MainNewsPic {
    font-size:13px;
    color:#FF342A;
    font-weight:bold;
    _width:280px;
    overflow:hidden;     
    width:280px;
    text-align:center;
    background-color:black;
}

.MainNewsText {
    overflow:hidden;
    font-size:13px;
    margin-bottom:20px;
       _width:280px;
    
}

/*** Bold red style for the panel headings "News", "Media", ... ***/
h1 {
    color:#FF342A;
    font-size:20px;
    margin-top:0px;
    margin-bottom:10px;
}

h1 a:link{
    color:#FF342A;
    font-size:20px;
    margin-top:0px;
    margin-bottom:10px;
    text-decoration:none;
}

h1 a:visited{
    color:#FF342A;
    font-size:20px;
    margin-top:0px;
    margin-bottom:10px;
    text-decoration:none;
}

h1 a:hover{
    color:#878585;
    font-size:20px;
    margin-top:0px;
    margin-bottom:10px;
    text-decoration:underline;
}

/*** Smaller red font style for the news heading ***/
.NewsHeading {
    font-size:13px;
    color:#FF342A;
    font-weight:bold;
       _width:150px;
    overflow:hidden;
        
}
.NewsHeading a{ 
    color:#FF342A;  
        font-weight:bold;
        text-decoration: none;
}
/*** Big Picture in the News Panel ***/

#NewsPanel #MainNews img {
    /*margin-bottom:10px;*/
     /*width:294px;*/
      height:210px;
}




/*** Font style for the news extract ***/

.NewsText {
    overflow:hidden;
    font-size:13px;
    font-weight:normal;
   color:#000000;
   /* margin-bottom:20px;*/
       _width:150px;
}
.PollText {
    overflow:hidden;
    font-size:13px;
    margin-bottom:20px;
      _width:250px;
}
.PollText_Inner {
    overflow:hidden;
    font-size:13px;
    margin-bottom:20px;
    margin-left: 8px;
      _width:250px;
}

#poll{
margin-left:5px;
margin-top:-10px;
}

/*** Font style for the date stamp under the News extract ***/

.NewsDateStamp {
    font-size:13px;
    color:#878585;
     
}

/*** Text style for the smaller news snippets beside the big News photo **

#OtherNews {
    overflow:hidden;
    _width:304px;
}*/

#OtherNews_old {
    overflow:hidden;
    _width:300px;
    padding-left:10px;
    padding-bottom:10px;
    _padding:0px;
    _padding-bottom:20px;
}
#OtherNews {
   overflow:hidden;
    _width:300px;
    padding-left:10px;
    padding-bottom:10px;
    _padding:0px;
    _padding-bottom:20px;
    height:80px;
}

/*** Style for the small images inside the News Panel ***/

.NewsPic {
    float:left;
    overflow:hidden;
    margin-left:10px;
    margin-right:10px;
    _margin-left:2px;
     width:100px;
    background-color:black;
    text-align:center;
     height:75px;
     
}

.TriviaPic {
    overflow:hidden;
    margin-left:10px;
    margin-right:10px; 
    _margin-left:2px;
    background-color:white;
    text-align:center;    
}

/*** Style for Media Panel ***/

#MediaPanel {
    float:left;
    width:309px;
    margin-top:5px;
    margin-left:8px;
    margin-right:1px;
}

#MediaBody {
    padding:10px 15px 10px 10px;
    background:url(../images/global/news_grey_center.gif) bottom repeat-x;
    background-color:#ffffff;
    width:282px;
    border-width:0px 2px 0px 2px;
    border-style:solid;
    border-color:#d1d1d1;
    
}

#MediaBody a{ 
    color:#FF342A;  
        font-weight:bold;
        text-decoration: none;

}

#MediaPanel .PanelBorder{
    height:6px;
 }

/*** Media Panel has a Inner Panel as we need to keep the "Media" title at consistent location with the other 
     panels, but the Media picture have some wide paddings inside.***/

#MediaInnerPanel{
    margin-top:20px;
    text-align:center;
    font-size:12px;
}

/*** This style define the font style for the links under the Media picture. ***/

#MediaInnerPanel a{
    color:#000000;
    text-decoration:none;
    margin-left:5px;
    margin-right:5px;
}

#MediaInnerPanel a:hover{
    text-decoration:underline;
}

/*** For the Medal Tally Panel ***/
#medal_table table
{
   
    float: none;
    font-size:11px;
    
    
    }
    
    
#medal_table .hdbackground 
{
    background-color: #dldldl;
    
    }
    
#medal_table .title 
{
    background-color: #ff0000;
    
    text-align:center;
    font-size:12px; font-weight:bold;
    color: #ffffff;
    }
       
#medal_table .medals 
{
    align:center;
     Alig
    }

/*** For the Medal Tally Panel ***/
#PollPanel {
    margin-top:5px;
}

#PollBody{
    padding:10px 10px 0;
    background:url(../images/global/news_grey_center.gif) bottom repeat-x;
    background-color:#ffffff;
    width:287px;
    border-width:0px 2px 0px 2px;
    border-style:solid;
    border-color:#d1d1d1;
}

#PollPanel .PanelBorder{
    height:6px;
 }

/*** For the Iframe inside the Poll Panel ***/

#PollPanel iframe{
    overflow:no-scroll; 
    width:305px;
    height:165px;
}

/*** For the Trivia Panel ***/

#GameTriviaPanel {
    margin-top:5px;
}
#TriviaPanel {
    margin-top:5px;
    overflow:hidden;
    margin-bottom:28px;
}
#TriviaBody{
    padding:10px 10px 0px 10px;
    background:url(../images/global/news_grey_center.gif) bottom repeat-x;
    background-color:#ffffff;
    width:287px;
    border-width:0px 2px 0px 2px;
    border-style:solid;
    border-color:#d1d1d1;
    overflow:auto;
}

#GameTriviaPanel .PanelBorder{
    height:6px;
 }

/*** For the Opening Quotation Mark inside the Trivia Panel ***/

#OpenQuote {
    margin-top:-5px;
    text-align:left;
    overflow:auto;

}

/*** For the font style of the text inside Trivia Panel ***/

#Quote {
    overflow:auto;
    margin-top:15px;
    font-size:12px;
    padding:0px 13px 0px 13px;
}

/*** For the Closing Quotation Mark inside the Trivia Panel ***/

#CloseQuote {
    text-align:right;
}


/*** Right Panel is the area encompassing "Announcement", "Events" and "Shout Box" ***/

#RightPanel {
    margin-top:5px;
}
.RightPar {
    width:303px;
    overflow:hidden;
 
    }


/*** The following class define the panel background for Announcement and Events ***/

.RightPanels {
    background:url(../images/global/right_panel_center.gif) no-repeat bottom;
    width:279px;
    overflow:hidden;
    padding:10px 10px;
    border-width:0px 2px 0px 2px;
    border-style:solid;
    border-color:#d1d1d1;
}

.RightPanelsBorder {
    height:2px;
    font-size:2px;
    
}

.RightPanelsBorder img{
    vertical-align:top;
}

.RightPanelTop {
    margin-top:5px;
}

/*** News Heading is different colour from the News Panel, hence separate definition ***/

.RightPanels .NewsHeading {
    color:#000000;
}

/*** Date stamp is different colour from the News Panel, hence separate definition ***/

.RightPanels .NewsDateStamp {
    color:#FF342A;
}

/*** Define an entry inside the shoutbox, containing the icon and text ***/

.ShoudBoxEntry {
    padding:3px;
}

/*** Icon inside a shout box entry ***/

.ShoutBoxIcon {
    width:27px;
    height:27px;
    float:left;
    margin-right:10px;
    border:0px solid #ffffff;
    overflow:hidden;
}

/*** Text inside a shout box entry ***/

.ShoutBoxText {
    overflow:hidden;
    font-size:12px;
}

/*** Date stamp for the shout box entry ***/

.ShoutBoxDateStamp {
    color:#FF342A
}
/*** Text Styles ***/
.Mediumtext {
    
    font-size:11px; }
    
.SmallText {
    
    font-size:10px; }
    
.SmallText a:link{
    color:#828383;
    text-decoration:none;
}

.SmallText a:visited {
    color:#828383;
    text-decoration:none;
}

.SmallText a:hover{
    text-decoration:underline;
}

/*** Style for Images in Content Area ***/
.PicCenter {
    
    border-width:5px 10px 5px 10px;
    border-style:solid;
    border-color:#ffffff;
}

.PicVBorder {
    
    border-width:5px 0px 5px 0px;
    border-style:solid;
    border-color:#ffffff;
}