/* 
Asia Business News Stylesheet
*/

@import url(/style/globalNav.css);
#gN_Nav * { /* global nav */
	font-family: Arial, Helvetica, sans-serif;
}

* {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
	font-size: 100%;
	word-wrap: break-word; /* Stops IE from expanding parent container when a word is too long (proprietary IE declaration, being standardised in CSS3) */
}

body {
	margin: 0;
	padding: 0;
	font-size: 75%;
	background: #000000 url(/images/style/page_bg.jpg) no-repeat 50% 0%;
}

.accessibility {
	position: absolute;
	top: -1000px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

div.clear {
	clear: both !important;
	visibility: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 1px !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
}

a {
	color: #039;
}

a:visited {
	color: #568;
}

a img {
	border: none;
}

input.checkbox, input.radio {
	vertical-align: middle;
}

img.alpha {
	behavior: url(/style/pngbehavior.htc); /* This fixes PNG alpha transparency problems in IE 5.5 and 6 */
}

big {
	font-size: 133%;
}

small {
	font-size: 75%;
}

#wrapper {
	text-align: center;
}

#main {
	position: relative;
	text-align: left;
	width: 900px;
	margin: 0 auto;
}

#main .section{
	background: #000000;

}

#header {
	display: none;
}

#content {
	background: #000000 url(/images/style/content_bg.png) repeat-y right top;
	overflow: hidden;
	width: 100%;
	clear: both;
	border-top: 1px solid #AAA;
}

#article {
	padding: 15px 30px;
	margin: 0 300px 0 0;
	display: inline; /* fixes IE double margin float bug */
	float: left;
	line-height: 150%;
}

#article .section {
	background: #000000;
}


#article .importantheading {
	margin: -15px -30px 15px -30px;
	padding: 1em 30px 0 30px;
	//background: #000000 url(/images/style/importantheading_bg.png) repeat-x left top;
	background: #000000;
	border-bottom: 0.3em solid #F60;
}

body.asiabusiness #article .importantheading {
	border-bottom: 0.3em solid #900;
}

#article .importantheading p {
	color: #CCC;
}

#article .importantheading  h1, #article .importantheading  h2, #article .importantheading  h3, #article .importantheading  h4, #article .importantheading  h5, #article .importantheading  h6 {
	color: white;
	margin: 0;
}

#tools {
	display: inline; /* fixes IE double margin float bug */
	float: right;
	width: 250px;
	margin: 0 25px 0 -275px;
	padding: 15px 0;
}

#tools .section {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	background: #000000 url(/images/style/tools_section_rule.png) no-repeat center bottom;
}

#tools .section .section {
	background: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#tools .video {
	background-color: #000000;
	border: 1px solid #C8C8C8;
	padding: 5px;
	margin: 0 0 1.5em 0;
	line-height: 120%; /* avoids IE peekaboo bug */
}

#tools .video p {
	margin: 0;
}

#tools .video img {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
}

#tools .video .download {
	background-color: #000000;
	padding: 5px;
	margin: 5px -5px -5px -5px;
	clear: both;
}

#tools .video .download table {
	width: 238px; /* I'd use 100%, but IE5 doesn't like it :-( */
}

#tools .video .download table * {
	margin: 0;
	padding: 0;
	text-align: left;
}


h1 *, h2 * {
	font-family: "Arial Narrow", "Trebuchet MS", "Franklin Gothic Medium", "Zurich Cn BT", "Abadi MT Condensed Light", Arial, Helvetica, sans-serif;
}

h1 {
	font-family: "Arial Narrow", "Trebuchet MS", "Franklin Gothic Medium", "Zurich Cn BT", "Abadi MT Condensed Light", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #039;
	line-height: 105%;
	font-size: 250%;
	margin: 0 0 0.5em 0;
}

h2 {
	font-family: "Arial Narrow", "Trebuchet MS", "Franklin Gothic Medium", "Zurich Cn BT", "Abadi MT Condensed Light", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #039;
	line-height: 105%;
	font-size: 175%;
	margin: 0 0 0.5em 0;
}

h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

#content p {
	line-height: 150%;
	margin: 0 0 0.8em 0;
}

#nav_1st {
	height: 128px;
	width: 900px;
	background: #000000 url(/images/style/header_business.jpg) no-repeat left top;
	font-weight: bold;
	position: relative;
}


body.asiabusiness #nav_1st {
	background: #000000 url(/images/style/header_asiabusiness.jpg) no-repeat left top;
}

#nav_1st p {
	text-align: center;
	margin: 0;
}

#nav_1st p span.business {
	position: absolute;
	display: block;
	top: 115px;
	left: 0;
	width: 115px;
	line-height: 100%;
	margin: -0.5em 0 0 0;
	text-align: center;
}

body.asiabusiness #nav_1st p span.business {
	top: 115px;
	left: 0;
	width: 110px;
}

#nav_1st p span.asiabusiness {
	position: absolute;
	display: block;
	top: 115px;
	left: 110px;
	width: 195px;
	line-height: 100%;
	margin: -0.5em 0 0 0;
	text-align: center;
}

body.asiabusiness #nav_1st p span.asiabusiness {
	top: 115px;
	left: 100px;
	width: 195px;
}

#nav_1st a {
	color: black;
	text-decoration: none;
}

#nav_1st a:hover {
	text-decoration: underline;
}

#nav_2nd {
	background: #000000 url(/images/style/nav_2nd_bg.png) repeat-x 50% 50%;
	overflow: hidden;
	width: 100%;
	border-bottom: 0.3em solid #F60;
}

body.asiabusiness #nav_2nd {
	border-bottom: 0.3em solid #900;
}

#nav_2nd ul,
#nav_2nd p {
	list-style: none;
	padding: 0 20px;
	margin: 0;
}

#nav_2nd ul li,
#nav_2nd p span {
	margin: 0;
	padding: 8px 1em 8px 10px;
	float: left;
	white-space: nowrap;
}

#nav_2nd ul li.active,
#nav_2nd p span.active {
	font-weight: bold;
}

#nav_2nd a {
	color: black;
	text-decoration: none;
}

#nav_2nd a:hover {
	text-decoration: underline;
}

.summary {
	background-color: black;
	border: 1px solid #CCC;
	padding: 0.8em 15px 0 15px;
	margin-bottom: 0.8em;
	font-weight: bold;
}

#footer {
	background: #000000 url(/images/style/footer_bg.png) repeat-x left bottom;
	padding: 80px 0 20px 0;
	border-top: 1px solid #AAA;
	text-align: center;
}



#footer * {
	color: white;
}

#footer h3 {
	margin: 0 0 0.5em 0;
}

#pvideo {
	position: relative;
	background: #000000 url(/images/style/latestprogram_business.png) no-repeat left top;
}

#video .latestprogram {
	position: relative;
	background: #000000 url(/images/style/latestprogram_business.png) no-repeat left top;
}

#video .latestprogram_overview {
	position: relative;
	background: #000000 url(/images/style/latestprogram_business.png) no-repeat left top;
}

body.asiabusiness #video .latestprogram {
	background: #000000 url(/images/singletab.png) repeat-x left top;
}

body.asiabusiness #video .latestprogram_overview {
	background: #000000 url(/images/datetab.png) no-repeat left top;
}

body.asiabusiness #video .latestprogram_news {
	background: #000000 url(/images/newstab.png) no-repeat left top;
}

body.asiabusiness #video .latestprogram_multimedia {
	background: #000000 url(/images/multimediatab.png) no-repeat left top;
}

body.asiabusiness #video .latestprogram_research {
	background: #000000 url(/images/researchtab.png) no-repeat left top;
}


#video .latestprogram h1 {
	position: absolute;
	left: 30px;
	top: 27px;
	line-height: 105%;
	margin-top: -0.5em;
	color: white;
}

#video .latestprogram_overview h1 {
	position: absolute;
	left: 30px;
	top: 27px;
	line-height: 105%;
	margin-top: -0.5em;
	color: white;
}

#video .latestprogram_overview h2 {
	position: absolute;
	left: 630px;
	top: 27px;
	line-height: 105%;
	margin-top: -0.5em;
	color: white;
}

#video .latestprogram h1.alternative {
	position: absolute;
	left: 500px;
	top: 27px;
	line-height: 105%;
	margin-top: -0.5em;
	color: white;
}

#video .latestprogram_overview h1.alternative {
	position: absolute;
	left: 500px;
	top: 27px;
	line-height: 105%;
	margin-top: -0.5em;
	color: white;
}

#video .latestprogram p {
	padding: 55px 690px 3px 30px;
	margin: 0;
	font-size: 90%;
}

#video .latestprogram_overview p {
	padding: 55px 690px 3px 30px;
	margin: 0;
	font-size: 90%;
}

#video .latestprogram a {
	position: absolute;
	top: 15px;
	right: 30px;
}

#video .latestprogram_overview a {
	position: absolute;
	top: 15px;
	right: 30px;
}

#video .latestprogram .fullprogram {
	position: absolute;
	top: 15px;
	right: 30px;
	text-align: right;
}

#video .latestprogram .fullprogram a {
	position: relative;
	top: 0;
	right: 0;
}


body.asiabusiness #video .latestprogram p {
	color: white;
}

body.asiabusiness #video .latestprogram_overview p {
	color: white;
}

#content .docinfo {
	margin: 0 0 0.8em 0;
}

#content .docinfo p {
	margin: 0;
}

#content .docinfo .print {
	float: right;
	text-align: right;
	width: 10em;
}

#content .docinfo .print a {
	margin-left: 0.8em;
}

#content .docinfo .author {
	font-weight: bold;
}

#archivecolumn, .archivecolumn {
	float: left;
	height: 24em;
	width: 15em;
}

#content ul li {
	list-style: square;
	line-height: 150%;
}

#content .section ul {
	margin: 0 0 0.8em 0;
	padding: 0 0 0 16px;
}

#content .section ul li {
	margin: 0;
	padding: 0;
	line-height: 150%;
}


#content .headline {
	padding: 15px 0;
	clear: both;
}

#content .headline img {
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #AAA;
}

#content .feedback {
	margin: 0 0 1.5em 0;
}

#content .feedback input.text, #content .feedback textarea {
	width: 98%;
}

#content .feedback table {
	width: 100%;
}

#content .feedback td, #content .feedback th {
	text-align: left;
	vertical-align: top;
	padding: 0.25em 0.75em 0.25em 0;
}

#content .feedback th {
	white-space: nowrap;
	width: 20%;
}


#content .profile {
	padding: 15px 0;
	clear: both;
}

#content .profile img {
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #AAA;
}

.reverse {
	color: white;
	padding-left: 30px;
}

.reverse a, .reverse a:visited {
	color: white;
}