@import url(/css/header.css);
@import url(/css/footer.css);
@import url(/css/fonts.css);
@import url(/css/langSelectBox.css);

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

h1 {
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
}

a img {
	border: 0;
}

#body {
	margin: 0;
	padding: 0;
	display: block;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 900px;
}

#wrapper #bugs {
	clear: both;
	width: 900px;
	height: 116px;
	margin: 0;
	padding: 0;
}

#wrapper #bugs div {
	margin: 0;
	padding: 0;
	margin-right: 12px;
	display: inline;
	float: left;
	width: 292px;
}

#wrapper #bugs div div {
	display: none;
	margin: 0;
	float: none;
}

#wrapper #bugs div a {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

#wrapper #bugs div a img {
	margin: 0;
	padding: 0;
}

#wrapper #bugs div.last {
	margin: 0;
	padding: 0;
}

/*** tabs and tab headers ***/


.tabHeaders ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	padding-bottom: 25px;
	background: url(/images/story/shared/tabHeader.gif) repeat-x center top;
}

.tabHeaders ul li {
	margin: 0;
	padding: 0;
	float: left;
	padding-left: 20px;
	font-size: 1.2em;
	padding-bottom: 25px;
	background: url(/images/story/shared/tabHeader.gif) no-repeat center top;
}

.tabHeaders ul li.selected {
	background: url(/images/story/shared/selectedTabHeaderRed.gif) no-repeat center top; 
}

.tabHeaders ul li a:link, .tabHeaders ul li a:visited {
	color: #979595;
	text-decoration: none;
}

.tabHeaders ul li a:hover {
	color: #fff;
}

.tabHeaders ul li.selected a:link, .tabHeaders ul li.selected a:visited {
	color: #fff;
}

.tabHeaders ul li.selected a:hover {
	background: url(/images/story/shared/selectedTabHeaderRed.gif) no-repeat center top !important; 
}

.tab {
	color: #ccc;
	clear: both;
}

.tab p, .tab ul li {
	font-size: 1.2em;
}

.tab ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tab ul li {
	background: url(/images/story/shared/tabDarkGrayBullet.gif) no-repeat 0 .5em !important;
	line-height: 1.3em;
	margin: 0;
	padding: 0 0 6px 10px;
}

/*** accordion ***/

.accordion {
	color: #ccc;
}

.accordion div h2 {
	padding-left: 30px !important;
	background: url(/images/story/shared/accordionRight.gif) no-repeat left top;
	cursor: pointer;
}

.accordionItem {
	border-bottom: 1px solid #333;
}

.accordion div h2.selected {
	background: url(/images/story/shared/accordionDown.gif) no-repeat left top;
}

.accordionItemGuts {
	padding: 0 0 20px 25px;
}

.accordionItemGuts p, .accordionItemGuts ul {
	font-size: 1.2em;
}

.accordionItemGuts ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.accordionItemGuts ul li {
	background: url(/images/story/shared/tabDarkGrayBullet.gif) no-repeat 0 .5em;
	margin: 0;
	padding: 0 0 6px 10px;
	line-height: 1.3em;
}

.accordionItemGuts p.rightAlign {
	text-align: right;
	padding: 0;
	margin: 0;
}

.accordionItemGuts p.name {
	color: #fff;
}

.accordionItemGuts p.rightAlign a:link, .accordionItemGuts p.rightAlign a:visited {
	color: #999;
	background: url(/images/story/shared/smallRedTriangle.gif) no-repeat left center;
	padding-left: 8px;
	text-decoration: none;
}

.tab ul, .accordionItemGuts ul {
	padding-left: 10px;
}

/*** infoBox ***/

#infoBoxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 9000;
}

#infoBoxOverlayIFrame {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0; 
	display: none;
	filter: Alpha(Opacity:0);
	z-index: 8999;
}

#footer { 
	background: none; 
	color: #fff;
}

#newsTicker {
	padding-top: 0;
	margin-top: 0;	
}

#footer li a.country {
	background: url(/images/shared/person_icon_dark.gif) no-repeat center left;
}

#footer a:link, #footer a:visited {
	color: #fff;	
}

#footer a:hover {
	color: #999;
}

#wrapper {
	display: block;
	padding-top: 0;
}

#wrapper #newsTicker {
	color: #fff;
	clear: left;
	padding-top: 12px;
}

#wrapper #newsTicker a {
	color: #fff;
}

#wrapper #langSelectBox h2 {
	margin-top: 0;
	margin-bottom: 0 !important;
	padding: 0 0 0 10px;
}

/* Video */
#darkenDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/images/story/shared/darken.png);
}

* html #darkenDiv {
	background: #000;
	filter: Alpha(Opacity:60);
	width: 3000px;
}

#darkenContents {
	position: absolute;
	top: 10px;
	width: 600px;
	text-align: center;
	margin: 130px 0 0 0;
}

#darkenContents iframe {
	border: 0;
	margin: 0;
	padding: 0;
}