/* 
Copyright MTR Corporation
All rights reserved
Credits: Site created by pill and pillow
*/

/*==========Common Styles==========*/
*,html {
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

body {
	background-color: #F0F0F0;
	margin: 0;
	padding: 0;
}

form, ul, li, h1, h2, h3, p {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}

a, a:hover {
	text-decoration: none;
}
a img{
	border:0;
}

/*==========Backgrounds==========*/

#main {
	width:900px;
	background-color: #FFFFFF;
}

#main td.mainleft{
	width:262px;
}

#main td.mainright{
	width:638px;
}

#homeIntro{
	background:url(assets/bg_gradient.jpg) top left no-repeat;
	padding:48px 40px 0 28px;
}

#pageContent{
	padding:28px 55px 0 26px;
}
#pageContent_graph{
	padding:25px 0 0 21px;
}
#pageContent_end{
	width:620px;
	height:30px;
	margin-bottom:11px;
	border-bottom:1px solid #DCE2E2;
}
#pageContent_end2{
	width:620px;
	height:120px;
	margin-bottom:11px;
	border-bottom:1px solid #DCE2E2;
}
#casestudy_top{
	width:578px;
	padding:28px 21px 0 21px;
	background-color:#EFE2E4;
}
#casestudy{
	width:578px;
	padding:0 21px 28px 21px;
	background-color:#EFE2E4;
}
#GRIchart{
	padding-top: 24px;
	padding-bottom: 0;
}

/*==========General Text==========*/
a{
	color:#666666;
}
a:hover{
	color:#0071BC;
}
a.blue{
	color:#0071BC;
}
a.blue:hover{
	color:#284B72;
	text-decoration:underline;
}	
a.red{
	color:#AF2849;
}
a.red:hover{
	color:#6A3D45;
	text-decoration:underline;
}
a.green{
	color:#008690;
}
a.green:hover{
	color:#3E5F54;
	text-decoration:underline;
}
p{
	font-size:0.7em;
	color:#5E5E5E;
	line-height:1.4em;
}
p.heading{
	font-size:0.75em;
	color:#333333;
	font-weight:bold;
	padding-bottom:12px;
}
p.heading2{
	font-size:1em;
	color:#333333;
	font-weight:bold;
	padding-bottom:12px;
}
p.blueheading{
	font-size:0.7em;
	color:#002152;
}
p.redheading{
	font-size:0.75em;
	color:#6A3D45;
}
p.greenheading{
	font-size:0.75em;
	color:#3E5F54;
}
p.intro{
	font-size:0.75em;
	line-height:1.5em;
	color:#363636;
}
p.intro a{
	color:#0071BC;
	text-decoration:none;
}
p.intro a:hover{
	color:#284B72;
	text-decoration:underline;
}
p a{
	color:#041A3B;
	text-decoration:underline;
}
p a:hover{
	color:#358286;
	text-decoration:underline;
}
ul{
	font-size:11px;
	color:#666666;
	line-height:15px;
	padding:0 0 0 14px;
}
ul li{
	list-style-type:square;
	padding-bottom:3px;
}
p.doc{
	background-image:url(assets/icon_doc.gif);
	background-position:10px 0;
	background-repeat:no-repeat;
	font-size:11px;
	color:#666666;
	padding:0 0 0 28px;
}
p.doc a{
	color:#666666;
	text-decoration:none;
}
p.doc a:hover{
	color:#0071BC;
	text-decoration:none;
}

/*==========Global Navigation==========*/
/*Note: Go to the styles_nav.css file to modify the individual navigation images & positions etc.*/
#globalnav{
	padding: 0 19px 12px 0;
d
}

/*==========Side Navigation==========*/
/*Note: Go to the styles_nav.css file to modify the individual navigation images & positions etc.*/
#sidenav{
	width:229px;
}

#sidenav td.sidenav_top{
	border-left:18px solid #284B72;
	padding: 0 0 12px 0;
}

#sidenav td.sidenav_bottom{
	border-left:18px solid #E1E1E1;
}

/*==========Images==========*/
img.logo{
	padding: 23px 28px 30px 28px;
}
img.banner{
	padding:19px 0 0 25px;
}
img.imgleft{
	margin:0 30px 15px 0;
	border:1px solid #CCCCCC;
	float:left;
}
img.imgleft2{
	margin:0 16px 10px 0;
	border:1px solid #CCCCCC;
	float:left;
}

/*==========links==========*/
#backtotop{
	border-left:3px solid #D2D2D2;
	width:65px;
	font-size:11px;
	padding:0 29px 0 0;
	float:right;
}
#bluelink{
	background-image:url(assets/icon_bluelink.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:11px;
	padding:0 0 0 19px;
	float:left;
}
#redlink{
	background-image:url(assets/icon_redlink.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:11px;
	padding:0 0 0 19px;
	float:left;
}
#greenlink{
	background-image:url(assets/icon_greenlink.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:11px;
	padding:0 0 0 19px;
	float:left;
}
#generallink1{
	background-image:url(assets/icon_link.gif);
	background-repeat:no-repeat;
	font-size:11px;
	padding:0 0 5px 18px;
	background-position:0 0;
}
#generallink2{
	background-image:url(assets/icon_link.gif);
	background-repeat:no-repeat;
	font-size:11px;
	padding:0 0 5px 116px;
	background-position:99px 0;
}
#generallink3{
	background-image:url(assets/icon_link_red.gif);
	background-repeat:no-repeat;
	font-size:11px;
	padding:0 0 5px 18px;
	background-position:0 0;
}
#generallink3 a:hover{
	color:#AF2849;
}
#printerfriendly{
	background-image:url(assets/icon_printer.gif);
	background-position:10px 0;
	background-repeat:no-repeat;
	font-size:11px;
	color:#666666;
	padding:0 19px 12px 0;
	float:right;
	width:125px;
}
#breadcrumb{
	background-image:url(assets/icon_back.gif);
	background-position:10px 2px;
	background-repeat:no-repeat;
	width:456px;
	float:left;
	font-size:11px;
	color:#666666;
	padding: 0 0 0 26px;
}
#casestudy_select{
	float:right;
	width:175px;
}

/*==========Banners==========*/
#bluebanner{
	width:620px;
	height:55px;
	background-color:#DCE2E2;
}
#redbanner{
	width:620px;
	height:55px;
	background-color:#E6CCCC;
}
#greenbanner{
	width:620px;
	height:55px;
	background-color:#D4D9CC;
}
#burgundybanner{
	width:620px;
	height:55px;
	background-color:#6A3D45;
}


/*==========Side bar==========*/
.paneltitle{
	background-color:#284B72;
	padding:6px 0 6px 6px;
}
.panelcontent{
	background-color:#E6EBEB;
	padding:8px 4px 10px 10px;
}
.panelimg{
	margin:0 8px 0 0;
	border:1px solid #CCCCCC;
}
.paneltitle_red{
	background-color:#6A3D45;
	padding:6px 0 6px 6px;
}
.panelcontent_red{
	background-color:#F5EEEF;
	padding:8px 4px 10px 10px;
}
.panellabel_red{
	background-color:#F5EEEF;
	padding:0 4px 0 10px;
}

/*==========GRI Chart table styles==========*/
table.GRIchart{
	font-size:11px;
	color:#666666;
	line-height:12px;
	background-color:#F5F5F5;
}
table.GRIchart a{
	color:#AC2648;
	text-decoration:underline;
}
table.GRIchart a:hover{
	color:#6A3D45;
	text-decoration:underline;
}
table.GRIchart th{
	background-color:#AF2A49;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	line-height:11px;
}
table.GRIchart th.title{
	width:129px;
	padding:5px 0 5px 0;
}
table.GRIchart th.indicator{
	width:263px;
	padding:5px 0 5px 0;
}
table.GRIchart th.page{
	width:70px;
	padding:5px 15px 5px 0;
}
table.GRIchart th.remarks{
	width:121px;
	padding:5px 0 5px 0;
}
table.GRIchart td.heading{
	color:#535353;
	font-weight:bold;
	padding:9px 0 11px 9px;
}
table.GRIchart td.subheading{
	color:#535353;
	padding:10px 0 0 9px;
}
table.GRIchart td.listnumber{
	border-top:1px solid #E4E4E4;
	padding:9px 0 9px 0;
	width:28px; 
}
table.GRIchart td.details{
	border-top:1px solid #E4E4E4;
	padding:9px 0 9px 0;
	width:235px;
}
table.GRIchart td.links{
	border-top:1px solid #E4E4E4;
	padding:9px 0 9px 0;
}
table.GRIchart td.separator{
	border-top:1px solid #D4D4D4;
}



/*==========Footer==========*/
td.footer{
	padding:50px 18px 19px 18px;
}
#footer{
	border-top:1px solid #DCE2E2;
	padding: 6px 0 0 0;
	color:#999999;
	font-size:11px;
	
}

/*==========Misc==========*/
select{
	width:168px;
	font-size:11px;
	color:#666666;
	border:1px solid #CCCCCC;
}
#flashcontent {
		width: 619px;
		height: 476px;
}table.GRIchart td.definition {

	border-top:1px solid #E4E4E4;
	padding:9px 0;
	width:400px;
}
table.GRIchart td.def {
	border-top:1px solid #E4E4E4;
	padding:9px 0;
	top: 9px;
}
#bluebox {
	width:575px;
	height:auto;
	background-color:#DCE2E2;
	padding: 3px;
}
#redbox {

	width:575px;
	height:auto;
	background-color:#E8D7CE;
}
#nextarrow {
	background-image:url(assets/icon_next.gif);
	background-position:10px 2px;
	background-repeat:no-repeat;
	float:right;
	font-size:11px;
	color:#666666;
	padding: 0 0 0 26px;
}
#prevarrow {


	background-image:url(assets/icon_back.gif);
	background-position:center 2px;
	background-repeat:no-repeat;
	float:right;
	font-size:11px;
	color:#666666;
	padding: 0 0 0 26px;
}
#prevtext {
	background-position:10px 2px;
	background-repeat:no-repeat;
	float:right;
	font-size:11px;
	color:#666666;
	padding: 0 0 0 26px;
}
#nextspace {
	background-repeat:no-repeat;
	float:right;
	font-size:11px;
	color:#666666;
	padding: 0 0 0 26px;
	width: 34px;
}