﻿/*----------------------------------------------------------------------------------------
  Global settings
----------------------------------------------------------------------------------------*/
BODY
{
	background: #d6d6d6 url("Images/Layout/Body.Background.Level0.png") top left repeat-x;
}
#Body
{
	background: url("Images/Layout/Body.Background.Level1.png") top center no-repeat;
	text-align: center;
}

BODY, FORM, INPUT, TEXTAREA, SELECT
{
	margin: 0;
	font-family: Tahoma;
	font-size: small;
}
A
{
	color: #0377ba;
	text-decoration: underline;
}
A:visited
{
	color: #602c92;
}
A:hover
{
    text-decoration: none;
}
IMG
{
    border: none
}
#HeaderLayout, #ContentLayout, #FooterLayout
{
	margin: auto;
	width: 1000px;
	text-align: left;
}
/*----------------------------------------------------------------------------------------
  Header
----------------------------------------------------------------------------------------*/
#Header, #HeaderLayout, #HeaderLayout DIV
{
	background: #a60800;
	height: 20px;
}
#Header, #Header A
{
	font-size: 11px;
	color: white;
	text-decoration: none;
}
#Header A:hover
{
	text-decoration: underline;
}
#HeaderLayout UL
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 3px;
}
#HeaderLayout UL LI
{
	display: inline;
	background: url("Images/Layout/Header.Bullet.png") no-repeat left 5px;
	padding-left: 7px;
	margin-left: 10px;
}
#HeaderLayout DIV
{
	float: left;
}
#HeaderLayout #LanguageBar
{
	background: #720601;
	border-left: solid 1px white;
	border-right: solid 1px white;
	margin-left: 45px;
	padding: 0 15px 0 10px;
}
#HeaderLayout #LanguageBar LI
{
	background: none;
	padding-left: 0;
}
#HeaderLayout #LanguageBar A
{
	color: #ea746e;
}
#HeaderLayout #AdditionalRightBar
{
    float: right;
    margin-top: 3px;
    height: 17px;
}
/*----------------------------------------------------------------------------------------
  Content: ContentHeader
----------------------------------------------------------------------------------------*/
#ContentHeader, #ContentHeaderLogo, #ContentHeaderBanner
{
	height: 76px;
}
#ContentHeaderLogo
{
	width: 121px;
	height: 60px;
	float: left;
	margin: 8px 0 0 8px;
	background: url("Images/Layout/Logo.jpg") no-repeat left top;
}
#ContentHeaderBanner
{
    margin-left: 140px;
	text-align: right;
	padding-top: 2px;
}
#ContentHeaderBannerContent
{
	width: 468px;
	height: 60px;
	margin: auto 18px auto auto;
	border: solid 1px black;
	background: white;
}
#ContentHeaderSeparator
{
	border-top: solid 1px white;
	/*background: #a60800;*/
	height: 6px;
}
/*----------------------------------------------------------------------------------------
  Content: ContentMenu
----------------------------------------------------------------------------------------*/
#ContentMenu, #ContentMenu #AdditionalBar, #ContentMenu #AdditionalBarContent
{
	height: 26px;
	font-size: 11px;
	font-weight: bold;
}
#ContentMenu #MainMenu
{
	float: left;
}
#ContentMenu #MainMenu UL
{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
	float: left;
}
#ContentMenu #MainMenu UL LI
{
	display: block;
	float: left;
}
#ContentMenu #MainMenu UL LI A
{
	display: block;
	background: url("Images/Layout/Menu.Left.Inactive.png") no-repeat left 0;
	padding-left: 5px;
	color: #6a0904;
	text-decoration: none;
}
#ContentMenu #MainMenu UL LI SPAN
{
	display: block;
	background: url("Images/Layout/Menu.Right.Inactive.png") no-repeat right 0;
	padding-right: 6px;
}
#ContentMenu #MainMenu UL LI SPAN SPAN
{
	display: block;
	background: url("Images/Layout/Menu.Background.Inactive.png") repeat-x left 0;
	padding: 7px 10px 7px 10px;
}
/*#ContentMenu #MainMenu UL LI A:hover
{
	background: url("Images/Layout/Menu.Left.Hover.png") no-repeat left top;
}
#ContentMenu #MainMenu UL LI A:Hover SPAN
{
	background: url("Images/Layout/Menu.Right.Hover.png") no-repeat right top;
}
#ContentMenu #MainMenu UL LI A:hover SPAN SPAN
{
	background: url("Images/Layout/Menu.Background.Hover.png") repeat-x left top;
}
*/
#ContentMenu #MainMenu UL LI.active A
{
	background-image: none;
	padding-left: 0;
	color: white;
}
#ContentMenu #MainMenu UL LI.active
{
	background: url("Images/Layout/Menu.Left.Active.png") no-repeat left top;
	padding-left: 5px;
	color: white;
}
#ContentMenu #MainMenu UL LI.active SPAN
{
	background: url("Images/Layout/Menu.Right.Active.png") no-repeat right top;
}
#ContentMenu #MainMenu UL LI.active SPAN SPAN
{
	background: url("Images/Layout/Menu.Background.Active.png") repeat-x left top;
}
#ContentMenu #AdditionalBar
{
	background: url("Images/Layout/Menu.Left.Inactive.png") no-repeat left top;
	padding-left: 5px;
	overflow: hidden;
}
#ContentMenu #AdditionalBarContainer
{
	background-position: -1px top;
	background: url("Images/Layout/Menu.Right.Inactive.png") no-repeat right top;
	padding-right: 6px;
	margin-right: -1px;
}
#ContentMenu #AdditionalBarContent
{
	background: url("Images/Layout/Menu.Background.Inactive.png") repeat-x left top;
	padding: 0 10px 0 2px;
}
/*----------------------------------------------------------------------------------------
  Content: ContentBody
----------------------------------------------------------------------------------------*/
#ContentBody
{
	background: #d6d6d6;
	padding: 11px 15px;
	clear: both;
	margin: auto;
}
#ContentBodyMain
{
	float: left;
	width: 645px;
}
#ContentBodyRight
{
    float: right;
}
#ContentBox
{
	margin-bottom: 8px;
}
#ContentBoxHeader, #ContentBoxContent
{
	padding: 5px 10px;
	font-size: 20px;
	clear: both;
}
#ContentBoxContent.NoPadding
{
    padding: 0;
}
#ContentBoxHeader SPAN
{
	font-size: 14px;
	color: #a60800;
}
#ContentBoxHeader SPAN.separator
{
	color: #737373;
}
#ContentBoxContent
{
	border-top: solid 1px #e6e6e6;
	font-size: 12px;
}
#ContentBoxContentContent
{
	background: white;
	border: solid 1px #d6d6d6;
}
#ContentBoxContent H1
{
	font-size: 22px;
	margin-top: 4px;
}
#ContentBoxContent H1 A
{
	color: #6a0904;
	text-decoration: none;
}
#ContentBoxContent H1 A:hover
{
	text-decoration: underline;
}
#ContentBodyMain #ContentBox, #ContentBodyRight #ContentBodyMain #ContentBox
{
	background: white url("Images/Layout/LargeBox.Header.png") no-repeat left top;
	width: 645px;
}
#ContentBodyRight #ContentBox
{
	background: white url("Images/Layout/SmallBox.Header.png") no-repeat left top;
	width: 317px;
}
#ContentBodyMain #ContentBoxContent
{
	background: #f2f2f2 url("Images/Layout/LargeBox.Footer.png") no-repeat left bottom;
}
#ContentBodyRight #ContentBoxContent
{
	background: #f2f2f2 url("Images/Layout/SmallBox.Footer.png") no-repeat left bottom;
}
#ContentBodyRight #HalfContentBox
{
    width: 317px;
}
#HalfContentBox #ContentBox
{
	background: white url("Images/Layout/HalfSmallBox.Header.png") no-repeat left top;
	width: 156px;
}
#HalfContentBox #ContentBoxFooter
{
	background: #fff url('Images/Layout/HalfSmallBox.Footer.png') no-repeat left bottom; 
	padding: 0; 
	height: 5px
}
/*----------------------------------------------------------------------------------------
  Footer
----------------------------------------------------------------------------------------*/
#Footer
{
	background: #646464;
	border-top: solid 3px white;
	color: #b9b9b9;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
	clear: both;
	width: auto;
	height: 13px;
}
#Footer A
{
	color: white;
	text-decoration: none;
}
#Footer A:hover
{
	text-decoration: underline;
}
#FooterCopyright
{
	float: left;
}
#FooterAdditionalMenu
{
	text-align: right;
}
#FooterAdditionalMenu A, #FooterMenu A
{
	color: #b9b9b9;
}
#FooterSeparator
{
	border-top: solid 1px #4e4e4e;
	background: #909090;
	height: 1px;
	margin: 10px 0;
	clear: both;
}
#FooterTitle
{
	float: left;
	font-weight: bold;
	color: white;
	font-size: 14px;
}
#FooterContent
{
	border: solid 1px #646464;
	float: left;
	font-size: 12px;
	padding-left: 15px;
}
#FooterMenu A
{
	color: #b9b9b9;
}
/*----------------------------------------------------------------------------------------
  Content: Home
----------------------------------------------------------------------------------------*/
#ContentBodyMain #ContentBoxContent.TopNews
{
	background: f2f2f2;
	background-image: none;
}
#ContentBodyMain #ContentBoxHeader.LatestNewsHeader, #ContentBodyMain #ContentBoxHeader.RelatedNewsHeader
{
	background: white;
	background-image: none;
	border-bottom: dashed 1px #cccccc;
}
#ContentBodyMain #ContentBoxContent.LatestNews, #ContentBodyMain #ContentBoxContent.RelatedNews
{
	background: white;
	background-image: none;
	border: none;
}
#ContentBodyRight.HomeContentCategory
{
	margin-left: 0;
}
#ContentBox.HomeContentCategory #ContentBoxContentContent
{
	height: 210px;
	/*min-height: 210px;*/
	overflow: hidden;
}
.HomeContentCategory
{
	float: left;
}
#HomeContentCategorySeparator
{
	width: 11px;
	height: 210px;
	/*min-height: 210px;*/
}
#CategoryLastContent
{
	float: left;
	width: 120px;
	padding: 8px;
}
#CategoryLastContent A
{
	font-weight: bold;
}
#CategoryNextContent
{
	margin-left: 150px;
	padding-top: 8px;
}
#CategoryNextContentSeparator
{
	border-bottom: solid 1px #d6d6d6;
	margin: 0px 0 6px 0;
}
#CategoryNextContentItem
{
	padding-right: 5px;
	padding-bottom: 10px;
}
/*----------------------------------------------------------------------------------------
  Content: Inside
----------------------------------------------------------------------------------------*/
#ContentBoxRight
{
    padding-bottom: 2px;
}
#ContentBoxRight #ContentBoxRightHeader
{
    font-size: 12px;
    font-weight: bold;
    color: white;
    background: #4d4d4d;
    padding: 5px 12px;
}
#ContentBoxRight #ContentBoxRightHeader #Title
{
    float: left;
}
#ContentBoxRight #ContentBoxRightHeader #SeeMore
{
    text-align: right;
    font-weight: normal;
    font-size: 11px;
	margin-top: 0;
	vertical-align: middle;
}
#ContentBoxRight #ContentBoxRightHeader #SeeMore A
{
    color: #bebebe;
    text-decoration: none;
}
#ContentBoxRight #ContentBoxRightHeader #SeeMore A:hover
{
    text-decoration: underline;
}
#ContentBoxRight #ContentBoxRightHeader #SeeMore SPAN
{
    font-size: 8px;
}
#ContentBoxRight #ContentBoxRightContent A
{
    color: black;
    text-decoration: none;
}
#ContentBoxRight #ContentBoxRightContent A:hover
{
    text-decoration: underline;
}
#ContentBoxRight #ContentBoxRightContent UL
{
    list-style-image: url("Images/Layout/RightBodyBullet.png");
    margin-left: 30px;
    margin-right: 15px;
    padding: 0;
}
#ContentBoxRight #ContentBoxRightContent UL LI
{
    margin-bottom: 10px;
}
#ContentBodyMain #ContentBoxContent.InsideContent, #ContentBodyMain #ContentBoxContent.LastInsideContent
{
	background: white;
	background-image: none;
    font-size: small;
}
#ContentBodyMain #ContentBoxContent.LastInsideContent
{
    background: white url("Images/Layout/LargeBox.Footer.White.png") no-repeat left bottom;
    padding-bottom: 0;
    border: none;
}
#ContentBodyMain #ContentBoxContent.InsideContent H1
{
    font-size: large;
}
#ContentBodyMain #ContentBoxContent.InsideContent P
{
    margin-bottom: 12px;
}
#ContentBodyMain #ContentBoxHeader.RelatedNewsHeader
{
    background: #f2f2f2;
    padding-left: 20px;
    border-top: solid 1px #e6e6e6;
}
#ContentBodyMain #ContentBoxContent.RelatedNews
{
    padding-left: 20px;
}
/*----------------------------------------------------------------------------------------
  Helpers
----------------------------------------------------------------------------------------*/
#ThumbnailLarge
{
	width: 325px;
	padding: 0 10px 10px 0;
	float: left;
}
#ThumbnailLargeContent
{
	margin-left: 335px;
	width: 270px;
}
#DateTimeBox
{
	border-bottom: dotted 1px black;
	padding-bottom: 5px;
	font-size: 11px;
}
#DateTimeBox SPAN, #DateTimeBox A
{
	color: #a80000;
}
#DateTimeBox A
{
	text-decoration: underline;
}
#DateTimeBox #Date
{
	float: left;
}
#DateTimeBox #Category
{
	text-align: right;
}
#DetailedLink
{
	margin-top: 4px;
	color: #a80000;
	font-size: 11px;
}
#DetailedLink A
{
	color: #a80000;
}
#DetailedLink SPAN
{
	color: #737373;
	font-size: 9px;
}
#SeeMore
{
	text-align: right;
	margin-top: 4px;
	vertical-align: bottom;
}
#SeeMore A
{
	color: #737373;
	text-decoration: underline;
}
.ColorDarkRed
{
	color: #6b0a04;
}
#Weather
{
    border: solid 1px #d6d6d6;
    border-left: none;
    border-bottom: none;
}
#Weather TH, #Weather TD
{
    border: solid 1px #d6d6d6;
    border-top: none;
    border-right: none;
}
#Weather TH
{
    background: #e6e6e6;
    padding: 4px;
    text-align: center;
}
#Weather TD
{
    background: #f6f6f6;
    padding: 4px;
    text-align: center;
}
#Weather TD.Left
{
    text-align: left;
}
.VideoCode, .VideoCode INPUT
{
    margin-top: 5px;
    font-size: 10px;
}
.PagerActivePage
{
    font-weight: bold;
}
.ratingStar {font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat}
.ratingStarSaved {font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: default; display: block; background-repeat: no-repeat}
.filledRatingStar {background-image: url("images/rating/FilledStar.png")}
.emptyRatingStar {background-image: url("images/rating/EmptyStar.png")}
.savedRatingStar {background-image: url("images/rating/SavedStar.png")}

.bigRatingStar {font-size: 0pt; width: 32px; height: 32px; margin: 0px; padding: 0px; cursor: default; display: block; background-repeat: no-repeat}
.emptyBigRatingStar {cursor: default; background: #eeeeee url("images/rating/BigEmptyStar.png")}
.savedBigRatingStar {cursor: default; background: #64b2ff url("images/rating/BigEmptyStar.png")}

.jqGSContainer{position:relative; width:320px}
.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer ul{padding:0; margin:0; position:relative; list-style:none}
.jqGSContainer .jqGSImgContainer ul li{padding:0; margin:0; position:relative; margin-top:0; margin-bottom:0px; float:left}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%; height:100%; position:absolute}
.jqGSContainer .jqGSImgContainer ul li img{border:none}
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{background:#000; position:absolute; right:0px; top:0px; padding:3px; color:#fff; width:100px}

.jqGSContainer .jqGSPagination{position:relative; width:100%; height:20px; top:5px; padding: 5px 0;}
.jqGSContainer .jqGSPagination ul{padding:0; margin:0; list-style:none; position:relative; float:right}
.jqGSContainer .jqGSPagination ul li{padding:0; margin-right:5px; float:left; padding-right:1px; text-align:center; padding-bottom:1px}
.jqGSContainer .jqGSPagination ul li a{padding:2px 0px; background:#000; border:1px solid #fff; color: #fff; text-decoration:none; display:block; width:20px; font:10px Verdana, Arial, Helvetica, sans-serif}
.jqGSContainer .jqGSPagination ul li a.selected{background:#fff; color:#f03; border: 1px solid #eaeaea}
.jqGSContainer .jqGSPagination ul li a:hover{background:#fff; color:#000; border:1px solid #fff}

.jqGSImgContainer{border:1px solid #000}

.comments {padding-left: 4px; font-weight: normal; font-size: 11px; text-decoration: none; color: gray}
.comments IMG {padding-right: 2px}

