h1 {
	font-family: verdana;
	font-size: 138.5%;
	font-weight: bold;
	text-transform: capitalize;
	color: #000066;
	text-decoration: none;
	line-height:200%;	
}

h2 {
	font-family: verdana;
	font-size: 123.1%;
	font-weight: bold;
	text-transform: capitalize;
	color: #000099;
	text-decoration: none;
	border-bottom: 1px solid #FFCC00;
}

h3 {
	font-family: verdana;
	font-size: 108%;
	font-weight: bold;
	text-transform: capitalize;
	color: #000099;
	text-decoration: none;
}

blockquote,ul,ol,dl { 
    /*giving blockquotes and lists room to breath*/ 
    margin:1em; 
} 
ol,ul,dl { 
    /*bringing lists on to the page with breathing room */ 
    margin-left:2em; 
} 
ol li { 
    /*giving OL's LIs generated numbers*/ 
    list-style: decimal outside;     
} 
ul li { 
    /*giving UL's LIs generated disc markers*/ 
    list-style: disc outside; 
} 

/* Exclusive for the main menu on the right 091227 */
div.mainmenu {
 	position:relative; 
 	left:20px;
}

/* Exclusive for the main menu on the right 091227 */
div.mainmenu div a {
	display: block;
	font-family: verdana;
	font-size: 108%;
	line-height: 150%;	
	text-decoration: none;
	vertical-align: middle;	
}

/* Main Content Block 091227 */
div.contentblock {
	position:relative; 
	left:10px; 
	width:802px; 
	display:inline-table; 	
}

/* For the main content */
.content {
	font-family: verdana;
	font-size: 108%;
	line-height: 150%;	
}

/* For the pager on the main content area */
.pager {	
	font-family: verdana;
	font-size: 93%;
	color: #000066;
	text-decoration: none;
}

/* Small print */
.remark {
	font-family: verdana;
	font-size: 93%;
	color: #000066;
	text-decoration: none;
}

/* Exclusive for the copyright and T&C at the bottom fotter area 091227*/
div.footer {
	font-family: verdana;
	font-size: 77%;
	color: #999999;
	text-decoration: none;
}

/* Exclusive for the quick link drop down on the top pager 091227 */
select.quicklink {
	font-family: verdana;
	font-size: 93%;
	border: thin solid #FFCC00;
	background-color: #FFFFCC;
}

div.mapembed {
	border: 1px solid #FFCC00;
	width: 800px;
	height: 600px;	
}

/* Simulate the HR 091227 */
div.hr {
	width:800px;
	height:1px;
	background-color:#ffcc00;
}
/* Simulate the HR 091227 */
div.hr hr {
	display:none;
}


/* REVIEWED */
table {
	border-collapse:collapse;
}

html,body  { 
		font-family: verdana;
        /*background-color: #FFFFCC; */
        background:#ffffcc url('http://www.hkrail.net/img/background.png') 0 0 repeat-y;
        text-align: left;
        height:100%;
}

input { 
		font-family: verdana 
}


/* obsolute */
.table_as_hr {	
	margin: 0px;
	padding: 0px;
	border: 0px none;
	background-color: #FFCC00;
}

table.timeline {
	border: 1px dotted #000099;
	margin: 0px;
	padding: 0px;
	width: 250px;
	float: right;
	font-size: 93%;
}

table.timeline tr {
	background-color: #ccffff;
	vertical-align: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #000099;
	border-right-color: #000099;
	border-bottom-color: #000099;
	border-left-color: #000099;
	}

table.timeline tr.timeline_cap {
	background-color: #0000CC;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	border-top: 1px dotted #000099;
	border-right: 1px none #000099;
	border-bottom: 1px dotted #000099;
	border-left: 1px none #000099;
}

table.timeline tr td {
	padding: 1px;
}

table.standard {
	border: 1px dashed #000099;
	margin: 0px;
	padding: 0px;
}

tr.standard_cap {
	background-color: #0000CC;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	border-top: 1px dashed #000099;
	border-right: 1px none #000099;
	border-bottom: 1px dotted #000099;
	border-left: 1px none #000099;
}

tr.standard {
	vertical-align: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #000099;
	border-right-color: #000099;
	border-bottom-color: #000099;
	border-left-color: #000099;
}

tr.standard_alt {
	background-color: #ffff99;
	vertical-align: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #000099;
	border-right-color: #000099;
	border-bottom-color: #000099;
	border-left-color: #000099;
}
	
table.mod {
	border: 1px solid #FFCC00;
	background-color: #ffff99;
	margin: 0px;
	padding: 0px;
}

tr.mod_hdr {
	background-color: #FFCC00;
	vertical-align: top;
	border-style: none;
	font-family: verdana;
	/*font-size: 108%;*/
	font-weight: normal;
	text-transform: capitalize;
	color: #000099;
	text-decoration: none;
	background-image: url('/img/mod_hdr_bg.gif');
	height: 20px;
}


div.module {
	margin:4px 2px; 
	border:1px solid #ffcc00;
	background: #ffff99;
}

div.module div {
	padding:2px; 
}

div.module div.modCaption {
	background: #ffcc00;
	border-bottom: 2px outset #ffcc00;
}








div.image_info {
	background-color: #FFFFCC;
	font-family: verdana;
	/*font-size: 77%;*/
	text-align: left;
	text-decoration: none;
	color: #000066;
	position:absolute;
	width:250px;
	border:#FFCC00 1px solid;
	visibility:hidden;
	filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9;
}
		
/* NOT REVIEWED */
		


a:link    { color: blue; font-weight:normal; text-decoration: none; }
a:visited { color: blue; font-weight:normal; text-decoration: none; }
a:active  { color: blue; font-weight:normal; text-decoration: none; }
a:hover   { color: red;	 font-weight:normal; text-decoration: none; }


.hovernotes	{
	background-color: #CCFFCC;
	cursor: help;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #009900;
	border-right-color: #009900;
	border-bottom-color: #009900;
	border-left-color: #009900;

}		

.field {
	font-family: monospace;
	color: #000066;
	margin: 0px;
	padding: 0px;
	border: 1px solid #FFCC00;
	/*font-size: 12px;*/
}

.mesg_content {
	font-family: verdana;
	color: #000066;
	margin: 0px;
	padding: 0px;
	/*font-size: 123.1%;*/
}


.button {
	font-family: verdana;
	border: thin solid #FFCC00;
	background-color: #FFFFCC;
	/*font-size: 10px;*/
}


/* Picture Album CSS 091227 */
div.picPanel { 
	display:table; 
}

/* Picture Album CSS 091227 */
div.picPanel div { 
	margin:1px; 
	padding:5px 1px 1px 1px; 
	float:left; 
	display:block; 
	position:relative; 
	text-align:center; 
	width:154px; 
	height:140px; 
	border:1px outset #cccccc; 
}

/* Picture Album CSS 091227 */
div.picPanel div a {
	display:block;color:#000000;
}

/* Picture Album CSS 091227 */
div.picPanel div a label {
	cursor:pointer;
}
	
/* Picture Album CSS 091227 */
div.picAlbumCell { 
	background-color:#ffff99; }		
	
/* Picture Album CSS 091227 */	
div.picAlbumCell img { 
	opacity:0.7;filter:alpha(opacity=70); }
	
/* Picture Album CSS 091227 */	
div.picAlbumCell a label { 
	font-size:10pt; position:absolute; top:110px; width:156px; left:0px; height:36px;background-color:#cccccc; }

/* Picture Album CSS 091227 */
div.picPhotoCell { 
	background-color:#ffffff; }
	
/* Picture Album CSS 091227 */	
div.picPhotoCell a label { 
	font-size:8pt; }