/* ---------------------------------
this file contains all (valid) layout 
see also: ieN.css for explorer-only targeted css kerfuffle
--------------------------------- */
/* @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 {
	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;
	}
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 {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 20px;
	color: #000;
	letter-spacing: -1px;
	}
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;
	}
	
hr {
	border-top: 0;
	border-left: 0;
	border-right: 0;	
	border-bottom: 1px #ccc solid;
	margin: 10px 0;
	height: 1px;
	}
	
/* @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 {
	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 {
	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;
	}
.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 b.button {
	/*ff can cope with table-cell util it gets inline-block */
	display: table-cell;
	display: inline-block;
	padding: 0;
	}
.wide button, .wide input , .wide .button {
	width: 228px;
	}
.extrawide .button{
	width: 500px;
	}
/* 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;
	}
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;
	}
#logoutButton button {
	width: auto;
	}
#LoginBtn button {
	padding: 0;
	width: 48px;
	}
/* @end */
/* @group TEXTINPUT */
.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;
	}
.textInput:hover {
	background-position: 0 -30px;
	}
.textInput:active, .textInput:focus {
	background-position: 0 -60px;
	color: #000;
	}
.dark .textInput {
	width: 128px;
	background-image: url(../../i/textInputDarkBg.gif);
	color: #ccc;
	}
.dark .textInput:hover {
	border: 1px #aaa solid;
	color: #fff;
	}
.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 .textInput{
	width: 224px;
	background-image: url(../../i/textInputLightBg.gif);
	color: #333;
	}
.light .textInput {
	background-image: url(../../i/textInputLightBg.gif);
	color: #333;
	background-position: 0 -30px;
	}
.light .textInput:hover {
	background-position: 0 0;
	}
.light .textInput:active, .light .textInput:focus {
	background-position: 0 -60px;
	}
.docPage .textInput:hover {
	
	}
.docPage .textInput:active, .docPage .textInput:focus, .light .textInput:active, .light .textInput:focus {
	border: 1px #444 solid;
	}
/* @end */
.radio {
	
}
/* @group SELECT */
select {
	border: none;
	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;
	}
.form .question {
	position: absolute;
	width: 220px;
	text-align: right;
	}
.withLeftNav .form .question {
	width: 155px;
	}
.form .response {
	margin-left: 0px;
	margin-bottom: 10px;
	position: relative;
	left: 230px;
	width: 450px;
	}
.withLeftNav .form .response {
	left: 165px;
	}
.form input {
	vertical-align: top;
	}
	
.form .section {
	border: 1px #ccc solid;
	padding: 10px;
	color: #333;
	margin-bottom: 10px;
	padding-top: 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 {
	zoom:1;
	}
.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;
	}
/* @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: auto;
	}
.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;
	}
.withLeftNav {
	padding-left: 130px;
	}
.rightCol {
	float: right;
	width: 230px;
	margin: 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;
	}
	
	/* @group SUPERWIDE */
	
	/* add superwide to body for a 5col proview hack */
.superwide .mainCol {
	width: 960px;
	}
.superwide .wrapper {
/* top level div, holds page width */
	width: 1210px;
	height: 100%;
	min-height: 100%;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background: #ccc;
	}
.superwide .index h2 {
	background: url(../../i/moduleDark950TopBg.gif) no-repeat;
	}
.superwide .index {
	background: #222 url(../../i/moduleDark950Bg.gif) left bottom no-repeat;
	}
.superwide #proview .contractName {
	letter-spacing: 0px;
	}
.superwide .expandedPositions {
	background-image: url(../../i/expandedPositionBottom930.gif);
	}
	
.superwide .expandedPositions table {
	background-image: url(../../i/expandedPositionTh930.gif);
	}
.superwide .dealTicket, 
.superwide .expandedPositions .dealTicket, 
.superwide .dealTicket .section,
.superwide .inlineGraph div {
	background-image: url(../../i/dealTicketSection930.gif);
	}
	
.superwide #marketName, 
.superwide #MSMarketName, 
.superwide .dtTop,
.superwide .inlineGraph a.bigGraph {
	background-image: url(../../i/dealTicketTop930.gif);
	}
.superwide .dealTicket .confirm,
.superwide .inlineGraph {
	background-image: url(../../i/dealTicketBottom930.gif);
	}
.superwide .appPage .alert {
	background-image: url(../../i/moduleAlertAppBg950.gif);
	}
.superwide .appPage .alert h2 {
	background-image: url(../../i/moduleAlertAppTopBg950.gif);
	}

/* @end */
/* @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: 10px;
	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: 3;
	}
	
/* 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: 3;
	}
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 ul { 
	position: absolute;
	z-index: 2;
	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;
}
.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: 1px 20px 3px 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 {
	background: #f00;
	/* 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;
	padding-right: 10px;
}

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

.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;
}


.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;
	}
.withLeftNav .dark {
	background: #222 url(../../i/moduleDark590Bg.gif) left bottom no-repeat;
	}
.docPage .dark {
	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;
	}

/* feedback */
.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/moduleDark590TopBg.gif) 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: #999;
	border: 1px #999 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 {
	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 {
	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;
	}
.grid230 .topOfPage h2, .rightCol .topOfPage h2 {
	background-image: url(../../i/moduleLight230TopOfPageBg.gif);
	}
.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);
	}
.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;
	}

.apply h2 {
	background: url(../../i/moduleApplyTopBg.gif) no-repeat;
	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;
	}

.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;
	}
/* @group PROVIEW */
.bbConsideration {
	text-align: center;
	border-bottom: 1px #333 solid;
	}
.bbBull {
	float: left;
	clear: left;
	display: block;
	}
.bbBear {
	float: right;
	clear: right;
	display: block;
	text-align: right;
	padding-right: 10px;
	}
.bbBear dt {
	float: none;
	}
.bbBear dd, .bbBull dd {
	border-bottom: none;
	padding-right: 0;
	}
.bbConsideration dl {
	margin-top:0px;
	}
.bbConsideration dd {
	font-weight: bold;
	}
.bbConsideration dd {
	clear: both;
	text-align: right;
	margin-right: 0;	
	}
.bbSlider {
	clear: both;
	text-align: center;
	width: 201px;
	margin: 2px auto 8px auto;
	}
.bbSlider div {
	border: 1px #ccc solid;
	height: 7px;
	line-height: 1px;
	width: 199px;
	background-image: url(../../i/bullBearSlider.gif);
	}
	
.index table.expandedProview td{
	padding: 6px 2px 7px 2px;
	}
	
/* @end */
/* @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;
	}
#proview td {
	padding: 5px 2px 5px 0;
	}
	
#proview td.last{
	padding-right: 5px;
	}
	
#proview .contractName {
	white-space: normal;
	letter-spacing: -1px;
	}
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,
.index tr.expandedRow .expandedPositions tr:hover td,
.index tr.selectedRow .expandedPositions tr:hover td {
	background-color: #111;
	}
/* except */
.index tr.disabled:hover td {
	background-color: #222;
	}
/* except */
.index tr.expandedRow:hover td,
.index tr.selectedRow:hover td,
.index tr.expandedRow .expandedPositions tr.selectedRow td {
	background-color: #000;
	}
.index tr.expandedRow .expandedPositions td,
.index tr.selectedRow .expandedPositions td {
	background-color: #222;
	}
.index tr.expandedRow .expandedPositions tr:hover.expandedRow td {
	background-color: #000;
	}
.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;
	}
.index table td.dealBtn {
	padding: 0;
	}
.index td.dealBtn a {
	font-size: 11px;
	line-height: 10px;
	padding: 6px 5px 7px 5px;
	color: #fff;
	display: block;
	background-color: #666;
	background-image: url(dealBtnBg.gif);
	background-repeat: repeat-x;
	text-align: center;
	}
.index td.dealBtn a span {
	font-size: 11px;
	}
.index td.buyLabel, .index td.sellLabel {
	font-size: 9px;
	}
.index td.sellLabel {
	text-align: right;
	}
.index td.down a {
	background: #5a1717 url(../../i/dealBtnDownBg.gif) repeat-x 0 0;
	}
.index td.down a:hover, .index td.down a.flashing {
	background: #c00 url(../../i/dealBtnDownBg.gif) repeat-x 0 -40px;
	}
.index td.down a:active {
	background: #c00 url(../../i/dealBtnDownBg.gif) repeat-x 0 bottom;
	}
.index td.up a {
	background: #17395a url(../../i/dealBtnUpBg.gif) repeat-x 0 0;
	}
.index td.up a:hover, .index td.up a.flashing {
	background: #06c url(../../i/dealBtnUpBg.gif) repeat-x 0 -40px;
	}
.index td.up a:active {
	background: #06c url(../../i/dealBtnUpBg.gif) repeat-x 0 bottom;
	}
	
.index td.changedUp,
.index tr:hover td.changedUp {
	background: #06c url(../../i/dealBtnUpBg.gif) repeat-x 0 -40px;
	}
	
.index td.changedDown,
.index tr:hover td.changedDown {
	background: #c00 url(../../i/dealBtnDownBg.gif) repeat-x 0 -40px;
	}
.index span.PLpositive {
	color:inherit;
	}
.index span.PLnegative {
	color:#f00;
	}
.positive {
	color:inherit;
	}
.negative {
	color:#f00;
	}
	
.selectedRow span.PLnegative {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,sans-serif; /* because of funny minus sign */
	}
	
.index .disabled span.PLnegative, .index .disabled span.PLpositive {
	color:inherit;
	}
	
.dealBtn + .dealBtn {
	border-left: 1px #222 solid;
	}
.index table td.indexBtn {
	padding: 0 4px;
	}
.index td.indexBtn a {
	font-size: 11px;
	line-height: 10px;
	padding: 6px 2px 7px 2px;
	color: #fff;
	display: block;
	text-align: center;
	background: #222 url(../../i/indexButton.gif) repeat-x 0 0;
	border: 1px #111 solid;
	}
.index td.indexBtn a:hover {
	background: #222 url(../../i/indexButton.gif) repeat-x 0 -40px;
	border: 1px #000 solid;
	text-decoration: none;
	}
.index td.indexBtn a:active {
	background: #222 url(../../i/indexButton.gif) repeat-x 0 bottom;
	}
.index .disabled td.indexBtn a, .index .disabled td.indexBtn a:hover, .index .disabled td.indexBtn a:active {
	background: #222 url(../../i/indexButton.gif) repeat-x 0 -80px;
	border: 1px #191919 solid;
	}
.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;
	}
.graph, .selectedRow .graph {
	float: right;
	display: block;
	width: 11px;
	height: 11px;
	background: #999 url(../../i/icnGraph.gif) no-repeat top left;
	}
.icon .expand {
	float: left;
	margin: 3px;
	}
a.watchlist, 
.selectedRow a.watchlist, 
a.watchlistRemove, 
.selectedRow a.watchlistRemove, 
a.watchlistWatched, 
.selectedRow a.watchlistWatched {
	display: block;
	width: 11px;
	height: 11px;
	background: #999 url(../../i/icnWatchlist.gif) no-repeat top left;
	border: 1px solid #666;
	margin: auto;
	overflow: hidden;
	}
a.watchlist:hover {
	background: #6c0 url(../../i/icnWatchlist.gif) no-repeat top left;
	border: 1px solid #ccc;
	}
a.watchlistWatched {
	background: #999 url(../../i/icnWatchlistWatched.gif) no-repeat top left;
	}
a.watchlistWatched:hover {
	background: #6c0 url(../../i/icnWatchlistWatched.gif) no-repeat top left;
	border: 1px solid #ccc;
	}
a.watchlistRemove {
	background: url(../../i/icnClosed.gif) no-repeat top left;
	border: 1px #999 solid;
	}
a.watchlistRemove:hover {
	border: 1px #ccc solid;
	}
.lastChange {
	width: 9px;
	height: 5px;
	background-image: url(../../i/moveArrows.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	zoom:1;
	overflow: hidden;
	}
.disabled .lastChange {
	background-image: url(../../i/moveArrowsDisabled.gif);
	}
.dailychange {
	text-align: right;
	}
.up {
	background-position: 0px 0px;
	}
.down {
	background-position: 0px -5px;
	}
.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.dealBtn, .index .disabled td.down a, .index .disabled td.up a {
	background: #333 url(../../i/dealBtnDisabledBg.gif) repeat-x;
	color: #888;
	}
.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;
	}
.inlineGraph {
	margin: 6px 10px 10px 10px;
	padding-bottom:1px;
	background: #222 url(../../i/dealTicketBottom.gif) left bottom no-repeat;
	}
.inlineGraph div {
	background: url(../../i/dealTicketSection.gif) repeat-y;
	text-align: center;
	margin-bottom:5px;
	}
.inlineGraph .icon {
	float: right;
	margin: 10px 10px 0 0;
	}
.inlineGraph a.bigGraph {
	display: block;
	background: url(../../i/dealTicketTop.gif) left top no-repeat;
	padding-top: 5px;
	}
.expandedPositions {
	margin: 10px;
	background: #222 url(../../i/expandedPositionBottom.gif) left bottom no-repeat;
	padding-bottom: 6px;	
	}
	
.expandedPositions table {
	background: #222 url(../../i/expandedPositionTh.gif) left top no-repeat;
	margin: 0;	
	}
	
.expandedPositions td {
	background: #222;
	padding: 5px;
	}
	
.expandedPositions .headerRow {
	}
	
.index .expandedPositions tr.expandedRow td,
.index .expandedPositions tr.expandedRow td:hover {
	background: #000;
	}
	
.expandedPositions table th {
	background: transparent;
	}
#optionstable td, #notestable td {
	white-space: normal;
	vertical-align: top;
	line-height: 15px;
	}
/* @end */
/* @group DEALTICKET */
.expandedRow td {
	padding: 0;
	background: #000;
	white-space: normal;
	}
.expandedRow td table td {
	padding: 5px;
	}
.expandedRow td table #MoveStopCell, .expandedRow td table #DealTicketCell {
	padding: 0;
	}
.dealTicket, .expandedPositions .dealTicket {
	margin: 6px 10px 10px 10px;
	background: #222 url(../../i/dealTicketSection.gif) repeat-y;
	}
	
.expandedPositions .dealTicket {
	margin: 6px 0 10px 0;
	}
	
.dealTicket .section {
	background: #222 url(../../i/dealTicketSection.gif) repeat-y;
	padding: 0;
	position: relative;
	}
.dealTicket .textInput {
	width: 44px;
	}
#orderButtons {
	overflow: auto;
	position: absolute;
	width: 480px;
	width: 500px;
	}
#orderButtons a {
	display: block;
	float: left;
	padding: 5px 10px 5px 10px;
	margin-right: 10px;
	border: 1px #000 solid;
	color: #fff;
	font-size: 26px;
	line-height: 30px;
	}
#orderButtons a:hover {
	text-decoration: none;
	}
#orderButtons label {
	display: inline;
	}
#orderButtons #DTbuy,
#orderButtons .buyOff:hover #DTbuy {
	background: url(../../i/orderBtnArrow.gif) no-repeat left -50px;
	padding-left: 35px;
	}
#orderButtons .sellOff #DTsell {
	background: url(../../i/orderBtnArrow.gif) no-repeat right -100px;
	padding-right: 35px;
	}
#orderButtons .buyOff #DTbuy {
	background: url(../../i/orderBtnArrow.gif) no-repeat left 0px;
	padding-left: 35px;
	}
#orderButtons .sell #DTsell,
#orderButtons .sellOff:hover #DTsell {
	background: url(../../i/orderBtnArrow.gif) no-repeat right -150px;
	padding-right: 35px;
	}
#orderButtons b {
	font-size: 26px;
	line-height: 30px;
	}
#orderButtons .sell, 
#orderButtons .sellOff {
	width: 208px;
	background: #c00 url(../../i/orderBtnBg.gif) repeat-x 0px -200px;
	text-shadow: #900 0px 1px 0px;
	text-align: right;
	}
#orderButtons .buy,
#orderButtons .buyOff {
	width: 208px;
	background: #06c url(../../i/orderBtnBg.gif) repeat-x 0px -100px;
	text-shadow: #036 0px 1px 0px;
	}
#orderButtons .buyOff,
#orderButtons .sellOff {
	background: #333 url(../../i/orderBtnBg.gif) repeat-x 0px 0px;
	color: #999;
	text-shadow: #333 0px 1px 0px;
	}
#orderButtons .sellOff:hover {
	background: #5a1717 url(../../i/orderBtnBg.gif) repeat-x 0px -150px;
	color: #fff;
	}
#orderButtons .buyOff:hover {
	background: #17395a url(../../i/orderBtnBg.gif) repeat-x 0px -50px;
	color: #fff;
	}
.index .smallPrint {
	border-bottom: 0px;
	}
.smallPrint p {
	width: 210px;
	position: absolute;
	right: 0px;
	top: 5px;
	color: #888;
	font-size: 9px;
	line-height: 14px;
	}
.dealTicket small {
	color: #888;
	font-size: 9px;
	line-height: 15px;
	}
#stopLoss, #tradeSize, #orderType, #marketName {
	height: 26px;
	margin-right: 230px;
	}
#orderDirection {
	height: 55px;
	}
#stopLoss .column, #tradeSize .column, #orderType .column, #marketName .column , #moveStop .column {
	position: absolute;
	width: 110px;
	line-height: 18px;	
	}
	
#marketName .dt2, #marketName .dt1 label, #MSMarketName .dt2, #MSMarketName .dt1 label {
	line-height: 22px;	
	padding-top: 4px;
	}
.dt1 {
	top: 4px;
	left: 0;
	padding-left: 10px;
	}
.dt2 {
	top: 4px;
	left: 110px;
	}
.dt3 {
	top: 4px;
	left: 230px;
	}
.dt4 {
	top: 4px;
	left: 350px;
	}
#moveStop .dt2 {
	width: 100px;
	left: 120px;
	}
#orderType, #MSStopMin {
	border-bottom: 0px;
	}
.dt1 label {
	display: block;
	line-height: 18px;
	}
.dt1 label input {
	vertical-align: middle;
	}
#marketName, #MSMarketName {
	background: url(../../i/dealTicketTop.gif) no-repeat;
	zoom: 1;
	margin-right: 0;
	height: 30px;
	}
/* for expanded close ticket */
.dtTop {
	background: url(../../i/dealTicketTop.gif) no-repeat;
	zoom: 1;
	padding-top: 9px;
	}
.dtTop .section {
	border-top:0px;
	}
#MSStopNew, #MSStopCurrent, #MSStopMin {
	height: 26px;
	margin-right: 230px;
	}
	
	
#MSStopLevel .column, #MSStopLoss .column {
	position: absolute;
	width: 110px;
	}
.section #DTDescription, .section #MSContractName {
	color: #6C0;
	position: absolute;
	line-height: 22px;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	width: 500px;
	}
.dealTicket .confirm {
	clear: left;
	color: #ccc;
	background: url(../../i/dealTicketBottom.gif) left bottom no-repeat;
	border-top: 1px #333 solid;
	padding: 5px 0px 10px 0px;
	border-bottom: 0px;
	overflow: auto;
	zoom:1;
	}
.confirm p, .confirm small {
	color: #6c0;
	margin-bottom: 0px;
	}
.confirm a.buttonWrapper {
	float: right;
	margin-right: 10px;
	border: 1px #000 solid;
	}
.confirm b.button {
	width: 88px;
	padding: 0;
	}
.dealError {
	background-color: #66C406;
	background-image: url(../../i/promoSectionGreenBg.gif);
	background-repeat: repeat-x;
	color: #030;
	padding: 8px 10px 10px 10px;
	margin-top: 10px;
	}
.dealError a{
	color: #030;
	}
.dealError a:hover{
	text-decoration:underline;
	}
	
#todaysTradesContainer .newGroup td {
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
	}
.index td.first {
	padding-left: 20px;
	}
/* @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;
	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;
	}
	
.external {
	background: url(../../i/externalLink.gif) no-repeat right center;
	padding-right: 15px;
	}
.bottom {
	/* currently only applied to arrowed lists in texty modules */
	position: absolute;
	bottom: 6px;
	}
.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;
	}
/* 	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%;
	}
.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;
	}
#iconReplacement {
	width: 15px;
	text-indent: -100px;
	overflow: hidden;
	display: block;
	background: url(../../i/icnHome.gif) no-repeat 3px 3px;
	}
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;
	}
/*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 {
	}
/* apply texty to modules that are, texty... */
.texty p, .texty ul, .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;
	}
.accModuleApply {
	background: #000 url(../../i/accModuleBlack.gif) no-repeat;
	width: 230px;
	height: 126px;
	margin-bottom: 4px;
	}
#green.accModuleApply {
	background: url(../../i/accModuleGreen.gif) no-repeat;
	}
#silver.accModuleApply {
	background: url(../../i/accModuleSilver.gif) no-repeat;
	}
.accModuleApply ul {
	padding-top: 85px;
	padding-left: 120px;
	}
.accModuleApply a {
	color: #6c0;
	background: url(../../i/icnArrow.gif) no-repeat left 3px;
	padding-left: 15px;
	}
.register h2 {
	height: 100px;
	text-indent: 300px;
	overflow: hidden;
	padding: 0;
	width: 100%;
	}
.register a:hover {
	text-decoration: none;
	}
.greenAccount h2 {
	background: url(../../i/accModuleGreen.gif) no-repeat !important;
	}
.blackAccount h2 {
	background: url(../../i/accModuleBlack.gif) no-repeat !important;
	}
.silverAccount h2 {
	background: url(../../i/accModuleSilver.gif) no-repeat !important;
	}
.register h5 {
	color: #6c0;
	margin: 10px;
	}
.greenAccount .promoSection {
	color: #030;
	text-shadow: #CF0 0px 1px 0px;
	}
.blackAccount .promoSection {
	color: #ccc;
	background: #000 url(../../i/buttonBlackAccount.gif) repeat-x;
	}
.silverAccount .promoSection {
	color: #333;
	text-shadow: #fff 0px 1px 0px;
	background: #ededed url(../../i/buttonSilverAccount.gif) repeat-x;
	}
.vcard .photo {
	float: left;
	margin: 5px 10px 5px 0;
	border: 1px #666 solid;
	}
.mediaProfile {
	clear: left;
	overflow: auto;
	zoom:1;
	}
.mediaProfile img {
	float: left;
	margin-right: 10px;
	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;
	}

	
.form dl.floated dt {
	width: 110px;
	}
	
.form dl.floated dd {
	margin-left: 110px;
	}

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

	
.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 */
/* @group CFD OVERRIDES */
div.cfd {
	}
.cfd .mainCol {
	width: 960px;
	}
.cfd .footer {
	width: 950px;
	}
.cfd .index h2 {
	background-image: url(../../i/moduleDark950TopBg.gif);
	}
.cfd .filter .h2 {
	background-image: url(../../i/moduleDark950TopBg.gif);
	height: 4px;
	margin-bottom: 4px;
	}
.cfd .index {
	background-image: url(../../i/module950DarkBg.gif);
	}
.cfd td {
	white-space: nowrap;
	}
/* @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 {
	display: none;
}
.faa p {
	margin-top: 0;
	}

.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;
	}
.accordianContent #green {
	background: #000 url(../../i/accImgGreen.jpg) no-repeat left bottom;	
	}	
.accordianContent #black {
	background: #000 url(../../i/accImgBlack.jpg) no-repeat left bottom;	
	}	
.accordianContent #silver {
	background: #000 url(../../i/accImgSilver.jpg) no-repeat left bottom;	
	}	
/* 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;
	}
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;
}
#sbHome .scroll {
	height: 220px;
	width: 590px;
	}
#sbHome .scrollContainer div.panel {
 padding: 80px 0 0 10px;
 height: 110px;
 width: 580px; 
}
#sbHome .scrollButtons {
	height:220px;
}
#sbHome .scrollButtons.left {
	background-position: 15px 175px;
}
#sbHome .scrollButtons.left:hover {
	background-position: -35px 175px;
	}
#sbHome .scrollButtons.right {
	background-position: -135px 175px;
	}
#sbHome .scrollButtons.right:hover {
	background-position: -85px 175px;
	}

#ourPlatform {
 height: 320px;
 width: 590px;
}
#ourPlatform .scroll {
	height: 320px;
	width: 590px;
	}
#ourPlatform .scrollContainer div.panel {
 padding: 20px 40px;
 height: 280px;
 width: 510px; 
}
#ourPlatform .scrollButtons {
	height: 320px;
}



.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;
	}

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;
	}


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

.awol {
	background-color: inherit;
	background-image: url(../../i/awol.gif);
	background-repeat: repeat;
}

.hidden
{
	display:none;
}

/* @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 {
	
	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;
	}

.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 {
	background: #eee url(../../i/moduleForm580Bg.gif) left bottom no-repeat;
	padding-bottom: 10px;
	margin-top: 10px;
}

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;
	}