/*	SLHK MAIN CSS
	created by Trevor McCombie
	for Standard Life Hong Kong
*/

@import url("reset.css");

/* TOP LEVEL */
/* TOP LEVEL */
html {font-family:新細明體, pmingliu, 細明體, mingliu, arial; font-size:75.5%;}

body {margin:0; padding:0; font-size:1em; text-align:center; line-height:1.2;}

/* HEADERS */
h1{font-size:2em; padding:0px 0px 5px 5px; font-weight:bold; color:#0a2f73;  font-family: arial, Helvetica, Verdana, Tahoma, Arial, sans-serif}
h2{font-size:1.25em; padding:0px 0px 0px 5px; font-weight:bold; color:#0a2f73;  font-family: arial, Helvetica, Verdana, Tahoma, Arial, sans- serif}
h2 a:link {color:#0066ff; text-decoration:none; }
h2 a:visited {color:#0066ff; text-decoration:none; }
h2 a:hover {color:#8b008b;text-decoration:underline;}
/*h3 {font-size:1.2em;  padding:0px 0px 5px 5px; font-weight:bold;}*/
h3 {font-size:1em;  padding:0 5px; }
h3 a:link {color:#0066ff;}
h3 a:visited {color:#0066ff;}
h3 a:hover {color:#8b008b;}
h2, h3 { color:#0a2f73; font-weight:bold;}
a:link, a:hover; a:active {display:block; }

/*20090707-Kelvin Wong-S*/
.h1 {font-size:1.5em; padding:10px 0; }
.h2 {font-size:1.25em; padding:0 5px; }
.h3 {font-size:1em;  padding:0 5px; }
.h1, .h2, .h3 { color:#0a2f73;  font-weight:bold;}
.p {font-size:1em;  padding:0 5px; }
.a:link, .a:hover; .a:active {display:block; }
/*20090707-Kelvin Wong-E*/

/*20100106-Eddie Chan-S*/
/* HEADERS */
/*make note to remove .largeSize h1 at bottom*/

/* PARAGRAPH */
/*#leftColHolder p {font-size:1em; margin:0px 0px 5px 0px; padding-right:5px; font-weight:normal; line-height:120%; color:#000000; font-family: Helvetica, Verdana, Arial, sans-serif}

/* TRAIL, LINK */
.trail {font-size:0.9em; margin:2px 0px 3px 5px; font-weight:normal; color:#000000; font-family: Helvetica, Verdana, Arial, sans-serif}
.morelink {margin:5px 5px 5px 5px; text-align:right;}


/* PDF LINKS automatic 
a[href *='.pdf'] {padding-left: 16px; background: transparent url(pdf_icon.gif) no-repeat top left;}*/

/* LIST STYLE */
   /* note: Must find way to control list in different containers  #contentholder li {list-style: outside; margin: 1em 0;} */
   /* Still has a bug, cannot fully control lists within content */

/*li {margin: 1em 0; }*/
#leftColHolder li {margin: 1em 0; }

/* FLOATING CONTAINERS */
.floatright {margin:0px 0px 5px 5px; float:right; text-align:center;}
  .floatright img {padding-bottom:5px;}
.floatleft  {margin:0px 0px 0px 0px; float:left; text-align:center; max-width:170px;}
  .floatleft img {padding-bottom:5px;}

.highlightryellow { background:#FFFFCC; margin: 0pc 5px 5px 5px; padding: 5px 5px 8px 5px;  width: 170px; float:right; border-style: dotted; border-width: 2px; border-color: #A0A0A0;}
  .highlightryellow p {padding:0px 0px 0px 0px;}
  .highlightryellow li {list-style: outside; margin: 0.5em;}

/* COLORED ROWS */
.rowgreendark {margin: 0px 5px 7px 5px; padding: 5px; background-color: #cff6f5; clear:both;}
.rowgreenlight {margin: 0px 5px 7px 5px; padding: 5px; background-color: #ebfbfb; clear:both}
.rowgreenlight + .rowgreendark {margin-top: -6px; }
.rowgreendark + .rowgreenlight {margin-top: -6px; }

/*  HALF OF LARGEBOX */
.halfleft {width:348px; margin: 0px 0px 5px 1px; float:left; padding-left: 5px}
.halfright {width:348px; margin: 0px 1px 5px 0px; float:right; padding-left: 5px}

.dataBirthTableRow {vertical-align:top ;font-size: 1.2em;letter-spacing:0px; line-height:1.2}
.dataBirthTableRowAlt {vertical-align:top;background-color:#eeeeee;font-size: 1.2em;letter-spacing:0px; line-height:1.2}
.pdflink {  
    background: transparent url(pdf_icon.gif);
    background-position: 0 4px;
    padding-left: 14px;
    background-repeat: no-repeat;
    display: block;
    margin-left: 0;
}
/*20100106-Eddie Chan-E*/

/* LAYOUT DIV CONTAINERS */
#frame {margin:0 auto; padding:0; text-align:left; width:1000px; background:; }

#headerHolder {margin:0; padding:0; width:; height:88px; background:#FFF; position:relative;}

#horzNavHolder {margin:0; padding:0; width:; height:; background:#FFF; }

/*Kelvin Wong
#subNavHolder {margin:0; padding:0; width:100%; height:; background:#285DA5; color:#FFF; float:left;}*/
#subNavHolder {margin:0; padding:0; width:100%; height:; background:#285DA5; color:#007BC3; float:left;}


#contentHolder {margin:0; padding:0; width:;  background:;}

#leftColHolder {margin:0; padding:0; width:700px; float:left; background:; position:relative; left:0px;}

/* 20090623-JULISA-S */
/* #rightColHolder {margin:10px 0; padding:0; width:285px; float:right; background:; } */
#rightColHolder {margin:0px; padding:0; width:285px; float:right; background:; }
/* 20090623-JULISA-E */

#footerHolder {margin:10px 0; padding:0; width:; clear:both; background:; border-top:2px solid #285DA5; }
	#footerHolder p {padding:10px 0;  }

/* OTHER DIVS & ELEMENTS */
#slLogo {position:absolute; top:0; left:0;  }

#headerLinks {position:absolute; top:2px; right:0;  }
	ul#headerLinks {list-style:none; float:left; font-size:0.9em; color:#333;}
	ul#headerLinks li {float:left; padding:0 10px; border-right:1px solid #000;}
	ul#headerLinks li.navEnd {border:0;}
	ul#headerLinks li a:link, 
	ul#headerLinks li a:visited, 
	ul#headerLinks li a:active {text-decoration:none; color:#000; display:block; }
	ul#headerLinks li a:hover {text-decoration:underline; background:#ffff00;}
	
#searchBox {position:absolute; right:0; top:40px; }
	#searchBox label {color:#003366; font-weight:bold; font-size:0.9em;}
	#searchBox input {border:1px solid #B9CDD3;}
	#searchBtn {background:#005FA7; color:#FFF; border:0; font-weight:bold; font-size:0.9em; cursor:pointer; border:1px solid #B9CDD3; padding:2px;}
	#searchBtn:hover {background:#B9CDD3; color:#005FA7; border:0; font-weight:bold; font-size:0.9em; cursor:pointer; border:1px solid #005FA7; padding:2px;}
	
.floatL {float:left;}
.floatR {float:right;}	
.clear {clear:both;}

.innerLeft {float:left; width:100px; margin:10px 0;}
.innerRight {float:right; width:580px; margin:10px 0;}

img {border:0; }
#leftColHolder .largeSize img {margin:0 5px 0 10px; }


#leftColHolder ul li, #rightColHolder ul li {list-style:none;}
#leftColHolder ol li, #rightColHolder ol li{list-style:none; margin-left:40px; }
#leftColHolder ul, #rightColHolder ul, #leftColHolder ol, #rightColHolder ol {padding-bottom:5px;}

/* HORZ NAV */	
#horzNav {font-size:13px; margin:0 auto;}
	ul#horzNav  {margin:0; padding:0; list-style:none; padding-left:0; padding-top:; padding-bottom:; float:left;}
	ul#horzNav li {float:left; }
	ul#horzNav li a {background:url(../css/img/left_tab.gif) left top no-repeat; color:#FFF; text-decoration:none; padding:5px 0 5px 10px; display:block; margin:0; border-bottom:1px solid #FFF;}
	ul#horzNav a span {background:url(../css/img/right_tab.gif) right top no-repeat;  padding:5px 10px 5px 0 ; margin:0; border-bottom:1px solid #FFF;}
	ul#horzNav a:hover {background:url(../css/img/left_tab_hover.gif) left top no-repeat; }
	ul#horzNav a:hover span {background:url(../css/img/right_tab_hover.gif) right top no-repeat; }
	
/* HORZ NAV BLUE ON STATE */
	ul#horzNav li.blueOn a   {background:url(../css/img/left_tab_hover.gif) left top no-repeat; color:#FFF; text-decoration:none; padding:5px 0 5px 10px; display:block; margin:0; border-bottom:1px solid #285da5; }
	ul#horzNav li.blueOn a span  {background:url(../css/img/right_tab_hover.gif) right top no-repeat;  padding:5px 10px 5px 0 ; margin:0; border-bottom:1px solid #285da5;} 

/* HORZ NAV GREY ON STATE */
	ul#horzNav li.greyOn a   {background:url(../css/img/left_tab_hover_grey.gif) left top no-repeat; color:#FFF; text-decoration:none; padding:5px 0 5px 10px; display:block; margin:0; border-bottom:1px solid #999; }
	ul#horzNav li.greyOn a span  {background:url(../css/img/right_tab_hover_grey.gif) right top no-repeat;  padding:5px 10px 5px 0 ; margin:0; border-bottom:1px solid #999;} 

/* SUB NAV */
/*Kelvin Wong
ul#subNav {list-style:none; float:left; font-size:0.9em; color:#FFF;}
ul#subNav li {float:left; padding:0 7px; border-right:1px solid #FFF;}
ul#subNav li.navEnd {border:0;}
ul#subNav li a:link, 
ul#subNav li a:visited, 
ul#subNav li a:active {text-decoration:none; color:#FFF; display:block; }
ul#subNav li a:hover {text-decoration:underline;}
*/
ul#subNav {list-style:none; float:left; font-size:1.0em; color:#007BC3;}
ul#subNav li {float:left; padding:0 7px; border-right:1px solid #007BC3;}
ul#subNav li.navEnd {border:0;}
ul#subNav li a:link, 
ul#subNav li a:visited, 
ul#subNav li a:active {text-decoration:none; color:#007BC3; display:block; }



/* MAIN CONTENT DIVs */
.halfSizeHolder {margin:1px 0 10px 0; padding:0; background:url(../css/img/box_bckgnd_350.gif) repeat-y; width:700px;}
	.halfSizeLeft {margin:0; padding:0; width:345px; float:left; background:; }
	.halfSizeRight {margin:0; padding:0; width:345px; float:right; background:; }
	
/*20090624-Kelvin Wong-S*/
.halfSizeHolderNB {margin:1px 0 10px 0; padding:0; background:; width:700px;}
	.halfSizeLeft {margin:0; padding:0; width:345px; float:left; background:; }
	.halfSizeRight {margin:0; padding:0; width:345px; float:right; background:; }
/*20090624-Kelvin Wong-E*/
	
	

.largeSizeHolder {margin:1px 0 10px 0; padding:0; width:700px; }
	.largeSize {margin:0; padding:0; background:url(../css/img/box_bckgnd_700.gif) repeat-y}
	
	.largeSize h1 {padding:10px; }

.halfSizeLeft p, .halfSizeRight p, .largeSize p {padding:5px; white-space:normal;} 

.box285Holder {margin:1px 0 10px 0; padding:0; width:285px; }
	.box285 {background:url(../css/img/box_bckgnd_285.gif) repeat-y}
	.box285 p {padding:5px;  }

.halfSizeLeft, .halfSizeRight, .largeSize, .box180 {}

.searchPol {text-align:left; background:; margin:10px 100px;}
	.searchPol h3 {float:left; padding:0; margin:0; margin-left:50px;}
	.searchPol input {float:left; margin:0 10px;}
	.searchPol a:link {float:left; margin:0 10px;}
	.searchPol em {text-align:center; }
	
.fiftyHolder {margin:0; padding:10px 0;}
	.fiftyL	{width:49%; float:left;}
	.fiftyR {width:49%; float:right;}
	.alignRight {text-align:right; margin-right:20px;}

.policyTable {width:100%; font-size:0.8em; }
	.policyTable td {padding:5px 10px; }

	
#polEnqRecordNo {color:#285DA5; text-align:right; font-weight:bold; margin:5px 0;margin-right:20px;}






/*20090929-Kelvin  - Same class name with style1.css*/
/*.red {background:red; }*/


.MiddleGrey 	{
		background-color: #285DA5;
		color: #FFFFFF;
		font-family: "新細明體,pmingliu";
		font-size: 1.0em;
		font-weight: bold;
	}
	
.LightGrey 	{
	background-color: #E1E1E1;
	font-family: "新細明體,pmingliu";
	font-size: 1.0em;
	color: #000000;
 	line-height: 1.417em;
}

.transLogTable {width:98%; margin:10px 5px; padding:0 0px;}
.transLogTable tr th, .transLogTable tr td {padding:5px;}
.transLogTable .hi {background:#285DA5; color:#FFF; }
	
.largeSizeHolder1000 {margin:1px 0 10px 0; padding:0; width:1000px; }
.largeSize1000 {margin:0; padding:0; background:url(../css/img/dot1000.png) repeat-y
}