/*Generic*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
}

h1 {
	font-size: 190%;
	font-weight:normal;
	margin-bottom:0.25em;
	margin-top:0em;
}

h2 {
	font-size: 150%;
	margin-bottom:0.25em;
	margin-top:0em;
}

h3 {
	font-size: 120%;
	margin-bottom:0em;
	margin-top:0em;
}

h4 {
	font-size: 100%;
	margin-bottom:0em;
	margin-top:0em;
}

h1, h2, h3, h4, legend, caption	{color:#000}
table, h5, h6	{font-size:100%}
form {margin:0; padding:0}
fieldset {width:80%;padding:3px;border:1px solid #CCC}
label	{font-weight:bold}
legend	{font-weight:bold}
table input, table select, table textarea, table label	{width:auto}
table {width:auto}
caption {text-align:left}
th, td {padding-left:0.5em;padding-right:0.5em;}
th {vertical-align:top;color:#000;background:#E6E6E6}
td	{background:#F5F5F5}
hr	{color:#999; background:#999}
a {color:#C00}
a:visited {color:#C00}

/*Optional Classes*/

.center	{text-align:center}
.left 	{text-align:left}
.right	{text-align:right}
.floatL	{float:left}
p.floatL {margin-top:0}
.floatR	{float:right}
.hide {display:none}
.invisible {visibility:hidden}
.noBorder {border:none}
.bgWhite {background:#fff}
.width15 {width:15%!important}
.width30 {width:32%}
.width50 {width:49%}
.width75 {width:75%}
.width100{width:auto}
.dispIn	{display:inline}
.rad, .btn, .widthAuto {width:auto!important}
ul.noBullets {margin-left:0; list-style-type: none;}
.continue{clear:both; float:left; padding-top:2em;}
.clear{clear:left;margin:1em 0}
.small{font-size:80%}
.big{font-size:120%}
div.dd{ float:right; padding:10px; }
h2.question{margin:0;}
.ast	{color:#999}
.hideContent {display:none}
.inlinebutton{margin-bottom:-4px;background-color:#C00;color: #FFF;}
.labelPad	{margin:0 0 0 30%}
fieldset .labelPad	{margin:0 0 0 40%}
.total	{border-top:1px solid #999}
th.total, td.total	{border:1px solid #CCC}
table.plain td, table.plain th	{background:transparent; color:#000; vertical-align:top; padding:3px 0}
table.plain tr.total td, table.plain tr.total th {border-top:1px solid #999}
.debug {display:none}

div.errorPane {color:#C00}
div.errorPane ul{margin-left:0;list-style-position:inside;list-style-type:disc;}

.disabled, .disabledLink {color:#999}
.disabledLink {text-decoration: underline;}

.highlight	{background:#E6E6E6}
.highlightBox	{background:#E6E6E6; border:1px solid #777; height:100%; padding:2px 5px; margin-top:15px}

ul.optionLinks{
	list-style-image: url(../../images/common/optionLink.gif);
	list-style-position: inside;
	margin-left:0;
}

td.err, tr.err td {
	color:#990000;
	background-color:#FFD7D7;
	font-weight:bold;
	background-image:url(../../images/common/error-excl.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:16px;
}

.err	{
	color:#990000;
	background-color:#FFD7D7;
	font-weight:bold;
	background-image:url(../../images/common/error-excl.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:16px;
}

tr.stopCharge td
{
	color:#f80000;
}
tr.errorRow td
{
	color:#990000;
	background-color:#FFD7D7;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0px;
	padding:0px;
	background:transparent;
}

.skip-link {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
}

.help{background: #C00;color: #FFF;font-size:90%;font-weight:bold;padding:0px 3px;border:1px solid #666}
span.helpbox{margin-top:0.5em;background:#F5F5F5;font-size:90%;padding:0px 3px;border:1px solid #999;display:none}
span.helpWidth{width:50em}
div.helpbox{margin-top:0.5em;background:#F5F5F5;font-size:90%;padding:0px 3px;border:1px solid #999;width:50%}
a.help, a.help:visited {color:#FFF;text-decoration:none;font-size:100%;}

/* Sorting */
th.sortable, th.sortedUp, th.sortedDown
{
	background:#E6E6E6url(../../images/common/sort-blank.gif) no-repeat right middle;
	padding-right:15px;
}

th.sortUp
{
	background:#E6E6E6 url(../../images/common/sort-up.gif) no-repeat right middle;
	padding-right:15px;
}

th.sortDown
{
	background:#E6E6E6url(../../images/common/sort-down.gif) no-repeat right middle;
	padding-right:15px;
}

/* Form layout */
div.row {clear:left; padding-top:5px; width:100%}
div.row span.label{width:20em; float:left; padding-bottom:7px;}
div.row span.cell{padding-left:1em; float:left; white-space:nowrap;}
div.row a.help {float:right}

/*Main layout*/	

#warning {font-size:95%; text-align:center; padding:1px}

#content {margin:0.5em; margin-left:14em; margin-top:10px;}
* html #content {width:100%}

#main {position:relative; padding:0.5em}

/*Progress Bar */

#progress {float:right; margin-left:1em; margin-bottom:1em; width:12em; font-size:90%}
#progress p {color:#000; background:#CCC; margin:1px 0; padding:2px 2px 2px 25px; border:1px solid #999;width:100%}
#progress p.current	{background:#F5F5F5 url(../../images/common/progress-arw.gif) no-repeat left center}
#progress p.done	{background:#E6E6E6 url(../../images/common/progress-tick.gif) no-repeat left center}
#progress p.info	{background:#fff; color:#000; border:none; padding-left:0}

#header {
	border-bottom:1px solid #CCC;
	padding:5px 0; 
	margin:0 0.5em;
	height:auto;
	color:#000
}
		
#header h1 {
	float:right;
	margin-top:14px;
}

#footer{
	border-top:1px solid #CCC;
	clear:both;
	margin:0.5em;
	padding:1em 0;
	margin-left:14.5em;
	margin-top:1em;
}

#footer a {
	float:right;
}

/* leftnav replaced with one below to accomodate Olympic Logo, swap back when reverting to old logo - Mike Jarvis Dec 2007
 
#leftnav {
	position:absolute;
	top:77px;
	left:0;
	margin:0.5em;
}
*/

#leftnav {
	position:absolute;
	top:122px;
	left:0;
	margin:0.5em;
}

/* start infoPane navigation set up */
#infoPane {
	width:13em;
	padding:0px;
}

#infoPane ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#infoPane li {
	margin: 0;
	margin-bottom: 4px;
}
#infoPane ul li a{
	display: block;
	padding: 3px 1px 3px 6px;
	width:100%;
}

/* start navPane navigation set up */
#navPane {
	width:13em;
	padding:0;
}

#navPane ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navPane li {
	margin: 0;
	margin-bottom: 4px;
}
#navPane ul li a{
	display: block;
	padding: 3px 1px 3px 6px;
	width:100%;
}


/* start contactPane navigation set up */
#contactPane {
	width:13em;
	padding:0px;
}

#contactPane ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#contactPane li {
	margin: 0;
	margin-bottom: 4px;
}
#contactPane ul li a{
	display: block;
	padding: 3px 1px 3px 6px;
	width:100%;
}


#wsNavPane {
	width:13em;
	padding:0;
}

#wsNavPane ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#wsNavPane li {
	margin: 0;
	margin-bottom: 4px;
}
#wsNavPane ul li a{
	display: block;
	padding: 3px 1px 3px 6px;
	width:100%;
}



#logoutPane {
	width:13em;
	padding:0;
}

#logoutPane ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#logoutPane li {
	margin: 0;
	margin-bottom: 4px;
}
#logoutPane ul li a{
	display: block;
	padding: 3px 1px 3px 6px;
	width:100%;
}


#helptext {

	width:100%;
	padding: 0.5em 0.5em 1em 0.5em;
}

#warning	{background:#F5F5F5; color:#000}

/* START Classes */

.topNaviSeperator {
	color: #CCC;
}



/* start left menu Main menu items */
.introMenu,
.helpMainMenu,
.productInfoMainMenu,
.fundinfoMainMenu,
.logoutMainMenu,
.wsNavItem
{
	background-color: #F5F5F5;
	border: 1px solid #CCC;
}

.infoItem,
.contactItem
{
	border: 1px solid #CCC;
	padding: 0.5em;
}
/* end left menu Main menu items */

/* start left menu sub menu items */

.introSubMenu,
.helpSubMenu,
.productInfoSubMenu,
.contactUsSubMenu,
{
	background-color: #fff;
}
/* end left menu sub menu items */

/*reposition left hand */

.schemeInfo {}

.obliterate {}

.customerServiceInfo {}

/* END classes */