/* ---------------------------------
last modified:	$Date: 2012-01-24 16:27:16 +0000 (Tue, 24 Jan 2012) $
revision:		$Rev: 1214 $
by:				$Author: toby $ 	
		
this file contains all (valid) layout 
see also: ieN.css for explorer-only targeted css kerfuffle
and [cc].css for domain -specific overrides
--------------------------------- */
/* @group YAHOO RESET */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } li { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before,q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; } input,textarea,select { font-size: 100%; } legend { color: #000; } 
/* @end */
/* @group GENERIC TAGS */
html, body {
	height: 100%;
	width: 100%;
	background: #333;
	}
body {
	background: #333;
	text-align: center;
	}
body, p, td, input, select {
	font: 12px/15px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,sans-serif;
	color: #222;
	}
/* http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/ */
em, b, i, .bold, .countdownClock {
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	}
/* strong used in place of bold for SEO only, doesn't show */
strong {
	font-weight: normal;
	}
a img, img {
	border-width: 0;
	}
a {
	text-decoration: none;
	color: inherit;
	color: #222;
	cursor: pointer;
	}
a:hover {
	text-decoration: underline;
	color: inherit;
	}
a:active, a:focus {
	color: inherit;
	/* remove nasty dotted border in ff */
	outline: none;
	}
a.unClickable {
	cursor: default;
	}
img {
/* applies to alt text */
	font: 9px/11px Verdana, LucidaGrande, sans-serif;
	}
p {
	margin-bottom: 10px;
	}
p a, h4 a, h4 a:visited, .page li a, .arrowed li, .faqList dd a {
	color: #484;
	}
.dark p a, .dark li a, .accModuleApply li a, p a:hover, h4 a:hover, .page li a:hover {
	color: #6c0;
	}
p a:active, h4 a:active, li a:active {
	color: #030;
	}
 
i,em {
	font-weight: normal;
	font-style: italic;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	}
/* page heading on every page */
H1, #PageHeadingH1 {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 20px;
	color: #000;
	letter-spacing: -1px;
	}
	
.wf-active h1, .wf-active #PageHeadingH1 {
	font-family: "myriad-pro-1","myriad-pro-2","Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	font-weight: 600;
	font-size: 25px;
	}
	
h1.sub {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 10px;
	color: #000;
	}
/* classed for module headers, don't use in the raw */
h2 {
	}
/* seo standfirst */
h3 {
	margin-bottom: 10px;	
	}
h4 {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 10px;
	text-transform: uppercase;
	}
h5 {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 0px;
	text-transform: uppercase;
	}
ol {
	padding-left: 20px;
	}
ol li {
	list-style-type: decimal;
	padding-bottom: 10px;
	}
	ol ol li
{
	list-style-type: lower-latin;
	padding-bottom: 10px;
}
hr {
	border-top: 0;
	border-left: 0;
	border-right: 0;	
	border-bottom: 1px #ccc solid;
	margin: 10px 0;
	height: 1px;
	}
	
object { display: block; }
	
/* @end */
/* ---------------------------------
form elements
--------------------------------- */
/* @group BUTTONS */
/*buttons wrapped in .buttonWrapper cos explorer has weird border spacing otherwise */
.buttonWrapper {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	height: 28px;
	outline: none;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	}
a.buttonWrapper:hover {
	text-decoration: none;
	}
.grey {
	border: 1px #444 solid;
	background: #888 url(../../i/buttonGrey.gif) repeat-x;
	background-position: 0px 0px;
	}
.grey button, .grey input, .grey .button, .grey .cta {
	color: #222;
	text-shadow: #fff 0px 1px 1px;
	}
.grey:hover {
	background-color: #888;
	background-position: 0px -40px;
	}
.grey:active {
	background-color: #888;
	background-position: 0px -80px;
	}
/* grey btns on .dark reversed hover states */
.dark .grey:hover {
	border: 1px #444 solid;
	background: #888 url(../../i/buttonGrey.gif) repeat-x;
	}
.dark .grey {
	background-color: #888;
	background-position: 0px -40px;
	}
.green button, .green input, .green .button, .green .cta {
	color: #030;
	text-shadow: #CF0 0px 1px 1px;
	}
.green {
	border: 1px #000 solid;
	background: #9AE600 url(../../i/buttonGreenLight.gif) repeat-x 0px 0px;
	}
.dark .green {
	background: #56a309 url(../../i/buttonGreen.gif) repeat-x 0px 0px;
	}
.green:hover {
	background-color: #6C0;
	background-position: 0px -40px;
	}
.green:active {
	background-color: #7ac609;
	background-position: 0px -80px;
	}
.green.down, .green.down:hover {
	background-color: #7ac609;
	background-position: 0px -80px;
	}
.buttonWrapper button, .buttonWrapper input, .buttonWrapper .button {
	padding: 0 4px;
	width: 108px;
	height: 28px;
	line-height: 28px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	outline: none;
	border: 0;
	background: none;
	cursor: pointer;
	text-align: center;
	}
.buttonWrapper .button {
	/*ff can cope with table-cell util it gets inline-block */
	display: table-cell;
	display: inline-block;
	padding: 0;
	}
.buttonWrapper .wideButton
{
    width: 140px;
}
.wide button, .wide input , .wide .button {
	width: 228px;
	}
.wider button, .wider input , .wider .button {
	width: 258px;
	}
.extrawide .button {
	width: 348px;
	}
/* called little so not to conflict with small para style */
.little {
	height: 18px;
	}
.little button, .little input, .little .button {
	width: 53px;
	font-size: 9px;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	height: 18px;
	line-height: 18px;
	padding: 0 4px;
	}
.flexi button, .flexi input, .flexi .button {
	display: table-cell;
	display: inline-block;
	width: auto;
	padding: 0 4px;
	}

/* cta like button but different */
.ctaWrapper {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	height: 20px;
	outline: none;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	border: 0px;
	position: relative;
	top: -1px;
	}

.ctaWrapper .cta {
	padding: 0;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	outline: none;
	border: 0;
	background: none;
	cursor: pointer;
	text-align: center;
	background: url(../../i/ctaLeft.png) no-repeat top left;
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	}

.ctaWrapper span {
	padding: 0 10px;
	background: url(../../i/ctaRight.png) no-repeat top right;
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	}

.ctaWrapper img {
	padding-right: 4px;
	}

dl.accLogin dd {
	border-bottom-width: 0px;
	}
#LoginBtn {
	position: absolute;
	left: 85px;
	}
#loginType {
	margin-right: 60px;
	width: 74px;
	}
#logoutButton {
	height: 16px;
	width: auto;
	display: block;
	position: absolute;
	top: 4px;
	right: 10px;
	}
#forgotPassword {
	zoom: 1;
	display: block;
	line-height: 11px;
	width: 58px
}
#affiliateForgotPassword {
	zoom: 1;
	display: block;
	line-height: 11px;
}
#logoutButton button {
	width: auto;
	}
#LoginBtn button {
	padding: 0;
	width: 48px;
	}
/* @end */
/* @group TEXTINPUT */
input[type=text], input[type=password], .textInput {
	background-position: 0 0;
	font-size: 11px;
	padding: 1px 0 0 4px;
	background-repeat: no-repeat;
	border: 1px #888 solid;
	height: 16px;
	vertical-align: middle;
	}
input[type=text]:hover,
input[type=password]:hover,
.textInput:hover {
	background-position: 0 -30px;
	}
input[type=text]:active,
input[type=password]:active,
input[type=text]:focus,
input[type=password]:focus,
.textInput:active, 
.textInput:focus {
	background-position: 0 -60px;
	color: #000;
	}
.dark input[type=text], 
.dark input[type=password],
.dark .textInput {
	width: 128px;
	background-image: url(../../i/textInputDarkBg.gif);
	color: #ccc;
	}
.dark input[type=text]:hover,
.dark input[type=password]:hover,
.dark .textInput:hover {
	border: 1px #aaa solid;
	color: #fff;
	}
.dark input[type=text]:active, 
.dark input[type=password]:active,
.dark input[type=text]:focus, 
.dark input[type=password]:focus,
.dark .textInput:active, 
.dark .textInput:focus {
	border: 1px #fff solid;
	color: #000;
	}
.dark .textInputonactive:hover, .dark .textInputonfocus:hover {
	background-position: 0 -60px;
	border: 1px #fff solid;
	color: #000;
	}
.docPage input[type=text], 
.docPage input[type=password],
.docPage .textInput {
	width: 224px;
	background-image: url(../../i/textInputLightBg.gif);
	color: #333;
	}
.light input[type=text],
.light .textInput {
	background-image: url(../../i/textInputLightBg.gif);
	color: #333;
	background-position: 0 -30px;
	}
.light input[type=text]:hover,
.light .textInput:hover {
	background-position: 0 0;
	}
.light input[type=text]:active,
.light input[type=text]:focus,
.light .textInput:active, .light .textInput:focus {
	background-position: 0 -60px;
	}
.docPage .textInput:hover {
	
	}
.docPage input[type=text]:active, .docPage input[type=text]:focus, .light input[type=text]:active, .light input[type=text]:focus,
.docPage .textInput:active, .docPage .textInput:focus, .light .textInput:active, .light .textInput:focus {
	border: 1px #444 solid;
	}
	
.dark .searchInput {
	background-color: transparent;
	border: 0;
	background-image: url(../../i/textSearchDarkBg.gif);
	padding: 2px 20px 0 10px;
	width: 80px;
	}
.dark .searchInput:hover, .dark .searchInput:active, .dark .searchInput:focus {
	border: 0;
	outline: 0;
	}
/* @end */
.radio {
	
}

/* @group SELECT */
select {
	margin: 0;
	outline: none;
	font-size: 11px;
	
/* todo: replace select with styled dropdown? */
	border: 1px #888 solid;
	vertical-align: middle;
	}
.dark select {
	background-color: #666;
	color: #ccc;
	border: 1px #888 solid;
	}
.dark select:hover {
	background-color: #888;
	border: 1px #aaa solid;
	}
.dark select:active, .dark select:focus {
	background: #e5ff7f;
	border: 1px #fff solid;
	color: #000;
	}
/* ---------------------------------
FORMS ON DOCPAGE (LIGHT)
--------------------------------- */
.docPage select {
	background-color: #eee;
	color: #333;
	border: 1px #888 solid;
	margin-right: 10px;
	}
.docPage select:hover {
	background-color: #fff;
	}
.docPage select:active, .docPage select:focus {
	background: #e5ff7f;
	color: #000;
	}
/* @end */

/* @group FORM PANEL */
.form {
	background: #eee;
	}
.form h2 {
	display: block;
	margin: 0;
	font-size: 12px;
	color: #333;
	background: #ccc url(../../i/formLegend.gif) no-repeat;
	padding: 5px 0 5px 10px;
	border-bottom: 1px #fff solid;
	text-transform: uppercase;
	}
.withLeftNav .form h2 {
	background: #ccc url(../../i/formLegend580.gif) no-repeat;
	}
.form dl {
	border: 1px #ccc solid;
	margin-bottom: 10px;
	padding-top: 10px;
	background: url(../../i/formDl.gif) repeat-x;
	}
.form .row {
	position: relative;
	clear: left;
	zoom:1;
	}
.form .question {
	float: left;
	width: 220px;
	text-align: right;
	margin-bottom: 10px;
	}
.form .long {
	width: 450px;
	text-align: left;
	}
.withLeftNav .form .question {
	width: 155px;
	}
.form .response {
	margin-left: 230px;
	margin-bottom: 10px;
	width: 450px;
	}
.withLeftNav .form .response {
	margin-left: 165px;
	}
	
.form .section {
	border: 1px #ccc solid;
	padding: 10px 10px 0 10px;
	color: #333;
	margin-bottom: 10px;
	background: url(../../i/formDl.gif) repeat-x;
	zoom:1;
	position: relative;
	}
.formTip {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 214px;
	background: url(../../i/formTip.gif) no-repeat 0px 6px;
	color: #6C0;
	z-index: 100;
	visibility: hidden;
	}
	
.withLeftNav .formTip {
	width: 159px;
	}
.row:hover .formTip {
	/*todo: apply to active form elements */
	visibility: visible;
	z-index: 200;
	}
.formTip div {
	background: #222;
	padding: 1px 0;
	margin-left: 4px;
	border-bottom: 1px #eee solid;
	}
.formTip p {
	margin: 0px;
	color: #6C0;
	margin: 3px 6px 3px 10px;
	font-size: 10px;
	line-height: 12px;
	}
.formTip a, .formTip a:hover, .formTip a:visited {
	color: #6C0;
	}
.error {
	z-index: 10;
	visibility: visible;
	}
.error p {
	color: #f30;
	}
	
.form .forCheckbox {
	width: 230px;
	}
	
.forCheckbox label {
	display: block;
	margin-bottom: 4px;
	}
	
.form textarea {
	width:400px;
	}
	
.form textarea {
	border: 1px #888 solid;
	color: #333;
	background-image: url(../../i/textareaLightBg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
    background-color: #eee;
    padding: 4px;
	}
.form textarea:hover{
	background-position: 0 -600px;
    background-color: #fff;
    }
.form textarea:focus{
    border: 1px #444 solid;
    color: #000;
	background-position: 0 -1200px;
    background-color: #e5FF7F;
    }
.response p {
	width: 230px;
	}

.checkBoxList .response  {
	margin-bottom: 0px;
	}
.checkBoxList input {
	margin-right:  10px;
	margin-bottom: 10px;
	}
.checkBoxList label {
	margin-bottom: 10px;
	}
	
.form .radioGroupVertical  label {
	margin-bottom: 5px;
	display:block;
	}

.form .radioGroupHorizontal,
.form .radioGroupVertical {
	width: 230px;
	}

.form .radioGroupHorizontal  label {
	margin-right: 10px;
	}


.form span.switch
{
	display:inline-block;
	height: 16px;
	width: 50px;
	background: url(../../i/toggleOnOff.gif) left top;
	background-position:0px -20px;
	margin-bottom: 10px;
}

.form span.on
{
	background-position:0px 0px;
}


/* @end */
/* @group PROCESS TRAIL */
table.processTrail {
	width: 100%;
	height: 50px;
	background: url(../../i/processTrailBg.gif) left top;
	margin-bottom: 10px;
	}
.processTrail td {
	height: 50px;
	background: url(../../i/processTrailBg.gif) left top;
	}

.processTrail .step {
	height: 50px;
	background: url(../../i/processTrailDividers.gif) no-repeat right top;	
	padding-right: 10px;
	}
/*warning: multiple selctors need ie hack */
.processTrail .done.last .step {
	background: url(../../i/processTrailLast.gif) no-repeat right -60px;
	}
.processTrail .last .step {
	background: url(../../i/processTrailLast.gif) no-repeat right top;
	}
.processTrail .first {
	background: url(../../i/processTrailFirst.gif) no-repeat left top;	
	width: 4px;
	}
.processTrail .done.first {
	background: url(../../i/processTrailFirst.gif) no-repeat left -60px;	}
.processTrail .done {
	background: url(../../i/processTrailBg.gif) left -60px;
	}
.processTrail .done .step {
	background: url(../../i/processTrailDividers.gif) no-repeat right -120px;	
	}
.processTrail td.just .step {
	background: url(../../i/processTrailDividers.gif) no-repeat right -60px;	
	}
.processTrail h6 {
	text-transform: uppercase;
	font-size: 9px;
	line-height: 10px;
	margin-top: 0px;
	padding-top: 8px;
	margin-bottom: 0;
	margin-left: 6px;
	color: #666;
	padding-left: 20px;
	}
.processTrail p {
	font-size: 11px;
	line-height: 12px;
	margin-left: 6px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 20px;
	color: #666;
	}
.processTrail .done h6 {
	color: #030;
	}
.processTrail .done p {
	color: #030;
	background: url(../../i/icnGreenTick.gif) no-repeat left top;
	}
.processTrail .doing h6 {
	color: #000;
	}
.processTrail .doing p {
	background: url(../../i/icnPencil.gif) no-repeat left top;
	color: #000;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	}

/* @end */
/* @group basic page blocks */
/* ---------------------------------
basic page blocks
--------------------------------- */
.wrapper {
/* top level div, holds page width */
	width: 970px;
	height: 100%;
	min-height: 100%;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background: #ccc;
	}
.silver .wrapper {
	width: auto;
	}
.header {
	background: #000 url(../../i/headerBg.gif) repeat-x;
	height: 70px;
 	}
.page {
	background: #ccc url(../../i/pageBg.gif) repeat-x;
	clear: both;
	overflow: hidden;
    position: relative;
    padding-bottom: 300px;
    /* padding-hack: see ie7.css; */
	}
.silver .page {
    padding-bottom: 0px;
	}
.withTaxwarning .page {
	background: #f00 url(../../i/pageBg.gif) repeat-x;
	}
.noMegaFooter {
    padding-bottom: 0;
	}

.mainCol {
	width: 720px;
	float: left;
	}
.appPage {
	margin: 10px 0 0 ;
	padding-left: 10px;
	position: relative;
	}
.docPage {
	margin: 0;
	padding: 10px;
	width: auto;
	background: #fff url(../../i/docPageBg.gif) no-repeat right bottom;
	position: relative;
	margin-bottom: 10px;
	}
.withLeftNav {
	padding-left: 130px;
	}
.rightCol {
	float: right;
	width: 230px;
	margin: 10px 10px 0px 10px;
	}
.beta {
	position: absolute;
	left: 935px;
	}
.logo {
	position: absolute;
	}
.footer {
	clear:both;
	font-size: 10px;
	margin: 10px 0;
	color: #666;
	width: 720px;
	}
.footer .c {
	float: right;
	}
.footer a {
	padding: 0 10px;
	border-right: 1px #999 solid;
	color: #666;
	}
.footer a:last-child {
	border-right: 0px;
	}
	
.noRightCol .footer {
	float: none;
	width: 960px;
	}
.silver .footer {
	width: auto;
	margin-right: 10px;
	}
	
/* @end */
/* @group TOPNAV */
.topNav {
	position: absolute;
	left: 230px;
	top: 40px;
	height: 30px;
	}
.topNav li {
	list-style-type: none;
	float: left;
	height: 30px;
	}
.topNav li a {
	display: block;
	margin-right: 4px;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	padding: 7px 8px;
	border-width: 1px 1px 0 1px;
	border-color: #000;
	border-style: solid;
	}
.topNav li a:hover {
	color: #6C0;
	border-color: #1f1f1f;
	background: #1f1f1f url(../../i/topNavLiHoverBg.gif) repeat-x;
	}
.topNav li a.current, .topNav li a.current:hover  {
	color: #000;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	border-color: #fff;
	background: #fff url(../../i/topNavLiBg.gif) repeat-x;
	}
.subNav {
	color: #333;
	background-color: #CCC;
	background-image: url(../../i/pxAAA.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 30px;
	padding-left: 9px;
	display: block;
	}
.subTab {
	float: left;
	margin-top: 2px;
	}
.subNav div {
	float: left;
	}
.subTab a {
	text-transform: uppercase;
	padding: 5px 8px 6px 8px;
	border-top: 1px #ccc solid;
	color: #333;
	text-decoration: none;
	display: block;
	margin: 0 2px;
	}
.subTab a.current, 
.subTab:hover a.current, 
.subTab a.current:hover, 
.subTab a.current:hover {
	color: #000;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	background: #fff url(../../i/subNavLiBg.gif) repeat-x;
	border-top: 1px #666 solid;
	border-left: 1px #666 solid;
	border-right: 1px #666 solid;
	margin: 0 1px;
	padding-bottom: 7px;
	}
.subTab:hover a.current, 
.subTab a.current:hover {
	position:  relative;
	z-index: 100;
	}
	
/* nested hover needs fix for ie */
.subTab a:hover, .subTab:hover a {
	background: #e6e6e6 url(../../i/subNavLiHoverBg.gif) repeat-x;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	margin: 0 1px;
	position:  relative;
	z-index: 100;
	}
li.withMenu a:hover, li.withMenu:hover a {
	border-bottom: 1px #e6e6e6 solid;
	}
li.withMenu a.current:hover, li.withMenu:hover a.current {
	border-bottom: 0px #fff solid;
	
	}
	

/* nested uls are for suckerfish-style dropdowns */
.subTab a.withMenu {
	padding-bottom: 7px;
	}
.subTab ul { 
	position: absolute;
	z-index: 99;
	left: -999em; 
	height: auto;
	background: #e6e6e6;
	border: 1px #999 solid;
	border-top: 1px #999 solid;
	padding: 5px 0;
	margin-left: 1px;
	margin-top:  -1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 4px;
	box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	}

.subTab li {
	border-width: 0;	
	display: block;
	float: none;
	line-height: 12px;
	padding: 0px;
}
.subTab:hover ul, .subTab.ie6hover ul { 
	left: auto;
}
.subTab li a, .subTab:hover li a {
	display: block;
	line-height: 12px;
	text-decoration: none;
	float: none;
	background: #e6e6e6;
	padding: 2px 40px 4px 8px;
	margin: 0;
	text-transform: none;
	border-width: 0;	
	}
.subTab ul.current, .subTab:hover ul.current li a { 
	background: #fff;
}

.subTab li a:hover, .subTab ul.current li a:hover, .subTab ul.current li a.currentDropdown {
	border-width: 0;	
	background: #222;
	color: #6f0;
	margin: 0;
	}
.subTab li a.currentDropdown {
	/* no change for now */
	}
/* filter tabs */	
	
.tabs {
	border-right: 1px #111 solid;
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 10px;
	}
.tabs a {
	padding: 3px 4px;
	line-height: 10px;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	text-align: center;
	background: #222 url(../../i/indexButton.gif) repeat-x 0 0;
	border: 1px #111 solid;
	border-right: 0;
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
}
.tabs a.current {
	background: #222 url(../../i/indexButton.gif) repeat-x 0 bottom;
}
.tabs a:hover {
	background: #222 url(../../i/indexButton.gif) repeat-x 0 -40px;
}
.tabs a.current:hover {
	background: #222 url(../../i/indexButton.gif) repeat-x 0 bottom;
}

.miniTabs {
	background-image: url(../../i/tabMiniLight.gif);
	background-repeat: no-repeat;
	background-position: 0 top;
	height: 20px;
	margin-bottom: 10px;
	padding-left: 10px;
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
}

.miniTabs ul
{
	background-image: url(../../i/tabMiniLightEnd.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 20px;
	display: block;
	padding-right: 10px;
}

.miniTabs li {
	float: left;
	display: inline;
	line-height: 20px;
	font-size: 11px;
	text-align: center;
	}

.miniTabs a, .miniTabs b {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	padding: 0 10px;
	}

.miniTabs b {
	height: 18px;
	border-top: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-bottom: 1px #FFF solid;
	border-left: 1px #CCC solid;
	background: #fff;
}

.miniTabs a {
	font-weight: normal;
}
/* a-z extends miniTabs on e.g. Glossary */
.a-z {
	width: 570px;
	}
	
.a-z ul {
	width: 100%;
	display: table;
	}
	
.a-z li {
	display: table-cell;
	float: none;
	}
	
.a-z a, .a-z b {
	padding: 0 2px;
	font-weight: bold;
	}


.subNav .tipsToggler {
	float: left;
	margin-top: 8px;
	margin-left: 10px;
	}
/* @end */
/* @group LEFTNAV */
.leftNav li {
	background: url(../../i/leftNav.gif) repeat-y left top;
	border-bottom: 1px #bbb solid;
	padding: 0 1px;
	display:  list-item;
}
.leftNav li.first a {
	padding-top: 1px;
	}
.leftNav li.first a.current {
	padding-top: 4px;
	border-top: 1px #bbb solid;
	}
.leftNav li.last {
	border-width: 0px;
	padding-bottom: 1px;
	}
.leftNav li.last a {
	padding-bottom: 1px;
	}
.leftNav li.last a.current {
	padding-bottom: 4px;
	border-bottom: 1px #bbb solid;
	}
.leftNav li a {
	font-size: 11px;
	line-height: 10px;
	color: #666;
	display: block;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	}
.leftNav li a:hover {
	color: #000;
	}
.leftSubNav a {
	padding-left: 14px;
	}
.leftNav ul {
	background: url(../../i/leftNavTop.gif) no-repeat left top;
	padding-top: 4px;
	margin-bottom: 0;
	}
.leftNav ul.leftSubNav {
	background: none;
	padding-top: 0;
	border-top: 1px #bbb solid;
	}
.leftNav .leftSubNav li {
	border-bottom: 1px #bbb solid;
	padding: 0;
	background: #eee;
	}
.leftNav .leftSubNav li.last {
	border-bottom: 0;
	}
.leftNav .leftSubNav li.last a {
	padding-bottom: 4px;
	}
.leftNav .leftSubNav li.last a {
	border-width: 0;
	}
.leftNav {
	background: url(../../i/leftNavBottom.gif) no-repeat left bottom;
	width: 110px;
	float: left;
	position: absolute;
	left: 10px;
	padding-bottom: 4px;
	}
.appPage .leftNav {
	background-image: url(../../i/leftNavBottomApp.gif);
	}
.leftNav a.current {
	color:  #000;
	background: #e5ff7f;
	}

/* @end */
/* @group MODULE */
.module {
	font-size: 11px;
	color: #ccc;
	margin-bottom: 4px;
	padding-bottom: 14px;
	background: #222 url(../../i/moduleDark230Bg.gif) left bottom no-repeat;
}

.account-status {
	padding-bottom: 0;
}
	
.withLeftNav .dark {
	background: #222 url(../../i/moduleDark590Bg.gif) left bottom no-repeat;
	}
.docPage .dark, .docPage .index {
	background: #222 url(../../i/moduleDark580Bg.gif) left bottom no-repeat;
	}
.dark .section {
	color: #ccc;
	border-bottom: 1px #333 solid;
	}
.dark .section p, .index .section p {
	color: #ccc;
	}
.dark .section p a {
	color: #ccc;
	}
.dark .section p a:hover {
	color: #fff;
	}
.light .section {
	border-bottom: 1px #ccc solid;
	}
.alert .section {
	border-left: 1px #99ef00 solid;
	border-right: 1px #99ef00 solid;
	padding: 0 10px 4px 10px;
	}


.taxWarning { 
	border-top: 1px #ccc solid; 
	}

.taxWarning p { 
	text-indent: -5px;
	}
/* feedback */

.feedback { margin-bottom: 16px; }

.feedback .section {
	border-bottom: 0px;
	}
	
.feedback textarea {
	width: 208px;
	border: 1px #888 solid;
	color: #333;
	background-image: url(../../i/textareaLightBg.gif);
	background-position: 0 -600px;
	background-repeat: repeat-x;
    background-color: #fff;
	}
.feedback textarea:hover{
	background-position: 0 0;
    background-color: #eee;
    }
.feedback textarea:focus{
    border: 1px #444 solid;
    color: #000;
	background-position: 0 -1200px;
    background-color: #e5FF7F;
    }
.feedback label {
	display: block;
	float: left;
	width: 74px;
	line-height: 20px;
}
.feedback .textInput, .feedback select {
	float: left;
	width: 130px;
	margin: 2px 0;
	}
.feedback select {
    /*to compensate for no padding */
	width: 136px;
	}
	
	
.feedbackForm {
	margin: 2px 10px;
	}
/* modules can be .light .alert .black or .dark, .dark = default */
.dark a {
	color: #fff;
	}
.dark p, .black p {
	font-size: 11px;
	color: #ccc;
	margin: 2px 10px;
	}
.black h4, .black h1 {
	color: #ccc;
	text-transform:	none;
	margin: 10px;
	}
.alert p {
	font-size: 11px;
	color: #030;
	margin: 0;
	}
.light p {
	/*font-size: 11px;*/
	margin: 2px 5px 2px 10px;
	}
.news p {
	margin: 4px 10px;
	}
.news .section p {
	font-size: 12px;
	color: #030;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	}
	
.light ul, .dark ul {
	font-size: 12px;
	margin: 2px 2px 2px 10px;}
.module h2 {
	font-size: 12px;
	color: #6C0;
	background: url(../../i/moduleDark230TopBg.gif) no-repeat;
	padding: 5px 0 5px 10px;
	border-bottom: 1px #333 solid;
	text-transform: uppercase;
	}
.dark h2 {
	text-shadow: #000 0 -1px 0;
	}
.module h2 a {
	text-decoration: none;
	}
.light h4 {
	font-size: 12px;
	color: #333;
	margin: 2px 10px;
	text-transform: none;
	}
.dark h5 {
	text-transform: none;
	margin: 2px 10px;
	color: #ccc;
	font-size: 12px;
	font-weight: normal;
	}
.first h5 {
	color: #6C0;
	font-size: 18px;
	line-height: 20px;
	}
.withLeftNav .dark h2, .withLeftNav .black h2 {
	background: url(../../i/moduleDark590TopOfPageBg.gif) no-repeat;
	}
.withLeftNav .index h2 {
	background: url(../../i/moduleDark580TopBg.gif) no-repeat;
	}
.appPage.withLeftNav .index h2 {
	background: url(../../i/moduleDark590TopBg.gif) no-repeat;
	}
.appPage.withLeftNav .index {
	background: #222 url(../../i/moduleDark590Bg.gif) left bottom no-repeat;	
	}
.module h2 .minimise {
	width: 9px;
	height: 9px;
	background: url(../../i/minimiseDark.gif) no-repeat 0px 0px;
	float: right;
	margin-right: 10px;
	margin-top: 4px;
	text-indent: 1000px;
	overflow: hidden;
	}
.module h2 a.minimise:hover,
.module h2 a.newWindow:hover,
.module h2 a.closeModule:hover {
	background-position: 0px -10px;
	}
.module h2 .closeModule {
	width: 9px;
	height: 9px;
	background: url(../../i/icnCloseModuleLight.gif) no-repeat 0px 0px;
	float: right;
	margin-right: 10px;
	margin-top: 4px;
	text-indent: 9999px;
	overflow: hidden;
	}
.module h2 .newWindow {
	width: 9px;
	height: 9px;
	background: url(../../i/icnNewWindow.gif) no-repeat 0px 0px;
	float: right;
	margin-right: 10px;
	margin-top: 2px;
	text-indent: 9999px;
	overflow: hidden;
	}
.vcalIcon {
	width: 11px;
	height: 11px;
	background-image: url(../../i/icnVcal.gif);
	background-color: #888;
	border: 1px #888 solid;
	float: right;
	margin-right: 10px;
	margin-top: 2px;
	text-indent: 9999px;
	overflow: hidden;
	}
.vcalIcon:hover {
	background-color: #6c0;
	border: 1px #6c0 solid;
	}
.light {
	color: #333;
	background: #fff url(../../i/moduleLightBg.gif) left bottom no-repeat;
	}
.grid290 .light {
	background: #fff url(../../i/moduleLight290Bg.gif) left bottom no-repeat;
	}
.grid350 .light {
	background: #fff url(../../i/moduleLight350Bg.gif) left bottom no-repeat;
	}
.grid590 .light {
	background: #fff url(../../i/moduleLight590Bg.gif) left bottom no-repeat;
	}
.grid710 .light {
	background: #fff url(../../i/moduleLight710Bg.gif) left bottom no-repeat;
	}
.grid290 .dark {
	background: #222 url(../../i/moduleDark290Bg.gif) left bottom no-repeat;
	}
.grid230 .dark {
	background: #222 url(../../i/moduleDark230Bg.gif) left bottom no-repeat;
	}
.grid350 .dark {
	background: #222 url(../../i/moduleDark350Bg.gif) left bottom no-repeat;
	}
.grid470 .dark {
	background: #222 url(../../i/moduleDark470Bg.gif) left bottom no-repeat;
	}
.alert {
	background: #e5ff7f url(../../i/moduleAlertBg.gif) left bottom no-repeat;
	color: #030;
	padding-bottom: 10px;
	}
.appPage .alert {
	background: #e5ff7f url(../../i/moduleAlertAppBg.gif) left bottom no-repeat;
	}
.rightCol .alert, 
.embedded .alert {
	background: #e5ff7f url(../../i/moduleAlertAppBg230.gif) left bottom no-repeat;
	}
.withLeftNav .alert {
	background: #e5ff7f url(../../i/moduleAlert580Bg.gif) left bottom no-repeat;
	}
.alert h2 {
	color: #030;
	background: url(../../i/moduleAlertTopBg.gif) no-repeat;
	padding: 5px 0 5px 10px;
	border-bottom: 1px #99ef00 solid;
	text-transform: uppercase;
	}
.appPage .alert h2 {
	background: url(../../i/moduleAlertAppTopBg.gif) no-repeat;
	}
.appPage .news h2 {
	background: url(../../i/moduleNewsAlertAppTopBg.gif) no-repeat;
	}
.rightCol .alert h2,
.embedded .alert {
	background: url(../../i/moduleAlertAppTopBg230.gif) no-repeat;
	}
.withLeftNav .alert h2 {
	background: url(../../i/moduleAlert580TopBg.gif) no-repeat;
	}
.black {
	color: #fff;
	background: #000 url(../../i/moduleBlackBg.gif) left bottom no-repeat;
	}
.docPage .black {
	background: #000 url(../../i/moduleBlack700Bg.gif) left bottom no-repeat;
	}
.black h2, .black .h2 {
	background: url(../../i/moduleDarkTopBg.gif) no-repeat;
	}
.docPage .black h2, .docPage .black .h2 {
	background: url(../../i/moduleBlack700TopBg.gif) no-repeat;
	}
.withLeftNav .black {
	background-image: url(../../i/moduleBlack590Bg.gif);
	}
.light h2 {
	color: #333;
	background: url(../../i/moduleLightTopBg.gif) no-repeat;
	padding: 5px 0 5px 10px;
	border-bottom: 1px #ccc solid;
	text-transform: uppercase;
	}
.light .h2 {
	background: url(../../i/moduleLightTopBg.gif) no-repeat;
	padding: 4px 0 0 0;
	border-bottom: none;
	line-height: 1px;
	}
.grid230 .topOfPage h2, .rightCol .topOfPage h2 {
	background-image: url(../../i/moduleLight230TopOfPageBg.gif);
	}
.grid290 .light h2,
.grid290 .light .h2 {
	background-image: url(../../i/moduleLight290TopBg.gif);
	}
.grid350 .light h2 {
	background-image: url(../../i/moduleLight350TopBg.gif);
	}
.grid590 .light h2 {
	background-image: url(../../i/moduleLight590TopBg.gif);
	}
.grid590 .topOfPage h2 {
	background-image: url(../../i/moduleLight590TopOfPageBg.gif);
	}
.grid710 .light h2 {
	background-image: url(../../i/moduleLight710TopBg.gif);
	}
.grid710 .topOfPage h2 {
	background-image: url(../../i/moduleLight710TopOfPageBg.gif);
	}
.grid290 .topOfPage h2 {
	background-image: url(../../i/moduleLight290TopOfPageBg.gif);
	}
.grid350 .topOfPage h2 {
	background-image: url(../../i/moduleLight350TopOfPageBg.gif);
	}
.grid290 .dark h2 {
	background-image: url(../../i/moduleDark290TopBg.gif);
	}
.grid230 .dark h2 {
	background-image: url(../../i/moduleDark230TopBg.gif);
	}
.grid350 .dark h2 {
	background-image: url(../../i/moduleDark350TopBg.gif);
	}
.grid470 .dark h2 {
	background-image: url(../../i/moduleDark470TopBg.gif);
	}
.pull {
	background: #fff;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

.grid285 .pull {
	}

.pull h2 {
	background-color: #e5e5e5;
	background-image: url(../../i/modulePull580TopBg.gif);
	border-bottom: 1px solid #fff;
	color: #222;
	}

.grid285 .pull h2 {
	background-image: url(../../i/modulePull285TopBg.gif);
	}

.pull .section {
	padding: 10px;
	color: #333;
	margin-bottom: 0px;
	padding-top: 10px;
	background: url(../../i/modulePull285Bg.gif) repeat-x;
	zoom:1;
	position: relative;
	overflow: auto;
	}

.apply h2 {
	border-bottom: 0px;
	padding-top: 10px;
	}

.apply .buttonWrapper {
	display: block;
	margin: 0 10px;
	width: auto;
	padding-right: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}

.apply .buttonWrapper b.button {
	display: block;
	background: url(../../i/icnArrow.gif) no-repeat right center;
	width: auto;
	}

.apply ul.smallTicked {
	margin-bottom: 10px;
	font-size: 11px;
	}

.module dt {
	float: left;
	margin-left: 10px;
	padding: 2px 0;
	}
.module dd {
	text-align: right;
	padding: 2px 10px 2px 10px;
	border-bottom: 1px #333 solid;
	}
dd.summary {
	border-bottom: 2px #f00 solid;
	border-top: 1px #f00 solid;
	}
.contractInfo {
	font-size: 9px;
	line-height: 12px;
	}
#contractDetailEmpty {
	position: relative;
	}
#contractDetailArrow {
	position: absolute;
	width: 4px;
	height: 7px;
	left: -4px;
	top: 4px;
	background: url(../../i/formTip.gif) no-repeat;
	}
/* @end */
.xloadingBar {
	background: url(../../i/loadingBar.gif) repeat-x;
	height: 8px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	}
.dark .loading, .index .loading {
	background:url(../../i/loadingDark.gif) no-repeat left center;
	padding-left: 20px;
	}
.form .loading, .form .loading {
	background:url(../../i/loadingLight.gif) no-repeat left center;
	padding-left: 20px;
	}
/* @group INDEX ELEMENTS */
.index {
	margin-bottom: 4px;
	padding-bottom: 14px;
	background: #222 url(../../i/moduleDarkBg.gif) left bottom no-repeat;
	}
.index table {
	background: #222;
	color: #ccc;
	width: 100%;
	}
.index h2 {
	color: #6C0;
	background: #222 url(../../i/moduleDarkTopBg.gif) no-repeat;
	padding: 6px 0 6px 10px;
	border-bottom: 1px #333 solid;
	text-transform: uppercase;
	position: relative;
	line-height:  13px;
	}
.index td {
	background: #222;
	color: #ccc;
	font-size: 11px;
	line-height: 10px;
	padding: 5px;
	border-bottom: 1px #333 solid;
	white-space: nowrap;
	}
td.right, th.right {
	text-align: right;
	}
td.center, th.center {
	text-align: center;
	}
.contractName {
	white-space: nowrap;
	}
.index a, .index p a {
	color: #ccc;
	}
.index a:hover {
	text-decoration: none;
	}
.index tr:hover td {
	background-color: #111;
	}
/* except */
.index tr.disabled:hover td {
	background-color: #222;
	}

.index table th {
	color: #777;
	font-size: 9px;
	line-height: 10px;
	padding: 5px;
	background: #222 url(../../i/moduleDarkThBg.gif) repeat-x;
	border-bottom: 1px #333 solid;
	}
.index .section {
	border-bottom: 1px #333 solid;
	padding: 5px;
	color: #ccc;
	zoom: 1;
	}
.positive {
	color:inherit;
	}
.negative {
	color:#f00;
	}
	
.icon {
	/* text in icon is probably just (n) of grouped contracts, expand icon */
	font-size: 9px;
	color: #ccc;
	}
a.icon img, a.icon .tree, .graph {
	border: 1px solid #666;
	background-color: #999;
	vertical-align: text-bottom;
	}
a.icon:hover img, a.icon:hover .tree, .graph:hover {
	border: 1px solid #ccc;
	background-color: #6C0;
	}
/* alternatively applying to just img.icon */
a img.icon {
	border: 1px solid #666;
	background: #999;
	}
a:hover img.icon {
	border: 1px solid #ccc;
	background: #6C0;
	}
.icon .tree {
	width: 7px;
	height: 7px;
	margin: 2px 4px 0 0;
	background: url(../../i/icnToggleTree.gif) no-repeat 0 0;
	float: left;
	text-indent: -100px;
	overflow: hidden;
}
.selectedRow .icon .tree {
	background: url(../../i/icnToggleTree.gif) no-repeat 0 -10px;
}
/*expandable rows - img.icons also have treeLevelN, td's have .indentLevelN */
.treeLevel1 {
	margin-right: 9px;
	}
.treeLevel2 {
	margin-right: 9px;
	margin-left: 20px;
	}
.index .indentLevel1 {
	padding-left: 25px;
	}
.index .indentLevel2 {
	padding-left: 45px;
	}
.icon .expand {
	float: left;
	margin: 3px;
	}
.index .disabled td, .index .disabled td a, .disabled span.PLnegative, .disabled span.PLpositive {
	color: #777;
	}
.disabled .icon, .disabled .watchlist {
	opacity: 0.4;
	}
.index .disabled td a:hover {
	text-decoration: none;
	}
.selectedRow td, .selectedRow a {
	background-color: #000;
	color: #6C0;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	}
/*filter extends index*/
.filter {
	padding-top: 0;
	}
/* filter h2 is empty, just to dummy the top */
.filter h2 {
	border: 0;
	font-size: 1px;
	line-height: 1px;
	padding: 5px 0px 0px 10px;
	color: #222;
	}
/*not used, use an empty h2 instead */
.filter .h2 {
	background: #f00 url(../../i/moduleDarkTopBg.gif);
	background-repeat: no-repeat;
	height: 4px;
	margin-bottom: 4px;
	margin-top: 0;
	padding-top: 0;
	}
/* for other modules: */
h2.empty {
	height: 4px;
	margin-bottom: 0;
	border-bottom: 0;
	padding:0;
	}
.filter, .filter p, .filter a, .filter a:hover {
	color: #6C0;
	vertical-align: middle;
	}
/* sits above or below .index table, contains extra stuff */
.aboveIndex, .belowIndex {
	border-bottom: 1px #333 solid;
	color: #ccc;
	padding: 5px;
	font-size: 11px;
	line-height: 10px;
	}
.headerButtons {
	position: absolute;
	top: 0;
	right: 5px;
	}
.headerButtons .little button, .filter .little button {
	width: auto;
	}
	
/* @end */

/* @group MISC WIDGETS */
/* ---------------------------------
re-usable bits
--------------------------------- */
/* .block applied to links that wrap multiple (block-level) elements */
.block {
	display: block;
	text-decoration: none;
}
.block p {
	color: #000;
}
a.block:hover {
	color: #484;
	text-decoration: none;
	cursor: pointer;
}
.archiveNav {
	border: 1px #ccc solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	}
	
.pageMovers {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	padding: 5px 10px;
	}
.pageNumbers {
	border-left: 1px #ccc solid;
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	}
.pageNumbers span, .pageNumbers a {
	border-right: 1px #ccc solid;
	padding: 5px 10px;
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	}
	
.archiveNav a {
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	}
	
.pageNumbers span {
	background: #e5ff7f;
	}

.dark .archiveNav {
	border: 0;
	border-bottom: 1px #333 solid;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.dark .pageNumbers {
	border: 1px #000 solid;
	border-right: 0;
	background: #222 url(../../i/indexButton.gif) repeat-x 0 0;
	}
.dark .pageNumbers span, 
.dark .pageNumbers a {
	border-right: 1px #000 solid;
	}
.dark .pageNumbers a:hover {
	background: #222 url(../../i/indexButton.gif) repeat-x 0 -40px;
	text-decoration: none;
	color: #99E500;
	}
.dark .pageNumbers a:active,
.dark .pageNumbers span {
	background: #222 url(../../i/indexButton.gif) repeat-x 0 bottom;
	}

.dark .pageNumbers .more {
	background: #222;
	}

.dark a.pageMovers:hover {
	text-decoration: none;
	color: #99E500;
	}
.dark span.pageMovers {
	color: #888;
	}
.external {
	background: url(../../i/externalLink.gif) no-repeat right center;
	padding-right: 15px;
}
.bottom {
	/* currently only applied to arrowed lists in texty modules on home page */
	position: absolute;
	bottom: 6px;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
}
.bottom a {
	xtext-decoration: underline;
	border-bottom: 1px #99EF00 solid;
}
.bottom a:hover {
	text-decoration: none;
	border-bottom: 1px #6C0 solid;
}
.grid230 .bottom li {
    width: 190px;
	}
.grid290 .bottom li {
    width: 250px;
	}
.page ul {
	}
ul.bulleted, ul.smallBulleted {
	margin-bottom: 10px;
	}
.bulleted li {
	padding-left: 20px;
	background: url(../../i/bullet.gif) no-repeat 0px 4px;
	}
.smallBulleted li {
	padding-left: 20px;
	background: url(../../i/smallBullet.gif) no-repeat 1px 5px;
	}
.ticked li {
	padding-left: 20px;
	padding-bottom: 10px;
	background: url(../../i/bulletTick16light.gif) no-repeat 1px 0px;
	}
	
.dark .ticked li, .black .ticked li {
	background: url(../../i/bulletTick11.gif) no-repeat 1px 2px;
	}
.form .ticked li {
	margin-left: -30px;
	padding-left: 30px;
	background: url(../../i/bulletTick16Grey.gif) no-repeat 1px 0px;
	}
.smallTicked li {
	padding-left: 20px;
	background: url(../../i/bulletTick11Light.gif) no-repeat 1px 2px;
	}
	
	
small, .small, p.small a {
	font-size: 10px;
	color: #444;
	}
.dark small, .dark .small, .dark small a, .dark .small a {
	color: #666;
	}
.dark small a:hover, .dark .small a:hover {
	color: #999;
	}
	
.smaller, .smaller a{
	font-size:9px;
	color: #ccc;
	}
.smaller a:hover {
	text-decoration:underline;
	}
	
ol.small li {
	}

/* 	http://www.mezzoblue.com/tests/revised-image-replacement/
	set specific height/width and bg img in situ 
	n.b only works with opaque images
	*/
.imageReplacement {
	position: relative;
	}
.imageReplacement span {
	position: absolute;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
	}
.iconFeed {
	float: right;
	width: 12px;
	height: 12px;
	text-indent: -100px;
	overflow: hidden;
	display: block;
	margin: 2px 10px 0 0;
	background: url(../../i/icnFeed.gif) no-repeat;
	}
.iconTweet {
	float: right;
	width: 12px;
	height: 12px;
	text-indent: -100px;
	overflow: hidden;
	display: block;
	margin: 2px 5px 0 0;
	background: url(../../i/icnTwitter.png) no-repeat 0 0;
	}
.iconTweet:hover {
	background-position: 0 -13px;
	}
#iconReplacement {
	width: 15px;
	text-indent: -100px;
	overflow: hidden;
	display: block;
	background: url(../../i/icnHome.gif) no-repeat 3px 3px;
	}
	
.Breadcrumb
{
	margin:0px 0px 10px 0px;
	padding:5px;
	border:1px #DDD solid;
	display:table;
}

.iconReplacement {
	width: 15px;
	text-indent: -100px;
	overflow: hidden;
	display: block;
	margin-top: 1px;
	background: url(../../i/icnHome.gif) no-repeat 3px -77px;
	float: left;
	}

a:hover #iconReplacement {
	background-position: 3px -37px;
	}
a.current #iconReplacement {
	background-position: 3px -77px;
	}
a.arrowed, span.arrowed{
	background: url(../../i/icnArrow.gif) no-repeat left 3px;
	padding-left: 15px;
	}
a.arrowedDown, span.arrowedDown{
	background: url(../../i/icnArrowDown.gif) no-repeat left 3px;
	padding-left: 15px;
	}
/* stick em in a list if they need to line up with other bullets */
.arrowed li {
	background: url(../../i/icnArrow.gif) no-repeat 0 center;
	padding-left: 20px;
	}
	
.social a, .social a:hover {
	border-bottom: 0;
	margin: 0 4px 0 0 !important;
	top: 3px;
	}
a.facebook,
a.twitter,
a.youtube,
a.linkedin {
	background: url(../../i/icnSocials.png) no-repeat;
	height: 16px;
	width: 16px;
	margin: 4px 4px 0 0;
	display: inline-block;
	-webkit-transition: background-position 0.1s ease-out;	
	-moz-transition: background-position 0.1s ease-out;	
	}
a.facebook {
	background-position: -20px -20px;
	}
a.twitter {
	background-position: 0 -20px;
	}
a.youtube {
	background-position: -40px -20px;
	}
a.linkedin {
	background-position: -60px -20px;
	}
a.facebook:hover {
	background-position: -20px 0;
	}
a.twitter:hover {
	background-position: 0 0;
	}
a.youtube:hover {
	background-position: -40px 0;
	}
a.linkedin:hover {
	background-position: -60px 0;
	}
/*TO DO: move css3 selectors to seperate optional file? */
::-moz-selection, ::selection {
	background: #6c0;
	color: #030;
	}
.promoSection {
	background-color: #66C406;
	background-image: url(../../i/promoSectionGreenBg.gif);
	background-repeat: repeat-x;
	color: #030;
	padding: 10px;
	border-top: 0;
	border-right: 1px #222 solid;
	border-bottom: 1px #333 solid;
	border-left: 1px #222 solid;
	}
.light .promoSection {
	color: #030;
	padding: 10px;
	border: 0;
	}
.light .accordian .promoSection h4 {
	margin:  0;
	color: #030;
	}
.bookPromo {
	}
	
/* better extension to .section, only used in .form currently */
.form .promo {
	background: #e5ff7f url(../../i/grad06c-e5ff7e.gif) repeat-x;
	color: #030;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	margin-bottom: 0;
	padding: 5px 10px;
	}
.promo p {
	margin: 5px 0;
	color: #030;
	}
/* apply texty to modules that are, texty... */
.texty p, .texty ul, .texty ol, .texty h4 {
	margin: 10px 5px 10px 10px;
	}
.texty {
	position: relative;
	}
.texty li h4 {
	margin: 5px 0 2px;
	}
	
.promoSection a {
	color: #030;
	}
.promoSection h4 {
	margin: 0;
	}
.helpBubble {
	display: none;
	}
.template {
	display: none;
	}
.sae {
	border: 1px #ccc solid; 
	background: #fff url(../../i/sae.gif) no-repeat top right;
	padding: 10px 50px;
	width: 40%;
	margin-bottom: 10px;
	}
.comparison h4 {
	color: #6c0;
	margin: 0;
	}
table.comparison td{
	white-space:normal;
	width:50%;
	vertical-align:top;
	}
.register h2 {
	height: 100px;
	text-indent: 300px;
	overflow: hidden;
	padding: 0;
	width: 100%;
	}
.register a:hover {
	text-decoration: none;
	}
.register h5 {
	color: #6c0;
	margin: 10px;
	}
.vcard .photo {
	float: left;
	margin: 5px 10px 5px 0;
	border: 1px #666 solid;
	}
.mediaProfile {
	clear: left;
	overflow:auto;
	zoom:1;
	border-bottom: 1px #e1e1e1 solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 120px;
	}
.mediaProfile.right {
	padding-left: 0;
	padding-right: 120px;
	}
.mediaProfile img {
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	margin-left: -120px;
	}
	
.mediaProfile.right img {
	float: right;
	margin-top: 2px;
	margin-left: 10px;
	margin-right: -120px;
	}
	
.statement {
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	width: 110px;
	}
	
.statement img {
	display: block;
	margin-bottom: 10px;
	}
	
dl.floated {
	border: 0 #ccc solid;
	margin-bottom: 10px;
	padding-top: 10px;
	background: none;
	}	
	
dl.floated dt {
	float: left;
	text-align: left;
	}
	
dl.floated dd {
	margin-bottom: 0;
	}

dl.floated dt {
	width: 220px;
	}
	
dl.floated dd {
	margin-left: 230px;
	}

dl.filters {
	margin-left: 10px;
	}
dl.filters dt {
	float: left;
	text-align: left;
	width: 110px;
	}
	
dl.filters dd {
	margin-left: 110px;
	}
	
.pageList li {
	margin-bottom: 10px;
}
.pageList dd {
	text-align: left;
	padding: 10px 10px 9px 240px;
	}
.pageList dt {
	color: #6c0;
	font-size: 12px;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	text-transform: uppercase;
	padding: 10px 10px 9px 0;
	}
.pageList dt a {
	color: #6c0;
	}
/* @end */
.belowIndex .little button {
	width: auto;
	}
/* @group MULTICOLUMN LAYOUTS */
.column {
	margin-right: 10px;
	float: left;
	}
.grid110 {
	width: 110px;
	}
.grid150 {
	width: 150px;
	}
.grid230 {
	width: 230px;
	}
.grid285 {
	width: 285px;
	}
.grid290 {
	width: 290px;
	}
.grid350 {
	width: 350px;
	}
.grid470 {
	width: 470px;
	}
.grid590 {
	width: 590px;
	}
.last {
	margin-right: 0px;
	}

.columnWrapper {
	overflow: auto;
	zoom: 1;
	}

/* @end */
/* @group FAQs AND ACCORDIANS */
/* faq=question, faa=answer, faa is revealed on click
	can be contained in a (seperated) faqList, or as accordian */

.faqList {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px #ccc solid;
	overflow: auto;
	zoom:1; /*hasLayout */
	}
.faq {
	list-style-type: none;
	display: block;
	/*bottomborder to help ie to remember to draw proper */
	border: 1px #ccc solid;
	border-bottom: 0;
	margin: 0;
	}
/* faq=question, faa=answer, faa is revealed on click */
.faq h3 {
	margin: 0;
	}
.faq h3 a {
	display: block;
	text-decoration: none;
	padding: 7px 5px 7px 29px;
	font-size: 12px;
	line-height: 15px;
	zoom:1;
	}
.faqList .closed {
	background: #fff url(../../i/icnToggleTreeFaq.gif) no-repeat 8px 8px;
	}
		
.faqList .closed:hover {
	background-color: #e5ff7f;
	}
.faqList.closed h3 a {
	text-decoration: none;
	}
.faqList .open h3 a {
	background: #ccc url(../../i/icnToggleTreeFaq.gif) no-repeat 8px -52px;
	}
.faqList .open h3 a {
	font-weight: bold;
	}
	
.faqList p.arrowed{
	font-weight:bold;
	background: url(../../i/icnArrow.gif) no-repeat left 3px;
	padding-left: 15px;
}
.faqList p.subtitle{
	font-weight:bold;
	font-style:italic;
	margin-top:30px;
}
.faqList p.first{
	margin-top:0;
}
.faqList p.math{
	margin-left:30px;
}
.open .faa {
	background: #eee url(../../i/formDl.gif) repeat-x left top;
	padding: 9px;
	border: 0;
	border-top: 1px #fff solid;
	overflow: auto;
	}
.closed .faa, .headlineOnly .faa {
	display: none;
}
.faa p {
	margin-top: 0;
	}

.faa img {
	max-width: 560px;
	overflow: hidden;
	}

.dark .faqList {
	border-bottom: 1px #333 solid;
	margin-top: -1px;
	}
.dark .faq {
	border-width: 1px 0 0 0;
	border-color: #333;
	position: relative;
	}
.dark .faqList .closed {
	background: #222 url(../../i/icnToggleTreeFaqDark.gif) no-repeat 8px 8px;
	}
.dark .faa p {
	margin: 0;
	}
.dark .faqList .open h3 a {
	background: #000 url(../../i/icnToggleTreeFaqDark.gif) no-repeat 8px -52px;
	}

.dark .open .faa {
	border-top: 1px #333 solid;
	background-color: #000;
	background-image: none;
}
.dark .faqList .closed:hover {
	background-color: #111;
	}


.light .accordian h3 {
	border-bottom: 1px #ccc solid;
	margin: 0;
	}
.light .accordian h3 a {
	background: #fff url(../../i/icnArrow.gif) no-repeat 8px 8px;
	padding: 5px 5px 5px 29px;	
	display: block;
	}
.light .accordian h3 a:hover {
	background-color: #e5ff7f;
	}
.light .accordian h4 {
	color: #6c0;
	margin: 10px;
	text-transform: none;
	}
	
.light .accordian .open {
	background: #fff url(../../i/smallBullet.gif) no-repeat 8px 10px;
	padding-left: 29px;	
	}
	
.light .accordian .open:hover {
	background-color: #fff;
	text-decoration: none;
	}
	
.light .accordianContent {
	border-bottom: 1px #ccc solid;
	zoom:1;
	}
	
.light .accordianContent div {
	position: static;
	}
.dark .accordian h3 {
	border-bottom: 1px #333 solid;
	margin: 0;
	}
.dark .accordian h3 a {
	padding: 5px 7px 7px 10px;	
	display: block;
	text-transform: uppercase;
	}
.dark .accordian h3 a:hover {
	background-color: #000;
	}
.dark .accordian h4 {
	color: #6c0;
	margin: 10px;
	text-transform: none;
	}
	
.dark .accordian .open {
	}
	
.dark .accordian .open:hover {
	background-color: #222;
	text-decoration: none;
	}
	
.dark .accordianContent {
	border-bottom: 1px #333 solid;
	zoom:1;
	}
.accountAccordian a {
	padding: 10px 10px 10px 120px;
	font-size: 15px;
	line-height: 18px;
	color: #6c0;
	display: block;
	}
.accountAccordian a:hover {
	text-decoration: none;
	}
/* glossary */
dl.faqList { 
	padding: 0;
	margin: 0;
	border: 0;
	}
dl.faqList dt { 
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	display: inline;
	float: left;
	clear: left;
	margin: 0;
	padding: 6px 0 6px 0;
	max-width: 130px;
	}
dl.faqList dd { 
	display: block;
	margin: 0;
	padding: 6px 0 6px 140px;
	border-top: 1px #eee solid;
	}
img.howToTrade {
	border: 1px #ccc solid;
	}
img.right {
	float: right;
	margin: 0 0 10px 10px;
	}
	
img.left {
	float: left;
	margin: 0 10px 10px 0;
	}
	
.ol1, .ol2, .ol3, .ol4, .ol5 {
	padding-left: 20px;
	}
.ol1 {
	background: url(../../i/ol1.gif) no-repeat;
	}
.ol2 {
	background: url(../../i/ol2.gif) no-repeat;
	}
.ol3 {
	background: url(../../i/ol3.gif) no-repeat;
	}
.ol4 {
	background: url(../../i/ol4.gif) no-repeat;
	}
.ol5 {
	background: url(../../i/ol5.gif) no-repeat;
	}
/* @end */
/* @group SLIDER */

#slider {
	margin: 0 auto;
	position: relative;
}
.scroll {
	overflow-x: hidden;
	overflow: hidden;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	}
.scrollContainer div.panel {
	margin: 0;
	}
.scrollButtons {
	position: absolute;
	top: 0px;
	cursor: pointer;
	width: 40px;
	}
.scrollButtons.left {
 left: 0px;
 z-index: 10;
 background: url(../../i/sliderScrollArrows.gif) no-repeat 15px center;
}
.scrollButtons.left:hover {
 background-position: -35px center;
}
.scrollButtons.right {
 right: 0px;
 z-index: 10;
 background: url(../../i/sliderScrollArrows.gif) no-repeat -135px center;
}
.scrollButtons.right:hover {
 background-position: -85px center;
}
#wrapper {
    width: 590px;
    margin: 0 auto;
}
.panel h1 {
	color: #6C0;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight: normal;
	font-size: 36px;
	line-height: 30px;
	}
.panel h2 {
	color: #ccc;
	text-transform: uppercase;
	margin-bottom: 10px;
	}
.panel h3 {
	color: #fff;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 25px;
	}
.panel p {
	margin: 0 0 10px 0;
	}
	
.panel .button {
	}

#homePromo {
 background: url(../../i/homePromoPanels/spreadsBg.gif) no-repeat;
 height: 220px;
 width: 710px;
}
#homePromo .scroll {
	height: 220px;
	width: 710px;
	}
#homePromo .scrollContainer div.panel {
 padding: 100px 0 0 120px;
 height: 110px;
 width: 590px; 
}
#homePromo .scrollButtons {
	height:220px;
}
#homePromo .scrollButtons.left {
	background-position: 15px 175px;
}
#homePromo .scrollButtons.left:hover {
	background-position: -35px 175px;
	}
#homePromo .scrollButtons.right {
	background-position: -135px 175px;
	}
#homePromo .scrollButtons.right:hover {
	background-position: -85px 175px;
	}

#sbHome {
 background: url(../../i/homePromoPanels/spreadsBg590.gif) no-repeat;
 height: 220px;
 width: 590px;
}
#cfdHome {
 background: url(../../i/homePromoPanels/cfdRatesBg590.gif) no-repeat;
 height: 220px;
 width: 590px;
}
#sbHome .scroll, 
#cfdHome .scroll {
	height: 220px;
	width: 590px;
	}
#sbHome .scrollContainer div.panel, 
#cfdHome .scrollContainer div.panel {
 padding: 80px 0 0 10px;
 height: 110px;
 width: 580px; 
}
#sbHome .scrollButtons,
#cfdHome .scrollButtons {
	height:220px;
}
#sbHome .scrollButtons.left,
#cfdHome .scrollButtons.left {
	background-position: 15px 175px;
}
#sbHome .scrollButtons.left:hover,
#cfdHome .scrollButtons.left:hover {
	background-position: -35px 175px;
	}
#sbHome .scrollButtons.right,
#cfdHome .scrollButtons.right {
	background-position: -135px 175px;
	}
#sbHome .scrollButtons.right:hover,
#cfdHome .scrollButtons.right:hover {
	background-position: -85px 175px;
	}

#ourPlatform {
 height: 320px;
 width: 590px;
 background: url(../../i/ourPlatform/slider-bg.png);
 margin-bottom: 4px;
}
.overCorners {
	position: absolute;
	top: 0;
	left:0;
 height: 10px;
 width: 590px;
 background: url(../../i/ourPlatform/slider-overcorners.png);
}
#ourPlatform #slider{
 height: 310px;
 width: 590px;
}
#ourPlatform .scroll {
	height: 310px;
	width: 590px;
	}
#ourPlatform .scrollContainer div.panel {
	padding: 0px 10px;
	height: 310px;
	width: 570px; 
	}
#ourPlatform .scrollButtons {
	height: 310px;
}
#ourPlatform p {
	padding: 15px 40px 0 40px;
	color: #ccc;
	line-height: 18px;
	}

#ourPlatform .scrollButtons.left {
	background-position: 15px 250px;
}
#ourPlatform .scrollButtons.left:hover {
	background-position: -35px 250px;
	}
#ourPlatform .scrollButtons.right {
	background-position: -135px 250px;
	}
#ourPlatform .scrollButtons.right:hover {
	background-position: -85px 250px;
	}



.splash h1, .splash h3, .splash ul {
	margin-left: 260px;
	}
.splash h3 {
	margin-top: 20px;
	}
	
.splash ul {
	font-size: 12px;
	}
.btbPromo {
	background: url(../../i/btb/rightColModule.gif);
	height: 100px;
	width: 230px;
	text-align: right;
	cursor: pointer;
	}
.btbPromo p {
	padding: 10px;
	color: #6c0;
	margin: 0;
	}
	
.btbPromo b {
	color: #ccc;
	font-weight: normal;
	}
.btbPromo .arrowed {
	background: url(../../i/icnArrow.gif) no-repeat 0 center;
	padding-left: 20px;
	}
	
.refreshButton, .resizeButton {
	position: absolute;
	right: 10px;
	top: 6px;
	}
.refreshButton a, .resizeButton a {
	color:#6C0;
	padding-right: 12px;
	font-weight: normal;
	font-size: 9px;
	}
.refreshButton a {
	background: url(../../i/icnRefresh2.gif) no-repeat right center;
	}
.resizeButton a.wider {
	background: url(../../i/icnEresize.gif) no-repeat right center;
	}
.resizeButton a.thinner {
	background: url(../../i/icnWresize.gif) no-repeat right center;
	}
ul.documentList {
	margin-bottom: 10px;
	}
.documentList li {
	padding-left: 20px;
	padding-bottom: 5px;
	background: url(../../i/page_white.png) no-repeat;
	}
li.xls {
	background: url(../../i/page_white_excel.png) no-repeat;
	}
li.doc {
	background: url(../../i/page_white_word.png) no-repeat;
	}
li.pdf {
	background: url(../../i/page_white_acrobat.png) no-repeat;
	}
li.none {
	background: none;
	padding-left: 0;
	}

ul.sitemap {
    line-height: 20px;
}	

.sitemap li {
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	padding-left: 15px;
	background: url(../../i/bullet.gif) no-repeat 0px 4px;
	padding-bottom: 5px;
}

.sitemap li a {
	color: #333;
}

.sitemap li li {
	font-weight: normal;
	font: 11px/20px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,sans-serif;
	padding-left: 15px;
	background: url(../../i/smallBullet.gif) no-repeat 1px 5px;
	padding-bottom: 0;
}

.sitemap li ul.first-child
{
    margin-left: -15px;
}

.sitemap li ul.first-child li:first-child
{
    /*padding-left: 0;*/
}

.sitemap li ul.child li:first-child
{
    padding-left: 15px;
}

.grid .page, .grid .appPage, .grid .docPage {
	background: #ccc url(../../i/gridOverlay.png) repeat-x;
}

.awol, .translateMe, .translateme, .translate {
	background-color: inherit !important;
	background-image: url(../../i/awol.gif) !important;
	background-repeat: repeat !important;
}

.hidden {
	display:none;
}

.clear {
	clear:both;
}

/* @end */
	
.tooltip {
	background: url(../../i/toolTip.gif) no-repeat right top;
	padding-right: 4px;
	cursor: help;
}

	
.form table {
	width: 100%;
	}
.form td {
	font-size: 11px;
	line-height: 10px;
	padding: 5px;
	border-bottom: 1px #ccc solid;
	white-space: nowrap;
	}
.form td.summary,
.seminarsList td.summary {
	white-space: normal;
	}
.form th {
	color: #777;
	font-size: 9px;
	line-height: 10px;
	padding: 5px;
	background: url(../../i/formThBg.gif) repeat-x;
	border-bottom: 1px #ccc solid;
	}
.form table td.indexBtn {
	padding: 2px;
	}
.form td.indexBtn a {
	font-size: 11px;
	line-height: 10px;
	padding: 3px 2px 4px 2px;
	color: #222;
	text-shadow: #fff 0px 1px 1px;
	display: block;
	text-align: center;
	border: 1px #444 solid;
	background: #888 url(../../i/buttonGrey.gif) repeat-x;
	background-position: 0px 0px;
	}

.form td.indexBtn a:hover {
	background-color: #888;
	background-position: 0px -40px;
	text-decoration: none;
	}
.form td.indexBtn a:active {
	background-color: #888;
	background-position: 0px -80px;
	}

.videoThumb a
{
	display: block;
	height: 40px;
	width: 72px;
	overflow: hidden;
	position: relative;
	border: 1px #999 solid;
}
	
.videoThumb a:hover,
.videoList tr:hover .videoThumb a {
	border: 1px #99e500 solid;
	box-shadow: #484 0px 0px 3px;
	-moz-box-shadow: #484 0px 0px 3px;
	-webkit-box-shadow: #484 0px 0px 3px;
	}
	
td.videoThumb {
	padding: 3px 10px;	
	}
	
.videoThumb img {
	top: -13px;
	display: block;
	left: 0px;
	position: absolute;	
	}
.videoTitle a
{
	color: #ccc;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	display: block;
	height: 100%;
}
.videoTitle a:hover,
.videoList tr:hover a {
	text-decoration: none;
	color: #99e500;
	text-shadow: #484 0px 0px 3px;
	}

/* press coverage and newsletters archive */

.archiveList {
	clear: left;
	overflow: auto;
	}

.archiveList h5, 
.archiveList ul, 
.archiveList p {
	margin-left: 65px;
	}

.archiveList ul {
	margin-top: -5px;
	}

/* wrap long urls */
.archiveList small a {
	display: block;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	}

.miniCal {
	float: left;
	width: 55px;
	height: 55px;
	border: #ccc 1px solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 3px 10px 10px 0;
	background:#fff;
	}
.miniCal .top {
	background:#ccc;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: #333;
	}

.miniCal .d {
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	font-weight: 600;
	letter-spacing: -2px;
	font-family: "myriad-pro-1","myriad-pro-2","Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	}

.calendar {
	background: #eee;
	}
.calendar table {
	width: 100%;
	border-collapse: collapse;
	xbackground: url(../../i/formDl.gif) repeat-x;
	}
.calendar td, .calendar th  {
	font-size: 11px;
	line-height: 10px;
	padding: 5px;
	border-bottom: 1px #fff solid;
	}
.calendar th {
	background: url(../../i/formThBg.gif) repeat-x;
	color: #777;
	font-size: 9px;
	line-height: 10px;
	}
.calendar h2 {
	color: #333;
	background: #ccc url(../../i/formLegend230.gif) no-repeat;
	border-bottom: 1px #fff solid;
	}

.calendar #today {
	background: #ccc;
	border: 1px #fff solid;
	}
	
.calendar .event {
	background: #e5ff7f;
	color: #030;
	font-weight: bold;
	border: 2px #99e500 solid;
	position:relative;
	}

.seminarsList {}

table.seminar {
	width: 100%;
	border-collapse: collapse;
	margin-bottom:	10px;
	border: 1px solid #e1e1e1;
	}
table.seminar td {
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
	}
table.seminar .smallBulleted {
	margin-bottom: 0px;
	}
table.seminar p:last-child {margin-bottom: 0;}

.countdownClock {
	margin: 10px;
	text-transform: uppercase;
	line-height: 25px;
	}

.countdownClock span {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	width: 20px;
	height:25px;
	font-size: 20px;
	line-height: 25px;
	color: #fff;
	background: #222 url(../../i/countdownClock.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	}

ul.newsList {
	margin: 0;
	}
.newsList li {
	border-bottom: 1px #333 solid;
	position:relative;
	}
.newsList li a {
	display: block;
	padding: 3px 5px 3px 10px;
	color: #ccc;
	}

.newsList li a small {
	color: #666;
	}

.newsList li a:hover,
.newsList a:hover small {
	background-color: #000;
	text-decoration: none;
	color: #99e500;
	text-shadow: #484 0px 0px 3px;
	}
	
.newsList p {
	margin: 0;}

.newsList .arrowed {
	padding-left: 25px;
	background-position: 10px center;
	}

.newsArticle a {
	color: #222;
	}
	
.light .newsList li {
	border-bottom: 1px #ccc solid;
	}
.light .newsList li a {
	color: #484;
	}

.light .newsList li a:hover,
.light .newsList a:hover small {
	background-color: #e5ff7f;
	text-decoration: none;
	color: #484;
	text-shadow: #99e500 0px 0px 3px;
	}
	
small.right {
	position: absolute;
	top: 4px;
	right: 10px;
	}

	/* like newslist but light */
.newsArchive {
	}

.index .hilite {
	color: #6C0;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	}
	
#videos a
{
	display:block;
	float:left;
	margin:0 10px 10px 0;
}

.megaFooter
{
    position: absolute;
    bottom: 0px;
    left: 10px;
    margin: 0px;
    width: 950px;
    height: 300px;
    overflow: hidden;
}

.megaFooter .top
{
    background-color: #EFEFEF;
    height: 24px;
    border-bottom: 1px #ccc solid;
}
.megaFooter .section
{
    background: url(../../i/gradEFEFEF-CCC.gif) repeat-x 0 0;
    height: 150px;
    padding-left: 10px;
    padding-top: 10px;
}
.disclaimer
{
    padding-left: 10px;
    padding-top: 10px;
    height: 75px;
}
.page.noDisclaimer
{
    padding-bottom: 195px;
}
.page.clients
{
    padding-bottom: 10px;
}
.noDisclaimer .megaFooter
{
    height: 195px;
}

.megaFooter h1
{
    font-size: 9px;
    text-transform: uppercase;
    float: right;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 0;
    color: #666;
    padding: 7px 10px;
    line-height: 10px;
    background-image: url(../../i/crumbRight.gif);
    background-repeat: no-repeat;
    background-position: right top;
}
.crumb
{
    float: left;
}
.crumb li
{
    float: left;
}
.page .crumb a, .crumb b
{
    display: inline-block;
    background-image: url(../../i/crumbTrail.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 7px 5px 7px 15px;
    line-height: 10px;
    font-size: 10px;
    color: #333;
    min-width: 40px;
}
.crumb .first a, .crumb .first b
{
    background-image: url(../../i/crumbFirst.gif);
    padding: 7px 5px 7px 10px;
}
.page .crumb a:hover
{
    color: #484;
    background-position: 0 -26px;
    text-decoration: none;
}

.megaFooter .section h3, .megaFooter .section li, .megaFooter .section p
{
    margin: 0;
    font-size: 10px;
    line-height: 15px;
}
.megaFooter .section a
{
    color: #333;
}
.megaFooter .section a:hover
{
    text-decoration: none;
    color: #484;
}

/* .equalHeights .inner - used to keep a line of modules appering to be the same height by moving background to these divs. replaces jquery method */

.equalHeights {
	background-image: url(../../i/moduleEqualHeightBg.gif);
	position: relative;
	margin-bottom: 4px;
	}

.eh590 {
	background-image: url(../../i/moduleEqualHeight590Bg.gif);
	}

.equalHeights .ehInner {
	background-image: url(../../i/moduleEqualHeightBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	overflow: auto;
	height: 100%;
	}

.eh590 .ehInner {
	background-image: url(../../i/moduleEqualHeight590Bottom.gif);
	}

.equalHeights .column {
	height: 100%;
	}
.equalHeights .module {
	background-image: none;
	position: static;
	height: 100%;
	margin-bottom: 0px;
	}
	
	
a.nonclick:hover
{
	text-decoration:none;
	cursor:text;
}

#LoginReplaced,
#UserAccount_LoginReplaced {
	position:relative;
	display:block;
	height:34px;
	margin-bottom: 4px;
	overflow: hidden;
}

#LoginReplaced img,
#UserAccount_LoginReplaced img {
	position:absolute;
	clip: rect(0, 230px, 34px, 0);
}

#LoginReplaced:hover img,
#UserAccount_LoginReplaced:hover img {
	clip: rect(34px, 230px, 68px, 0);
	top: -34px;
}

.wrapword {
    white-space: -moz-pre-wrap !important; /* Mozilla */
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    /*white-space: pre-wrap;*/       /* css-3 */
    word-wrap: break-word;       /* IE */
}

#siteSwitcher {
	position: absolute;
	right: 10px;
	top: 13px;
	width: 230px;
	overflow:hidden;
	}
#siteSwitcher p {
	font-size: 9px;
	color: #aaa;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: right;
	line-height: 10px;
	display: none;
	}
#siteSwitcher.en p.en,
#siteSwitcher.fr p.fr,
#siteSwitcher.de p.de,
#siteSwitcher.it p.it
{
	display: block;
	}
	
#siteSwitcher ul {
	}

#siteSwitcher li {
	float: left;
	width: 57px;
	}

#siteSwitcher li.en,
#siteSwitcher li.it	{
	width: 58px;
	}

#siteSwitcher li a {
	background: url(../../i/siteSwitcher.png);
	height: 32px;
	display: block;
	text-indent: 9999px;
	}

#siteSwitcher li.en a {
	background-position: 0 0;
	}

#siteSwitcher li.de a {
	background-position: -58px 0;
	}

#siteSwitcher li.fr a {
	background-position: -115px 0;
	}

#siteSwitcher li.it a {
	background-position: -172px 0;
	}

#siteSwitcher li.en a:hover {
	background-position: 0 40px;
	}

#siteSwitcher li.de a:hover {
	background-position: -58px 40px;
	}

#siteSwitcher li.fr a:hover {
	background-position: -115px 40px;
	}

#siteSwitcher li.it a:hover {
	background-position: -172px 40px;
	}

#siteSwitcher.en li.en a,
#siteSwitcher.en li.en a:hover {
	background-position: 0 -40px;
	}

#siteSwitcher.de li.de a,
#siteSwitcher.d li.de a:hover {
	background-position: -58px -40px;
	}

#siteSwitcher.fr li.fr a,
	#siteSwitcher.fr li.fr a:hover {
	background-position: -115px -40px;
	}

#siteSwitcher.it li.it a,
#siteSwitcher.it li.it a:hover {
	background-position: -172px -40px;
	}

#how-to-videos {}

#how-to-videos ul {}

#how-to-videos li {
    margin-bottom: 10px;
	}

#how-to-videos li img {
    margin-right: 5px;
	}

.demo-terms {
    float: left;
    width: 380px;
    margin-top: 5px;
	}

/* embedded login iframe */
iframe.login-wrapper {
	border:0;
	width:100%;
	height:116px;
	background: transparent;
	}

.trackingTags {
	/* makes sure it doesn't affect layout */
	position: absolute;
	right: 0;
	bottom: 0;
}
	
.required
{
    color: #ff0000;
    margin-left: 2px;
}

.flying-trader 
{
    height: 220px;
	color: #fff;
	background: #000 url(../../i/Landing/Flying-Trader/banner.jpg) left bottom no-repeat;
}

.flying-trader-loggedin
{
    height: 220px;
	color: #fff;
	background: #000 url(../../i/Landing/Flying-Trader/banner2.jpg) left bottom no-repeat;
}

.flying-trader h1
{
    margin-left: -9999px;
}

.seoLink, a.seoLink:hover
{
    color: inherit;
    text-decoration: none;
}

#Feedback_Website_Url, #Feedback_Website_Url_Label
{
    display:none;
}

.form #employedQuestions, 
.form #SourceOfIncome, 
.form #HdyhauOther, 
.form #NatureOfBusiness {
    display: none;   
	}
	

.mt4ProcessTrail {
	background: #333 url(../../i/metaTraderProcessTrailBg.png) left top no-repeat;
	height: 220px;
	width: 710px;
	position: relative;
	padding:0;
	}
	

.mt4ProcessTrail li {
	display: block;
	position: absolute;
	top: 85px;
	width: 190px;
	color: #ccc;
	text-align: left;
	}	
.mt4ProcessTrail li#one {
	left: 20px;
	}	
.mt4ProcessTrail li#two {
	left: 270px;
	}	
.mt4ProcessTrail li#three {
	left: 510px;
	}	
	
.mt4ProcessTrail li#four,
.mt4ProcessTrail li#four a{
	height: 210px;
	width: 710px;
	top: 0;
	left: 0;
	}	
	
.mt4ProcessTrail li#four a{
	display: block;
	text-indent: -9999px;
	}