<%@ page contentType="text/css; charset=UTF-8"%>
/* general */
/* em support for ie */
html { 
	font-size: 100%;
}
/* png support for ie */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0px;
}
.text2 {
	color:#e50000;
	font-weight:bold;
	font-size:1.2em;
}
.text3 { 
	color: #FFFFFF;
}
.text4 { 
	color:#e50000;
	font-weight:bold;
}
.text5 {
	color:#000000;
	font-size:1.2em;
}
.statusMsg{
	background: #fffbe9;
	color: #FF0000;
	border: 1px dotted #CCCCCC;
	text-align: center;
	margin: 0px;
	padding: 5px;
}
.subHeader {
	color:#e50000;
	font-size:1.5em;
	font-weight:bold;
}
.subHeader2 {
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
}
/* unordered list */
ul { 
	list-style: none;
	margin:0px;
	padding:0px;
	text-align:left;
}
ul li {
	color:#000000;
	padding-left:10px;
	background-image:url(../images/common/bullet.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	margin-bottom: 10px;
}
ul ul{ 
	list-style:none;
	margin-left:0px;
	padding:0px;
	text-align:left;
	margin-right:20px;
}
ul ul li {
	color:#000000;
	padding-left:10px;
	background-image:url(../images/common/bullet2.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	margin-top: 5px;
	margin-left: 0px;
}

OL.loweralpha {
	list-style-type: lower-alpha
}

/* default hyperlink */
a:active,a:link,a:visited { 
	color: #E50000;
}
a:hover {
	color: #000000;
}
a.link2:active,a.link2:link,a.link2:visited {
	color: #000000;
	text-decoration: none;
}
a.link2:hover {
	color: #E50000;
}
a.link3:active,a.link3:link,a.link3:visited,a.link3:hover { 
	color: #FFFFFF;
}
/* side navigation */
a.navi:active,a.navi:link,a.navi:visited {
	color: #E50000;
	text-decoration: none;
}
a.navi:hover {
	color: #000000;
}
a.naviSelected:active,a.naviSelected:link,a.naviSelected:visited {
	color: #E50000;
	text-decoration: none;
	font-weight: bold;
}
a.naviSelected:hover {
	color: #E50000;
}
/* tables */
table.tableFundPricing {
	width:950px;
}

table.tableFixWidth {
	width:950px;
}

table.table1 {
	padding: 0;
	margin: 0;
}

table.table1 th {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #fffaea;
	white-space: nowrap;
}

table.table1 td {
	padding: 6px 6px 6px 12px;
}


table.table1 tr.alt {
	background: #f1f1f1;
	color: #000000;
}


table.table1 th.currency {
	text-align: right;
	padding-right: 12px;
}

table.table1 td.currency {
	text-align: right;
	padding-right: 12px;
}

table.table2 {
	padding: 0;
	margin: 0;
}
table.table2 td {
	padding: 6px 6px 6px 0px;
	vertical-align: top;
	white-space: nowrap;
}

table.table3 {
	width: 100%;
	padding: 0;
	margin: 0;
}
table.table3 th {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #ffe696;
	white-space: nowrap;
}
table.table3 td {
	padding: 6px 6px 6px 12px;
}
table.table3 tr.alt {
	background: #ffffff;
	color: #000000;
}
table.table3 th.currency {
	text-align: right;
	padding-right: 12px;
}
table.table3 td.currency {
	text-align: right;
	padding-right: 12px;
}
table.table4 {
	width: 100%;
	background-color:#FFFFFF;
	padding: 10px;
	margin: 0;
	border: 1px solid #000000;
}
table.table4 td{
}
table.table4 td.currency {
	text-align: right;
	padding-right: 12px;
}
table.table5 {
	width: 100%;
	background-color:#fffaea;
	padding: 5px;
	margin: 0;
}
table.table5 td{
	vertical-align: top;
	padding-right: 12px;
}

table.tableInput {
	padding: 0;
	margin: 0;
}

table.tableInput td {
	padding: 6px 12px 6px 0px;
}

table.table6 {
	background: #fffaea;
	border: 1px solid #F1F1F1;
}

table.table7 {
	background: #F1F1F1;
	border: 1px solid #000000;
}

table.table8 {
	padding: 0;
	margin: 0;
	width: 100%;
}

table.table8 th {
	font-size: 1em;
	font-weight: bold;
	padding: 6px 6px 6px 6px;
	background: #fffaea;
	white-space: nowrap;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

table.table8 td {
	padding: 6px 6px 6px 6px;
	border-bottom: 1px solid #F1F1F1;
	
}

table.table9 {
	padding: 0;
	margin: 0;
}

table.table9 th {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #fffaea;
}

table.table9 td {
	padding: 6px 6px 6px 12px;
}


table.table9 tr.alt {
	background: #f1f1f1;
	color: #000000;
}


table.table9 th.currency {
	text-align: right;
	padding-right: 12px;
}

table.table9 td.currency {
	text-align: right;
	padding-right: 12px;
}

/* header*/
#headerBox {
}

/* footer */
#footerBox {
}

/* input */

input, select {
	font-size: 1em;
}
.cssButton {
	font-size: 11px;
	background: url(../images/common/button.gif);
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 131px;
}
.cssButtonCancel {
	background: url(../images/common/button.gif);
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 131px;
	color:#E50000;
}
.cssTextField {
	margin: 2px;
	padding: 2px;
	height: 15px;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
}

/* ui helper */
.lineborder {
	height: 1px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	border-top: 1px solid #000000;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.contentBox {
	clear: both;
}
.minHeight {
	margin: 0px;
	padding: 0px;
	height: 1px;
}
.clearboth{
	clear:both;
}

/* tab */
#tabContainer {
	float: left;
	position: relative;
	width: 800px;
	height: 26px;
	padding: 0;
	margin: 0;
	background: #FFFFFF url(../images/common/tab_bot.gif) repeat-x;
	white-space: nowrap;
	}
#tabContainerLong {
	float: left;
	position: relative;
	width: 100%;
	height: 26px;
	padding: 0;
	margin: 0;
	background: #FFFFFF url(../images/common/tab_bot.gif) repeat-x;
	white-space: nowrap;
	}
#tabNav {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
	display: inline;
	overflow: hidden;
	}
	
#tabNav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#tabNav a {
	font-size: 11px;
	text-align:center;
	vertical-align: baseline;
	float: left;
	margin: 0;
	padding-right: 0px;
	padding-top: 7px;
	padding-bottom: 0px;
	overflow: hidden;
	height :26px; /* for IE5/Win */
	color:#666666;
	width: 99px;
	background: url(../images/common/tab.gif) top left no-repeat;
	text-decoration: none;
	}
	
#tabNav a:hover {
	color:#000000;
	background-position: 0 -26px;
	}

#tabNav a:active, #tabNav a.selected {
	color:#E50000;
	background-position: 0 -52px;
	}

#tabNav a:active {
	color:#E50000;
	background-position: 0 -26px;
	}
	
#tabNav a.selected:hover  {
	background-position: 0 -52px;
	}

#tabNavLong a{
	width: 154px;
	background: url(../images/common/tab_long.gif);
}

#tabSpacer a{
	width: 8px;
	background: url(../images/common/tab_left.gif);
	text-decoration: none;
}
/* misc */
.reminderHeader {
	font-size: 1.2em;
	color: #E50000;
	font-weight: bold;
}
.reminderContent {
	color: #E50000;
}
.faqBox {
	padding-left:10px;
	margin-bottom: 30px;
	background-color:#fffaea;
	padding: 10px;
}
.compulsory {
	color:#E50000;
}

.inputNote{
	color:#FF6600
}
.whatIsThis {
	color:#e50000;
}
.successfulMsg {
	font-size: 1.4em;
	font-weight: bold;
	color: #669933;
}
.unSuccessfulMsg{
	font-size: 1.4em;
	font-weight: bold;
	color: #FF0000;
}
.lessStatement {
	color:#e50000;
}
.nettAmountStatement{
	color:#e50000;
	font-size: 1.2em;
	font-weight: bold;
	background: #FFFFCC;
}
.welcome {
	color:#e50000;
	font-size:1.2em;
}
.cssAgreeButton {
	font-size: 12px;
	font-weight: bold;
	background: url(../images/common/button.gif);
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 131px;
	color: #669933;
}
.cssDisagreeButton {
	font-size: 12px;
	font-weight: bold;
	background: url(../images/common/button.gif);
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 131px;
	color: #ee3434;
}