@charset "utf-8";
/* ==== ==== ==== ==== ==== ==== ==== ==== ====
	Azrul
	Copyright 2012 (c)
	written for - www.insage.com.my
	info[at]insage.com.my
===== ==== ==== ==== ==== ==== ==== ==== ==== */

/* ================================
   === 0. Reset and default css ===
   ================================ */

/* Reset CSS
===================== */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	/*border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;*/
} 
body {
	line-height:1;
	cursor:auto;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
/* remember to define focus styles! */
:focus {
	outline:0;
} 
/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	/*border-collapse:collapse;*/
	border-spacing:0;
}
/* remove active, focus outline in firefox */
a:active, a:focus {
      outline:0;
}
h2 {
	line-height:1;	
	font-size:18px;
	margin:0 0 5px 0;
}

/*******
if want to use non web safe font, enable this code
but its got some browser compatibility issue
@font-face {
 font-family: PremierShip;
 src: url(/newFont.ttf) format("truetype");
}
Then at body tag - font family, define this new font
********/
/* ==== Close Reset CSS ==== */

body {
	background:#fff;
	line-height:17px;
	color:#444;
	font-size:12px;
	font-weight:normal;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
}
ol li {
	list-style-type:decimal;
	margin:0 0 0 25px;
}
ul li {
	list-style-type:disc;
	margin:0 0 0 25px;
}
strike {
	color:#000;
	text-decoration:line-through;
}
h1 {
	margin:0 0 15px 0;padding:0;
	font-size:18px;
	line-height:25px;
	color:#551900;
	text-shadow:0 1px #d7d9dc;
	text-transform:capitalize;
	font-family: 'Noto Serif', serif;
	border-bottom:1px solid #ffc52d;
}
p {
	padding:0;
	color:#333;
	margin:0;
	line-height:1.3;
	text-align:justify;
}
a:link, a:active, a:visited, a:hover {
	margin:0;padding:0;
	color:#452325;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0;
}
input {
	cursor:auto;
}
#wrapper {
	margin:0;padding:0;
	width:100%;
	height:100%;
}
#header {
	margin:0;padding:0;
	width:100%;
	height:40px;
	background:url(../images/topBar.gif) 0 0 repeat-x #212020;
}
#content {
	margin:0;padding:0;
	background:#fff;
	height:auto;
	/*overflow: hidden;*/		/** clearing floats **/
	/*width: 100%;*/			/** clearing floats **/
}
#footer {
	margin:0;padding:0;
	background:url(../images/foooterBg.jpg) repeat-x;
	overflow: hidden;	/** clearing floats **/
	width: 100%;			/** clearing floats **/
	min-width:1000px;
}

/* ================================
   ========== 1. Header ===========
   ================================ */
.topBarContent {
	margin:auto;padding:0;
	position:relative;
	width:1000px;
	height:40px;
	background:url(../images/OldTown-topBar.png) 186px 6px no-repeat;
}
.topBar {
	float:right;
	clear:right;
	margin:0;padding:0;
	position:relative;
	width:auto;
	height:35px;
	text-transform:uppercase;
	color:#c3c2c2;
	font-family:Verdana, Arial, Geneva, sans-serif;
	font-size:11px;	
}
.topBar li {
	margin:0;padding:0;
	display:inline-block;
	float:left;
	height:35px;
	list-style-type:none;
}
.topBar li a {
	line-height:35px;
	padding:10px 10px;
	color:#c3c2c2;
}
.topBar li a:hover {
	color:#fff;
	text-decoration:none;
}
.headerContent {
	margin:auto;padding:0;
	position:relative;
	background:url(../images/header-content-bg.jpg) 0 0 no-repeat;
	width:1000px;
	height:150px;
	clear:both;
}
#logo {
	margin:0;padding:0;
	float:left;
	clear:left;
	width:185px;
	height:175px;
	background:url(../images/oldtownLogo.jpg) center no-repeat;
}

/* ================================
   ========= 2. Slideshow =========
   ================================ */
#slideshow {
	width:100%;
	height:190px;
	margin:0;padding:0;
	position:relative;
	background:url(../images/slideshow-id-bg.gif) 0 0 repeat-x #2a2c31;
}
.slideshowContent {
	width:1000px;
	margin:auto;padding:20px 0;
	position:relative;
}
.banner {
	width:815px;
	height:175px;
	background:#fff;
	float:left;
}
.bannerShadow {
	width:815px;
	height:5px;
	background:url(../images/contentShadowBanner.gif) 0 0 repeat-x #fff;
}
.rightBanner {
	margin:0;padding:0;
	width:260px;
	height:200px;
	font-family: 'Noto Serif', serif;
}

.rightBanner a, .rightBanner a:hover{ 
	text-decoration:none; 
}

.rightBannerShadow {
	margin:0 0 10px 0;padding:0;
	width:260px;
	height:15px;
}

/*General Mosaic Styles*/
.mosaic-block {
	position:relative;
	overflow:hidden;
	background:#111 url(../img/progress.gif) no-repeat center center;
	height:185px;
	/*float:left;*/
	/*width:400px;
	height:250px;
	margin:10px;*/
	/*-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);*/
}
.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#111;
}
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
}
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	background:url(../img/hover-magnify.png) no-repeat center center;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}
.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:url(../img/bg-black.png);
}
.bar .mosaic-overlay {
	bottom:-100px;
	height:100px;
	background:url(../img/bg-black.png);
}
.bar2 .mosaic-overlay {
	bottom:-50px;
	height:100px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}
.bar2 .mosaic-overlay:hover {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}
.bar3 .mosaic-overlay {
	top:-100px;
	height:100px;
	background:url(../img/bg-black.png);
}
.mosaic-details{ 
	margin:3px 10px;
}	
.mosaic-details h4{ 
	font:300 16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height:130%; 
	letter-spacing:0.05em; 
	color:#ccc;
	text-shadow:1px 1px 0 rgb(0,0,0);
}
.mosaic-details p{
	font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif; 
	text-shadow:1px 1px 0 rgb(0,0,0);
	color:#ccc;
}
.mosaic-block a{
	color:#ccc;
	text-decoration:none;
}
/*** End Animation Styles ***/

/* ==== Close Slideshow ==== */

/* ================================
   ========== 2. Content ==========
   ================================ */
.content{
	width:100%;
	
}
   
.contentWrapper {
	margin:auto;padding:0 0 20px 0;
	position:relative;
	height:auto;
	/*overflow: hidden;*/		/** clearing floats **/
	/*width: 100%;*/			/** clearing floats **/
	width:1000px;
}
.contentLeft {
	margin:0;padding:0;
	width:185px;
	height:auto;
	float:left;
	clear:left;
}
.bodyContent {
	margin:0;padding:0;
	width:815px;
	height:auto;
	clear:right;
	float:right;
}
.mainContent {
	margin:0;padding:10px 0px 20px 20px;
	background:#fff;
}
.mainContentFooter {
	margin:0;padding:0;
	background:url(../images/mainContentFooter.png) 0 0 no-repeat;
	width:815px;
	height:5px;
}

/* page title **/
.pageTitle {
	margin:0 0 30px 0;padding:0;
	font-size:18px;
	line-height:25px;
	color:#452325;
	text-shadow:0 1px #d7d9dc;
	text-transform:capitalize;
	width:60%;
	clear:both;
	float:left;
}
.dropdownTopRight {
	margin:0 0 30px 0;padding:0;
	font-size:12px;
	width:25%;
	height:auto;
	text-align:right;
	clear:right;
	float:right;
}
.dropdownTopRight-text {
	margin:0 10px 0 0;padding:
}
/** IR Navigation **/
#IRnav {
	margin:0;padding:0;
	width:185px;
	height:auto;
	clear:left;
	float:left;
}

.IRnavMenu {
	margin:0;padding:0;
	width:185px;
	height:auto;
	text-transform:capitalize;
	background:#c39b5a;
}
.IRnavMenu li{
	margin:0;padding:0;
	display:inline-block;
	list-style-type:none;
	height:auto;
}
.IRnavMenu li span {
	margin:0;padding:0 5px 0 15px;
	display:block;
	width:155px;
	line-height:35px;
	color:#fff;
	font-size:12px;
	background:url(../images/menuDivider.jpg) no-repeat bottom;
}
.IRnavMenu li span:hover{
	color:#fdc82f;
	text-decoration:none;
}
.IRnavMenu li a{
	margin:0;padding:0 5px 0 15px;
	display:block;
	width:155px;
	line-height:30px;
	color:#fff;
	font-size:12px;
	background:url(../images/menuDivider.jpg) no-repeat bottom;
}
.IRnavMenu li a:hover{
	color:#fdc82f;
	text-decoration:none;
}
.IRnavMenu li .current{
	color:#551900;
	font-weight:bold;
	text-decoration:none;
}
.IRnavMenu .borderNone, .IRnavMenu li .borderNone  {
	border:none;
	background:none;	
}
.IRnavMenu2 {
	margin:0;padding:2px 0 0 10px;
	width:180px;
	height:auto;
	text-transform:capitalize;
}
.IRnavMenu2 li{
	margin:0;padding:0;
	display:inline-block;
	list-style-type:none;
	border:none;
}
.IRnavMenu2 li a{
	margin:0;padding:5px 4px 5px 14px;
	display:block;
	width:155px;
	line-height:15px;
	font-size:12px;
	color:#f4e6d0;
	text-shadow:none;
	border:none;
}
.IRnavMenu2 li a:hover{
	color:#661f23;
	text-decoration:none;
}
.IRnavMenu2 li .current{
	color:#661f23;
	font-weight:bold;
	text-decoration:none;
}
.IRnavMenu2 li.menu3 a{
	margin:0;padding:5px 4px 5px 30px;
	display:block;
	width:139px;
	line-height:15px;
	font-size:12px;
	color:#555;
	text-shadow:none;
	border:none;
	background:url('../images/IRnavChild-title.gif') 20px 8px no-repeat;
}
.IRnavMenu2 li.menu3 a:hover{
	color:#661f23;
	text-decoration:none;
}
.IRnavMenu2 li.menu3 .current{
	color:#661f23;
	font-weight:bold;
	text-decoration:none;
}
.menu3 {
	padding-left:30px;
	width:150px;
}
.accordionButton {	
	/*float: left;*/
	/*_float: none;*/  /* Float works in all browsers but IE6 */
	cursor: pointer;
}
.accordionContent {	
	/*float: left;*/
	/*_float: none;*/ /* Float works in all browsers but IE6 */
}
/* === close IR Navigation === */

/** Quote Box **/
.quoteBox {
	margin:0;padding:15px 8px;
	width:244px;
	/*height:153px;*/
	height:auto;
	background:url(../images/priceTickerBg.jpg) top repeat-x;
	color:#fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
}
.quoteHeader {
	clear:left;
	float:left;
	width:160px;
	font-weight:normal;
	font-size:12px;
	height:35px;
	color:#c39b5a;
}
.quoteDone {
	float:right;
	width:80px;
	font-weight:bold;
	font-size:25px;
	line-height:25px;
	text-align:right;
	height:35px;
	padding:0;
}
.quoteTable {
	margin:0;padding:0;
	text-align:center;
	border-collapse:separate;
	border-spacing:none;
	line-height:20px;
	padding-top:10px;
}
.quoteTableHeading {
	background:#c39b5a;
	color:#fff;	
}
.quoteTablePadding td {
	padding:0 0 5px 0;	
}
.quoteGreen {
	color:#9fd236;	
}
.quoteRed {
	color:#e70000;	
}
.quoteArrowUp {
	background:url(../images/Arrow-up.png) 0 2px no-repeat;
	width:9px;
	height:9px;
	margin:0;padding:0 14px 0 0;
}
.quoteArrowDown {
	background:url(../images/Arrow-down.png) 0 2px no-repeat;
	width:9px;
	height:9px;
	margin:0;padding:0 14px 0 0;
}
.quoteCredit {
	margin:10px 0 0 0;padding:0;
	color:#c39b5a;
	font-size:10px;
	font-weight:normal;
	text-align:right;
	float:right;
	line-height:12px;
	text-shadow:none;
}
.quoteCredit a {
	color:#fdc82f;
}
/* === Close Quote Box === */

/** Table general **/
.tableGeneral {
	margin:0;padding:0;
	/*border:1px solid #acacac;*/
	text-align:left;
	width:100%;
	height:auto;
}
.tableGeneral th{
	margin:0;padding:3px 0px;
	color:#444;
	font-size:15px;
	font-weight:bold;
}
.tableGeneral td{
	margin:0;padding:5px 0px;
	background:#fff;
}

.tableGeneral td .border{
	border-bottom:1px dashed #ccc;
	padding:2px 0;
}
.tableBorderLeft {
	border-left:1px solid #fff;	
}

/** Table Quarterly report **/
.tableQuarterR {
	margin:0;padding:0;
	border:1px solid #acacac;
	text-align:left;
	width:100%;
	height:auto;
}
.tableQuarterR th{
	margin:0;padding:7px 0px;
	background:#212227;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	text-align:left;
	/*border-left:1px solid #fff;*/
}
.tableQuarterR td{
	margin:0;padding:20px 10px;
	background:#fff;
}
.tableQuarterR-Label {
	font-weight:bold;	
}
.noBorder {
	border:none;	
}

/** div Quarter Report **/
.quarterReport {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
}
.quarterReportRow {
	margin:0;padding:0;
	/*clear:left;*/
	float:left;
}
.quarterReportLabelHeader {
	margin:0;padding:20px 0;
	float:left;
	width:250px;
	/*height:20px;*/
}
.quarterReportQ1Header {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:94px;
	/*height:20px;*/
	font-size:14px;
	font-weight:normal;
	background:#661f23;
	color:#fdc82f;
	border-left:1px solid #661f23;
	border-top:1px solid #661f23;
}
.quarterReportQ2Header {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:95px;
	/*height:20px;*/
	font-size:14px;
	font-weight:normal;
	background:#661f23;
	color:#fdc82f;
	border-top:1px solid #661f23;
}
.quarterReportQ3Header {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:95px;
	/*height:20px;*/
	font-size:14px;
	font-weight:normal;
	background:#661f23;
	color:#fdc82f;
	border-top:1px solid #661f23;
}
.quarterReportQ4Header {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:94px;
	/*height:20px;*/
	font-size:14px;
	font-weight:normal;
	background:#661f23;
	color:#fdc82f;
	border-top:1px solid #661f23;
	border-right:1px solid #661f23;
}
.quarterReportLabel {
	margin:0;padding:30px 10px 27px 15px;
	float:left;
	width:225px;
	/*height:20px;*/
	font-weight:bold;
	font-size:14px;
	background:url(../images/IRnavMenu2-bg.gif) 0 0 repeat #f1f1f1;
	color:#444;
}
.quarterReportQ1 {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:95px;
	/*height:30px;*/
	background:#fff;
	/*border-left:1px solid #acacac;*/
}
.quarterReportQ2 {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:95px;
	/*height:30px;*/
	background:#fff;
}
.quarterReportQ3 {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:95px;
	/*height:30px;*/
	background:#fff;
}
.quarterReportQ4 {
	margin:0;padding:20px 10px 20px 15px;
	float:left;
	width:95px;
	/*height:30px;*/
	background:#fff;
	/*border-right:1px solid #acacac;*/
}

/* === close div Quarter Report === */

/** div Annual Report **/
.annualReport {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
}
.annualReportRow {
	margin:0 auto;padding:0 0 40px 0;
	/*clear:both;
	float:left;*/
	text-align:center;
	width:90%;
}
.annualReportColumn {
	margin:0 2% 0 2%;padding:0 15px;
	width:160px;
	float:left;
	display:inline-block;
}
.annualReportDL {
	margin:15px 0;padding:50px 0 0 0;
	width:50%;
	height:20px;
	background:url(../images/Download.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
}
.annualReportView {
	margin:15px 0;padding:50px 0 0 0;
	width:50%;
	height:20px;
	background:url(../images/ViewOnline.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
}
/* === close div Annual Report === */

/** div Circulars **/
.circulars {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	text-align:justify;
}
.circularsCover {
	background:url(../images/circular.jpg) 0 0 no-repeat;
	width:230px;
	height:300px;
}
.circularsItems {
	margin:0 0 40px 0;padding:0;
	width:100%;
}
.circularsItemsDate {
	font-weight:bold;
}
.circularsItemsDL {
	margin:15px 10px 0 0;padding:50px 0 0 0;
	width:75px;
	height:20px;
	background:url(../images/Download.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
.circularsItemsView {
	margin:15px 0 0 0;padding:50px 0 0 0;
	width:75px;
	height:20px;
	background:url(../images/ViewOnline.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
/* === close div Circulars Report === */

/** div Prospectus **/
.prospectus {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	text-align:justify;
}
.prospectusCover {
	background:url(../images/prospectus.jpg) 0 0 no-repeat;
	width:230px;
	height:300px;
}
.prospectusItems {
	margin:0 0 40px 0;padding:0;
	width:100%;
}
.prospectusItemsDate {
	font-weight:bold;
}
.prospectusItemsDL {
	margin:15px 10px 0 0;padding:50px 0 0 0;
	width:75px;
	height:20px;
	background:url(../images/Download.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
.prospectusItemsView {
	margin:15px 0 0 0;padding:50px 0 0 0;
	width:75px;
	height:20px;
	background:url(../images/ViewOnline.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
/* === close div Prospectus Report === */

/** div Analyst Reports **/
.analystReports {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	text-align:justify;
}
.analystReportsLeft {
	margin:0 0 40px 0;padding:0;
	width:50%;
	height:auto;
	float:left;
	clear:both;
}
.analystReportsRight {
	margin:0 0 40px 0;padding:0;
	width:50%;
	height:auto;
	float:right;
}
.analystReportsCenter {
	margin:auto;padding:0;
	width:72%;
	height:auto;
}
.analystReportsLabel {
	margin:0;padding:10px 5px 5px 5px;
	width:250px;
	height:85px;
	float:left;
	text-align:center;
	background:url(../images/analystReports-bg.gif) 0 0 no-repeat;
}
.analystReportsLink {
	margin:0;padding:10px 50px;
	width:160px;
	height:auto;
	float:left;
	clear:left;
	text-align:center;
}
.alystReportsDate {
	font-weight:bold;	
}
.analystReportsDL {
	margin:0;padding:50px 0 0 0;
	width:50%;
	height:20px;
	background:url(../images/Download.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
.analystReportsView {
	margin:0 0 0 0;padding:50px 0 0 0;
	width:50%;
	height:20px;
	background:url(../images/ViewOnline.png) center 0 no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:center;
}
/* === close div Analyst Reports === */

/** div Corporate info General **/
.general {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	text-align:justify;
	line-height:16px;
}
.generalRowOdd {
	margin:0;padding:8px 0 8px 0;
	width:100%;
	height:auto;
	clear:both;
	background:#f1f1f1;
}
.generalRowEven {
	margin:0;padding:8px 0 7px 0;
	width:100%;
	height:auto;
	clear:both;
	background:#fefefe;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}
.generalLabel {
	margin:0;padding:0 5px 0 10px;
	width:20%;
	height:auto;
	float:left;
	clear:left;
	font-weight:bold;
}
.generalDesc {
	margin:0;padding:0 10px 0 5px;
	width:75%;
	height:auto;
	float:left;
}
/* === close div Corporate info General === */

/** div Media News **/
.mediaNews {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	line-height:16px;
	text-align:justify;
}
.mediaNewsHeader1 {
	margin:0;padding:8px 5px 7px 10px;
	background:#661f23;
	color:#fdc82f;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	text-transform:uppercase;
	border-right:1px solid #fff;
	width:17%;
	height:auto;
	float:left;	
}
.mediaNewsHeader2 {
	margin:0;padding:8px 5px 7px 10px;
	background:#661f23;
	color:#fdc82f;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	text-transform:uppercase;
	border-right:1px solid #fff;
	width:17%;
	height:auto;
	float:left;
}
.mediaNewsHeader3 {
	margin:0;padding:8px 5px 7px 10px;
	background:#661f23;
	color:#fdc82f;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	text-transform:uppercase;
	width:60%;
	height:auto;
	float:left;
}
.mediaNewsColumn1 {
	margin:0;padding:0 5px 0 10px;
	width:17%;
	height:auto;
	clear:both;
	float:left;
}
.mediaNewsColumn2 {
	margin:0;padding:0 5px 0 10px;
	width:17%;
	height:auto;
	float:left;
}
.mediaNewsColumn3 {
	margin:0;padding:0 5px 0 11px;
	width:60%;
	height:auto;
	float:left;
}
.mediaNewsRow {
	margin:0;padding:0;
	clear:both;
}
.mediaNewsRowOdd {
	margin:0;padding:8px 0 7px 0;
	width:100%;
	height:auto;
	clear:both;
	background:#fefefe;
}
.mediaNewsRowEven {
	margin:0;padding:8px 0 8px 0;
	width:100%;
	height:auto;
	clear:both;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	background:#f1f1f1;
}
/* === close div Media News === */

/** div Directors Profile **/
.directorsProfile {
	margin:0;padding:0;
	width:100%;
	height:auto;
	clear:both;
	line-height:17px;
	text-align:justify;
}
.directorsProfileLeft {
	margin:0;padding:0;
	width:320px;
	clear:both;
	float:left;
	height:auto;
}
.directorsProfileRight {
	margin:0;padding:0 0 0 20px;
	width:455px;
	clear:right;
	float:right;
	height:auto;
}
.directorsProfileLabel {
	margin:0 0 20px 0;padding:20px 5px 0 20px;
	width:295px;
	height:50px;
	clear:both;
	float:left;
	font-size:13px;
	font-weight:bold;
	background:url(../images/directorsProfileLabel.gif) 0 0 no-repeat;
}
.directorsProfileLabel:hover {
	color:#661f23;
	background:url(../images/directorsProfileLabel-active.gif) 0 0 no-repeat;
}
.directorsProfileLabelRight {
	margin:0 0 20px 0;padding:20px 5px 0 20px;
	width:430px;
	height:50px;
	clear:both;
	float:left;
	font-size:13px;
	font-weight:bold;
	background:url(../images/directorsProfileLabelRight-active.gif) 0 0 no-repeat;
	color:#661f23;
}
.directorsProfileRightDesc {
	margin:0;padding:0 2px;
	width:451px;
	clear:both;
	float:left;	
}
.directorsProfileDesignated {
	font-size:11px;
	font-weight:normal;
}
.directorsProfile p {
	line-height:17px;
}
.directorsProfileLabel a {
	color:#444;	
}
.directorsProfileLabel a:hover {
	text-decoration:none;
}
.directorsProfileLabel:hover a {
	color:#661f23;
	text-decoration:none;
}
.directorsProfileLabel-Active {
	margin:0 0 20px 0;padding:20px 5px 0 20px;
	width:295px;
	height:50px;
	clear:both;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#661f23;
	background:url(../images/directorsProfileLabel-active.gif) 0 0 no-repeat;
}
.directorsProfileLabel-Active a:hover {
	text-decoration:none;
}
/* === close div Directors Profile === */

/** Table financial **/
.tableFinancial {
	margin:0;padding:0;
	text-align:left;
	width:100%;
	height:auto;
}
.tableFinancial th{
	margin:0;padding:9px 10px;
	background:#552800;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	border-right:1px solid #fff;
}
.tableFinancial td{
	margin:0;padding:8px 10px 7px 10px;
	border-bottom:1px dotted #cecece;
}
.tableFinancial tr:nth-child(odd) { 
	background-color:#fafafa; 
}
.tableFinancial tr:nth-child(even) { 
	background-color:#fff; 
}

/** table milestones **/
.tableMilestones {
	margin:0;padding:0;
	border-collapse:collapse;
}
.tableMilestones tr {
	vertical-align:top;
}
.tableMilestones td {
	border:none;
	vertical-align:top;
	border-top:1px dotted #ddd; 	
	border-bottom:1px dotted #ddd; 	
} 

/** Component Box **/
.componentBox {
	margin:20px 0 0 0;padding:0;
	width:260px;
	height:auto;
	background:#fff;
}
.componentBoxHeader {
	margin:0;padding:0px;
	color:#444;
	font-size:15px;
	font-weight:bold;
	display:block;
}
.newsAlertHeader {
	background:url(../images/newsAlertHeader-bg.gif) 0 0 repeat-x #3392ed;	
}
.componentBoxBody {
	margin:0;padding:15px 0px;
}
.componentBoxBodyNewsAlert {
	margin:0;padding:15px;
	background:url(../images/newsAlert-bg.gif) 0 0 no-repeat;
}
.componentBoxAR {
	margin:20px 0 20px 15px;padding:0;
	width:150px;
	height:200px;
	background:url(../images/ar-index-2011.jpg) 0 0 no-repeat;
	float:left;
}
.componentBoxQR {
	margin:20px 0 20px 15px;padding:0;
	width:150px;
	height:200px;
	background:url(../images/qr-index.jpg) 0 0 no-repeat;
	float:left;
}
.componentBox-Vlink {
	margin:60px 0 10px 0;padding:16px 0 0 60px;
	width:90px;
	height:32px;
	background:url(../images/ViewOnline.png) 0 0 no-repeat;
	float:right;
}
.componentBox-Dlink {
	margin:0;padding:16px 0 0 60px;
	width:90px;
	height:32px;
	background:url(../images/Download.png) 0 0 no-repeat;
	float:right;
}
/* ==== Close Content ==== */

.footerHeader {
	background:url(../images/footerBorder.jpg) repeat-x;
	height:5px;
}

.footerContent {
	margin:auto;padding:0px 10px 20px 10px;
	height:auto;
	position:relative;
	/*overflow:hidden;*/	/** clearing floats **/
	/*width:100%;*/			/** clearing floats **/
	width:1000px;
}
.footerLeft {
	margin:0;padding:0;
	clear:both;
	float:left;
	width:185px;
	height:20px;
}
.footerRight {
	margin:0;padding:0;
	clear:right;
	float:right;
	width:815px;
	height:auto;
}
.footerCredit {
	clear:both;
	margin:0;padding:0;
	width:100%;
	height:auto;
	text-align:center;
}
.footerCredit p {
}

.footerCredit a {
	text-decoration:none;
	color:#c39b5a;
}

.footerCredit a:hover {
	color:#fdc12c;
}

.footerHyperlink{
	float:left;
}

.footerHyperlink a{
	text-decoration:none;
	color:#c39b5a;
}

.footerHyperlink a:hover{
	color:#fdc12c;
}


/** Misc **/
.clear {
	margin:0;padding:0;
	clear:both;
	height:0;
    font-size:0;
    line-height:0;
	display:block;
	height:0;
	clear:both; 
	visibility:hidden;
}
.left {
	float:left;	
}
.right {
	float:right;
}
.bold {
	font-weight:bold;	
}
.shadow {
	text-shadow:0 1px #d7d9dc;	
}
.arrow {
	font-size:15px;
	margin:10px 0 0 0;
}
.noBackground td {
	background:#000;
}
.button {
	font-size:11px;
	margin:0;
	font-weight:bold;
	color:#333;
	cursor:pointer;
}
.dropdownlist, dropdownlist {
	margin:0;padding:2px 3px;
	font-size:12px;
	color:#333;
	width:auto;
	border:1px solid #838383;
}
.textbox, textbox {
	font-size:12px;
	margin:0;
	border:1px solid #838383;
	width:auto;
	height:auto;
	padding:5px;
	color:#333;
	cursor:text;
}
.textarea, textarea {
	padding:2px;
	color:#333;
	font-size:11px;
	border:1px solid #838383;
	cursor:text;
}
.dropdownlist:focus, dropdownlist:focus {
	border:1px solid #661f23;
}
.textarea:focus, textarea:focus {
	border:1px solid #661f23;
}
.textbox:focus, textbox:focus {
	border:1px solid #661f23;
}

/** financial tab link, year,quarter etc **/
.span_finance_off {
	padding:0 10px;
	text-decoration:none;
	font-weight:normal;
	color:#452325;
	line-height:18px;
}
.span_finance_on {
	padding:0 10px;
	text-decoration:underline;
	font-weight:bold;
	color:#452325;
	line-height:18px;
}
.span_finance_on:hover, .span_finance_off:hover {
	padding:0 10px;
}

/** General > Industry Classification table **/
.id_clsf {
	margin:0;padding:0;
	border:1px solid #666;
}
.id_clsf th{
	margin:0;padding:3px;
	background:#666;
	color:#fff;
}
.id_clsf td{
	margin:0;padding:3px;
	background:#fff;
	color:#444;
}

/* Selection style */
/*
::selection {
background:#a4b344;
color:#ffffff;
}
::-moz-selection{
background:#a4b344;
color:#ffffff;
}
::-webkit-selection {
background:#a4b344;
color:#ffffff;
}
*/