/*
Should contain all Styles used by page templates and layout
*/

/* Global */

body, form
{
    margin: 0;
    padding: 0;
}

/* Overlays */
.ui-widget-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .60;
    filter: Alpha(Opacity=60);
}

.ui-dialog-titlebar
{
    display: none;
}

textarea
{
    resize: none; /* For Safari */
}

.TopArea
{
    background-image: url(../Images/Backgrounds/bkgHeader.png);
    background-repeat: repeat-x;
    background-position: top;
}

.CenteredContainer
{
    width: 968px;
    margin: 0 auto;
}

.MainContentArea
{
    min-height: 50px;
}

.BottomArea
{
    background-image: url(../Images/Backgrounds/bkgFooter.png);
    background-repeat: repeat-x;
    background-position: top;
}

/* Templates */

.SplashArea
{
    background-image: url(../Images/Backgrounds/bkgSplash.jpg);
    background-repeat: repeat-x;
    height: 380px;
    min-height: 380px;
    max-height: 380px;
    overflow: hidden;
}

.SectionLandingTemplate .SplashArea
{
    height: 431px;
    min-height: 431px;
}

.SectionLandingTemplate .SplashAreaBottom
{
    position: relative;
}

.LeftContentArea
{
    float: left;
    margin-top: 11px;
}

.RightContentArea
{
    float: left;
    margin-top: 30px;
}

.HomepageRightContentArea
{
    float: left; /*margin-top:11px;*/
    width: 304px;
    background: url('../Images/Backgrounds/bkgDotLineGray.gif') repeat-y top left; /*overflow: hidden;*/
}

.BottomContentArea
{
    margin-top: 30px;
}

.TopRightBackground
{
    background-image: url(../Images/Backgrounds/bkgTopRight.png);
    background-repeat: repeat-x;
}

.TopRightVideoBackground
{
    background-image: url(../Images/Backgrounds/bkgRightAreaVideo.png);
    background-repeat: repeat-x;
}

.TopLeftBackground
{
    background-image: url(../Images/Backgrounds/bkgArticleLeft.png);
    background-repeat: repeat-x;
}

.TopLeftVideoBackground
{
    background-image: url(../Images/Backgrounds/bkgEpisodesLeft.png);
    background-repeat: repeat-x;
}

.RightTopToolArea
{
    float: left;
}

.ProductTemplate, .ArticleTemplate, .VideoTemplate
{
    width: 968px;
    min-width: 968px;
}

.ProductTemplate .MainContentArea, .ArticleTemplate .MainContentArea, .VideoTemplate .MainContentArea
{
    width: 643px; #width:642px;
float:left;
min-height:436px;
}

.ProductTemplate .ToolArea, .ArticleTemplate .ToolArea, .VideoTemplate .ToolArea
{
    height: 436px;
    max-height: 436px; /*width: 325px;*/
    width: 320px;
    padding-left: 5px;
    background-image: url(../Images/Backgrounds/bkgToolArea.png);
    background-repeat: no-repeat;
}

.VideoTemplate .ToolArea
{
    background-image: url(../Images/Backgrounds/bkgToolAreaVideo.png);
}

.ProductTemplate .ToolAreaBottom, .ArticleTemplate .ToolAreaBottom, .VideoTemplate .ToolAreaBottom
{
    width: 325px;
    position: relative;
}

.ProductTemplate .RightContentArea, .ArticleTemplate .RightContentArea, .VideoTemplate .RightContentArea
{
    width: 320px;
    margin-left: 5px;
    min-height: 20px;
    margin-top: 20px;
}

.ErrorTemplate
{
    width: 928px;
    margin: 0 auto;
    padding: 30px 20px;
    min-height: 240px;
    height: 240px;
}