@import "reset.css";

/*----------------------------------------*/
/*---------- Groundrules -----------*/
/*----------------------------------------*/
html, body {height: 100%; width: 100%; background: #000;}
body {font: normal 62.5%/1em Arial, Verdana, sans-serif; color: #666;}

p, ul, ol, table, blockquote {margin: 0 0 1em; font: normal 1em/1.4em Arial, Verdana, sans-serif;}

h1 {font: normal 3em/1.05em Arial, Verdana, sans-serif; margin: 0 0 .667em; color: #000;}
h2 {font: normal 2.5em/1.05em Arial, Verdana, sans-serif; margin: 0 0 .533em; color: #000;}
h3, .relatedInfo h4 {font: normal 2.3em/1.05em Arial, Verdana, sans-serif; margin: 0 0 .435em; color: #000;}
h4 {font: normal 1.5em/1.05em Arial, Verdana, sans-serif;  margin: 0 0 .666em; color: #000;}
#mainContent h3 {letter-spacing: -1px;}

textarea {font: normal 1em/1.4em Arial, Verdana, sans-serif;}

table {font: normal 1em/1.6em Arial, Tahoma, Verdana, sans-serif;}

img {display: block;}
a img {border: none;}

table tr td img {display: inline;}

a:link, a:visited {text-decoration: none; color: #000; border-bottom: 2px solid #d8350c;}
a:hover, a:active {text-decoration: none; color: #333;}	
h3, h3 a:link, h3 a:visited, h1 a:link, h1 a:visited {text-decoration: none; color: #000; border-bottom: none;}

input {font-size: 12px;}

strong {font-weight: bold;}

.clear {clear:both;	height:1px;	overflow:hidden; line-height:1%; font-size:0px;	margin-bottom:-1px;}

.left {float: left;}
.right {float: right;}
.center {margin: 0 auto;}

.break {clear: both;}

p.ingress {font-weight: bold;}
h3.hs {padding: 0 40px 0 0; background: url(/Templates/Public/Images/bg/hsIcon.gif) no-repeat right bottom;}

div.horizontalDivider {background: url(/Templates/Public/Images/bg/horizontalDivider.gif) repeat-x; height: 2px; margin: 0 0 16px; font-size: 0; clear: both;}

input.stdButton {background:transparent url(/Templates/Public/Images/bg/bg_readMore.jpg) no-repeat; width: 84px; height: 45px; display:block; float: left; border: none; margin: 0 16px 0 0; font-size:0.83em; padding:20px 8px 0 0; text-align:right;}

blockquote {font-size: 1.5em; letter-spacing: -1px; padding: 0 0 0 40px; background: url(/Templates/Public/Images/bg/blockQuotes_start.gif) no-repeat; font-style: italic; margin: 0 0 12px;}
blockquote p {font-style: italic; margin: 0 0 12px;}
blockquote cite {font-style: normal;}

.string {background: #FFF url(/Templates/Public/Images/bg/inputShadow.gif) repeat-x left top; border: 1px solid #666;}

/*----------------------------------------*/
/*---------------- Layout ----------------*/
/*----------------------------------------*/	
#mainWrapper { width: 100%; height: 100%; font: normal 1.2em/1.4em Arial, Verdana, sans-serif;}

#header {width: 100%; text-align: center; background: url(/Templates/Public/Images/bg/header_gradient.jpg) no-repeat center top;}
#header .content {width: 1000px; margin: 0 auto; text-align: left; position: relative; height: 378px;}
	#header h1 {width:143px; height: 62px; position: absolute; right: 0; bottom: 21px;}
	#header h1 a {display: block; height: 62px; background: url(/Templates/Public/Images/bg/logoH1.png) no-repeat; text-indent: -9999px;}
	#header h1 span {text-indent: -9999px; display: block; height: 23px; background: url(/Templates/Public/Images/bg/sloganH1.png) no-repeat 9px top; margin-top: -1px;}

	#header .focus {width: 340px; padding: 94px 0 0 480px;}
	#header .focus h2 {margin: 0 0 .066em;}
	#header .focus h2 a, #header .focus h2 a:visited, #header .focus h2 a:hover {display: block; text-decoration: none; color: #FFF; background: url(/Templates/Public/Images/bg/newsH2.png) no-repeat; font: normal 2.4em/1em Arial Black, Arial, Helvetica, sans-serif; height: 74px; letter-spacing: -4px; text-indent: -9999px; border-bottom: none; margin: 0;}
	#header .focus h2 span {display: block; color: #000; letter-spacing: -2px; padding: 4px 0 0;}
	#header .focus p {color: #FFF; margin: 0 0 .2em; font-size: 1.083em;}
	#header .focus a {color: #FFF; text-decoration: none; /*border-bottom: solid 2px #d7350B;*/ }
	#header .focus .newsticker { position: relative; overflow: hidden; height: 170px; width: 340px; }
	#header .focus .newsticker .headline { position: absolute; top: 210px; height: 195px; width:340px; }

	#header .mediaContainer {width: 460px; position: absolute; top: 0; left: 0; padding: 30px 0 0;}

	#header .telepromt {width: 400px; height: 66px; background: url(/Templates/Public/Images/bg/telepromt.png) no-repeat; position: absolute; top: 0; left: 440px; overflow: hidden;}
	#header .telepromt ul {margin: 16px 0; font-size: 2em; line-height: 1em; height: 1.1em; overflow: hidden; width: 284px; position: relative; left: 16px; background: url(/Templates/Public/Images/bg/promtBg.jpg) no-repeat center center;}
	/*#header .telepromt ul li {display: block; float: left; padding-right: 30px;}*/
	ul#news-slide-list li { position: absolute; left:284px; top:0px; margin-left:20px;}
	ul#news-slide-list li.news-slide-first, li.news-slide-first { left:0; }
	/*#header .telepromt ul li a, #header .telepromt ul li a:visited {color: #aaa184;}
	#header .telepromt label {display: block; position: absolute; right: 8px; top: 5px; width: 91px; height: 51px; background: url(/Templates/Public/Images/bg/newsLabel.jpg) no-repeat; text-indent: -9999px;}
	#header .telepromt .leftHider {position: absolute; left: 18px; top: 14px; height: 32px; width: 17px; z-index: 100; background: url(/Templates/Public/Images/bg/hiderLeft.png) no-repeat;}
	#header .telepromt .rightHider {position: absolute; right: 100px; top: 14px; height: 32px; width: 17px; z-index: 100; background: url(/Templates/Public/Images/bg/hiderRight.png) no-repeat;}*/

	
#mainContent {width: 100%; text-align: center; background: #f3f3f3 url(/Templates/Public/Images/bg/contentBorder.gif) repeat-x left top; padding: 0 0 16px;}
#mainContent .content {width: 1000px; margin: 0 auto; text-align: left; overflow: auto; padding: 0;}

/*------------ 5050 v1 -------------*/
#mainContent .twoCol_5050 {height: auto !important; height: 1%; min-height: 1%; overflow: auto; padding: 0 0 0 17px;}
#mainContent .twoCol_5050 .col1 {float: left; width: 463px; padding: 0 10px 0 0;}
#mainContent .twoCol_5050 .col2 {float: left; width: 490px; padding: 0 0 0 10px;}

/*------------ 5050 v2 -------------*/
#mainContent .twoCol_6633 {height: auto !important; height: 1%; min-height: 1%; overflow: auto; padding: 0 0 0 17px;}
#mainContent .twoCol_6633 .col1 {float: left; width: 643px; padding: 0 10px 0 0;}
#mainContent .twoCol_6633 .col2 {float: left; width: 320px; padding: 0 0 0 10px;}

/*------------ 333333 v1 -----------*/
#mainContent .threeCol_252550 {height: auto !important; height: 1%; min-height: 1%; overflow: auto; padding: 0 0 0 17px;}
#mainContent .threeCol_252550 .col1, #mainContent .threeCol_252550 .col2 {float: left; width: 220px; padding: 0 20px 0 0;}
#mainContent .threeCol_252550 .col3 {float: right; width: 500px;}

/*------------ 333333 v2 -----------*/
#mainContent .threeCol_333333 .col1, #mainContent .threeCol_333333 .col3 {float: left; width: 320px; padding: 0;}
#mainContent .threeCol_333333 .col2 {float: left; width: 320px; padding: 0 20px;}

#footer {width: 100%; text-align: center; background: #000 url(/Templates/Public/Images/bg/footerRepeat.jpg) repeat-x center top; overflow: auto;}
#footer .inner {width: 100%; background: url(/Templates/Public/Images/bg/footerGradient.jpg) no-repeat center top; padding: 0 0 100px;}
#footer .content {width: 981px; margin: 0 auto; text-align: left; overflow: auto; padding: 0 0 0 17px;}

/*-------------- Navigation --------------*/
#topNav {width: 1000px; margin: 0 auto 48px; overflow: auto;}
#topNav ul {margin: 0; display: block; float: right; font-size: 1.166em;}
#topNav ul li {margin: 0; display: block; float: left;}
#topNav ul li a, #topNav ul li a:visited {padding: 20px 10px; display: block; float: left; color: #000; border-bottom: none;}
#topNav ul li.selected a, #topNav ul li.selected a:visited {background: url(/Templates/Public/Images/bg/navSelected.gif) no-repeat center top;}
#topNav ul li.rss a {background: url(/Templates/Public/Images/bg/rssIcon.gif) no-repeat center center; text-indent: -9999px; width: 40px; padding: 20px 0;}

/*------------- Teaser -------------------*/
div.teaser {width: 100%; overflow: auto; margin: 0 0 16px 0;}
div.teaser h3 {color: #000;}
div.teaser h3 a, div.teaser h3 a:visited {color: #000;}
div.teaser .mediaContainer {position: relative; margin: 0 0 8px; height: auto !important; height: 1%; min-height: 1%;}
div.teaser .mediaContainer img {background: #FFF; padding: 1px; border: 1px solid #666;}
div.teaser .mediaContainer span {display: block; position: absolute; left: 0; bottom: 0; text-align: center; color: #FFF; width: 100%;}
div.teaser p.ingress {}
div.teaser p a, div.teaser p a:visited {border-bottom: none;}
div.teaser a.readMore {display: block; width: 76px; height: 25px; padding: 20px 8px 0 0; text-align: right; background: url(/Templates/Public/Images/bg/bg_readMore.jpg) no-repeat; font-size: .83em;}

/*------------ FocusTeaser --------------*/
div.focusTeaser .mediaContainer {position: relative; margin: 0 10px 8px 0;}
div.focusTeaser a.readMore, div.focusTeaser a.readMore:visited {border-bottom:2px solid #D7350B; color:#333;}
div.focusTeaser div {height:auto !important; height:1%; min-height:1%; overflow:hidden;}

/*------------ Article ------------------*/
div.article {margin: 0 0 16px;}
div.article .toolbar {height: auto !important; height: 1%; min-height: 1%; overflow: auto; padding: 0px; margin: 0;}
/*div.article .toolbar a.back {display: block; float: left; width: 42px; height: 41px; background: url(/Templates/Public/Images/bg/back.gif) no-repeat left center; text-indent: -9999px; margin-right: 8px;}*/
div.article .toolbar a.back {/*display: block; */float: left;/* width: 65px; height: 15px; padding: 20px 6px 6px 0; font-size: .83em; background: url(/Templates/Public/Images/bg/stepBack.jpg) no-repeat left center; margin-right: 8px; text-align: right;*/}
div.article .toolbar span.date {display: block; float: left; height: 41px; line-height: 41px; font-size: .83em; color:#999;}
div.article .toolbar .functions {display: block; float: right; background: #000; padding: 8px 10px; background: #000 url(/Templates/Public/Images/bg/functionsTop.gif) no-repeat;}
div.article .toolbar .increaseTextSize {display: block; float: left; width: 25px; height: 25px; background: url(/Templates/Public/Images/bg/toolBarSprites.gif) no-repeat left top; text-indent: -9999px; margin-right: 8px;}
div.article .toolbar .decreaseTextSize {display: block; float: left; width: 25px; height: 25px; background: url(/Templates/Public/Images/bg/toolBarSprites.gif) no-repeat left -25px; text-indent: -9999px; margin-right: 8px;}
div.article .toolbar .tipAFriend {display: block; float: left; width: 40px; height: 25px; background: url(/Templates/Public/Images/bg/toolBarSprites.gif) no-repeat -40px top; text-indent: -9999px;}
div.article .toolbar .print {display: block; float: left; width: 28px; height: 25px; background: url(/Templates/Public/Images/bg/toolBarSprites.gif) no-repeat -52px -25px; text-indent: -9999px; margin-right: 8px;}
div.article .mediaContainer {position: relative; margin: 0 0 8px; height: auto !important; height: 1%; min-height: 1%;}
div.article .mediaContainer img {background: #FFF; padding: 1px; border: 1px solid #666;}
div.article .mediaContainer span {display: block; position: absolute; left: 0; bottom: 0; text-align: center; color: #FFF; width: 100%;}
/*#mainContent div.article h3 {font-size: 5em; font-weight: bold; letter-spacing: -4px; margin: 0 0 .2em;}*/
#mainContent div.article h3 {font-size: 3em; font-weight: bold; letter-spacing: -2px; margin: 0 0 .2em;}
div.article  p.ingress {font-size: 1.5em; font-weight: normal; margin: 0 0 .666em; letter-spacing: -1px;}
div.article .bread p {}
div.article .bread blockquote p {-moz-column-count: 1;}
div.article .byline {clear: both; height: auto !important; height: 1%; min-height: 1%; text-align: right; overflow: auto;}
div.article .byline img {float: right; margin: 0 0 0 16px; background: #FFF; padding: 1px; border: 1px solid #666;}

/*------------ newsitems -------------*/
div.newsitem {height: auto !important; height: 1%; min-height: 1%; overflow: auto; background: url(/Templates/Public/Images/bg/horizontalDivider.gif) repeat-x left bottom; margin: 0 0 8px;}
div.newsitem img {float: left; margin: 0 10px 0 0; }
div.newsitem .container {float: left;}

/*------------ relatedInfo -------------*/
div.relatedInfo {}
div.relatedInfo div.additionalPictures {height: auto !important; height: 1%; min-height: 1%; overflow: auto; background: #EEE; border: 2px solid #FFF; margin: 0 0 16px; position: relative; padding: 10px 10px 0;}
div.relatedInfo div.additionalPictures .imageWrapper {margin: 0 0 10px;}
div.relatedInfo div.additionalPictures .imageWrapper a { border-bottom: none;}
div.relatedInfo div.additionalPictures img {background: #FFF; padding: 1px; border: 1px solid #666;}
div.relatedInfo div.additionalPictures span {display:block;}

div.relatedInfo div.facts {height: auto !important; height: 1%; min-height: 1%; overflow: auto; background: #EEE; border: 2px solid #FFF; margin: 0 0 16px; position: relative; padding: 10px 10px 0;}

div.relatedInfo div.relatedLinks {height: auto !important; height: 1%; min-height: 1%; overflow: auto; background: #EEE; border: 2px solid #FFF; margin: 0 0 16px; position: relative; padding: 10px 10px 0;}
div.relatedInfo div.relatedLinks ul {background: url(/Templates/Public/Images/bg/horizontalDivider.gif) repeat-x left top;}
div.relatedInfo div.relatedLinks ul li {display: block; background: url(/Templates/Public/Images/bg/horizontalDivider.gif) repeat-x left bottom; padding: 6px 0;}
div.relatedInfo div.relatedLinks ul li a {display: block; font-size: 1.1em; font-weight: bold; padding: 0 0 0 12px; border-bottom: none; background: url(/Templates/Public/Images/bg/relatedArrows.png) no-repeat left 4px;}
div.relatedInfo div.relatedLinks ul li a:hover {background: url(/Templates/Public/Images/bg/relatedArrows.png) no-repeat left -187px;}


/*------------ userForm ----------------*/
.userForm {height: auto !important; height: 1%; min-height: 1%; overflow: auto; background: #EEE; border: 2px solid #FFF; margin: 0 0 16px; position: relative; padding: 10px;}
/*#mainContent .userForm h3 {font-size: 4em; font-weight: bold; letter-spacing: -3px; margin: 0 0 .2em;}*/
#mainContent .userForm h3, #mainContent div.article .userForm h3 {font-size: 2.5em; font-weight: bold; letter-spacing: -2px; margin: 0 0 .4em;}
.userForm strong.reqExplanation {display: block; position: relative; padding: 0 0 0 20px; margin: -10px 0 10px;}
.userForm strong.reqExplanation span.req {top: 0; left: 0; text-indent: -9999px;}
.userForm span.req {position: absolute; right: 4px; top: 8px; font-size: 2em; color: #B00; width: 16px; height: 16px; background: url(/Templates/Public/Images/bg/requiredIcon.gif) no-repeat center center; text-indent: -9999px;}
.userForm label {display: block; clear: both; background:transparent url(/Templates/Public/Images/bg/horizontalDivider.gif) repeat-x left bottom; margin: 0 0 6px; padding: 0 0 6px;height: auto !important; height: 1%; min-height: 1%; overflow: auto;}
.userForm label strong {float: left; display: block; width: 150px; position: relative; padding: 8px 16px 0 0; font-size: 1.4em; font-weight: bold; letter-spacing: -1px;}
.userForm label input, .userForm label textarea {display: block; float: left; width: 280px; font-size: 1.5em; padding: 4px 5px;}
.userForm label textarea {height: 200px;}
.userForm fieldset.checkWrapper, .userForm fieldset.radioWrapper {height: auto !important; height: 1%; min-height: 1%; overflow: auto; background:transparent url(/Templates/Public/Images/bg/horizontalDivider.gif) repeat-x left bottom; margin: 0 0 4px;}
.userForm fieldset.checkWrapper strong, .userForm fieldset.radioWrapper strong {display: block; float: left; width: 150px; padding: 8px 16px 0 0; font-size: 1.5em; font-weight: normal; letter-spacing: -1px;}
.userForm fieldset.checkWrapper fieldset, .userForm fieldset.radioWrapper fieldset {display: block; float: left; width: 200px; padding: 6px 0 0;}
.userForm fieldset.checkWrapper fieldset label, .userForm fieldset.radioWrapper fieldset label {background: none; padding: 0 0 2px;}
.userForm fieldset.checkWrapper fieldset input, .userForm fieldset.radioWrapper fieldset input {width: auto;}
.userForm fieldset.checkWrapper fieldset label span, .userForm fieldset.radioWrapper fieldset label span {display: block; font-weight: bold; padding: 2px 0 0 30px;} 
.userForm label br {clear: left;}
.userForm input.stdButton {background:transparent url(/Templates/Public/Images/bg/bg_readMore.jpg) no-repeat; width: 84px; height: 45px; display:block; float: left; border: none; margin: 0 16px 0 0; font-size:0.83em; padding:20px 8px 0 0; text-align:right;}
.userForm input.stdButton.reset {background:transparent url(/Templates/Public/Images/bg/bg_restore.jpg) no-repeat;}

/*------------ cloudList ---------------*/
ul.cloudList {margin: 0 0 16px; background: url(/Templates/Public/Images/bg/horizontalDivider.gif) repeat-x;}
ul.cloudList li {display: block; background: url(/Templates/Public/Images/bg/horizontalDivider.gif) repeat-x left bottom; padding: 6px 0;}
ul.cloudList li.size1 {font-size: 4em; line-height: 1em; letter-spacing: -3px;}
ul.cloudList li.size2 {font-size: 3.5em; line-height: 1em; letter-spacing: -2.5px;} 
ul.cloudList li.size3 {font-size: 3em; line-height: 1em; letter-spacing: -2px;} 
ul.cloudList li.size4 {font-size: 2.5em; line-height: 1em; letter-spacing: -1.5px;} 
ul.cloudList li.size5 {font-size: 2em; line-height: 1em; letter-spacing: -1px;}
ul.cloudList li.size6 {font-size: 1.5em; line-height: 1em; letter-spacing: -.5px;}
ul.cloudList li.category {background: none; font-weight: bold; padding: 10px 0 0px; color:#0066CC;}
ul.cloudList li.category h4 {margin: 0; line-height: 1em;} 
ul.cloudList li a {display: block;}

/*------------ Search ------------------*/
div.searchContainer {height: auto !important; height: 1%; min-height: 1%; overflow: auto; background: #EEE; border: 2px solid #FFF; margin: 0 0 16px; position: relative; padding: 10px;}
#mainContent div.searchContainer h3 {font-size: 4em; font-weight: bold; letter-spacing: -3px; margin: 0 0 .2em;}
div.searchContainer fieldset {height: auto !important; height: 1%; min-height: 1%; overflow: auto;}
div.searchContainer fieldset input.searchString {display: block; float: left; width: 280px; font-size: 1.5em; padding: 4px 5px; margin: 0px 16px 0 0;}
div.searchContainer fieldset input.stdButton {margin-top: -5px;}
div#searchResult .navigation {background: #666; color: #FFF; height: auto !important; height: 1%; min-height: 1%; overflow: auto; padding: 4px 6px; text-align: center; margin: 0 0 6px;}
div#searchResult .navigation a, div#searchResult .navigation a:visited {color: #FFF;}
div#searchResult .navigation a.prev {float: left;}
div#searchResult .navigation a.next {float: right;}
div#searchResult .navigation span {display: block;}
div#searchResult {margin: 12px 0 0;}
div#searchResult ul {background: url(/Templates/Public/Images/bg/horizontalDivider.gif) repeat-x; margin: 0; padding-top: 2px;}
div#searchResult ul li {display: block; background: url(/Templates/Public/Images/bg/horizontalDivider.gif) repeat-x left bottom; padding: 6px 0;}
div#searchResult ul li a {display: block;}
div#searchResult ul li h4 a {font-size: 1.5em;}

/*------------ Footernav ---------------*/
#footerNav {color: #ffefbd; height: auto !important; height: 1%; min-height: 1%; overflow: auto; padding: 16px 0; float: left;}
#footerNav li {display: block; float: left; padding: 0 30px 0 0;}
#footerNav li a, #footerNav li a:visited, #footerNav a:link, #footerNav a:visited {color: #ffefbd; border-bottom: none;}

/*------------ Copyright ---------------*/
#footer .copy {color: #6f6c61; float: right; padding: 16px 24px 16px 0; background: url(/Templates/Public/Images/bg/stereoIcon.gif) no-repeat right center;}
#footer .copy a, #footer .copy a:visited {color: #f5e5b5; border-bottom: none;}