#silverlightControlHost {
    width:960px;
    height: 185px;
    text-align:center;
    border:none;
}

html
{
    height:101%;
}

body
{
    background-color:Black;
    background-image:url('./images/ui/gridbackground.jpg'); 
    background-repeat:repeat;
    margin:0px 0px 0px 0px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}


.BodyText
{
    font-family: Verdana, Arial;
    font-size: 11px;
    line-height: 16px;
    color: Black;
}

.ArticleContent
{
    margin-top:20px;
    background-color:#E2E2E2;
    border: solid 1px #B4761C;
    width:595px;
    padding: 0px 15px 0px 15px;  
}

.ArticleContent img
{
    margin: 5px; 
}


.RequirementImage
{
    border: solid 1px Silver;
    margin: 5px 0px 5px 0px;
}

.EncodedHint
{
	background-color:Black;
}

.MainContentIntro
{
    margin-bottom:25px;
}

#BoardTopicTable
{
}

#BoardTopicTable td
{
    padding-left:15px;
    height:28px;
    vertical-align:middle;
}

.ScreenshotThumb
{
    border: solid 1px Gray;
    width:130px;
    height:85px;
    margin: 10px 0px 10px 0px;
}

.ContentSection
{
    width: 440px; /* default value, override if needed */
    padding: 0px;
    margin: 0px;
    border: solid 1px #B4761C;
    background-color: #E2E2E2;  
    color:Black;
}
#ContentSectionSubtitle
{
    height:27px;
    font-size:11px;
    background-color:Silver;
    color:Black;
    font-weight:normal;
}

.ContentSection thead td
{
    font-weight:bold;
    height:20px;
    padding-left:10px;
    text-align:left;
    background-color: #B4761C;
    color:White;
}

.ContentSection tbody td
{
    vertical-align:text-top;
    vertical-align:top;
    padding: 5px 12px 5px 12px;
}

.ContentSection tbody td td
{
    padding: 0px;
}

.ContentSection tfoot td
{
    font-size:10px;
    padding:3px;
    text-align:right;
    color:#4F4F4F;
    background-color: #D3D0CD;
}

.SpotlightContainer
{
    position:absolute;
    top:1px;
    left:728px;   
    z-index:100;
} 
 
#DropDownMenu
{	
    margin: 0;
    padding: 0;
    z-index: 30;
}

#DropDownMenu li
{	
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 10px Verdana;
}

#DropDownMenu li a
{	
    display: block;
    padding: 2px 0px 0px 0px;
    margin: 0px 1px 0px 0px;
    width: 110px;
    height: 16px;
    background: #AF6C0A;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}

#DropDownMenu li a:hover
{	
    background: #D08922;
 }

#DropDownMenu div
{	
    width:275px;
    position: absolute;
    visibility: hidden;
    margin: 3px 0px 0px 0px;
    padding: 0;
    background: #7C2525;
    border: 1px solid black;
}

#DropDownMenu div a
{	
    position: relative;
    display: block;
    margin: 0px;
    padding: 3px 15px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #AF6C0A;
    color: white;
    font: 10px Verdana;
}

#DropDownMenu div a:hover
{	
    background: #D08922;
    color: #FFF;
}

.SourceCode
{
    background: url('./images/ui/codebgd.jpg') repeat-y top left;
    border: dashed 1px black;
    white-space:pre;
    background-color:Silver;
    color:Black;   
    font-family:Lucida Console, Courier New, Monospace;
    font-size:11px;
    line-height: 15px;
    padding: 15px;
    margin: 5px 0px 5px 0px;
}

li
{
    margin-bottom:5px;
    list-style-position:outside;
}

.CommentContainer
{
}

.CommentContainer div
{
    padding-top:15px;   
}


.RecapLink
{
    text-decoration:underline;
    cursor:pointer;
}

.RecapImage
{
    float:left;
    border:none;
    margin: 6px 12px 6px 0px;
    height:55px;
    width: 55px;   
}

.ArticleImageLeft
{
    float: left;
    border: solid 1px gray;
    margin: 12px 16px 12px 0px;     
}

.ArticleImageRight
{
    float:right;
    border: solid 1px gray;
    margin: 12px 0px 12px 16px;     
}

.FieldLabel
{
    font-family: Verdana;
    font-size: 10px;
    line-height: 16px;
    font-weight:bold;
    color:Black;
    padding-top:5px;
    padding-bottom:5px; 
}

.SnippetIcon
{
    padding:0px 0px 0px 10px;
    width:21px;height:16px;
    vertical-align:bottom;   
}

.YearTag
{
    margin-left:5px;
    font-family: Verdana;
    font-size: 10px;
    color:#623C3C;
}


.TopFiveSubHeader
{
    font-family: Verdana;
    font-size: 13px;
    line-height: 16px;
    font-weight:bold;
    color:#5C1616;  
    padding-top:5px;
    padding-bottom:5px; 
}

.TopFiveTable td
{
    vertical-align:top;
    text-align:left;
    padding-bottom:20px;
}
.TopFiveTable img
{
    width:97px;
    height:125px;
    border: solid 1px #575757;
    margin:3px 7px 5px 0px;
}

a, a:hover, a:visited
{
    color:#5C1616;   
}

.TopContainer
{
    position:relative;
    width:970px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
}

.ArticlePreviewTitle
{
    font-family: Verdana;
    font-size: 11px;
    line-height: 17px;
    font-weight:bold;
    padding:5px 0px 3px 5px;
}

.ArticlePreviewImage 
{
    border:solid 1px Gray;
    height:50px;
    width:50px;
    margin:5px 10px 10px 5px;
    float:left;
}


.MainContentHeader
{
    font-family: Verdana, Arial;
    font-size: 20px;
    line-height: 17px;
    font-weight:bold;
    color:#A0620A;  
    padding-top:15px;
    padding-bottom:5px; 
}
.MainContentSubHeader
{
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 16px;
    font-weight:bold;
    color:#5C1616;  
    padding-top:5px;
    padding-bottom:3px; 
}

.MainContentContainer
{
    position:absolute;
    top:90px;
    left:17px;
    z-index:1;  
}


.MainContent
{
    border:solid 2px black;
    width:626px;
    background-color:#C6C6C6;
    text-align:left;
    padding:25px 30px 20px 30px;
    min-height:640px;
}

.TimeStamp
{
    font-family: Arial;
    font-size: 10px;
    line-height: 17px;
    color:#707070;  
    padding:5px 0px 5px 0px;
}


.TitleLogo
{
    z-index:10;
    position:absolute;
    top:32px;
    left:205px;
}

.NavigationTable
{
    background-color:#350101;
    width:710px;
    height:35px;
    table-layout:fixed;
    border:solid 2px black;
    margin:0px;
    padding:0px;
}
.NavigationTable a
{
    color:#ABABAB;
    text-decoration:none;
}
.NavigationTable a:hover
{
    color:#F1ECD9;
}
.NavigationContainer
{
    position:absolute;
    top:70px;
    left:35px;
    color:#D6D6D6;
    font-family:Verdana,Tahoma,Arial;
    font-size:11px;
    font-weight:bold;
    line-height:14px;
    z-index:1001;
}
.NavigationHighlight
{
    background-color:#800404;   
}

.ArticleCategoryContainer
{
    width:100%;
    height:100%;
    padding:3px 0px 3px 0px;   
}
.ArticleCategoryContainer div
{
    margin-left:5px;
}
.ArticleCategoryContainer a
{
    color:#ABABAB;
    text-decoration:none;
}
.ArticleCategoryContainer a:hover
{
    color:#F1ECD9;
    text-decoration:none;
}

.SidePanelTitle
{
    position:absolute;
    top:34px;
    left:30px;
    width:200px;
    height:18px;
    text-align:left;   
    color:#E7D5C1;
    font-family:Verdana, Arial;
    font-weight:bold;
    font-size:10px;
    overflow:hidden;
    margin-top:1px;
}
.SidePanelContent
{
    position:absolute;
    top:63px;
    left:15px;
    width:212px;
    height:120px;
    overflow:auto;
    text-align:left;
    color:White;
    font-family:Verdana, Arial;
    font-size:11px;
    line-height:16px;
    padding-right:9px;
}

.SidePanelContent img
{
    float:left;
    width:40px;
    height:40px;
    padding: 0px 8px 6px 0px;
}
.SidePanelContent a
{
    color:#D4ACAC;
}
.SidePanelSnippetContent
{
    position:absolute;
    top:63px;
    left:15px;
    width:212px;
    height:200px;
    overflow:auto;
    text-align:left;
    color:White;
    font-family:Verdana, Arial;
    font-size:11px;
    line-height:16px;
    padding-right:9px;
}
.SidePanelSnippetContent a
{
    color:#D4ACAC;
}

.FeaturedContainer
{
    position:absolute;
    top:110px;
    left:0px;
    z-index:1000;
}
.FeaturedTitle
{
    position:absolute;
    top:6px;
    left:61px;
    text-align:left;
    color:#E7D5C1;
    font-family:Verdana, Arial;
    font-size:11px;
    line-height:13px;
}
.FeaturedSubtitle
{
    position:absolute;
    top:29px;
    left:62px;
    color:#A4A28A;
    text-align:left;
    font-family:Verdana, Arial;
    font-size:10px;
    line-height:13px;
}

.SnippetThumbnail
{
    display:block;
    width:55px;
    height:55px;
    padding: 0px 3px 0px 0px;
    margin: 0px 3px 0px 0px;
}

.SnippetFloat
{
    position:absolute;
    display:none;
    z-index:10000;
    width:400px;
    height:185px;   
    overflow:auto;
}
.SnippetFloat a
{
    color:#D4ACAC;
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
}
.SnippetFloatContent
{
    border:solid 1px black;
    text-align:left;
    color:White;
    font-family:Arial;
    font-size:12px;
    line-height:16px;   
}
.SnippetContainer img
{
    margin: 4px 8px 4px 0px;
}
.SnippetLink
{
    font-family: Arial;
    font-size: 13px;
    line-height: 17px;
    font-weight:bold;
    color:#5C1616;
}