﻿.divHeadlineContainer
{
    width:60%;
    height:200px;
    background-color:#F0F0F0;
    float:right;
    overflow:hidden;
}

.divHeadlineContainer ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 352px;
    float: right;
}

.divHeadlineContainer ul li
{
    display: block;
    height: 40px;
    padding:0px;
    margin:0px;
}

.divHeadlineContainer ul li a,.divHeadlineContainer ul li a:hover
{
    display:block;  
    font-size:18px;
    font-weight:bold; 
    height: 32px;
    color: #505050;
    text-decoration:none;
    padding-top: 8px;
    padding-right: 8px;
}

.divHeadlineContainer ul li.selected
{
    background-color:#007EDB;
    background-image:url(images/layout/mainItemArrow.png);
    background-position:left;
    background-repeat:no-repeat;
}

.divHeadlineContainer ul li.selected a,.divHeadlineContainer ul li.selected a:hover
{
    color:#fff;
}

.divHeadlineContainer .descriptionBackground
{
    float:right;
    width:235px;
    height:200px;
    background-repeat:no-repeat;
    position:relative;
}

.divHeadlineContainer .descriptionBackground .rightBorder
{
    position:absolute;
    width:2px;
    height:200px;
    right:0px;
    background-color:#000; 
    opacity:.5;
    filter: Alpha(Opacity=50)/*{opacityOverlay}*/;  
}

.divHeadlineContainer .descriptionBox
{
    position:absolute;
    bottom:0;
    background-color:#000;
    height:90px;
    width:100%;
    color:#fff;
    opacity:.8;
    filter: Alpha(Opacity=80)/*{opacityOverlay}*/;
}

.divHeadlineContainer .descriptionBox .description
{
    font-weight:bold;   
    padding:4px;
    height:63px;
}

.divHeadlineContainer .descriptionBox .description a,.divHeadlineContainer .descriptionBox .description a:hover
{
    color:#fff;
    text-decoration:none;
}

.divHeadlineContainer .descriptionBox .details
{
    font-size:10px;
    padding:4px;
}

/*Blogs*/

.divBlogsContainer
{
    width:382px;
    margin-right:8px;
    height:200px;
    float:right;
    position:relative;
    overflow:hidden;
}

.blogsCategoryTitle
{
    color:#fff;
    background-color:#007EDB;  
    padding-right:4px;
    margin-bottom:2px;
    font-size:14px; 
    font-weight:bold;
    clear:both;
}

.blogsCategoryTitle a
{
    padding-left:3px;
    padding-right:3px;
    color:#fff;
    text-decoration:underline;
    display:block;
    float:left;
    margin-left:3px;
    font-size:12px;
    font-weight:normal;
}

.blogsCategoryTitle a:hover
{
    text-decoration:underline;   
}

.divBlogsContainer ul
{
    list-style-type:none;  
    padding: 0;
    margin: 0;
}

.divBlogsContainer ul li
{
    display:block;
    float:right;
}

.divBlogsContainer ul li a
{
    display:block;
    width:182px;
    height:32px;
    background-color:#F0F0F0; 
    padding:3px;
    margin-bottom:4px;
}

.divBlogsContainer ul li a:hover
{
    background-color:#DFDFDF;   
}

.divBlogsContainer ul li a .blogTitle
{
    font-size:14px;
    height:17px;
    overflow:hidden;
}

.divBlogsContainer ul li a .blogDetails
{
    font-size:10px;
}

#blogDescriptionDiv
{
    display:none;
    padding:5px;
    height:90px;
    width:372px;
    position:absolute;   
    bottom:0px;
    background-color:#000;
    color:#fff;
    opacity:.9;
    filter: Alpha(Opacity=90)/*{opacityOverlay}*/;
}

#blogDescriptionDiv.upper
{
    top:0px;
    bottom:auto;   
}

#blogDescriptionDiv .blogTitle
{
    font-size:16px;
    font-weight:bold;   
}

#blogDescriptionDiv .blogDescription
{
    font-size:12px;   
}

#blogDescriptionDiv .blogDetails
{
    border-top:1px solid #444;
    font-size:10px; 
    position:absolute;
    bottom:5px;
    width:365px;
}

#blogDescriptionDiv img
{
    display:block;
    float:left;   
    height:70px;
    max-width: 85px;
    margin-right:5px;
}

/* Network Games
------------------*/

.divNetworkGamesContainer
{
    width:560px;
    margin-right:10px;
    height:210px;
    background-color:#F0F0F0;
    float:right;
    overflow:hidden;
}

.divNetworkGamesContainer .divNetworkGames
{
    padding:8px;
}

/* Mobile box
------------*/
#divMobileSite
{
display:none;
    background-color:#F0F0F0;  
    height:200px;
    padding:5px; 
    margin-right:10px;
    width:166px;
    float:right;
}

#divMobileSite img
{
    display:block;
    height:150px;
    margin:auto;
    cursor:pointer;
}

#mobileDesc
{
    float:right;
    width:350px;    
}

#iphoneBg
{
    background-image:url(images/mobile/iphone.png);
    width:180px;
    height:339px;
    float:left;
}

#iphoneBg img
{
    width:152px;
    height:228px;
    margin-top: 58px;
    margin-right: 14px;
}

#divSIStarAffiliate
{
    background-color:#F0F0F0;  
    height:200px;
    padding:5px; 
    margin-right:10px;
    width:150px;
    float:right;
}

#divSIStarAffiliate img 
{
    margin-top: 12px;   
}

/* Content Box with scrolling
------------------------------*/

.contentsBoxTitle
{
    clear:both;
    color:#007EDB;
    font-size:16px;
    font-weight:bold;
    padding-top: 3px;
    padding-bottom:2px;
    padding-right:5px;
}

#divContentsBox
{
    background-color:#007EDB; 
    height:220px;
    border-top:4px solid #007EDB;
    padding-bottom:10px;
    padding-right:5px;
    margin-left:-5px;
    margin-right:-5px;
}

#divContentsBox .prev,#divContentsBox .next
{
    cursor:pointer;
    margin-top:90px;
    float:right;  
    height:47px;
    width: 30px;
    background-repeat: no-repeat;
}

#divContentsBox .prev
{
    margin-right: 4px;
    background-image:url(images/layout/scrollPrev.png);
    background-position: right;
}

#divContentsBox .next
{
    background-image:url(images/layout/scrollNext.png);   
    background-position: left;
}

#divContentsBox .scrollBox
{
    float:right;
    width:910px;  
    height:230px; 
    overflow:hidden;
}

#divContentsBox .scrollBox ul.scrollingArea
{
    width:4000px;
    list-style-type:none;
    padding:0;
    margin:0;
    right:-225px;
    position:relative;
}

#divContentsBox ul.scrollingArea li
{
    width:200px;
    height:230px;
    background-repeat:no-repeat;
    margin-right:10px; 
    margin-left:20px; 
    float:right; 
}

#divContentsBox ul.scrollingArea li a
{
    position:relative;
    display:block;
}

#divContentsBox ul.scrollingArea li a,#divContentsBox ul.scrollingArea li a:hover
{
    text-decoration:none;
}

#divContentsBox ul.scrollingArea li .itemDescriptionContainer
{
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:#fff;
    color:#383838;
    font-weight:bold;
    width:200px;
    opacity:.8;
    filter: Alpha(Opacity=80)/*{opacityOverlay}*/;
}

#divContentsBox ul.scrollingArea li .itemDescriptionContainer .section
{
    color:#007EDB;
    font-size:15px;
}

#divContentsBox ul.scrollingArea li .itemDescriptionContainer .itemDescription
{
    padding:3px; 
    padding-right:10px;  
}

#divContentsBox ul.scrollingArea li a .itemDetailsContainer
{
    display:none;
    position:absolute;
    top:0px;
    left: 0px;
    background-color:#000;
    color:#fff;
    width:200px;
    opacity:.8;
    filter: Alpha(Opacity=80)/*{opacityOverlay}*/;
}

#divContentsBox ul.scrollingArea li a .itemDetailsContainer .itemDetails
{
    font-size:10px;
    padding:5px;   
}

#divContentsBox ul.scrollingArea li a .itemDetailsContainer .itemDetails .border
{
    height:1px;
    width:100%;
    background-color:#007EDB;
    margin-bottom:2px;
}

#divContentsBox ul.scrollingArea li img
{
    width:200px;
    height:200px;
    margin:auto;
    display:block;   
    border-width:0px;
}

#divContentsBox ul.scrollingArea li a.sectionLink
{
    display:block;
    font-size:12px;  
    color:#222; 
    margin-top:5px;
    background-color:#D0D0D0;
    padding:2px;
}

#divContentsBox ul.scrollingArea li a.sectionLink:hover
{
    background-color:#fff;   
}

/* Forum Posts Box
------------------*/

#divForumPostsBox
{
    background-color: #F0F0F0;
    border-top:2px solid #007EDB;
    margin-bottom: 5px;
    height: 80px;
    overflow:hidden;
}

ul#divForumPostsMain
{
    margin-top:0px;
    float:right;
    clear:both;
    list-style-type:none;
    padding:0;
    width:980px;
}

ul#divForumPostsMain li
{
    float:right;
    width:45%;  
    height:33px;
    margin-right:18px;
    padding-right:15px;
    margin-top:5px;
    font-size:15px;
    background-color:#E2E2E2;
}

ul#divForumPostsMain li:hover
{
    background-color:#007EDB;
}

ul#divForumPostsMain li a
{
    display:block;
}

ul#divForumPostsMain li:hover a
{
    color:#fff;   
}