/*
	style.css
	- Reset
	- Base HTML Styles
	- Base Typography
	- Layout
	- Page Specific Styles
	- Print Styles

----------------------------------------------------------------------*/

/*
    Reset
    - html5doctor.com (Eric Meyer's Reset Reloaded + HTML5 baseline)

----------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, div.h1, div.p,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

.MemberDashboardPlace th.headerBalance{
    white-space: nowrap;
}
iframe {
    margin-bottom: -5px;
}

.ie7 iframe {
    margin-bottom: 0px;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

ins {
    background-color: lightblue;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: lightblue;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/*
    Base HTML Styles

----------------------------------------------------------------------*/

html {
    overflow-y: scroll;
}

/* Always force a scrollbar in non-IE */
a:hover, a:active {
    outline: none;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
ul, ol {
    margin-left: 2em;
}

ol {
    list-style-type: decimal;
}

nav ul, nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

/* Remove margins for navigation lists */
small {
    font-size: 85%;
}

strong, th {
    font-weight: bold;
}

td {
    vertical-align: middle;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 15px;
}

textarea {
    overflow: auto;
}

.ie6 legend, .ie7 legend {
    margin-left: -7px;
}

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

label, input[type="button"], input[type="submit"], input[type="image"], button {
    cursor: pointer;
}

/* WealthSense */
.cms a, .cms a:active, .cms a:visited {
    text-decoration: underline;
}

.cms a:hover {
    text-decoration: none;
}

.cms a.button {
    text-decoration: none;
    color: #FFFFFF;
}

.cms a:hover.button {
    text-decoration: none;
    color: #FFFFFF;
    background-image: none;
    back-ground-color: #0092C7;

}

.cms table {
    width: 100%;
    margin: 0 0 1em;
}

.onPlaceLoad .cms table {
    margin: 0px;

}

.onPlaceLoad .cms .subForm table td {
    padding: 3px;
    padding-left: 0px;
}

.cms th, .cms td {
    padding: 0.7em 0.5em 0.5em;
    text-align: left;
}

.cms thead th {
    font-size: 1.167em;
}

.cms tr.even th, .cms tr.even td {
    background: #f3f2ef;
}

.cms tfoot th, .cms tfoot td {
    border-top: 2px solid #666;
    background: #eee;
}

.cms tfoot tr.total th, .cms tfoot tr.total td {
    border-top: 6px double #666;
}

.cms tfoot tr.total th {
    text-transform: uppercase;
}

.cms th.right, .cms td.right {
    text-align: right;
}

.cms .stripe tbody {
    border: 1px solid #fff;
}

.cms th.center, td.center {
    text-align: center;
}

.contentSlotEditor {
    z-index: 20000;
}

.contentSlotEditor label {
    color: #333333 !important;
    font-weight: normal !important;
}

.contentSlotEditor .popupContent > div > .gwt-Label {
    background: #eeeeee;
    padding: 2px 6px;
    margin: 0px 1px;
}

/* Hand cursor on clickable input elements */
button, a.button, button a, input, select, textarea {
    text-decoration: none;
}

.required {
    display: inline;
    padding-left: 5px;
    color: red;
}

/*  Modal Styles  */
.modal .buttonBar {
}

.horizontalButtonBar {
}

.buttonWrap {
    z-index: 0;
    position: relative;
}

/*.ie6 .buttonwrap, .ie7 .buttonwrap {*/
/*display: inline;*/
/*}*/

.button {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 10px;
}

.button-readonly {
    opacity: 0.3;
}

a.button, .button a, .button .multiLineButton {
    /* text properties */
    color: #FFFFFF;
    font-size: inherit;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-align: center;
    font-weight: normal; /* format properties */
    float: left;
    border: 1px solid #0092C7;
    vertical-align: middle;
    position: relative;
    padding: 0;
    cursor: pointer;
    overflow: visible; /* background and rounding */
    background: #1280B2 url('laf/sitewide/button-bg.png') 0 0 repeat-x;
    behavior: url('gwt/scripts/PIE.htc');
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; /* Make buttons play nice in IE:*/
    /*www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
    width: auto;
    overflow: visible;
}

.button a:active, .button a:visited {
    color: #ffffff;
}

.loginLayout #login .button a {
    color: #FFFFFF;
}

.button a:hover, .loginLayout #login .button a:hover, .button .multiLineButton:hover {
    background: none repeat scroll 0 0 #0092C7;
    text-decoration: none;
    color: #FFFFFF;
}

.button-readonly a:hover {
    cursor: default;
    background: #1280B2 url('laf/sitewide/button-bg.png') 0 0 repeat-x;
    border: 1px solid #0092C7;
    text-decoration: none;
    color: #FFFFFF;
}

.button::-moz-focus-inner {
    border: none;
    padding: 0;
}

/* Override extra padding in Firefox */
.button span, .button .multiLineButton {
    height: auto;
    display: block;
    line-height: 1.1;
    position: relative;
    white-space: nowrap;
    padding: 3px 5px;
    border: 1px solid #56A1C3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    behavior: url('gwt/scripts/PIE.htc');
}

/*.ie7 .button {*/
/*border: 0 none;*/
/*padding: 1px;*/
/*}*/

/*.ie7 .button span {*/
/*margin-bottom: -4px;*/
/*-webkit-border-radius: 0;*/
/*-moz-border-radius: 0;*/
/*-o-border-radius: 0;*/
/*border-radius: 0;*/
/*behavior: none;*/
/*}*/

/*  grey buttons  */
.button.grey a {
    background: #808080 url('laf/sitewide/button-grey-bg.png') 0 0 repeat-x;
    border-color: #808080;
}

.button.grey span {
    border-color: #a6a6a6;
}

.button.grey a:hover {
    background: none repeat scroll 0 0 #808080;
}

.button.login a {
    /* borders */
    border: 1px solid #777;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    padding: 8px 20px;
    font-size: 1.5em;
    font-weight: normal;
    text-shadow: 0 1px 2px #666666;
    color: #ffffff;

    background: #808080 url('laf/sitewide/tactical-button-bg.png') center repeat-x;
}

.button.login {
    margin-top: 1em;
    margin-right: 5px;
    margin-left: 0;
}

.button.login a:hover {
    background: none repeat scroll 0 0 #666666;
    text-decoration: none;
}

.button.login::-moz-focus-inner {
    border: none;
    padding: 0;
}

.button.login span {
    border: none;
}

.button.large a {
    font-size: 1.1em;
    font-weight: bold;
}

.button.large span, .button .multiLineButton {
    padding: 8px 15px;
}

.modalclosebutton {
    display: none;
}

.modal .modalclosebutton {
    display: block;
}

.nonmodalclosebutton {
    display: none;
}

.glasspane {
    display: block;
    background-color: #777777;
    opacity: 0.7;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: -1000px;
    position: fixed;
    z-index: 900;
}

.relGlasspane {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background-color: #000;
    zoom: 1;
    opacity: 0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
}

/* Wizard Buttons */
.modal .wizardProgressBar {
    position: absolute;
    top: -35px;
    display: inline;
    width: 100%;
    color: #fff;
    font-weight: bold;
}

.wizardProgressBar div .button a {
    /*display: block;*/
    /*float: left;*/
    margin-right: 1em;
    padding: 0.5em 2em;
    border: 2px solid #fff; /* background and rounding */
    behavior: url('gwt/scripts/PIE.htc');
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0px 0px 5px 2px #666;
    -o-border-radius: 6px;
    border-radius: 6px;

    box-shadow: 0px 0px 5px 2px #666;
}

.wizardProgressBar .button span {
    border: none;
}

.wizardProgressBar div.oldStep.button a {
    background: #3B3B3B;
    color: #B3B3B3;
}

.wizardProgressBar div.oldStep.button span {
    color: #B3B3B3;
}

/* You've already visited */
.wizardProgressBar div.curStep.button a {
    background: #333333;
    color: #fff;
}

.wizardProgressBar div.curStep.button span {
    color: #fff;
}

/* Current step */
.wizardProgressBar div.newStep.button a {
    background: #e5e5e5;
    color: #b2b2b2;
}

.wizardProgressBar div.newStep.button span {
    color: #b2b2b2;
}

.wizardBottomButtonBar {
    background: none repeat scroll 0 0 #3B3B3B;
    margin-top: 20px;
    padding: 10px;
}

.wizardBottomButtonBar .button {
    margin-top: 0px;
}

/* Account Bar */
.accountBar {
    display: block;
    margin-bottom: 10px;
}

.accountBar .lbl {
    display: inline;
    font-weight: bold;
    padding-right: 10px;
    font-size: 1.167em;
    vertical-align: middle;
}

.accountBar .select {
    display: inline;
    width: 625px;
    font-weight: normal;
}

.select.gainsAndLossesGotoBar {
    width: 828px;
}

.accountBar .buttonWrap {
    float: right;
    margin: 1px 0 0;
}

.accountBar .button a {
    margin: 0;
    padding: 0;
}

/* Export Bar */
.exportBar {
    display: block;
    margin: 15px 0px;
}

.exportBar .lbl {
    display: inline;
    font-weight: bold;
    padding-right: 10px;
    font-size: 1.167em;
    vertical-align: middle;
}

.exportBar .select {
    display: inline;
    width: 590px;
    font-weight: normal;
}

.select.gainsAndLossesExportBar {
    width: 800px;
}

.exportBar .buttonWrap {
    float: right;
    margin: 1px 0 0;
}

/*.exportBar .button a {   NOT SURE IF THIS IS REQUIRED? */
/*margin: 0;*/
/*padding: 0;*/
/*}*/

/* section bar */
.sectionBar {
    margin-top: 20px;
}

.sectionBar .collapsibleSectionTitle {
    cursor: pointer;
}

.sectionBar .collapsibleSectionTitle a.icon {
    border: medium none;
    float: left;
    height: 25px;
    padding-right: 7px;
    width: 25px;
}

.sectionBar .collapsibleSectionTitle a.icon.expand {
    background: url("laf/sitewide/expand-icon.png") no-repeat scroll 0px 3px transparent;
}

.sectionBar .collapsibleSectionTitle a.icon.collapse {
    background: url("laf/sitewide/collapse-icon.png") no-repeat scroll 0px 3px transparent;
}

.sectionBar .bar {
    padding: 10px;
}

.sectionBar.accountBalance {
    padding: 3px 10px 0 10px;
}

.sectionBar > .bar > .horizontalButtonBar a {
    margin-top: 3px;
}

.sectionDark > .bar, .sectionDark > .horizontalButtonBar {
    background: #3B3B3B;
}

.sectionDark > .horizontalButtonBar {
    padding-bottom: 10px;
}

.margin40 {
    margin-top: 40px;
}

.margin10 {
    margin-top: 10px;
}

.sectionBar .title {
    color: #FFFFFF;
    font-size: 1.5em;
    text-align: left;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

.sectionBar .message {
    color: #333333;
    font-size: 1.2em;
    padding-right: 10px;
    padding-top: 3px;
    text-align: left;
    font-weight: normal;
    float: left;
}

.sectionBar.accountBalance .message {
    color: #FFFFFF;
    font-size: 1.5em;
    padding: 0 0 0 0px;
    text-align: right;
    float: right;
}

.sectionBar > .bar .button {
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
}

.sectionBar > .bar .button.right {
    margin-left: 10px;
    margin-right: 0px;
}

/* Anchors */
.loginLayout #login a, .loginLayout .login a:active, .loginLayout .login a:visited {
    color: #00334C;
    text-decoration: none;
}

.loginLayout #login a:hover {
    text-decoration: underline;
    color: #00334C;
}

.loginLayout .horizontalButtonBar {
    margin-top: 3px;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */

/* Colors for form validity */
input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
    background-color: #f0dddd;
}

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection {
    background: #333333;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #333333;
    color: #fff;
    text-shadow: none;
}

/* j.mp/webkit-tap-highlight-color */
a:link, .anchor:link {
    -webkit-tap-highlight-color: #FF5E99;
}

a, a:active, a:visited {
    color: #808080;
    text-decoration: none;
}

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
    -ms-interpolation-mode: bicubic;
}

/*
    Base Typography
    - Family, size & vertical rhythm
    - HTML Standard Elements

----------------------------------------------------------------------*/

body, select, input, textarea {
    color: #808080;
    font-family: Arial, Helvetica, sans-serif;
}

/* Size & vertical rhythm */
body {
    font-size: 12px;
    line-height: 1.5;
    min-width: 960px;
    position: relative;
}

a:hover {
    color: #808080;
    text-decoration: none;
}

/*a[href$='.pdf'] {*/
/*background: url("laf/sitewide/pdf-icon.png") right no-repeat;*/
/*padding-right: 20px;*/
/*}*/

/*a[href$='.pdf']:hover {*/
/*text-decoration: none;*/
/*}*/

h1, h2, h3, h4, h5, h6, div.h1 {
    margin-bottom: 0.3em; /*padding: 0.65em 0 0;*/
}

h1, h2, h3, div.h1 {
    font-weight: bold;
}

h1, div.h1 {
    font-size: 2em;
    line-height: 1.1;
    letter-spacing: -0.05em;
    color: #292929;
}

h2, div.h2 {
    font-size: 1.667em;
    line-height: 1.1;
    color: #292929;
}

h3, div.h3 {
    font-size: 1.334em;
    line-height: 1.3;
    color: #4c4c4c;
}

h4, div.h4 {
    font-size: 1.167em;
    color: #4c4c4c;
}

small {
    display: block;
    font-size: 0.9em;
    line-height: 1.75;
    font-weight: normal;
}

p, ul, ol, form, div.p {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

ul {
    list-style-position: outside;
    list-style-type: none;
    list-style-image: url('laf/sitewide/list-bullet.png');
    line-height: 1.5;
}

li {
    margin-bottom: 0.75em;
}

ol {
    list-style-position: outside;
    list-style-type: decimal;
}

blockquote {
    font-style: italic;
    margin-right: 5em;
}

blockquote:before {
    font-family: Monaco, Consolas, "Lucida Console", monospace;
    content: '"';
    font-size: 2.1em;
    font-style: normal;
    text-indent: -0.75em;
    float: left;
    opacity: 0.3;
    line-height: 1.25;
}

cite {
    display: b1ock;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-top: 0.75em;
    font-weight: 900;
    font-style: normal;
    font-size: 0.85em;
}

cite:before {
    content: "?";
    margin-left: -1.75em;
    margin-right: 0.5em;
    opacity: 0.3;
}

pre {
    padding: 0.75em;
    border: 1px solid #ccc;
    background: #ddd;
    margin: 1.5em 0 0;
}

code, pre code {
    font-family: Consolas, "Lucida Console", Monaco, monospace;
}

p code, li code, div.p code, *:not(pre)code {
    background-color: #ddd;
    padding: 0.15em 0.3em;
    font-size: 0.9em;
}

dl {
    margin: 1.75em 0;
}

dt {
    margin-top: 1.25em;
    font-size: 1.13em;
    font-weight: 700;
}

dd {
    font-style: italic;
    font-size: 1em;
    margin-top: 1em;
    margin-right: 5em;
    line-height: 1.6;
    border-left: 1px solid #ccc;
    padding-left: 1em;
}

abbr {
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 0.1em;
}

p, div.p {
    hyphenate: auto;
    hyphenate-before: 2;
    hyphenate-after: 3;
    hyphenate-lines: 3;
    orphans: 4
}

p span.pullquote, div.p span.pullquote {
    text-indent: 0;
}

select {
    color: #000;
}

/* Font colour styles */
.light {
    color: #333333;
}

.dark {
    color: #333333;
}

/*.left {*/

/*}*/

/*.right { removed as it might interfere with floating right which uses .right as a style as well */
/*text-align: right;*/
/*}*/

.bold {
    font-weight: bold;
}

/* More table styles */
thead.dark {
    background: #3b3b3b;
}

thead.dark th {
    color: #fff;
    font-size: 1.5em;
}

tfoot.dark, tfoot.dark tr, tfoot.dark td, tfoot.dark th {
    background: #3b3b3b;
    border: none;
}

tfoot.dark td, tfoot.dark th {
    color: #fff;
}

/* GGFW Table styles - converted to be inline with spark styling. */

.drillableList {
}

.drillableListStaticContent {
}

.drillableListButtonPanel {
}

.drillableTable {
}

.drillableTableData {
    border-collapse: collapse;
}

.drillableTableData td {
    padding: 0.7em 0.5em 0.5em; /* tableDataCellPadding; */
    vertical-align: middle;
}

.drillableTableData td.readOnly {
    padding: 0.7em 1.2em;
}

.drillableTableData td div.horizontalButtonBar {
    margin-top: -1em;
}

.drillableTableData td label.hiddenLabel {
    width: 0px;
    margin-left: -5px;
    height: 0px;
    opacity: 0;
    display: none;
    filter: alpha(opacity = x); /* IE8 */
}

.drillableTableData thead tr {
    background-color: transparent; /* tableHeaderBackgroundColor; */
    border: none; /* tableHeaderBorder; */
}

.drillableTableData thead tr th {
    color: #808080; /* tableHeaderColor; */
    font-weight: bold; /* tableHeaderFontWeight; */
    font-size: 1.167em; /* tableHeaderFontSize; */
    padding: 0.5em; /* tableHeaderCellPadding; */
    vertical-align: top;
}

.drillableTableData tbody {
    border: 1px solid #FFFFFF /* tableDataBorder; */
}

.drillableTableData tbody tr.even {
    border-bottom: none; /* tableDataRowBorder; */
}

.drillableTableData tbody tr.odd {
    background-color: #F3F2EF; /* tableDataAlternateBackground; */
    border-bottom: none; /* tableDataRowBorder; */
}

.drillableTableData tr.drillableTableDataSummaryRow {
    font-weight: bold;
}

.drillableTableData tr.drillableTableDataSummaryRow.heading {
    font-size: 1.167em;
}

.drillableTableData tr.drillableTableDataHighlightRow {
    font-weight: bold;
    background-color: #dFdFdF;
}

.drillableTableData input.formField, .drillableTableData input.formPassword {
    background-color: transparent;
}

.drillableListNoDataMessageNormal {
    color: black;
    font-style: italic;
}

.drillableListNoDataMessageHighlighted {
    color: red;
    font-weight: bold;
}

.drillableListMessage {
}

.drillableListClickableRow:hover {
    /*    background: inherit !important; /* tableClickableRowBackgroundColor !important; */
}

.drillableListClickableRow {
    cursor: pointer;
}

.drillableListClickableCell {
    cursor: pointer;
    text-decoration: underline;
}

.drillableListClickableCell:hover {
    cursor: pointer;
    text-decoration: none;
}

.drillableListRowButton {
    border: 1px outset #D1E4EF;
    padding: 2px;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    float: right;
}

.drillableListRowButton:active {
    border: 1px inset #D1E4EF;
    outline: none;
}

.drillableListRowButton:hover {
    color: #3366CC; /* rowButtonHoverColor; */
    outline: none;
}

.drillableListRowButtonLabel {
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: underline;
}

.drillableListRowButton img {
    vertical-align: top;
    height: 15px;
    width: 15px;
}

.drillableList .suggestCombo input {
    padding: 2px;
    border: none;
}

.drillableList td input[type="text"],
.drillableList td textarea {
    width: 99%;
}

.drillableList tbody .unitPriceType6, .drillableList tbody .currencyType {
    white-space: nowrap;
}

/* Remove any paragraph headers when in an empty content block */
.drillableList .empty .paragraph {
    padding-top: 0px;
}

.drillableList .rowButton {
    margin-right: 0;
    margin-top: 0;
}

.drillableList .rowButton a {
    margin-top: 1px;
    margin-bottom: 1px;
}

.drillableList .rowButton span {
    padding: 1px 2px;
}

.drillableList .asyncDataCell {
    background: url(gwt/laf/loadingCellData.gif) 50% 50% no-repeat;
}

.drillableList .allowHtml p {
    margin: 0;
}

/* My Details */
.table-highlight td {
    border-bottom: 10px solid #ebe9e4;
}

.table-highlight td.highlight {
    background-color: #f3f2ef;
}

.table-highlight td.edit {
    background-color: transparent;
}

.table-highlight td.edit .button {
    margin: 0 0 0 5px;
}

.icon img {
    float: left;
}

img.formIcon {
    float: left;
    margin-right: 8px;
}

.formLabel {
    font-weight: bold;
}

.icon label, .icon span, .icon p, .icon div.p {
    margin-left: 40px;
    display: block;
    font-weight: bold;
}

.sectionBarIcon {
    float: left;
    padding-right: 10px;
    padding-top: 2px;
}

/* Basic ruleset for beginning tabs */
.tabs {
    list-style: none;
    list-style-image: none;
    margin: 0;
}

.tabs li {
    margin: 0 5px 0 0;
    padding: 0;
    display: inline;
    float: left;
}

.tabs li.right {
    float: right;
    margin: 0 0 0 5px;
}

.tabs li.right .button {
    margin: 0;
}

/*
    Layout
    - Container
    - Headery
    - Navigation

----------------------------------------------------------------------*/

/* Activity Manager styles */

/* Layouts

  loginLayout
  memberDashboardLayout
  memberLayout
  memberThreeColumnLayout
  memberFullWidthLayout
  adviserDashboardLayout
  adviserLayout
  adviserThreeColumnLayout
  adviserFullWidthLayout
  */

/* Activity Manager Divs are all off to start with */

#login, #main, #site-header, #sidebar-left, #sidebar-right, #member-menu, #adviser-details-menu, #adviser-nav-menu, #adviser-menu, #page, #site-footer, #fullscreen, #acc-opening-site-header {
    display: none;
}

/* loginLayout - loginActMgr only */
body.loginLayout {
    background-color: #ffffff;
    color: #000000;
}

body.loginLayout #login {
    display: block;
}

body.loginLayout .page-header {
    display: none;
}

body.fullscreenLayout {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    background: #ffffff url("gwt/laf/sitewide/top-left-logo-45.png") no-repeat scroll 10px 10px;
}

body.fullscreenLayout #fullscreenActMgr {
    text-align: left;
    display: block;
    overflow-y: auto;
    height: 100%;
    width: 100%;
    min-height: 410px;
}

/* memberLayout - site-header, sidebar-left, page, site-footer */
/* adviserLayout - site-header, sidebar-right, page, site-footer */
body.memberWideScreenLayout, body.memberLayout, body.employerLayout, body.adviserLayout {
    background: #292929;
}

body.memberWideScreenLayout #page {
    width: 100%;
}

body.employerLayout #site-header, body.employerLayout #main, body.employerLayout #sidebar-left, body.employerLayout #page, body.employerLayout #site-footer,
body.memberLayout #site-header, body.memberLayout #main, body.memberLayout #sidebar-left, body.memberLayout #page, body.memberLayout #site-footer,
body.memberWideScreenLayout #site-header, body.memberWideScreenLayout #main, body.memberWideScreenLayout #page, body.memberWideScreenLayout #site-footer,
body.adviserLayout #site-header, body.adviserLayout #main, body.adviserLayout #sidebar-left, body.adviserLayout #page, body.adviserLayout #site-footer {
    display: block;
}

body.memberFullWidthLayout #acc-opening-site-header, body.memberFullWidthLayout #main, body.memberFullWidthLayout #page,
body.adviserFullWidthLayout #acc-opening-site-header, body.adviserFullWidthLayout #main, body.adviserFullWidthLayout #page,
body.employerFullWidthLayout #acc-opening-site-header, body.employerFullWidthLayout #main, body.employerFullWidthLayout #page {
    display: block;
}

body.memberFullWidthLayout #page, body.adviserFullWidthLayout #page, body.employerFullWidthLayout #page {
    width: 960px;
    margin: 0;
}

/* DashboardLayouts - like member layout but with sidebar-left hidden */
body.memberDashboardLayout, body.adviserDashboardLayout, body.employerDashboardLayout {
    background: #292929;
}

body.memberDashboardLayout #site-header, body.memberDashboardLayout #main, body.memberDashboardLayout #sidebar-right, body.memberDashboardLayout #member-menu, body.memberDashboardLayout #page, body.memberDashboardLayout #site-footer {
    display: block;
}

body.adviserDashboardLayout #site-header, body.adviserDashboardLayout #main, body.adviserDashboardLayout #sidebar-right, body.adviserDashboardLayout #member-menu, body.adviserDashboardLayout #page, body.adviserDashboardLayout #site-footer {
    display: block;
}

body.employerDashboardLayout #site-header, body.employerDashboardLayout #main, body.employerDashboardLayout #sidebar-right, body.employerDashboardLayout #member-menu, body.employerDashboardLayout #page, body.employerDashboardLayout #site-footer {
    display: block;
}

body.memberThreeColumnLayout, body.adviserThreeColumnLayout, body.employerThreeColumnLayout {
    background: #292929;
}

body.memberThreeColumnLayout #site-header, body.memberThreeColumnLayout #sidebar-left, body.memberThreeColumnLayout #main, body.memberThreeColumnLayout #sidebar-right, body.memberThreeColumnLayout #page, body.memberThreeColumnLayout #site-footer,
body.adviserThreeColumnLayout #site-header, body.adviserThreeColumnLayout #sidebar-left, body.adviserThreeColumnLayout #main, body.adviserThreeColumnLayout #sidebar-right, body.adviserThreeColumnLayout #adviser-nav-menu, body.adviserThreeColumnLayout #adviser-menu, body.adviserThreeColumnLayout #page, body.adviserThreeColumnLayout #site-footer,
body.employerThreeColumnLayout #site-header, body.employerThreeColumnLayout #sidebar-left, body.employerThreeColumnLayout #main, body.employerThreeColumnLayout #sidebar-right, body.employerThreeColumnLayout #adviser-nav-menu, body.employerThreeColumnLayout #adviser-menu, body.employerThreeColumnLayout #page, body.employerThreeColumnLayout #site-footer {
    display: block;
}

body.memberThreeColumnLayout #page, body.adviserThreeColumnLayout #page,  body.employerThreeColumnLayout #page  {
    width: 464px;
}

#debugActMgr .log-scroller {
    height: 150px;
}

#debugActMgr .log-controls {
    text-align: right;
    margin-right: 100px;
}

.centred {
    width: 960px;
    margin: 0 auto;
}

/* Fixed position header for context info, e.g. desktop/mobile options and acurity vc environment. */
html #contextInfo {
    display: none;
    position: fixed;
    top: 0;
    z-index: 10000;
    margin: 2px;
}

html.highlightCms #contextInfo, html.highlightVC #contextInfo {
    display: block;
}

#contextInfo label {
    margin: 4px;
    cursor: default;
    color: #000000;
    font-weight: bold;
}

#contextInfo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

html #contextInfo ul li {
    display: none;
    float: left;
    margin: 0;
    padding: 3px;
}

html.highlightCms #contextInfo ul li.highlightCms, html.highlightVC #contextInfo ul li.highlightVC {
    display: inline;
}

#contextInfo .infoToolbar {

    overflow: hidden;

    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.8);

    border-color: #FFFFFF;
    border-style: solid solid none solid;
    border-width: 1px 1px 0 0;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    background: -moz-linear-gradient(0deg, #E6E6E6 0px, #FFFFFF 40%) no-repeat scroll 0 0 #FFFFFF;
    background: -ms-linear-gradient(0deg, #E6E6E6 0px, #FFFFFF 40%) no-repeat scroll 0 0 #FFFFFF;
    background: -webkit-linear-gradient(0deg, #E6E6E6 0px, #FFFFFF 40%) no-repeat scroll 0 0 #FFFFFF;
    background: -o-linear-gradient(0deg, #E6E6E6 0px, #FFFFFF 40%) no-repeat scroll 0 0 #FFFFFF;
    background: linear-gradient(0deg, #E6E6E6 0px, #FFFFFF 40%) no-repeat scroll 0 0 #FFFFFF;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#FFFFFF');
    behavior: url('gwt/scripts/PIE.htc');

}

#contextInfo .infoToolbar .horizontalButtonBar, #contextInfo .infoToolbar .button {
    margin: 0px 2px 1px 0px;
}

#contextInfo .infoToolbar .button .button-readonly {
    display: block;
}

#contextInfo .vcPreference {
    margin: 0 0 2px;
}

#contextInfo .vcPreference.notTrunk {
    zoom: 1;
    color: #ff0000;
    outline: none;
    background: #e6dcdc;
    border: 1px solid #ff0000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
}

html.highlightCms #contextInfo .vcPreference.notTrunk {
    margin-right: 2px;
}

#contextInfo .vcPreference .vcImage {
    -ms-filter: literal("progid:DXImageTransform.Microsoft.Alpha(Opacity=40)");
    filter: literal("alpha(opacity=40)");
    opacity: 0.4;
}

#contextInfo .vcPreference .vcImage:hover {
    cursor: pointer;
    -ms-filter: literal("progid:DXImageTransform.Microsoft.Alpha(Opacity=100)");
    filter: literal("alpha(opacity=100)");
    opacity: 1;
}

#contextInfo .devicePreference {
    background-image: url("gwt/laf/sitewide/itemSeperator.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 3px;
}

/* Header */
#site-header {
    background: #333333;
}

#site-header > .centred {
    background: url('laf/sitewide/container-sprite.png') 0 100% no-repeat;
    padding-bottom: 13px;
}

#site-header #user-nav-right li#helpItem {
    display: none;
}

/* Top bar */
#user-nav {
    background: #000 url('laf/sitewide/user-nav-bg.png') 0 0 repeat-x;
    color: #fff;
    font-size: 0.917em;
    padding: 10px 0;
}

#user-nav-right li span {
    display: none;
}

/* Site logo */
.site-title {
    margin: 3px 0 0;
    padding: 0;
    font-size: 1.4em;
    display: inline;
    float: left;
}

.site-logo {
    padding: 0;
    font-size: 1.4em;
    position: absolute;
}

.site-title a {
    background: url('laf/sitewide/site-logo.png') 0 0 no-repeat;
    display: block;
    width: 196px;
    height: 19px;
    text-indent: -9999px;
}

/* Right hand utilities - User nav and search */
#user-nav ul, #user-nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#user-nav ul {
    display: inline;
    float: right;
    line-height: 2;
}

#user-nav li {
    display: inline;
    float: left;
    margin-left: 30px;
}

#user-nav a {
    color: #fff;
    text-decoration: none;
    padding: 2px;
}

#user-nav a:hover {
    text-decoration: underline;
}

#user-nav li.current a {
    background: #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    behavior: url('gwt/scripts/PIE.htc');
}

#user-nav input#search {
    width: 120px;
    padding: 2px;
    border: 1px solid #999;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

#user-nav input#go-btn {
    height: 22px;
    padding: 2px 4px;
    border: 1px solid #0092C7;
    background: #0092C7;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.ie7 #user-nav input#go-btn {
    padding: 1px;
}

/* Main navigation */
#site-nav {
    padding: 25px 0 0;
    font-size: 1.334em;
    position: relative;
    z-index: 1;
}

#site-nav.dashboard {
    padding: 25px 0 30px;
}

#site-nav ul, #site-nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#site-nav ul {
    text-align: center;
    width: 960px;
    margin: 0 auto;
    padding: 1em 0;
}

#site-nav li {
    display: inline;
    padding: 1em 0;
}

#site-nav a {
    padding: 1em 55px;
    margin: 0 3px;
    line-height: 1;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #e0e0e0;
    background-color: transparent;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    behavior: url('gwt/scripts/PIE.htc');
}

#site-nav li.current a {
    background-color: #0C6A99;
    color: #fff;
}

#site-nav a:hover {
    color: #ffffff;
    background: #292929;
    -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: color .3s ease-in-out, background .3s ease-in-out;
}

/* Secondary section navigation */
#section-nav {
    margin-top: -0.4em;
    font-size: 1.084em;
    position: relative;
    z-index: 2;
}

#section-nav ul, #section-nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#section-nav ul {
    text-align: left;
    width: 940px;
    margin: 0 auto;
    padding: 0.6em 0;
    background: #333333;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    behavior: url('gwt/scripts/PIE.htc');
}

#section-nav li {
    display: inline;
    border-right: 1px solid #5B93AF;
}

#section-nav li:last-child {
    border: none;
}

#section-nav a {
    padding: 0.6em 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
    text-decoration: none;
}

#section-nav a:hover {
    text-decoration: underline;
}

#section-nav li.current a {
    font-weight: bold;
}

/* Main Content Pane */
#main {
    background: #d1d1d1;
    position: relative;
    z-index: 2;
    padding: 0;
    width: 100%;
}

#main > .centred {
    background: url('laf/sitewide/container-sprite.png') -960px 0 repeat-y;
    padding: 0;
}

/* 2 Column Page */
#page, #dashboard {
    float: left;
    width: 696px;
    margin: 0 14px;
}

/* 3 Column Page - Adjusts page width when #sidebar-right is present */
#page.narrow {
    float: left;
    width: 464px;
    margin: 0 10px;
}

/* Sidebars */
#sidebar-left {
    float: left;
    width: 218px;
    margin: 0 0 0 14px;
}

#sidebar-right {
    float: right;
    width: 218px;
    margin: 0 14px 0 0;
}

/* Sidebar image */
#figure-image {
    margin-bottom: 1em;
}

/* Left navigation */
#sidebar-nav {
    margin-bottom: 1.5em;
}

#sidebar-nav ul, #sidebar-nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#sidebar-nav ul {
    margin-bottom: 1em;
}

#sidebar-nav li {
    background: url('laf/sitewide/expand-icon.png') 0 2px no-repeat;
}

#sidebar-nav li.open {
    background: url('laf/sitewide/collapse-icon.png') 0 2px no-repeat;
}

#sidebar-nav li.closed ul {
    display: none;
}

#sidebar-nav li a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 4px 6px;
    margin-left: 25px;
    border: 1px solid #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#sidebar-nav li.open a {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#sidebar-nav li a:hover {
    color: #00BBFF;
    background: #292929;
}

#sidebar-nav li li {
    background: none;
}

#sidebar-nav li.open li a {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    border: 0 none;
    background: #646464 url('laf/sitewide/sidebar-nav-item-bg.png') 0 0 repeat-x;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

#sidebar-nav li.selected a {
    color: #00BBFF;
    background: #292929;
}

#sidebar-nav li.open li a:hover {
    color: #00BBFF;
    background: #292929;
}

#sidebar-nav li.open li.current a {
    color: #fff;
    background: #333333 url('laf/sitewide/sidebar-nav-current-item.png') 100% center no-repeat;
}

/* Side Bar Tactical Buttons */
.tactical-boxes {
    list-style: none;
    list-style-image: none;
    margin: 0.5em 0 1em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.tactical-boxes li {
    border: 1px solid #333333;
    padding: 0;
    display: block;
    float: left;
    width: 216px;
}

.tactical-boxes a {
    display: block;
    float: left;
    min-height: 48px;
    margin: 0;
    position: relative;
    padding: 10px 60px 15px 15px;
    width: 139px;
    color: #99E4FF;
    text-decoration: none;
    border: 1px solid #a0a0a0;
    background: #606060 url('laf/sitewide/tactical-button-bg.png') 0 0 repeat-x;
}

.tactical-boxes a:hover {
    background: #606060;
}

.tactical-boxes span {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    color: #99E4FF;
    line-height: 1.3;
    margin-bottom: 0.3em;
    font-weight: bold;
}

.tactical-boxes img {
    position: absolute;
    top: 13px;
    right: 10px;
    border: 0 none;
}

/* Side Bar Action Menu */
.action-menu, .action-menu ul, .action-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

.action-menu {
    border: 1px solid #fff;
    margin-bottom: 1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    behavior: url('gwt/scripts/PIE.htc');
}

.action-menu li {
    width: 218px;
    font-size: 1.167em;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 1);
}

.action-menu a {
    display: block;
    width: 186px;
    color: #666;
    text-decoration: none;
    padding: 20px 15px;
    background: url('laf/sitewide/dropdown-arrow.png') 190px center no-repeat;
}

.action-menu a:link {
    color: #666 !important;
    word-wrap: break-word;
}

.action-menu a:hover {
    background-color: #d5d3d0;
}

.action-menu li span {
    display: block;
    width: 186px;
    color: #666;
    text-decoration: none;
    padding: 20px 15px;
}

.action-menu li ul {
    position: absolute;
    width: 218px;
    left: -999em;
    background: #ebe9e4;
    z-index: 10;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 3px #333;
    -webkit-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
    behavior: url('gwt/scripts/PIE.htc');
}

.action-menu li li {
    border: 0 none;
    font-weight: normal;
    font-size: 0.85em;
    text-shadow: none;
    padding: 0;
}

.action-menu li:hover ul, .action-menu li.sfhover ul {
    left: auto;
}

.action-menu li li:hover {
    background-color: #d5d3d0;
}

.action-menu li li a {
    background: none;
    padding: 12px 35px 12px 42px;
    width: auto;
}

.action-menu li li span {
    display: block;
    width: auto;
    color: #666;
    text-decoration: none;
    padding: 12px 35px 12px 42px;
}

.action-menu li li a:hover {
    background-color: transparent;
    text-decoration: underline;
    background-image: url('laf/sitewide/list-bullet-blue.png');
    background-position: 190px 15px;
    background-repeat: no-repeat;
}

.action-menu li.action-menu-item {
    background-position: 5px 10px;
    background-repeat: no-repeat;
}

/* Page Footer */
#page-footer {
    clear: both;
    margin: 0 10px;
    padding-top: 20px;
    color: #333333;
    position: relative;
    z-index: 10;
    bottom: -14px;
}

.ie7 #page-footer {
    bottom: 0;
    margin-bottom: -14px;
}

#page-footer p, #page-footer div.p {
    margin-bottom: 0.5em;
    padding: 0;
}

#page-footer ul, #page-footer li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#page-footer ul {
    background: #3eb2da url('laf/sitewide/page-footer-bg.png') 0 0 repeat-x;
    border-color: #3ba8ce;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    behavior: url('gwt/scripts/PIE.htc');
}

#page-footer li {
    float: left;
    text-align: center;
    width: 312px;
}

#page-footer a {
    background: url('laf/sitewide/page-footer-seperator.png') 100% center no-repeat;
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    padding: 12px 0 15px;
    letter-spacing: -0.05em;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

#page-footer a:hover {
    background-color: #3eb2da;
}

#page-footer li:last-child a {
    background-image: none;
}

#page-footer a small {
    font-weight: normal;
    font-size: 0.75em;
    line-height: 1.2;
}

/* Main Footer */
#site-footer {
    background: #292929;
    color: #b2b2b2;
    font-size: 0.917em;
    padding: 0 0 30px;
}

#site-footer > .centred {
    background: url('laf/sitewide/container-sprite.png') -1920px 0 no-repeat;
    padding: 30px 0 0;
}

#footer-nav {
    float: left;
}

#footer-nav ul, #footer-nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#footer-nav li {
    display: inline;
    margin-left: 20px;
}

#site-credits {
    float: right;
}

#site-credits ul, #site-credits li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#site-credits li {
    display: inline;
    margin-right: 20px;
}

#site-footer a {
    color: #fff;
    text-decoration: none;
}

#site-footer a:hover {
    text-decoration: underline;
}

/*
    Page Specific Styles

----------------------------------------------------------------------*/

/* Login Page */

.loginLayout #login p, .loginLayout #login form {
    margin: 1.5em 0 1em;
}

.uppercase, .toUpper, .toUppercase {
    text-transform: uppercase;
}

.loginLayout #login label, .loginLayout #login input {
    display: inline-block;
    color: #fff;
}

.loginLayout #login label {
    margin-top: 1em;
    font-weight: bold;
    line-height: 1.5;
}

.loginLayout #login input[type="text"], .loginLayout #login input[type="password"] {
    width: 325px;
    padding: 11px 5px 11px 8px;
    color: #000;
    background: #faf9f7;
    border: 2px solid #faf9f7;
    outline: none;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
    zoom: 1;
    z-index: 1;
}

.loginLayout #login input[type="text"]:focus, .loginLayout #login input[type="password"]:focus {
    border: 2px solid #333333;
    background: #fff;
    outline: none;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
}

.loginLayout #login .error input[type="text"], .loginLayout #login .error  input[type="password"] {
    border: 2px solid #333333;
    background: pink;
    outline: none;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
}

.loginLayout #login legend {
    display: none;
}

.loginLayout #login input[type="text"].error, .loginLayout #login input[type="password"].error {
    border: 2px solid #ff0000;
}

.loginLayout .captcha {
    margin-top: 20px;
}

.loginLayout .captchaWidget {
    padding: 0px 8px 0px 0px;
}

.loginLayout .captchaWidget .captchaHint {
    margin: 0;
}

.loginLayout .captchaWidget .errorMsg {
    margin-top: 5px;
    margin-bottom: 8px;
    font-weight: normal;
}

.loginLayout .captchaWidget .captchaImageControl {
    background: white;
}

.loginLayout .captchaWidget .captchaImageControl .captchaReload {
    float: right;
}

.loginLayout .captchaWidget .captchaImageControl .captchaReload:hover {
    cursor: pointer;
    border: 1px solid grey;
    webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(gwt/scripts/PIE.htc);
}

.loginForm {
    zoom: 1;
    position: relative;
}

html.highlightCms .cms {
    outline: rgba(0, 0, 255, 0.3) dashed thin;
    margin: 5px 0;
    min-height: 10px;
    min-width: 10px;
}

html.highlightCms .cms.cmsRevertable {
    outline: red dashed thin;
}

html.ie8.highlightCms .cms {
    outline: rgb(0, 0, 255) dashed thin;
}

html.highlightCms .cms:hover {
    background-color: rgba(255, 255, 255, 0.1);
    cursor: crosshair;
    outline: thin dashed rgba(0, 0, 228, 0.5);
}

html.ie8.highlightCms .cms:hover {
    outline: thin solid rgb(0, 0, 255);
}

/*.template .editBox {*/
    /*display:none;*/
/*}*/

/*html.highlightCms .template {*/
    /*margin: 5px 0;*/
    /*min-height: 10px;*/
    /*outline: medium dashed rgb(0, 0, 0);*/
/*}*/

/*html.highlightCms .template .editBox {*/
    /*background: url("laf/edit-3-16.png") no-repeat scroll center center rgb(0, 0, 0);*/
    /*height: 30px;*/
    /*position: absolute;*/
    /*right: -30px;*/
    /*width: 30px;*/
    /*cursor: pointer;*/
    /*display: block;*/
/*}*/

/*html.ie8.highlightCms .template {*/
    /*outline: medium dashed rgb(0, 0, 0);*/
/*}*/

/*html.ie8.highlightCms .template .editBox {*/
    /*background: url("laf/edit-3-16.png") no-repeat scroll center center rgb(0, 0, 0);*/
    /*height: 30px;*/
    /*width: 30px;*/
/*}*/

.auth {
    z-index: 5000;
    color: black;
    font-size: 1.5em;
}

.authPopup {
    left: 50%;
    background-color: black;
    font-size: 2em;
    color: white;
    text-align: center;
    z-index: 5000;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 2px 2px 30px #000000;
    -webkit-box-shadow: 2px 2px 30px #000000;
    box-shadow: 2px 2px 30px #000000;
    border: 3px solid white;
    behavior: url('gwt/scripts/PIE.htc');
}

.authPopup > div {
    padding: 5px;
    margin: 10px;
    font-size: 0.5em;
    color: white;
    text-align: left;
}

.authPopup .message {
    padding-bottom: 5px;
    font-weight: bold;
}

.authPopup .error {
    color: red;
    font-weight: bold;
}

.authPopup input[type="text"], .authPopup input[type="password"] {
    width: 325px !important;
    margin-bottom: 10px;

}

.authPopup .Caption {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.2em;
}

#login {
    width: 960px;
    margin: 0 auto;
    padding-top: 84px;
}

#imgArea {
    width: 317px;
    padding-top: 84px;
    float: left;
    text-align: right;
    position: relative;
    display: block;
}

#loginArea {
    width: 360px;
    padding-left: 96px;
    zoom: 1;
    float: left;
    position: relative;
    display: block;
}

.right {
    float: right;
}

.left {
    float: left;
}

.loginLayout .right {
    margin-right: 20px;
}

/********************Panel Styles ***********************************/
.canvasPanel {
    position: relative;
    min-height: 400px;
    padding-top: 10px;
}

.modal .canvasPanel {
    min-height: 300px;
}

.canvasPanel .diagnostics {
    display: none;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -border-radius: 0 5px 5px 0;
    -moz-box-shadow: 2px 2px 2px #000000;
    -webkit-box-shadow: 2px 2px 2px #000000;
    box-shadow: 2px 2px 2px #000000;
    background: none repeat scroll 0 0 white;
    border: 5px solid white;
    color: black;
    left: 100%;
    opacity: 0.5;
    position: absolute;
    white-space: nowrap;
    behavior: url('gwt/scripts/PIE.htc');
}

.canvasPanel.LoginPlace {
    min-height: 0px
}

/* Dashboard */
.myAccountsDashboard {
    background: #f2f2f0 url('laf/sitewide/dashboard-panel-bg.png') 0 0 repeat-x;
    border: 1px solid #e2e0db;
    margin-bottom: 15px;
    width: 694px;
}

.myProjectionsDashboard {
    background: #f2f2f0 url('laf/sitewide/dashboard-panel-bg.png') 0 0 repeat-x;
    border: 1px solid #e2e0db;
    margin-bottom: 15px;
    width: 339px;
    margin-right: 14px;
    float: left;
}

.myLearningDashboard {
    background: #f2f2f0 url('laf/sitewide/dashboard-panel-bg.png') 0 0 repeat-x;
    border: 1px solid #e2e0db;
    margin-bottom: 15px;
    width: 339px;
    float: left;
}

.AdviserDashboard_myReports {
    background: #f2f2f0 url('laf/sitewide/dashboard-panel-bg.png') 0 0 repeat-x;
    border: 1px solid #e2e0db;
    margin-bottom: 15px;
    width: 339px;
    float: left;
}

.MemberDashboardPlace .page-header {
    display: none;
}

.MemberDashboardPlace .sectionBar {
    margin-top: 0px;
}

.MemberDashboardPlace .sectionBar .bar, .SectionPanel .sectionBar .bar {
    background-color: #EBE9E4;
    border-bottom: 1px solid #D5D3D0;
    margin: 2px;
    padding: 7px 7px 7px 10px;
    height: 37px;
}

.MemberDashboardPlace .sectionBar .title, .SectionPanel .sectionBar .title {
    color: #333333;
    float: left;
    font-size: 2.0em;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1.1;
    padding-right: 4px;
    padding-top: 5px;
    text-align: left;
}

.MemberDashboardPlace .sectionBar .sectionContent {
    padding-top: 0;
}

.MemberDashboardPlace .contentPanel > .header {
    margin-bottom: 0;
}

.MemberDashboardPlace.canvasPanel {
    padding-top: 0;
}

.MemberDashboardPlace .myAccountsDashboard .MemberDashboard_myAccountDashboardActionBar {
    margin-bottom: 10px;
    margin-left: 10px;
    clear: both;
}

.role-adviser_default .MemberDashboardPlace .sectionBar{
    margin-top: 10px;
}

.MemberDashboardPlace .accountSummaryList thead .balance {
    white-space: nowrap;
}

/* Start Calculator Places */
.SectionPanel {
    background: #F7F6F2 none 0 0 repeat-x;
    border: 1px solid #e2e0db;
    margin-bottom: 15px;
}

.SectionPanel .sectionBar .title {
    color: #000000;
}

.detailPanel {
    padding: 15px;
}

.lineItem {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D3D2CE;
    font-size: 1.2em;
    font-weight: bold;
}

.lineItemLeft {
    float: left;
    margin-top: 3px;
    width: 80px;
}

.lineItemLabel {
    color: #333333;
}

.lineItemLabelPlain {
    color: #808080;
}

.radioButtonGroup .option {
    margin-right: 30px;
}

.chartPanel {
    font-size: 1.1em;
    font-weight: bold;
}

.chartPanel .headerAmount {
    font-size: 1.2em;
}

.chartPanel .headerAmount .inlineDollarLabel {
    color: #333333;
}

/**
 * Stop google graph hover tooptip flickering
 */
.graphContainer svg > g:last-child {
    pointer-events: none;
}

/* End Calculator Places */

.DisplayContentPlace .cms h3 {
    margin-top: 10px;
}

/* Start Retirement Projection Calculator Place */
.RetirementProjectionCalculatorPlace .doubleValuePicker .fs-slider-horizontal {
    width: 528px;
}

.RetirementProjectionCalculatorPlace .graphPanel, .RetirementProjectionCalculatorPlace .chartPanel {
    float: left;
}

.RetirementProjectionCalculatorPlace .chartPanel {
    width: 350px;
    height: 250px;
}

.RetirementProjectionCalculatorPlace .verticalSlider {
    float: left;
    height: 250px;
}

.RetirementProjectionCalculatorPlace .retirementAgeSlider {
    width: 350px;
}

.RetirementProjectionCalculatorPlace .tabPanel {
    float: left;
    width: 280px;
}

.RetirementProjectionCalculatorPlace .lineLabel, .ExtraContributionCalculatorPlace .lineLabel {
    color: #333333;
    font-size: 1.2em;
    font-weight: bold;
}

.RetirementProjectionCalculatorPlace .lineValue {
    color: black;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.RetirementProjectionCalculatorPlace .tabPanel .fs-spinner {
    float: left;
}

.RetirementProjectionCalculatorPlace .tabPanel .fs-spinner table {
    background: none repeat scroll 0 0 #FFFFFF;
}

.RetirementProjectionCalculatorPlace .tabPanel .fs-spinner input[type="text"] {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 110px;
}

.RetirementProjectionCalculatorPlace .tabPanel select {
    margin-left: 5px;
    height: 26px;
    width: 100px;
    padding: 3px;
    border: 1px solid #A9AFB5;
}

.RetirementProjectionCalculatorPlace .tabPanel .resultsTab .multiLineButton {
    width: 205px;
}

.RetirementProjectionCalculatorPlace .tabPanel .resultsTab .multiLineButton .line1 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.RetirementProjectionCalculatorPlace .gwt-TabBar .gwt-TabBarFirst-wrapper {
    display: none;
}

.RetirementProjectionCalculatorPlace .gwt-TabBar .gwt-TabBarItem {
    background: url('laf/sitewide/sidebar-nav-item-bg.png') repeat-x scroll 0 0 #646464;
    color: white;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    margin-right: 3px;
    cursor: pointer;
}

.RetirementProjectionCalculatorPlace .gwt-TabBar .gwt-TabBarItem-selected {
    background: none repeat scroll 0 0 #FFFFFF;
    color: black;
    border-top: 1px solid #D3D2CE;
    border-left: 1px solid #D3D2CE;
    border-right: 1px solid #D3D2CE;
    cursor: default;
}

.RetirementProjectionCalculatorPlace .tabPanel .gwt-TabPanelBottom {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #D3D2CE;
    border-left: 1px solid #D3D2CE;
    border-right: 1px solid #D3D2CE;
}

/* End Retirement Projection Calculator Place */

/* Start Extra Contribution Calculator Place */
.ExtraContributionCalculatorPlace .doubleValuePicker {
    float: left;
    width: 565px;
}

.ExtraContributionCalculatorPlace .doubleValuePicker .fs-slider-horizontal {
    width: 425px;
}

.ExtraContributionCalculatorPlace select {
    height: 26px;
    padding: 3px;
    background: #F7F7F7;
    border: 1px solid #A9AFB5;
}

.ExtraContributionCalculatorPlace .chartPanel {
    float: left;
}

.ExtraContributionCalculatorPlace .contributionsPanel {
    float: left;
    margin-left: 10px;
    width: 210px;
}

.ExtraContributionCalculatorPlace .contributionsPanel .fs-spinner {
    float: left;
}

.ExtraContributionCalculatorPlace .contributionsPanel .fs-spinner input[type="text"] {
    width: 85px;
}

.ExtraContributionCalculatorPlace .contributionsPanel select {
    margin-left: 5px;
}

/* End Extra Contribution Calculator Place */

/* Start Transition To Retirement Place */
.TransitionToRetirementCalculatorPlace .slider1 {
    width: 600px;
}

.TransitionToRetirementCalculatorPlace .slider2 {
    width: 200px;
}

/* End Transition To Retirement Place */

.AdviserDashboardPlace .sectionBar.MyClients {
    margin-top: 0;
    background: url("laf/sitewide/dashboard-panel-bg.png") repeat-x scroll 0 0 #F2F2F0;
    border: 1px solid #E2E0DB;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 330px;
    float: left;
}

.AdviserDashboardPlace .MyClients .memberSearchTerms .formLabelCell {
    display: none;
}

.AdviserDashboardPlace .MyClients .formTable {
    margin-top: 0px;
    line-height: 1.0px;
}

.AdviserDashboardPlace .recentMemberResultsList thead {
    display: none;
}

.AdviserDashboardPlace .sectionBar .bar, .SectionBar .bar {
    background-color: #EBE9E4;
    border-bottom: 1px solid #D5D3D0;
    height: 37px;
    margin: 2px;
    padding: 7px 7px 7px 10px;
}

.AdviserDashboardPlace .sectionBar .title {
    color: #00678F;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1.1;
    text-align: left;
}

.AdviserDashboardPlace .drillableTableData tbody tr.even {
    background-color: #fdfffd;
}

.AdviserDashboardPlace .myReportsHeader {
    margin-top: 0px;
}

.AdviserDashboardPlace .sectionBar.myReportsHeader .header {
    font-size: 1.167em;
    font-weight: bold;
}

.MemberDashboardPlace .accountList {
    margin: 10px 0 10px 10px;
    float: left;
    width: 330px;
}

.MemberDashboardPlace .accountList table {
    width: 330px;
    margin-top: 0;
}

.MemberDashboardPlace .accountList thead tr th, .MemberDashboardPlace .accountList tbody tr td {
    padding: 9px 5px;
}

.MemberDashboardPlace .accountList thead tr th {
    font-size: 1em;
}

.MemberDashboardPlace .accountList tbody tr.even, .MemberDashboardPlace .accountList tbody tr.even th {
    background-color: #fdfffd;
}

.MemberDashboardPlace .myAccountsFooter {
    clear: both;
    padding: 0 10px 10px;
}

.MemberDashboardPlace .welcomeMessage {
    margin: 10px;
    float: right;
    width: 330px;
}

.MemberDashboardPlace .accountHistory {
    margin: 10px;
    float: right;
    width: 330px;
    text-align: right;
}

.MemberDashboardPlace .accountHistory select, .MemberDashboardPlace .accountHistory .singleSelection {
    width: 320px;
    margin: 2px 10px 10px;
    color: #333333;
}

.MemberDashboardPlace .accountHistory .singleSelection {
    text-align: right;
}

.MemberDashboardPlace .accountHistory .graphContainer {
    height: 160px;
    width: 320px;
}

.MemberDashboardPlace .accountHistory .graphContainer > .gwt-viz-container {
    width: 100%;
    height: 100%;
}

#my-projections-dashboard {
    float: left;
    width: 339px;
    margin-right: 14px;
}

#my-projections-dashboard h1, #my-projections-dashboard div.h1 {
    background: #ebe9e4 url('laf/icons/32/my-projections.png') 10px center no-repeat;
    padding-left: 60px;
}

.projections-graph {
    padding: 10px;
}

.my-projections-footer {
    clear: both;
    padding: 0 10px 10px;
}

.my-projections-footer p, .my-projections-footer div.p {
    margin: 0;
}

.my-projections-footer h4 {
    background: #fff;
    color: #333333;
    margin: 0 0 15px;
    padding: 3px;
    float: left;
    width: 175px;
}

#my-learning-dashboard {
    float: left;
    width: 339px;
}

#my-learning-dashboard h1 {
    background: #ebe9e4 url('laf/icons/32/my-learning.png') 10px center no-repeat;
    padding-left: 60px;
}

.my-learning-actions {
    margin: 15px 10px 15px;
    list-style: none;
    list-style-image: none;
    background: #5f5f5f url('laf/sitewide/my-learning-actions-bg.png') 0 0 repeat-x;
    border: 1px solid #333333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.my-learning-actions li {
    margin: 0;
    padding: 0;
}

.my-learning-actions li a {
    display: block;
    padding: 16px 10px;
    text-decoration: none;
    background: url('laf/sitewide/my-learning-actions-divider.png') center bottom no-repeat;
}

.my-learning-actions li.last a {
    background: none;
}

.my-learning-actions li a:hover {
    background-color: #333333;
}

.my-learning-actions li a img {
    float: left;
    margin-right: 10px;
}

.my-learning-actions li a h4 {
    margin: 0;
    padding: 0;
    float: left;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.my-learning-actions li a h4 small {
    font-weight: normal;
    line-height: 1.2;
}

.my-reports-actions {
    margin: 15px 10px 15px;
    list-style: none;
    list-style-image: none;
    background: none repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #E2E0DB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.my-reports-actions li {
    margin: 0;
    padding: 0;
}

.my-reports-actions li a {
    background: url("laf/sitewide/list-bullet-blue.png") no-repeat scroll 293px center transparent;
    display: block;
    padding: 12px 10px;
    text-decoration: none;
}

.my-reports-actions li a:visited {
    text-decoration: none;
}

.my-reports-actions li a:hover {
    text-decoration: underline;
}

.my-reports-actions li a img {
    float: left;
    margin-right: 10px;
}

.my-reports-actions li a h4 {
    margin: 0;
    padding: 4px 0 0;
    float: left;
    color: #808080;
}
.my-reports-actions li a span {
    margin: 0;
    padding: 4px 0 0;
    float: left;
    color: #808080;
    font-size: 1.167em;
    font-weight: bold;
}

/* Page content styles*/
.page-header h1, .page-header div.h1 {
    color: #333333;
    font-size: 2.25em;
}

.page-header h1 a, .page-header div.h1 a {
    color: #333333;
}

.page-header #headerItems {
    position: absolute;
    right: 15px;
    top: 0px;
}

.page-header #headerItems #helpItem.blankHelpContent {
    display: none;
}
.highlightCms .page-header #headerItems #helpItem.blankHelpContent {
    display: block;
}

/* My accounts */
.control {
    font-size: 1.167em;
    margin: 1em 0 1.5em;
}

.control label {
    font-weight: bold;
    width: 70px;
    display: inline-block;
}

.control select {
    width: 570px;
}

.expand, .contract {
    border: 1px solid #fff;
    margin-top: 0px;
}

.expand p, .expand div.p {
    margin-bottom: 0;
}

.expand > div {
    padding: 10px;
}

.expand label {
    display: inline-block;
    margin-bottom: 0.5em;
}

.expand h4 {
    margin: 0;
    padding: 0;
    background: #fff;
}

.expand h4 a {
    text-decoration: none;
    color: #808080;
    display: block;
    padding: 10px 10px 10px 40px;
    background: url('laf/sitewide/expand-icon.png') 10px center no-repeat;
}

.expand h4 a.expanded {
    background: #fff url('laf/sitewide/collapse-icon.png') 10px center no-repeat;
}

.showHideBlock {
    display: block;
    border: 1px solid #ffffff;
}

.dechromed .showHideBlock {
    display: block;
    border: none;
}

.showHideBlock .showHideContent {
    margin: 10px;
}

.showHideBlock.filterForm .showHideContent {
    padding: 10px 10px 0px;
}

.showHideBlock > .horizontalButtonBar {
    background: #ffffff;
}

/*.showHideBlock .horizontalButtonBar .buttonWrap.right {*/
/*margin-top: 10px;*/
/*}*/

.button.expand a, .button.contract a {
    border: none;
    border-bottom: 1px solid #ffffff;
    margin: 0;
    text-decoration: none;
    color: #808080;
    display: block;
    padding: 10px 0px 10px 0px;
    text-align: left;
    border-radius: 0;

}

.button.expand a {
    background: url('laf/sitewide/expand-icon.png') 10px center no-repeat;
    width: 100%;
}

.button.contract a {
    background: #ffffff url('laf/sitewide/collapse-icon.png') 10px center no-repeat;
    width: 90%;
}

.button.expand span, .button.contract span {
    border: none;
    margin-left: 40px;
    font-size: 1.167em;
    font-weight: bold;
    text-shadow: none;
}

#transaction-search {
    padding: 10px;
}

#transaction-search p, #transaction-search div.p {
    margin-bottom: 0;
}

#transaction-search label {
    width: 120px;
    display: inline-block;
}

#transaction-search select {
    width: 250px;
}

/* Pagination */
.pagination {
    background: #fff;
    padding: 8px 10px;
    font-size: 0.9em;
}

.pagination li {
    padding: 1px;
}

.pagination a {
    border: 1px solid #999;
    text-decoration: none;
    padding: 1px 5px;
}

.pagination .right a {
    border: 0 none;
}

.pagination .right a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #808080;
}

.pagination a:hover, .pagination .current a {
    background-color: #9f9f9f;
    border-color: #666;
    color: #fff;
}

/*
    Preview Pane - Table Styles

----------------------------------------------------------------------*/

table.previewPane {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    padding-top: 10px;
}

table.previewPane td, table.previewPane th {
    -webkit-box-shadow: 1px 1px 0 0 #DDDDDD;
    -moz-box-shadow: 1px 1px 0 0 #DDDDDD;
    box-shadow: 1px 1px 0 0 #DDDDDD;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #EBF6FA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #EBF6FA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 1%, #EBF6FA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 1%, #EBF6FA 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 1%, #EBF6FA 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 1%, #EBF6FA 100%); /* W3C */
    behavior: url(gwt/scripts/PIE.htc);
}

table.previewPane td.selected, table.previewPane th.selected {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

table.previewPane .no-break {
    vertical-align: middle;
    font-size: 1em;
    font-weight: bold;
    color: #333;
}

table.previewPane .no-break a {
    color: #333;
    text-decoration: none;
    width: 100%;
}

table.previewPane button a {
    color: #fff
}

table.previewPane .icon label, table.previewPane .icon span, table.previewPane .icon p, .icon div.p {
    margin-left: 24px;
}

.previewPane .menu-item {
    width: 50%;
    cursor: pointer;
}

.previewPane .copySelect {
    width: 50%;
    padding: 10px 20px;
    vertical-align: top;
}

.previewPane .preview-selected {
    margin-left: 338px;
    position: absolute;
}

.menu-item .preview-selected {
    display: none;
}

.menu-item.selected .preview-selected {
    display: block;
}

/*
    Modal window css

----------------------------------------------------------------------*/

.modal .canvasPanel {
    padding: 10px 10px 10px;
    background: #EBE9E4;
}

/* Form */

.radioButton, .radioButton input, .modal .radioButton input {
    display: inline;
}

.radioButton.down {
    display: block;
}

.radioButton.across {
    margin-left: 10px;
}

.radioButton.naked {
}

.modal input {
    display: block;
}

.modal label {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.2em;
}

.modal .addMemberApplyForInsuranceForm label,
.modal .addMemberInsuranceForm label,
.modal .selectInvestmentProfileForm label {
    font-weight: normal;
    font-size: 1.0em;
    line-height: 1.2em;
}

input[type="text"], .selectWrap select, textarea {
    width: 100%;
    padding: 5px 3px;
    color: #000;
    background: #f7f7f7;
    border: 1px solid #a5acb2;
    outline: none;
}

.selectWrap select {
    /*
       need different padding because the height of
       the select by default is different from textbox
    */
    padding: 4px 3px;
}
.selectWrap select option {
    color: #000;
}
.selectWrap .selectBlankOption, .inputWithText.defaultText {
    color: #AAAAAA;
}

.modal select {
    padding: 4px 3px;
    color: #000;
    border: 1px solid #a5acb2;
    outline: none;
}

/*input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
a:focus,
div:focus {
    outline: #000 dotted 1px;
}*/

input[type="text"]:focus, input[type="password"]:focus,
.selectWrap select:focus, textarea:focus {
    border: 1px solid #333333; /*outline: none;*/
    background: #fff;
}

.modal legend {
    display: none;
}

.modal input[type="text"].smAddy {
    width: 70px;
    float: left;
    margin-right: 6px;
}

.modal input[type="text"].postCode {
    width: 50px;
    float: left;
}

.modal select.state {
    width: 60px;
    float: left;
    margin-right: 6px;
}

.dialog {
    z-index: 950;
    text-align: center;
    top: 70px;
    left: 50%;
    margin-left: -368px; /* half width to ensure centered */
    width: 736px;
    padding-bottom: 40px;
}

.dialogWrap {
    width:400px;
}

.dialogWrap.IFrameDialog {
    width: 640px;
}

.dialogWrap.IFrameDialog #dialogContent {
    height: 700px;
}

.dialogWrap .emailFileForm {
    clear: both;
    float: left;
    margin-top: 20px;
    width: 100%;
}

.dialogWrap .emailFileForm .pdfEmailTitle,
.dialogWrap .emailFileForm .cancel {
    display: none;
}

.dialogWrap .emailFileForm .recipient {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.dialogWrap .emailFileForm .message {
    display: block;
    width: 100%;
}

.dialogWrap .emailFileForm .message div {
    padding: 8px;
}

.dialogWrap .emailFileForm .send {
    float: right;
    margin-right: 0px;
}

.dialogBorderWrap {
    height:150px;
}

.dialog .popupContent {
    text-align: left;
    background: white;
    padding: 10px;
}

.dialog css3-container {
    display: block;
}

.gwt-DialogBox {
    z-index: 12000;
}

.gwt-DialogBox .Caption {
    background: #e3e8f3 url(laf/gwtStandard/hborder.png) repeat-x 0px -2003px;
    padding: 4px 4px 4px 8px;
    cursor: default;
    border-bottom: 1px solid #bbbbbb;
    border-top: 5px solid #d0e4f6;
}

.gwt-DialogBox .dialogContent {
}

.gwt-DialogBox .dialogMiddleCenter {
    padding: 3px;
    background: white;
}

.gwt-DialogBox .dialogBottomCenter {
    background: url(laf/gwtStandard/hborder.png) repeat-x 0px -4px;
    -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DialogBox .dialogMiddleLeft {
    background: url(laf/gwtStandard/vborder.png) repeat-y;
}

.gwt-DialogBox .dialogMiddleRight {
    background: url(laf/gwtStandard/vborder.png) repeat-y -4px 0px;
    -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}

.gwt-DialogBox .dialogTopLeftInner {
    width: 5px;
    zoom: 1;
}

.gwt-DialogBox .dialogTopRightInner {
    width: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogBottomLeftInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogBottomRightInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogTopLeft {
    background: url(laf/gwtStandard/corner.png) no-repeat -13px 0px;
    -background: url(images/corner_ie6.png) no-repeat -13px 0px;
}

.gwt-DialogBox .dialogTopRight {
    background: url(laf/gwtStandard/corner.png) no-repeat -18px 0px;
    -background: url(images/corner_ie6.png) no-repeat -18px 0px;
}

.gwt-DialogBox .dialogBottomLeft {
    background: url(laf/gwtStandard/corner.png) no-repeat 0px -15px;
    -background: url(images/corner_ie6.png) no-repeat 0px -15px;
}

.gwt-DialogBox .dialogBottomRight {
    background: url(laf/gwtStandard/corner.png) no-repeat -5px -15px;
    -background: url(images/corner_ie6.png) no-repeat -5px -15px;
}

* html .gwt-DialogBox .dialogTopLeftInner {
    width: 5px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogTopRightInner {
    width: 8px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomLeftInner {
    width: 5px;
    height: 8px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomRightInner {
    width: 8px;
    height: 8px;
    overflow: hidden;
}

.gwt-PopupPanelGlass {
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    z-index: 11999;
}

.contentSlotEditor .dialogMiddleCenter {
    padding: 0px;
    background: #EBEBEB;
}

.contentSlotEditor .dialogMiddleCenter .content {
    padding: 5px;
    width: 800px;
}

.contentSlotEditor .dialogMiddleCenter .content .textArea {
    background: white;
    width: 800px !important;
}

.contentSlotEditor .dialogMiddleCenter .content .toolbar {
    margin-bottom: 5px;
    width: auto !important;
}

.contentSlotEditor .dialogMiddleCenter .content .buttonDiv {
    margin-top: 5px;
}

.contentSlotEditor .dialogMiddleCenter .content .buttonDiv #save,
.contentSlotEditor .dialogMiddleCenter .content .buttonDiv #cancel {
    margin-top: 0px;
    float: right;
}

.error input[type="text"], .error input[type="password"],
.selectWrap.error select, .error textarea {
    border: 1px solid #ff0000;
}

.errorRadioGroup {
    border: 1px solid #ff0000;
}

.errorMsgHolder {
    margin-top: 15px;
}

.errorMsg {
    zoom: 1;
    float: left;
    color: #ff0000;
    background: #e6dcdc;
    border: 1px solid #ff0000;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
    margin-top: 15px;
}

.errorMsg div {
    padding: 11px 8px 11px 8px;
}

/* Going there next */

.textModal {
    background: #e5e5e5;
    padding: 20px 20px 20px 20px;
}

.textModal div.p {
    color: #808080;
    font-family: Arial, Helvetica, sans-serif;
}

/* buttons on modal dialogs */
.textModal button {

}

img.ui-datepicker-trigger {
    vertical-align: middle;
    margin: 0 10px 0 2px;
}

/*
    Non-semantic helper classes

----------------------------------------------------------------------*/

.padTop {
    margin-top: 10px;
}

/* For image replacement */
.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
    display: none;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

/* Fix clearfix: blueprintcss_lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
    zoom: 1;
}

/* TOOLTIP STYLES FOR DASHBOARD GRAPHS */
#tooltip {
    position: absolute;
    z-index: 3000;
    background-color: #ffffff;
    padding: 1px 2px;
    opacity: 0.8;
    -moz-box-shadow: 0 0 3px #666;
    -webkit-box-shadow: 0 0 3px #666;
    box-shadow: 0 0 3px #666;
    border: 3px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 10px;
    border-radius: 5px;
    behavior: url(gwt/scripts/PIE.htc);
}

#tooltip h3, #tooltip div {
    margin: 0;
    color: #333333;
    font-size: 0.8em;
    font-family: Arial, Helvetica, sans-serif;
}

/* Spinner */

.spinner {
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1104;
}

.spinner div {
    background-image: url(laf/fancybox.png);
    height: 480px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

.longRunningSpinner {
    position: absolute;
    width: 100%;
    top: 40%;
    height: 100%;
    margin-left: 50%;
    vertical-align: middle;
    display: table-cell;
}

.longRunningSpinner .longRunningSpinnerWrapper {
    position: absolute;
    vertical-align: middle;
}

.longRunningSpinner .longRunningSpinnerContent {
    padding: 25px 15px;
    text-align: center;
    min-width: 280px;
    max-width: 300px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin: 0 auto;
    margin-left: -50%;
    box-shadow: 0px 0px 5px #cccccc;
    border-radius: 3px;
}

.longRunningSpinner .longRunningSpinnerContent .message {
    padding-bottom: 15px;
}

.longRunningSpinner .longRunningSpinnerContent .progressSpinner {
    background: url('gwt/laf/sitewide/barSpinner.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px;
    height: 30px;
}

.drillableList .longRunningSpinner .longRunningSpinnerContent {
    margin-top: 0px;
    position: relative;
    top: auto;
}

.progressPanel {
    float: none;
    height: 20px;
    width: 100%;
    padding: 0px;
    display: block;
    border-radius: 10px;

    box-shadow: 0 1px 0 #BFBFBF inset, 0 1px 0 #FCFCFC;
    -moz-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;
    -webkit-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;

    background: -moz-linear-gradient(center top , #E1DDD9, #E1DDD9) repeat scroll 0 0 #E9E5E2;
    background: -ms-linear-gradient(top, #e1ddd9, #e9e5e2)  repeat scroll 0 0 #E9E5E2;
    background: -webkit-linear-gradient(top, #e1ddd9, #e9e5e2)  repeat scroll 0 0 #E9E5E2;
    background: -o-linear-gradient(top, #e1ddd9, #e9e5e2) repeat scroll 0 0 #E9E5E2;

    behavior: url(gwt/scripts/PIE.htc);
    position: relative;
}

.progressPanel > .progressBar {
    height: 18px;
    float: none;
    background-color: #333333;
    display: block;
    border-radius: 10px;

    box-shadow: 0 1px 0 #FCFCFC inset, 0 1px 0 #BEBBB9;
    -moz-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;
    -webkit-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;

    margin: 0.5px 1px;
    behavior: url(gwt/scripts/PIE.htc);
    position: absolute;
}

.drillableList .spinner {
    margin-top: 0px;
    position: relative;
    top: auto;
}

.drillableList .warning {
    color: red;
}

/* Global spinner */
BODY > .spinner {
    position: fixed;
    left: 50%;
    top: 50%;
}

/* Canvas */

.canvasContentList {
}

.canvasContentList.border {
    border: 1px solid #CCCCCC;
    padding: 5px 5px 5px 10px;
    background: #F0F0F0;
    margin: 5px 5px 15px 3px;
    box-shadow: 2px 2px 7px;
    -moz-box-shadow: 2px 2px 7px;
    -webkit-box-shadow: 2px 2px 7px;
}

.canvasContentList.termsAndConditions {
    overflow: auto;
    height: 250px;
    width: 500px;
    background: #E5E5E5;
    color: #808080;
    border: 1px solid #FFFFFF;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    font-size: 10px;
}

.buttonBar {
}

.buttonBar.alignRight {
    /* Float to the right */
    display: inline-block;
    float: right;
    margin-top: 5px;
    margin-right: 5px
}

.buttonBarStyleLink {
    cursor: pointer;
    color: linkColor;
    text-decoration: underline;
}

/* Paragraph styles-----------------------------------------------------------------------------------*/

div.labelText {
    overflow: hidden;
}

.labelClickable {
    cursor: pointer;
}

.paragraph {
    margin-top: 10px;
}

.paragraph.flush {
    margin-top: 0px;
}

.paragraph.finePrint {
    margin-top: 0px;
    font-size: 10px;
}

.paragraph.heading {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

.paragraph.pageHeading {
    margin-top: 0px;
    font-size: 14px;
    font-weight: bold;
}

.paragraph.listItem {
    display: list-item;
    list-style-type: square;
    margin-left: 20px;
}

.paragraph.important {
    color: red;
}

.paragraph.importantHeading {
    color: red;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
}

.subFormHeaderLabelText {
    text-align: left;
    font-weight: bold;
}

/* Disclaimer */

.disclaimer {
    margin-top: 15px;
}

.disclaimerBody .listItem {
    display: list-item;
    list-style-type: square;
    margin-left: 20px;
}

/* Links */

.foreignLink {
    line-height: 1.5;
    margin-top: 0.75em;
    padding-left: 40px;
    background: transparent url(laf/sitewide/list-bullet.png) no-repeat scroll 25px 0.5em;

}

.foreignLink.pdf a {
    background: transparent url(laf/sitewide/pdf-icon.png) no-repeat scroll right center;
    padding-right: 20px;
}

/* Forms */
.selectWrap {
    margin-right: 1px;
}

.inputWrap {
    margin-right: 9px;
}

.inputWrap .inputReset {
    display: none;
}

.inputWrap > input, .selectWrap > select {
    zoom: 1;
}

.formTableNested {
    margin-top: 5px;
    margin-bottom: 5px;
}

.formTable {
    width: 100%;
    margin-top: 10px;
}

.formTable table {
    width: 100%;
    table-layout: fixed;
}

.formTable table table {
    table-layout: fixed;
}

.formTable .formLabelCell {
    width: 160px;
}

.formTable .formIconCell {
    display: none;
}

.formTable .formRow.freeLongStringType .formLabelCell {
    vertical-align: top;
}

.formTable .formLabelCellDisabled {
    width: 160px;
}

.formTable .formTableVerticalDivider {
    display: none;
}

.formTable .formControlCell.readOnly {
    background: #F3F2EF;
}

.formTable .formControlCell.editable {
}

.formTable .formRow {
    margin-bottom: 10px;
}

.formGrid {
    width: 100%;
    border: 1px solid #FFFFFF;
}

.formGrid .formLabelCell {
    width: 160px;
}

.formGrid .formIconCell {
    display: none;
}

.formGrid tr.odd td {
    background: #F3F2EF;
}

.formGrid table {
    width: 100%;
}

td.formTableVerticalSpacer {
    width: 10px; /*    border-bottom: formTableBorderBottom; */
}

td.formTableVerticalDivider {
    /*width: formTableDividerWidth;*/
    /*background: formTableDividerBackground;*/
    /*border-bottom: formTableBorderBottom;*/
}

td.formLabelCell > div {
    padding: 0.7em 0.5em 0.5em;
    vertical-align: top;
}

td.formLabelCellDisabled > div {
    padding: 0.7em 0.5em 0.5em;
    vertical-align: top;
}

td.formControlCell {
    padding: 0.7em 0.5em 0.5em;
    vertical-align: top;
}

/* Form input control rendering --------------------------------------------------- */

.formFieldLabel {
    /*border: 1px solid transparent;*/
    /*margin: 0px;*/
    /*padding: 1px 1px 1px 2px;*/
}

input.formField, input.formField-focused, input.formPassword, input.formPassword-focused {
}

input.formField-readonly, input.formPassword-readonly {
}

input.formField-focused, input.formPassword-focused, .suggestCombo-focused input {
}

input.formField-error {
}

/* Validation -------------------------------------------------------------------------------- */

.requiredIndicator, .requiredIndicatorLegend {
    color: red;
}

.requiredIndicatorLegend {
    width: 100%;
    text-align: right;
}

.requiredIndicator {
    display: inline;
    text-align: right;
}

table.validationMessagePanel, div.validationText {
    color: #ff4040;
    font-style: italic;
    padding-bottom: 8px;
}

.actionButtonField .button {
    margin-right: 0px;
    margin-top: 0px;
}

/* Suggest Combo */

.suggestMenu {
    background: white;
}

.suggestMenu table {
    width: 100%;
    table-layout: auto;
}

.suggestMenu tr {
    border-bottom: 1px solid lightgrey; /* selectComboCellBorder; */
    padding-top: 3px;
    padding-bottom: 3px;
}

.suggestMenu tr.suggestComboSelected {
    background: black; /* selectComboCellSelectedBackgroundColor; */
    color: white;
}

.suggestMenu tr td {
    vertical-align: top;
    padding-right: 3px;
    padding-left: 3px; /*padding-bottom: 6px;*/
    cursor: default !important;
}

.suggestCombo input {
    padding: 5px 1px;
    width: 100%;
}

.suggestCombo-error input {
    background: pink; /* fieldErrorBackgroundColor !important; */
}

.suggestScrollPanel {
}

.suggestComboMessage {
    background: #fff;
}

.suggestPopup {
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    behavior: url(gwt/scripts/PIE.htc);
}

/* Popup messages ----------------------------------------------------------------------------------------- */

div.popup-hint {
    color: white;
    background: black;
    cursor: pointer;
    padding: 6px;
    behavior: url('gwt/scripts/PIE.htc');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; /* Make buttons play nice in IE:*/
}

div.popup-error {
    color: white;
    background: black;
    cursor: pointer;
    padding: 6px;
    behavior: url('gwt/scripts/PIE.htc');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; /* Make buttons play nice in IE:*/
}

div.popup-message a {
    color: white;
    text-decoration: underline;
}

/* Disclaimer Buttons ------------------------------------------------------------------------------------ */

.disclaimer.button {
    margin-top: 10px;
}

.disclaimerScrollPanel {
    background: none repeat scroll 0 0 #E5E5E5;
    height: 100%;
    overflow: auto;
}

.disclaimerContent {
    margin: 10px;
}

.disclaimerContent li {
    display: list-item;
    list-style-type: square;
    margin-left: 20px;
    margin-bottom: 0;
}

.disclaimerContent ul {
    list-style: square outside none;
    margin-top: 0;
    margin-left: 0;

}

/* Pager Buttons ----------------------------------------------------------------------------------------- */

.pager {
    background: none repeat scroll 0 0 #ffffff;
    font-size: 0.9em;
    margin: 8px 0px;
    padding: 8px 10px;
}

.pager table {
    margin: auto;
}

.pager input[type="text"], .pager .pagerNav.drillableTable td input[type="text"] {
    width: 30px;
    min-width: 30px;
    border-radius: 8px;
    padding: 2px;
}
.pager .pagerNav {
    text-align: center;
    margin-top: 0px;
}

.pager .pageSize.align {
    float: right;
}

a.pagerButton {
    border: 1px solid #999999;
    padding: 1px 5px;
    text-decoration: none;
    margin: 0 8px 0 0;
}

a.pagerButton:hover {
    background-color: #9F9F9F;
    border-color: #666666;
    color: #FFFFFF;
}

a.pagerButton.disabled {
    color: #DDDDDD;
    border: 1px solid #DDDDDD;
}

a.pagerButton.disabled:hover {
    color: #DDDDDD;
    border: 1px solid #DDDDDD;
    background-color: transparent;
}

.pagerLabel {
    margin: 0 8px 0 0;
    padding: 0 10px;
}

.pagerViewMoreLoadingLabel {
    margin: 0 8px 0 0;
    padding: 0 10px;
}

.pagerViewMoreLoadingLabel.disabled {
    display: none;
}

.pagerLabel:before {
    content: "Displaying ";
}

.pagerViewMoreLoadingLabel:before {
    content: "Loading ... ";
}

.pagerButton.first:before {
    content: "<< FIRST";
}

.pagerButton.prev:before {
    content: "< PREV";
}

.pagerButton.next:before {
    content: "NEXT >";
}

.pagerButton.last:before {
    content: "LAST >>";
}

.pagerButton.jump:before {
    content: "JUMP >>";
}

.pagerButton.viewMore:before {
    content: "View More";
}

/* Floating styles -------------------------------------------------------------------------------------- */

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

/* MISC */
.halfWidth {
    width: 330px;
    margin: 10px 0 10px 10px;
}

.insuranceScrollPanel {
    height: 100%;
    overflow: auto;
}

/* Control Editor */
.controlEditor {
    /*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);*/
    background: #efefef;
    border: 1px solid #888888;
    display: none;
    position: absolute;
    right: 0;
    z-index: 999;
    padding: 0.2em 5px;
    height: 1.4em;
    font-size: 11px;
    overflow: hidden;
    transition: height 500ms;
    -moz-transition: height 500ms; /* Firefox 4 */
    -webkit-transition: height 500ms; /* Safari and Chrome */
    -o-transition: height 500ms; /* Opera */
}

.controlEditor:hover {
    height: 36px;
    transition: height 500ms;
    -moz-transition: height 500ms; /* Firefox 4 */
    -webkit-transition: height 500ms; /* Safari and Chrome */
    -o-transition: height 500ms; /* Opera */
    z-index: 9999;
}

.controlEditor .label {
    width: 50px;
    float: left;
    margin-left: 2px;
}

.controlEditor .control {
    margin: 0px;
    /*width: 30px;*/
    float: left;
}

.controlEditor input[type="checkbox"].control {
    margin-top: 3px;
}

.highlightCms .controlEditor {
    /*display: block;*/
}

/* component based */
.emailEmployerContributionForm .specialInstruction .formControlCell textarea {
    min-height: 5em;
    max-width: 100%;
}

.suggestMenu.FundListType td {
    float: left;
    width: 100%;
}

.suggestMenu.FundListType td.col0, .suggestMenuFundListType td .label {
    font-weight: bold;
}

.suggestMenu.FundListType td.col2, .suggestMenu.FundListType td.col3 {
    font-size: 12px;
    width: 150px;
}


/* Screen Specific styles ------------------------------------------------------------------------------- */

/* Login Place */

.LoginPlace .page-header {
    display: none;
}

.AddMemberPlace .selectInvestmentProfileForm .formTable .formLabelCell {
    width: 40px;
}

.AddMemberPlace .applyForInsuranceForm .formTable .formLabelCell,
.AddMemberPlace .addMemberInsuranceForm .formTable .formLabelCell {
    width: 240px;
}

.insuranceContent {
    height: 100%;
}

.ResetPasswordPlace .page-header {
    display: none;
}

.UpdatePasswordPlace .formLabelCell {
    width: 112px;
}

.BeneficiariesPlace .formLabelCell {
    width: 125px;
}

.BeneficiariesPlace .sectionBar {
    margin-bottom: 10px;
}

.BeneficiariesPlace .wizardBottomButtonBar {
    margin-bottom: 10px;
}

.BeneficiariesPlace .wizardProgressBar {
    display: none;
}

.BeneficiariesPlace .exportBar {
    display: none;
}

.PensionPlace .wizardProgressBar {
    display: none;
}

.filterForm td.formControlCell {
    padding: 0px;
}

.filterForm .formIconCell {
    display: none;
}

.MyTransactionsPlace .drillableListClickableCell {
    padding-right: 20px;
    background: transparent url(laf/sitewide/pdf-icon.png) no-repeat scroll right center;
    display: inline;
}

.RolloverPlace .formLabelCell {
    width: 140px;
}

.RolloverPlace .sectionBar {
    margin-bottom: 0px;
}

.MoneyInPlace .bPayReferenceNumbersForm .formLabelCell {
    width: 270px;
}

.MoneyInPlace .moneyInGotoBar {
    display: none;
    width: 620px !important;
}

.MoneyInPlace .paymentDirectDebitForm .formLabelCell {
    width: 200px;
}

.MoneyInPlace .MoneyIn_eftDetails {
    display: none;
}


/*.MoneyInDialog .MoneyInPlace .page-header {*/
    /*display: none;*/
/*}*/

.AllocationPlace .chart {
    width: 325px;
    overflow: hidden;
    position: absolute;
    z-index: 9;
}
.AllocationPlace .chart > div {
    margin-left: -70px;
    overflow: hidden;
    width: 390px;
}

.AllocationPlace .chart iframe {
    width: 600px !important;
}

.AllocationPlace .legend {
    min-height: 180px;
    float: right;
    width: 430px;
}

.AllocationPlace .assetAllocationPortfolioList {
    /*font-size: 0.8em;*/
}

.AllocationPlace .assetAllocationLegendList .light {
    font-weight: bold;
    color: inherit;
}

.AllocationPlace .assetAllocationLegendList .color1 .light {
    color: rgb(191, 63, 63);
}

.AllocationPlace .assetAllocationLegendList .color2 .light {
    color: rgb(191, 173, 63);
}

.AllocationPlace .assetAllocationLegendList .color3 .light {
    color: rgb(100, 191, 63);
}

.AllocationPlace .assetAllocationLegendList .color4 .light {
    color: rgb(63, 136, 191);
}

.AllocationPlace .assetAllocationLegendList .color5 .light {
    color: rgb(100, 63, 191);
}

.AllocationPlace .assetAllocationLegendList .color6 .light {
    color: rgb(191, 63, 173);
}

.AllocationPlace .assetAllocationLegendList .color7 .light {
    color: rgb(63, 173, 191);
}

.AllocationPlace .assetAllocationLegendList .color8 .light {
    color: rgb(191, 191, 191);
}

.AllocationPlace .assetAllocationLegendList .color9 .light {
    color: rgb(0, 0, 0);
}

.AllocationPlace .assetAllocationLegendList .color10 .light {
    color: rgb(86, 226, 207);
}

.AllocationPlace .assetAllocationLegendList .color11 .light {
    color: rgb(86, 174, 226);
}

.AllocationPlace .assetAllocationLegendList .color12 .light {
    color: rgb(86, 104, 226);
}

.AllocationPlace .assetAllocationLegendList .color13 .light {
    color: rgb(138, 86, 226);
}

.AllocationPlace .assetAllocationLegendList .color14 .light {
    color: rgb(207, 86, 226);
}

.AllocationPlace .assetAllocationLegendList .color15 .light {
    color: rgb(226, 86, 174);
}

.AllocationPlace .assetAllocationLegendList .color16 .light {
    color: rgb(226, 86, 104);
}

.AllocationPlace .assetAllocationLegendList .color17 .light {
    color: rgb(226, 137, 86);
}

.AllocationPlace .assetAllocationLegendList .color18 .light {
    color: rgb(226, 207, 86);
}

.AllocationPlace .assetAllocationLegendList .color19 .light {
    color: rgb(174, 226, 86);
}

.AllocationPlace .assetAllocationLegendList .color20 .light {
    color: rgb(86, 226, 137);
}

.AccountInfoPlace .insuranceSupplementaryList .drillableTableDataSummaryRow {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.75;
}

/*.AccountInfoPlace .feeAggregatedMemberDetailsForm .formGrid > tbody > tr > td {
    width: 50%;
}*/

.BenefitQuotePlace .drillableTableDataSummaryRow {
    color: #333333;
}

.BenefitQuotePlace .drillableTableDataSummaryRow.heading {
    color: #333333;
}

.BenefitQuotePlace .exportBar {
    display: none !important;;
}

.ValuationPlace .portfolioHoldingsList {
    margin-bottom: 15px;
}

.ProfilePlace .profileUpdateButtonBar {
    background: none repeat scroll 0 0 #3B3B3B;
    margin-top: 20px;
    padding: 10px;
}

.ProfilePlace .profileUpdateButtonBar .button {
    margin-top: 0;
}

.ProfilePlace .exportBar {
    display: none;
}

.ProfilePlace .investmentProfileDetailsList.readOnly tr.zero {
    display:none;
}

/* Share Trading */

.ShareTradingPlace .sharePortfolioList .drillableTableData td {
    padding: 4px 6px 4px;
}

.ShareTradingPlace .marketDepthInformation .sharePortfolioMarketDepthBuy,
.ShareTradingPlace .marketDepthInformation .sharePortfolioMarketDepthSell {
    width: 50%;
    float: left;
}

.ShareTradingPlace .marketDepthInformation .sharePortfolioMarketDepthBuy .drillableTableData td > div,
.ShareTradingPlace .marketDepthInformation .sharePortfolioMarketDepthSell .drillableTableData td > div {
    height: 18px;
}

.ShareTradingPlace .marketDepthInformation .ShareTrading_shareBuy_sharePortfolioMarketDepthBuy_header h3,
.ShareTradingPlace .marketDepthInformation .ShareTrading_shareBuy_sharePortfolioMarketDepthSell_header h3,
.ShareTradingPlace .marketDepthInformation .ShareTrading_shareSell_sharePortfolioMarketDepthBuy_header h3,
.ShareTradingPlace .marketDepthInformation .ShareTrading_shareSell_sharePortfolioMarketDepthSell_header h3 {
    text-align: center;
    margin-top: 5px;
    color: #333333;
    margin-bottom: 0;
    font-size: 14px;
}

.ShareTradingPlace .marketDepthInformation .drillableTableDataSummaryRow td div div {
    text-align: center !important;
}

.ShareTradingPlace .marketDepthInformation > .sectionContent th {
    font-size: 12px;
}

.ShareTradingPlace .sharePortfolioShareQuote {
    margin-bottom: 5px;
}

.ShareTradingPlace .sharePortfolioList .rowButton.Buy span {
    padding-right: 3px;
}

.ShareTradingPlace .wizardProgressBar {
    display: none;
}

.ShareTradingPlace .cashBalance.sectionBar > .sectionContent {
    margin: 0;
}

.CorporateActionsPlace .drillableTable, .CorporateActionSearchPlace .drillableTable {
    border-width: 0;
    border-style: none;
    padding: 0;
}

.ReversionaryPlace .exportBar {
    display: none;
}

.AccountOpeningPlace .blockUI.blockOverlay {
    background-color: #000;
    zoom: 1;
    -ms-filter: literal("progid:DXImageTransform.Microsoft.Alpha(Opacity=12)");
    filter: literal("alpha(opacity=12)");
    opacity: 0.12;
}

.AccountOpeningPlace .blockUI.blockElement {
    height: 100px;
    left: 50%;
    margin-left: -50px;
    top: -5px;
    width: 100px;
}

.AccountOpeningPlace .blockUI .blockContent {
    background: transparent url(laf/sitewide/tickGreenSmall.png) 0 0 no-repeat;
    height: 100%;
    width: 100%;
}

.AccountOpeningPlace .accountOpening_footer {
    margin-top: 40px;
    margin-bottom: 10px;
    text-align: center;
}

.assetTransactionListingList .transactionUnits {
    white-space: nowrap;
}

.sectionDark.bpayLogo {
}

.AdviserDashboardPlace .page-header {
    display: none;
}

.AdviserDashboardPlace.canvasPanel {
    padding-top: 0;
}

.AdviserDashboardPlace .contentPanel > .header {
    margin-bottom: 0;
}

.AdviserDashboardPlace .sectionBar.MyClients > .sectionContent {
    padding: 5px;
    min-height: 244px;
}

.AdviserDashboardPlace .sectionBar.MyClients .header {
    font-size: 1.167em;
    font-weight: bold;
}

.AdviserDashboardPlace .recentMemberResultsList .drillableTableData tbody {
    border: none;
}

.AdviserDashboardPlace .memberSearchForm > .clearfix {
    display: none;
}

.AdviserDashboardPlace .memberSearchForm > .horizontalButtonBar {
    float: right;
    display: block;
}

.AdviserDashboardPlace .MyClients .memberSearchForm .formTable {
    float: left;
    width: 275px;
}

.PensionCalculatorPlace select, .BenefitCalculatorPlace select, .ContributionCalculatorPlace select {
    display: block;
    margin: 10px 0;
    width: 100%;
}

.PensionCalculatorPlace td.formControlCell,
.BenefitCalculatorPlace  td.formControlCell,
.ContributionCalculatorPlace td.formControlCell {
    vertical-align: middle;
}

.PensionCalculatorPlace .formTable .formLabelCell,
.BenefitCalculatorPlace .formTable .formLabelCell,
.ContributionCalculatorPlace td.formControlCell {
    height: 50px;
}

.PensionCalculatorPlace .formTable .formControlCell.editable,
.BenefitCalculatorPlace .formTable .formControlCell.editable,
.ContributionCalculatorPlace .formTable .formControlCell.editable {
    padding: 0;
}

.CGTReportPlace .drillableList {
    width: 100%;
    overflow: auto;
    padding-left: 1px;
}

.CGTReportDialog {
    width: 970px;
    margin-left: -485px;
}

.ModelsPlace .rowButton {
    margin-right: 5px;
}

/* Employer Places */
.employerLayout #Contribution_batches_Nav,
.employerLayout #Contribution_Batches_Nav{
    display: none;
}


.employerDashboardLayout #page {
    margin-right: 0px;
    width: 714px;
}

.EmployerDashboardPlace .page-header,
.EmployerDashboardPlace .EmployerDashboard_header.blankContent {
    display: none;
}

.EmployerDashboardPlace .sectionBar.members .EmployerDashboard_memberSearchForm_header {
    font-size: 1.167em;
    font-weight: bold;
}

.EmployerDashboardPlace.canvasPanel {
    padding-top: 0px;
}

.EmployerDashboardPlace .EmployerDashboard_contributions,
.EmployerDashboardPlace .EmployerDashboard_reporting,
.EmployerDashboardPlace .EmployerDashboard_administration,
.EmployerDashboardPlace .sectionBar {
    float: left;
    width: 347px;
    margin-right: 10px;
    margin-top: 0px;
}

.EmployerDashboardPlace .EmployerDashboard_contributions .sectionbar,
.EmployerDashboardPlace .EmployerDashboard_reporting .sectionbar,
.EmployerDashboardPlace .EmployerDashboard_administration .sectionbar,
.EmployerDashboardPlace .sectionBar {
    background: url("laf/sitewide/dashboard-panel-bg.png") repeat-x scroll 0 0 transparent;
    min-height: 300px;
}

.EmployerDashboardPlace .sectionBar .bar {
    background-color: #EBE9E4;
    margin: 2px;
    border-bottom: 1px solid #D5D3D0;
    padding: 7px 7px 7px 10px;
}

.EmployerDashboardPlace .sectionBar .title {
    /*color: #0099D1;*/
    color: #333333;
    font-size: 2em;
}

.EmployerDashboardPlace .sectionBar.reporting {
    clear: both;
}

.EmployerDashboardPlace .sectionBar.reporting > .bar > img {
    width: 32px;
    height: 32px;
}

.EmployerDashboardPlace .dashboard-actions {
    background: none repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #E2E0DB;
    border-radius: 4px 4px 4px 4px;
    list-style: none outside none;
    margin: 15px 10px;
}

.EmployerDashboardPlace .dashboard-actions li {
    margin-bottom: 0px;
}

.EmployerDashboardPlace .dashboard-actions li a {
    background: url("laf/icons/16/greater.png") no-repeat scroll 293px center transparent;
    display: block;
    padding: 12px 10px;
    text-decoration: none;
}

.EmployerDashboardPlace .dashboard-actions li a:hover {
    background-color: #d5d3d0;
}

.EmployerDashboardPlace .dashboard-actions li a img {
    float: left;
    margin-right: 10px;
}

.EmployerDashboardPlace .dashboard-actions li a h4 {
    color: #808080;
    float: left;
    margin: 0;
    padding: 4px 0 0;
}

.EmployerDashboardPlace .memberSearchForm {
    padding-left: 10px;
    padding-top: 8px;
}

.EmployerDashboardPlace .memberSearchForm .formTable {
    float: left;
    width: 290px;
    margin-top: 0px;
}

.EmployerDashboardPlace .memberSearchForm .formTable .formRow {
    margin-bottom: 0px;
}

.EmployerDashboardPlace .memberSearchForm > .clearfix {
    display: none;
}

.EmployerDashboardPlace .memberSearchForm > .horizontalButtonBar.clearfix {
    display: block;
}

.EmployerDashboardPlace .memberSearchForm > .horizontalButtonBar .button {
    margin-top: 10px;
}

.EmployerDashboardPlace .memberSearchTerms .formLabelCell {
    display: none;
}

.ContributionBatchSummaryNewPlace .contributionBatchSummaryButtonBar .horizontalButtonBar,
.ContributionBatchSummaryEditPlace .contributionBatchSummaryButtonBar  .horizontalButtonBar,
.TerminateMemberPlace .terminateButtonBar  .horizontalButtonBar,
.EmployerAddMemberPlace .findDuplicateMembersForm .horizontalButtonBar{
    background: #3B3B3B;
    padding-bottom: 10px;
    padding-left: 10px;
}

.ContributionBatchDetailsEditDialog {
    margin-left: -480px; /* half width to ensure centered */
    width: 960px;
    padding-bottom: 40px;
}

.ContributionBatchDetailsEditPlace .remittanceForm > .horizontalButtonBar,
.ContributionBatchDetailsEditPlace .contributionBatchDetailButtonBar .horizontalButtonBar {
    background: #3B3B3B;
    padding-bottom: 10px;
    padding-left: 10px;
}

.ContributionBatchDetailsPlace .remittanceFormContributionBatchDetailsExportBar select,
.ContributionBatchDetailsPlace .contributionDetailsListContributionBatchDetailsExportBar select,
.ContributionBatchDetailsEditPlace .contributionBatchDetailExportBar select {
    width: 825px;
}

.ContributionBatchDetailsDialog {
    margin-left: -480px; /* half width to ensure centered */
    width: 960px;
    padding-bottom: 40px;
}

.MyDetailsPlace .clientBasicDetailsForm .residentialAddressSameAsPostal .error {
    border: 1px solid #ff0000;
}

.searchMemberResultsList .drillableTableDataSummaryRow .labelText {
    text-align: center !important;
    font-weight: normal;
}

/* GUI Lockup Detector */

.guiLockupDetector td, th {
    padding: 0px;
}

.guiLockupDetectorCurrent {
    color: white;
    background-color: blue;
    font-weight: bold;
}

.guiLockupDetectorMaxTimeout {
    color: white;
    background-color: magenta;
    font-weight: bold;
}

.guiLockupDetectorMaxTimeoutExceeded {
    color: white;
    background-color: red;
    font-weight: bold;
}

.guiLockupDetectorThreshold {
    color: white;
    background-color: green;
    font-weight: bold;
}

/* Date Picker ----------------------------------------------------------------------------------------------------- */

.datePickerContainer {
    z-index: 900;
}

.gwt-DatePicker {
    /* The master style of the date picker. */
    /* NOTE: This element is a table. Firefox doesn't honour all style directives. */
    font-size: 11px;
    background: #D8D8D8;
    text-align: center;
    cursor: pointer;
    border: 1px solid black;
}

.gwt-DatePicker * {
    font-size: 11px;
}

.datePickerMonthSelector {
    /* The month selector widget. */
}

.MonthSelector {
    background: #EFEFEF;
    text-align: center; /* The month in the month selector widget. */
    border-bottom: 1px solid #999999;
    width: 100%;
}

.MonthSelector * {
    font-weight: bold;
}

.datePickerPreviousButton {
    /* The previous month button. */
}

.datePickerNextButton {
    /* The next month button. */
}

.datePickerDays {
    /* The portion of the picker that shows the days. */
    /* NOTE: This element is a table. Firefox doesn't every css style. */
    padding: 0px 3px;

}

.datePickerWeekdayLabel {
    /* The label over weekdays. */
    background: #ECECEC;
    text-align: center;
}

.datePickerWeekendLabel {
    /* The label over weekends. */
    background: #ECECEC;
    text-align: center;
    color: #6C6C6C;
}

.datePickerDay {
    /* A single day. */
    padding: 0px 3px;
    border: 1px solid #D8D8D8;
    border-Collapse: collapse;
    text-align: center;
}

.datePickerDayIsToday {
    /* Today's date. */
}

.datePickerDayIsWeekend {
    /* A weekend day. */
    color: #6C6C6C;
    padding: 0px 3px;
    border: 1px solid #D8D8D8;
    border-Collapse: collapse;
    text-align: center;
}

.datePickerDayIsFiller {
    /* A day in another month. */
}

.datePickerDayIsDisabled {
    /* A disabled day. */
}

.datePickerDayIsHighlighted {
    /* The currently highlighted day. */
    border-Collapse: collapse;
    border: 1px solid #D8D8D8;
    padding: 0px 3px;
    font-weight: bold;
}

.datePickerDayIsValueAndHighlighted {
    /* The highlighted day if it is also selected. */
    border-Collapse: collapse;
    background: #0099d1;
    border: 1px solid black; /* This reduction in padding compensates for the space taken up by the border */
    padding: 0px 3px;
}

.datePickerDayIsValue {
    /* The selected day. */
    border-Collapse: collapse;
    background: #0099d1;
    border: 1px solid black; /* This reduction in padding compensates for the space taken up by the border */
    /*padding: 0px 3px; *//* NOTE: These values should be kept in synch with paddng in datePickerDays */
}

/* Suggest Popup ----------------------------------------------------------------------------------------------------- */

div.suggestPopup {
    /* Note: z-index is set via javascript. */
}

/* Hide print instructions */
#printInstructions {
    display: none;
    visibility: hidden;
}

.buttonStrip td {
    padding: 0px 2px !important;
    margin: 0px !important;
}

textarea.log-window {
    font-size: 12px;
    font-family: Consolas, sans-serif;
    font-weight: bold;
    hidden: true;
}

.contentPanel {
}

.contentPanel > .header {
    margin-bottom: 10px;
}

.sectionBar > .bar .header p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.invisible {
    display: none;
}

.hide {
    display: none;
}

div.rowFormButtonClass, div.rowFormButtonMouseoverClass, div.rowFormButtonFocusedClass {
    cursor: pointer;
    background: url('gat/laf/rowbutton/row-button-bg.gif') repeat-x;
    padding: 1px 15px 1px 2px;
    text-align: center;
    white-space: nowrap;
}

div.rowFormButtonFocusedClass {
    border: 1px inset #D1E4EF;
}

div.rowFormButtonClass, div.rowFormButtonMouseoverClass {
    border: 1px outset #D1E4EF;
}

div.rowFormButtonMouseoverClass {
    text-decoration: underline;
    color: #3366CC;
}

div.cmspanel {
    padding: 0px;
    margin: 0px;
    border: none;
}

a.cmspanelLabel, div.cmspanelLabel {
    display: none;
}

body.cms div.cmspanel {
    padding: 10px;
    margin: 1px;
    border: 1px solid yellow;
    text-align: left;
    font-size: 12px;
}

body.cms div.cmspanel textarea {
    width: 100%;
}

body.cms div.cmspanel a.cmspanelLabel, body.cms div.cmspanel div.cmspanelLabel {
    display: block;
    color: red;
    padding: 2px;
}

body.cms div.cmspanel a.cmspanelLabel.invisible, body.cms div.cmspanel div.cmspanelLabel.invisible {
    display: none;
}

/*
body.cms .invisible div.cmspanel {
    display: block;
    opacity: 0.3;
}

body.cms .invisible div.cmspanel textarea {
    display: block;
    opacity: 0.3;
}

body.cms .invisible div.cmspanel a.cmspanelLabel, body.cms .invisible div.cmspanel div.cmspanelLabel {
    display: block;
    opacity: 0.3;
}
*/

#fancybox-content {
    min-width: 400px !important;
}

.cms p {
    margin-top: 10px;
    margin-bottom: 0px;
}

.cms h2 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

/* My Projections / My Learning */

.previewPane td, .previewPane th {
    padding: 0.7em 0.5em 0.5em;
    text-align: left;
}

.myProjectionsDashboard .graphContainer {
    margin-top: 5px;
}

/* Application wide BlockUI config */
.blockUI.blockOverlay {
    background-color: #000;
    zoom: 1;
    -ms-filter: literal("progid:DXImageTransform.Microsoft.Alpha(Opacity=60)");
    filter: literal("alpha(opacity=60)");
    opacity: 0.6;
}

#fancybox-overlay {
    position: fixed !important;
}

.unexpectedServerErrorContainer {
    border: 1px solid red;
    padding: 5px 10px 15px;
}

.unexpectedServerError {
    font-weight: bold;
}

.InsurancePlace .accountBar {
    display: none !important;
}

.bgmlScript {
    display: none;
}

/*
    Print styles
    - Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/

----------------------------------------------------------------------*/
@media print {
    * {
        /*background: transparent !important;*/
        /*color: black !important;*/
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    body {
        background: transparent !important;
    }

    .ie6 .glasspane, .ie7 .glasspane, .ie8 .glasspane, .ie9 .glasspane {
        opacity: 1.0;
        border: 2000px solid white;
    }

    /* Black prints faster: sanbeiji.com/archives/953 */
    /*a, a:visited {*/
    /*color: #444 !important;*/
    /*text-decoration: underline;*/
    /*}*/

    pre, blockquote {
        /*border: 1px solid #999;*/
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img {
        page-break-inside: avoid;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3, div.p {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

/*custom tooltip*/
.tooltip .content{
    display: none;
    opacity: 0.7;
}
.tooltip{
    text-align: end;
}
.ui-tooltip {
    padding: 10px 20px;
    /*border-radius: 20px;*/
    box-shadow: 0 0 7px black;
    color: #ffffff;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 90%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 30px;
}

.ui-tooltip, .arrow:after {
    background: #174A7C;
    /*border: 2px solid white;*/
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}

/* *Audit Place */
body[class*="Audit"] .filter {
    padding: 5px;
    background-color: #f2f2f2;
}

body[class*="Audit"] .filter > div {
    margin: 5px;
}

body[class*="Audit"] .filter .formTable {
    width: 100%;
}

body[class*="Audit"] .filter td {
    padding: 5px;
}

body[class*="Audit"] .filter .formTable .fieldRow {
    margin: 5px;
}

body[class*="Audit"] .filter .formTable .label {
    width: 15%;
}

body[class*="Audit"] .filter .formTable .field {
    width: 85%;
}

body[class*="Audit"] .filter .formTable .field input {
    width: 100%;
}

body[class*="Audit"] .filter .formTable .field select {
    width: 100%;
}

body[class*="Audit"] .filter .filterError {
    text-align: center;
    color: red;
}

body[class*="Audit"] .filter .filterControl {
    text-align: right;
}

body[class*="Audit"] .result {
    margin-top: 10px;
    margin-bottom: 10px;
}

body[class*="Audit"] .result .drillableTableData {
    width: 100%;
}

body[class*="Audit"] .result .drillableTableData .timestamp,
body[class*="Audit"] .result .drillableTableData .operation {
    width: 20%;
}

body[class*="Audit"] .result .drillableTableData .details {
    width: 60%;
}

body[class*="Audit"] .result tr.audit_SAMLLogin,
body[class*="Audit"] .result tr.audit_Login {
    background-color: khaki;
}

body[class*="Audit"] .result tr.audit_Logout {
    background-color: lightblue;
}

body[class*="Audit"] .result tr.audit_ViewPage {
    background-color: lightyellow;
}

body[class*="Audit"] .result tr.audit_RegisterNoworForgottenPassword {
    background-color: lightgrey;
}

body[class*="Audit"] .result tr.audit_Send2FACode {
    background-color: lightcyan;
}

body[class*="Audit"] .result .fieldName {
    width: 100px;
    display: inline-block;
}

body[class*="Audit"] .result .fieldValue {
    color: darkcyan;
}

body[class*="Audit"] .result .field_Result .fieldValue[data="Success"],
body[class*="Audit"] .result .fieldValue {
    color: darkcyan;
}

body[class*="Audit"] .result .field_Result .fieldValue {
    color: red;
}

body[class*="Audit"] .result .detailsFieldValue {
    color: darkcyan;
}

body[class*="Audit"] .result div.detailsDetailsContent {
    display: inline;
}

body[class*="Audit"] .result .detailsDetailsControl {
    font-style: italic;
}

body[class*="Audit"] .pager {
    text-align: center;
}

body[class*="Audit"] .pager .disabled {
    pointer-events: none;
    cursor: default;
}
/*
	style.css
	- Reset
	- Base HTML Styles
	- Base Typography
	- Layout
	- Page Specific Styles
	- Print Styles

----------------------------------------------------------------------*/

/*
    Reset
    - html5doctor.com (Eric Meyer's Reset Reloaded + HTML5 baseline)

----------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, div.h1, div.p,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

.MemberDashboardPlace th.headerBalance{
    white-space: nowrap;
}
iframe {
    margin-bottom: -5px;
}

.ie7 iframe {
    margin-bottom: 0px;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

ins {
    background-color: lightblue;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: lightblue;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/*
    Base HTML Styles

----------------------------------------------------------------------*/

html {
    overflow-y: scroll;
}

/* Always force a scrollbar in non-IE */
a:hover, a:active {
    outline: none;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
ul, ol {
    margin-left: 2em;
}

ol {
    list-style-type: decimal;
}

nav ul, nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

/* Remove margins for navigation lists */
small {
    font-size: 85%;
}

strong, th {
    font-weight: bold;
}

td {
    vertical-align: middle;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 15px;
}

textarea {
    overflow: auto;
}

.ie6 legend, .ie7 legend {
    margin-left: -7px;
}

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

label, input[type="button"], input[type="submit"], input[type="image"], button {
    cursor: pointer;
}

/* WealthSense */
.cms a, .cms a:active, .cms a:visited {
    text-decoration: underline;
}

.cms a:hover {
    text-decoration: none;
}

.cms a.button {
    text-decoration: none;
    color: #FFFFFF;
}

.cms a:hover.button {
    text-decoration: none;
    color: #FFFFFF;
    background-image: none;
    back-ground-color: #0092C7;

}

.cms table {
    width: 100%;
    margin: 0 0 1em;
}

.onPlaceLoad .cms table {
    margin: 0px;

}

.onPlaceLoad .cms .subForm table td {
    padding: 3px;
    padding-left: 0px;
}

.cms th, .cms td {
    padding: 0.7em 0.5em 0.5em;
    text-align: left;
}

.cms thead th {
    font-size: 1.167em;
}

.cms tr.even th, .cms tr.even td {
    background: #f3f2ef;
}

.cms tfoot th, .cms tfoot td {
    border-top: 2px solid #666;
    background: #eee;
}

.cms tfoot tr.total th, .cms tfoot tr.total td {
    border-top: 6px double #666;
}

.cms tfoot tr.total th {
    text-transform: uppercase;
}

.cms th.right, .cms td.right {
    text-align: right;
}

.cms .stripe tbody {
    border: 1px solid #fff;
}

.cms th.center, td.center {
    text-align: center;
}

.contentSlotEditor {
    z-index: 20000;
}

.contentSlotEditor label {
    color: #333333 !important;
    font-weight: normal !important;
}

.contentSlotEditor .popupContent > div > .gwt-Label {
    background: #eeeeee;
    padding: 2px 6px;
    margin: 0px 1px;
}

/* Hand cursor on clickable input elements */
button, a.button, button a, input, select, textarea {
    text-decoration: none;
}

.required {
    display: inline;
    padding-left: 5px;
    color: red;
}

/*  Modal Styles  */
.modal .buttonBar {
}

.horizontalButtonBar {
}

.buttonWrap {
    z-index: 0;
    position: relative;
}

/*.ie6 .buttonwrap, .ie7 .buttonwrap {*/
/*display: inline;*/
/*}*/

.button {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 10px;
}

.button-readonly {
    opacity: 0.3;
}

a.button, .button a, .button .multiLineButton {
    /* text properties */
    color: #FFFFFF;
    font-size: inherit;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-align: center;
    font-weight: normal; /* format properties */
    float: left;
    border: 1px solid #0092C7;
    vertical-align: middle;
    position: relative;
    padding: 0;
    cursor: pointer;
    overflow: visible; /* background and rounding */
    background: #1280B2 url('laf/sitewide/button-bg.png') 0 0 repeat-x;
    behavior: url('gwt/scripts/PIE.htc');
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; /* Make buttons play nice in IE:*/
    /*www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
    width: auto;
    overflow: visible;
}

.button a:active, .button a:visited {
    color: #ffffff;
}

.loginLayout #login .button a {
    color: #FFFFFF;
}

.button a:hover, .loginLayout #login .button a:hover, .button .multiLineButton:hover {
    background: none repeat scroll 0 0 #0092C7;
    text-decoration: none;
    color: #FFFFFF;
}

.button-readonly a:hover {
    cursor: default;
    background: #1280B2 url('laf/sitewide/button-bg.png') 0 0 repeat-x;
    border: 1px solid #0092C7;
    text-decoration: none;
    color: #FFFFFF;
}

.button::-moz-focus-inner {
    border: none;
    padding: 0;
}

/* Override extra padding in Firefox */
.button span, .button .multiLineButton {
    height: auto;
    display: block;
    line-height: 1.1;
    position: relative;
    white-space: nowrap;
    padding: 3px 5px;
    border: 1px solid #56A1C3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    behavior: url('gwt/scripts/PIE.htc');
}

/*.ie7 .button {*/
/*border: 0 none;*/
/*padding: 1px;*/
/*}*/

/*.ie7 .button span {*/
/*margin-bottom: -4px;*/
/*-webkit-border-radius: 0;*/
/*-moz-border-radius: 0;*/
/*-o-border-radius: 0;*/
/*border-radius: 0;*/
/*behavior: none;*/
/*}*/

/*  grey buttons  */
.button.grey a {
    background: #808080 url('laf/sitewide/button-grey-bg.png') 0 0 repeat-x;
    border-color: #808080;
}

.button.grey span {
    border-color: #a6a6a6;
}

.button.grey a:hover {
    background: none repeat scroll 0 0 #808080;
}

.button.login a {
    /* borders */
    border: 1px solid #777;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    padding: 8px 20px;
    font-size: 1.5em;
    font-weight: normal;
    text-shadow: 0 1px 2px #666666;
    color: #ffffff;

    background: #808080 url('laf/sitewide/tactical-button-bg.png') center repeat-x;
}

.button.login {
    margin-top: 1em;
    margin-right: 5px;
    margin-left: 0;
}

.button.login a:hover {
    background: none repeat scroll 0 0 #666666;
    text-decoration: none;
}

.button.login::-moz-focus-inner {
    border: none;
    padding: 0;
}

.button.login span {
    border: none;
}

.button.large a {
    font-size: 1.1em;
    font-weight: bold;
}

.button.large span, .button .multiLineButton {
    padding: 8px 15px;
}

.modalclosebutton {
    display: none;
}

.modal .modalclosebutton {
    display: block;
}

.nonmodalclosebutton {
    display: none;
}

.glasspane {
    display: block;
    background-color: #777777;
    opacity: 0.7;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: -1000px;
    position: fixed;
    z-index: 900;
}

.relGlasspane {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background-color: #000;
    zoom: 1;
    opacity: 0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
}

/* Wizard Buttons */
.modal .wizardProgressBar {
    position: absolute;
    top: -35px;
    display: inline;
    width: 100%;
    color: #fff;
    font-weight: bold;
}

.wizardProgressBar div .button a {
    /*display: block;*/
    /*float: left;*/
    margin-right: 1em;
    padding: 0.5em 2em;
    border: 2px solid #fff; /* background and rounding */
    behavior: url('gwt/scripts/PIE.htc');
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0px 0px 5px 2px #666;
    -o-border-radius: 6px;
    border-radius: 6px;

    box-shadow: 0px 0px 5px 2px #666;
}

.wizardProgressBar .button span {
    border: none;
}

.wizardProgressBar div.oldStep.button a {
    background: #3B3B3B;
    color: #B3B3B3;
}

.wizardProgressBar div.oldStep.button span {
    color: #B3B3B3;
}

/* You've already visited */
.wizardProgressBar div.curStep.button a {
    background: #333333;
    color: #fff;
}

.wizardProgressBar div.curStep.button span {
    color: #fff;
}

/* Current step */
.wizardProgressBar div.newStep.button a {
    background: #e5e5e5;
    color: #b2b2b2;
}

.wizardProgressBar div.newStep.button span {
    color: #b2b2b2;
}

.wizardBottomButtonBar {
    background: none repeat scroll 0 0 #3B3B3B;
    margin-top: 20px;
    padding: 10px;
}

.wizardBottomButtonBar .button {
    margin-top: 0px;
}

/* Account Bar */
.accountBar {
    display: block;
    margin-bottom: 10px;
}

.accountBar .lbl {
    display: inline;
    font-weight: bold;
    padding-right: 10px;
    font-size: 1.167em;
    vertical-align: middle;
}

.accountBar .select {
    display: inline;
    width: 625px;
    font-weight: normal;
}

.select.gainsAndLossesGotoBar {
    width: 828px;
}

.accountBar .buttonWrap {
    float: right;
    margin: 1px 0 0;
}

.accountBar .button a {
    margin: 0;
    padding: 0;
}

/* Export Bar */
.exportBar {
    display: block;
    margin: 15px 0px;
}

.exportBar .lbl {
    display: inline;
    font-weight: bold;
    padding-right: 10px;
    font-size: 1.167em;
    vertical-align: middle;
}

.exportBar .select {
    display: inline;
    width: 590px;
    font-weight: normal;
}

.select.gainsAndLossesExportBar {
    width: 800px;
}

.exportBar .buttonWrap {
    float: right;
    margin: 1px 0 0;
}

/*.exportBar .button a {   NOT SURE IF THIS IS REQUIRED? */
/*margin: 0;*/
/*padding: 0;*/
/*}*/

/* section bar */
.sectionBar {
    margin-top: 20px;
}

.sectionBar .collapsibleSectionTitle {
    cursor: pointer;
}

.sectionBar .collapsibleSectionTitle a.icon {
    border: medium none;
    float: left;
    height: 25px;
    padding-right: 7px;
    width: 25px;
}

.sectionBar .collapsibleSectionTitle a.icon.expand {
    background: url("laf/sitewide/expand-icon.png") no-repeat scroll 0px 3px transparent;
}

.sectionBar .collapsibleSectionTitle a.icon.collapse {
    background: url("laf/sitewide/collapse-icon.png") no-repeat scroll 0px 3px transparent;
}

.sectionBar .bar {
    padding: 10px;
}

.sectionBar.accountBalance {
    padding: 3px 10px 0 10px;
}

.sectionBar > .bar > .horizontalButtonBar a {
    margin-top: 3px;
}

.sectionDark > .bar, .sectionDark > .horizontalButtonBar {
    background: #3B3B3B;
}

.sectionDark > .horizontalButtonBar {
    padding-bottom: 10px;
}

.margin40 {
    margin-top: 40px;
}

.margin10 {
    margin-top: 10px;
}

.sectionBar .title {
    color: #FFFFFF;
    font-size: 1.5em;
    text-align: left;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

.sectionBar .message {
    color: #333333;
    font-size: 1.2em;
    padding-right: 10px;
    padding-top: 3px;
    text-align: left;
    font-weight: normal;
    float: left;
}

.sectionBar.accountBalance .message {
    color: #FFFFFF;
    font-size: 1.5em;
    padding: 0 0 0 0px;
    text-align: right;
    float: right;
}

.sectionBar > .bar .button {
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
}

.sectionBar > .bar .button.right {
    margin-left: 10px;
    margin-right: 0px;
}

/* Anchors */
.loginLayout #login a, .loginLayout .login a:active, .loginLayout .login a:visited {
    color: #00334C;
    text-decoration: none;
}

.loginLayout #login a:hover {
    text-decoration: underline;
    color: #00334C;
}

.loginLayout .horizontalButtonBar {
    margin-top: 3px;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */

/* Colors for form validity */
input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
    background-color: #f0dddd;
}

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection {
    background: #333333;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #333333;
    color: #fff;
    text-shadow: none;
}

/* j.mp/webkit-tap-highlight-color */
a:link, .anchor:link {
    -webkit-tap-highlight-color: #FF5E99;
}

a, a:active, a:visited {
    color: #808080;
    text-decoration: none;
}

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
    -ms-interpolation-mode: bicubic;
}

/*
    Base Typography
    - Family, size & vertical rhythm
    - HTML Standard Elements

----------------------------------------------------------------------*/

body, select, input, textarea {
    color: #808080;
    font-family: Arial, Helvetica, sans-serif;
}

/* Size & vertical rhythm */
body {
    font-size: 12px;
    line-height: 1.5;
    min-width: 960px;
    position: relative;
}

a:hover {
    color: #808080;
    text-decoration: none;
}

/*a[href$='.pdf'] {*/
/*background: url("laf/sitewide/pdf-icon.png") right no-repeat;*/
/*padding-right: 20px;*/
/*}*/

/*a[href$='.pdf']:hover {*/
/*text-decoration: none;*/
/*}*/

h1, h2, h3, h4, h5, h6, div.h1 {
    margin-bottom: 0.3em; /*padding: 0.65em 0 0;*/
}

h1, h2, h3, div.h1 {
    font-weight: bold;
}

h1, div.h1 {
    font-size: 2em;
    line-height: 1.1;
    letter-spacing: -0.05em;
    color: #292929;
}

h2, div.h2 {
    font-size: 1.667em;
    line-height: 1.1;
    color: #292929;
}

h3, div.h3 {
    font-size: 1.334em;
    line-height: 1.3;
    color: #4c4c4c;
}

h4, div.h4 {
    font-size: 1.167em;
    color: #4c4c4c;
}

small {
    display: block;
    font-size: 0.9em;
    line-height: 1.75;
    font-weight: normal;
}

p, ul, ol, form, div.p {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

ul {
    list-style-position: outside;
    list-style-type: none;
    list-style-image: url('laf/sitewide/list-bullet.png');
    line-height: 1.5;
}

li {
    margin-bottom: 0.75em;
}

ol {
    list-style-position: outside;
    list-style-type: decimal;
}

blockquote {
    font-style: italic;
    margin-right: 5em;
}

blockquote:before {
    font-family: Monaco, Consolas, "Lucida Console", monospace;
    content: '"';
    font-size: 2.1em;
    font-style: normal;
    text-indent: -0.75em;
    float: left;
    opacity: 0.3;
    line-height: 1.25;
}

cite {
    display: b1ock;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-top: 0.75em;
    font-weight: 900;
    font-style: normal;
    font-size: 0.85em;
}

cite:before {
    content: "?";
    margin-left: -1.75em;
    margin-right: 0.5em;
    opacity: 0.3;
}

pre {
    padding: 0.75em;
    border: 1px solid #ccc;
    background: #ddd;
    margin: 1.5em 0 0;
}

code, pre code {
    font-family: Consolas, "Lucida Console", Monaco, monospace;
}

p code, li code, div.p code, *:not(pre)code {
    background-color: #ddd;
    padding: 0.15em 0.3em;
    font-size: 0.9em;
}

dl {
    margin: 1.75em 0;
}

dt {
    margin-top: 1.25em;
    font-size: 1.13em;
    font-weight: 700;
}

dd {
    font-style: italic;
    font-size: 1em;
    margin-top: 1em;
    margin-right: 5em;
    line-height: 1.6;
    border-left: 1px solid #ccc;
    padding-left: 1em;
}

abbr {
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 0.1em;
}

p, div.p {
    hyphenate: auto;
    hyphenate-before: 2;
    hyphenate-after: 3;
    hyphenate-lines: 3;
    orphans: 4
}

p span.pullquote, div.p span.pullquote {
    text-indent: 0;
}

select {
    color: #000;
}

/* Font colour styles */
.light {
    color: #333333;
}

.dark {
    color: #333333;
}

/*.left {*/

/*}*/

/*.right { removed as it might interfere with floating right which uses .right as a style as well */
/*text-align: right;*/
/*}*/

.bold {
    font-weight: bold;
}

/* More table styles */
thead.dark {
    background: #3b3b3b;
}

thead.dark th {
    color: #fff;
    font-size: 1.5em;
}

tfoot.dark, tfoot.dark tr, tfoot.dark td, tfoot.dark th {
    background: #3b3b3b;
    border: none;
}

tfoot.dark td, tfoot.dark th {
    color: #fff;
}

/* GGFW Table styles - converted to be inline with spark styling. */

.drillableList {
}

.drillableListStaticContent {
}

.drillableListButtonPanel {
}

.drillableTable {
}

.drillableTableData {
    border-collapse: collapse;
}

.drillableTableData td {
    padding: 0.7em 0.5em 0.5em; /* tableDataCellPadding; */
    vertical-align: middle;
}

.drillableTableData td.readOnly {
    padding: 0.7em 1.2em;
}

.drillableTableData td div.horizontalButtonBar {
    margin-top: -1em;
}

.drillableTableData td label.hiddenLabel {
    width: 0px;
    margin-left: -5px;
    height: 0px;
    opacity: 0;
    display: none;
    filter: alpha(opacity = x); /* IE8 */
}

.drillableTableData thead tr {
    background-color: transparent; /* tableHeaderBackgroundColor; */
    border: none; /* tableHeaderBorder; */
}

.drillableTableData thead tr th {
    color: #808080; /* tableHeaderColor; */
    font-weight: bold; /* tableHeaderFontWeight; */
    font-size: 1.167em; /* tableHeaderFontSize; */
    padding: 0.5em; /* tableHeaderCellPadding; */
    vertical-align: top;
}

.drillableTableData tbody {
    border: 1px solid #FFFFFF /* tableDataBorder; */
}

.drillableTableData tbody tr.even {
    border-bottom: none; /* tableDataRowBorder; */
}

.drillableTableData tbody tr.odd {
    background-color: #F3F2EF; /* tableDataAlternateBackground; */
    border-bottom: none; /* tableDataRowBorder; */
}

.drillableTableData tr.drillableTableDataSummaryRow {
    font-weight: bold;
}

.drillableTableData tr.drillableTableDataSummaryRow.heading {
    font-size: 1.167em;
}

.drillableTableData tr.drillableTableDataHighlightRow {
    font-weight: bold;
    background-color: #dFdFdF;
}

.drillableTableData input.formField, .drillableTableData input.formPassword {
    background-color: transparent;
}

.drillableListNoDataMessageNormal {
    color: black;
    font-style: italic;
}

.drillableListNoDataMessageHighlighted {
    color: red;
    font-weight: bold;
}

.drillableListMessage {
}

.drillableListClickableRow:hover {
    /*    background: inherit !important; /* tableClickableRowBackgroundColor !important; */
}

.drillableListClickableRow {
    cursor: pointer;
}

.drillableListClickableCell {
    cursor: pointer;
    text-decoration: underline;
}

.drillableListClickableCell:hover {
    cursor: pointer;
    text-decoration: none;
}

.drillableListRowButton {
    border: 1px outset #D1E4EF;
    padding: 2px;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    float: right;
}

.drillableListRowButton:active {
    border: 1px inset #D1E4EF;
    outline: none;
}

.drillableListRowButton:hover {
    color: #3366CC; /* rowButtonHoverColor; */
    outline: none;
}

.drillableListRowButtonLabel {
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: underline;
}

.drillableListRowButton img {
    vertical-align: top;
    height: 15px;
    width: 15px;
}

.drillableList .suggestCombo input {
    padding: 2px;
    border: none;
}

.drillableList td input[type="text"],
.drillableList td textarea {
    width: 99%;
}

.drillableList tbody .unitPriceType6, .drillableList tbody .currencyType {
    white-space: nowrap;
}

/* Remove any paragraph headers when in an empty content block */
.drillableList .empty .paragraph {
    padding-top: 0px;
}

.drillableList .rowButton {
    margin-right: 0;
    margin-top: 0;
}

.drillableList .rowButton a {
    margin-top: 1px;
    margin-bottom: 1px;
}

.drillableList .rowButton span {
    padding: 1px 2px;
}

.drillableList .asyncDataCell {
    background: url(gwt/laf/loadingCellData.gif) 50% 50% no-repeat;
}

.drillableList .allowHtml p {
    margin: 0;
}

/* My Details */
.table-highlight td {
    border-bottom: 10px solid #ebe9e4;
}

.table-highlight td.highlight {
    background-color: #f3f2ef;
}

.table-highlight td.edit {
    background-color: transparent;
}

.table-highlight td.edit .button {
    margin: 0 0 0 5px;
}

.icon img {
    float: left;
}

img.formIcon {
    float: left;
    margin-right: 8px;
}

.formLabel {
    font-weight: bold;
}

.icon label, .icon span, .icon p, .icon div.p {
    margin-left: 40px;
    display: block;
    font-weight: bold;
}

.sectionBarIcon {
    float: left;
    padding-right: 10px;
    padding-top: 2px;
}

/* Basic ruleset for beginning tabs */
.tabs {
    list-style: none;
    list-style-image: none;
    margin: 0;
}

.tabs li {
    margin: 0 5px 0 0;
    padding: 0;
    display: inline;
    float: left;
}

.tabs li.right {
    float: right;
    margin: 0 0 0 5px;
}

.tabs li.right .button {
    margin: 0;
}

/*
    Layout
    - Container
    - Headery
    - Navigation

----------------------------------------------------------------------*/

/* Activity Manager styles */

/* Layouts

  loginLayout
  memberDashboardLayout
  memberLayout
  memberThreeColumnLayout
  memberFullWidthLayout
  adviserDashboardLayout
  adviserLayout
  adviserThreeColumnLayout
  adviserFullWidthLayout
  */

/* Activity Manager Divs are all off to start with */

#login, #main, #site-header, #sidebar-left, #sidebar-right, #member-menu, #adviser-details-menu, #adviser-nav-menu, #adviser-menu, #page, #site-footer, #fullscreen, #acc-opening-site-header {
    display: none;
}

/* loginLayout - loginActMgr only */
body.loginLayout {
    background-color: #ffffff;
    color: #000000;
}

body.loginLayout #login {
    display: block;
}

body.loginLayout .page-header {
    display: none;
}

body.fullscreenLayout {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    background: #ffffff url("gwt/laf/sitewide/top-left-logo-45.png") no-repeat scroll 10px 10px;
}

body.fullscreenLayout #fullscreenActMgr {
    text-align: left;
    display: block;
    overflow-y: auto;
    height: 100%;
    width: 100%;
    min-height: 410px;
}

/* memberLayout - site-header, sidebar-left, page, site-footer */
/* adviserLayout - site-header, sidebar-right, page, site-footer */
body.memberWideScreenLayout, body.memberLayout, body.employerLayout, body.adviserLayout {
    background: #292929;
}

body.memberWideScreenLayout #page {
    width: 100%;
}

body.employerLayout #site-header, body.employerLayout #main, body.employerLayout #sidebar-left, body.employerLayout #page, body.employerLayout #site-footer,
body.memberLayout #site-header, body.memberLayout #main, body.memberLayout #sidebar-left, body.memberLayout #page, body.memberLayout #site-footer,
body.memberWideScreenLayout #site-header, body.memberWideScreenLayout #main, body.memberWideScreenLayout #page, body.memberWideScreenLayout #site-footer,
body.adviserLayout #site-header, body.adviserLayout #main, body.adviserLayout #sidebar-left, body.adviserLayout #page, body.adviserLayout #site-footer {
    display: block;
}

body.memberFullWidthLayout #acc-opening-site-header, body.memberFullWidthLayout #main, body.memberFullWidthLayout #page,
body.adviserFullWidthLayout #acc-opening-site-header, body.adviserFullWidthLayout #main, body.adviserFullWidthLayout #page,
body.employerFullWidthLayout #acc-opening-site-header, body.employerFullWidthLayout #main, body.employerFullWidthLayout #page {
    display: block;
}

body.memberFullWidthLayout #page, body.adviserFullWidthLayout #page, body.employerFullWidthLayout #page {
    width: 960px;
    margin: 0;
}

/* DashboardLayouts - like member layout but with sidebar-left hidden */
body.memberDashboardLayout, body.adviserDashboardLayout, body.employerDashboardLayout {
    background: #292929;
}

body.memberDashboardLayout #site-header, body.memberDashboardLayout #main, body.memberDashboardLayout #sidebar-right, body.memberDashboardLayout #member-menu, body.memberDashboardLayout #page, body.memberDashboardLayout #site-footer {
    display: block;
}

body.adviserDashboardLayout #site-header, body.adviserDashboardLayout #main, body.adviserDashboardLayout #sidebar-right, body.adviserDashboardLayout #member-menu, body.adviserDashboardLayout #page, body.adviserDashboardLayout #site-footer {
    display: block;
}

body.employerDashboardLayout #site-header, body.employerDashboardLayout #main, body.employerDashboardLayout #sidebar-right, body.employerDashboardLayout #member-menu, body.employerDashboardLayout #page, body.employerDashboardLayout #site-footer {
    display: block;
}

body.memberThreeColumnLayout, body.adviserThreeColumnLayout, body.employerThreeColumnLayout {
    background: #292929;
}

body.memberThreeColumnLayout #site-header, body.memberThreeColumnLayout #sidebar-left, body.memberThreeColumnLayout #main, body.memberThreeColumnLayout #sidebar-right, body.memberThreeColumnLayout #page, body.memberThreeColumnLayout #site-footer,
body.adviserThreeColumnLayout #site-header, body.adviserThreeColumnLayout #sidebar-left, body.adviserThreeColumnLayout #main, body.adviserThreeColumnLayout #sidebar-right, body.adviserThreeColumnLayout #adviser-nav-menu, body.adviserThreeColumnLayout #adviser-menu, body.adviserThreeColumnLayout #page, body.adviserThreeColumnLayout #site-footer,
body.employerThreeColumnLayout #site-header, body.employerThreeColumnLayout #sidebar-left, body.employerThreeColumnLayout #main, body.employerThreeColumnLayout #sidebar-right, body.employerThreeColumnLayout #adviser-nav-menu, body.employerThreeColumnLayout #adviser-menu, body.employerThreeColumnLayout #page, body.employerThreeColumnLayout #site-footer {
    display: block;
}

body.memberThreeColumnLayout #page, body.adviserThreeColumnLayout #page,  body.employerThreeColumnLayout #page  {
    width: 464px;
}

#debugActMgr .log-scroller {
    height: 150px;
}

#debugActMgr .log-controls {
    text-align: right;
    margin-right: 100px;
}

.centred {
    width: 960px;
    margin: 0 auto;
}

/* Fixed position header for context info, e.g. desktop/mobile options and acurity vc environment. */
html #contextInfo {
    display: none;
    position: fixed;
    top: 0;
    z-index: 10000;
    margin: 2px;
}

html.highlightCms #contextInfo, html.highlightVC #contextInfo {
    display: block;
}

#contextInfo label {
    margin: 4px;
    cursor: default;
    color: #000000;
    font-weight: bold;
}

#contextInfo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

html #contextInfo ul li {
    display: none;
    float: left;
    margin: 0;
    padding: 3px;
}

html.highlightCms #contextInfo ul li.highlightCms, html.highlightVC #contextInfo ul li.highlightVC {
    display: inline;
}

#contextInfo .infoToolbar {

    overflow: hidden;

    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.8);

    border-color: #FFFFFF;
    border-style: solid solid none solid;
    border-width: 1px 1px 0 0;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    background: -moz-linear-gradient(0deg, #E6E6E6 0px, #FFFFFF 40%) no-repeat scroll 0 0 #FFFFFF;
    background: -ms-linear-gradient(0deg, #E6E6E6 0px, #FFFFFF 40%) no-repeat scroll 0 0 #FFFFFF;
    background: -webkit-linear-gradient(0deg, #E6E6E6 0px, #FFFFFF 40%) no-repeat scroll 0 0 #FFFFFF;
    background: -o-linear-gradient(0deg, #E6E6E6 0px, #FFFFFF 40%) no-repeat scroll 0 0 #FFFFFF;
    background: linear-gradient(0deg, #E6E6E6 0px, #FFFFFF 40%) no-repeat scroll 0 0 #FFFFFF;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#FFFFFF');
    behavior: url('gwt/scripts/PIE.htc');

}

#contextInfo .infoToolbar .horizontalButtonBar, #contextInfo .infoToolbar .button {
    margin: 0px 2px 1px 0px;
}

#contextInfo .infoToolbar .button .button-readonly {
    display: block;
}

#contextInfo .vcPreference {
    margin: 0 0 2px;
}

#contextInfo .vcPreference.notTrunk {
    zoom: 1;
    color: #ff0000;
    outline: none;
    background: #e6dcdc;
    border: 1px solid #ff0000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
}

html.highlightCms #contextInfo .vcPreference.notTrunk {
    margin-right: 2px;
}

#contextInfo .vcPreference .vcImage {
    -ms-filter: literal("progid:DXImageTransform.Microsoft.Alpha(Opacity=40)");
    filter: literal("alpha(opacity=40)");
    opacity: 0.4;
}

#contextInfo .vcPreference .vcImage:hover {
    cursor: pointer;
    -ms-filter: literal("progid:DXImageTransform.Microsoft.Alpha(Opacity=100)");
    filter: literal("alpha(opacity=100)");
    opacity: 1;
}

#contextInfo .devicePreference {
    background-image: url("gwt/laf/sitewide/itemSeperator.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 3px;
}

/* Header */
#site-header {
    background: #333333;
}

#site-header > .centred {
    background: url('laf/sitewide/container-sprite.png') 0 100% no-repeat;
    padding-bottom: 13px;
}

#site-header #user-nav-right li#helpItem {
    display: none;
}

/* Top bar */
#user-nav {
    background: #000 url('laf/sitewide/user-nav-bg.png') 0 0 repeat-x;
    color: #fff;
    font-size: 0.917em;
    padding: 10px 0;
}

#user-nav-right li span {
    display: none;
}

/* Site logo */
.site-title {
    margin: 3px 0 0;
    padding: 0;
    font-size: 1.4em;
    display: inline;
    float: left;
}

.site-logo {
    padding: 0;
    font-size: 1.4em;
    position: absolute;
}

.site-title a {
    background: url('laf/sitewide/site-logo.png') 0 0 no-repeat;
    display: block;
    width: 196px;
    height: 19px;
    text-indent: -9999px;
}

/* Right hand utilities - User nav and search */
#user-nav ul, #user-nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#user-nav ul {
    display: inline;
    float: right;
    line-height: 2;
}

#user-nav li {
    display: inline;
    float: left;
    margin-left: 30px;
}

#user-nav a {
    color: #fff;
    text-decoration: none;
    padding: 2px;
}

#user-nav a:hover {
    text-decoration: underline;
}

#user-nav li.current a {
    background: #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    behavior: url('gwt/scripts/PIE.htc');
}

#user-nav input#search {
    width: 120px;
    padding: 2px;
    border: 1px solid #999;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

#user-nav input#go-btn {
    height: 22px;
    padding: 2px 4px;
    border: 1px solid #0092C7;
    background: #0092C7;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.ie7 #user-nav input#go-btn {
    padding: 1px;
}

/* Main navigation */
#site-nav {
    padding: 25px 0 0;
    font-size: 1.334em;
    position: relative;
    z-index: 1;
}

#site-nav.dashboard {
    padding: 25px 0 30px;
}

#site-nav ul, #site-nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#site-nav ul {
    text-align: center;
    width: 960px;
    margin: 0 auto;
    padding: 1em 0;
}

#site-nav li {
    display: inline;
    padding: 1em 0;
}

#site-nav a {
    padding: 1em 55px;
    margin: 0 3px;
    line-height: 1;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #e0e0e0;
    background-color: transparent;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    behavior: url('gwt/scripts/PIE.htc');
}

#site-nav li.current a {
    background-color: #0C6A99;
    color: #fff;
}

#site-nav a:hover {
    color: #ffffff;
    background: #292929;
    -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: color .3s ease-in-out, background .3s ease-in-out;
}

/* Secondary section navigation */
#section-nav {
    margin-top: -0.4em;
    font-size: 1.084em;
    position: relative;
    z-index: 2;
}

#section-nav ul, #section-nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#section-nav ul {
    text-align: left;
    width: 940px;
    margin: 0 auto;
    padding: 0.6em 0;
    background: #333333;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    behavior: url('gwt/scripts/PIE.htc');
}

#section-nav li {
    display: inline;
    border-right: 1px solid #5B93AF;
}

#section-nav li:last-child {
    border: none;
}

#section-nav a {
    padding: 0.6em 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
    text-decoration: none;
}

#section-nav a:hover {
    text-decoration: underline;
}

#section-nav li.current a {
    font-weight: bold;
}

/* Main Content Pane */
#main {
    background: #d1d1d1;
    position: relative;
    z-index: 2;
    padding: 0;
    width: 100%;
}

#main > .centred {
    background: url('laf/sitewide/container-sprite.png') -960px 0 repeat-y;
    padding: 0;
}

/* 2 Column Page */
#page, #dashboard {
    float: left;
    width: 696px;
    margin: 0 14px;
}

/* 3 Column Page - Adjusts page width when #sidebar-right is present */
#page.narrow {
    float: left;
    width: 464px;
    margin: 0 10px;
}

/* Sidebars */
#sidebar-left {
    float: left;
    width: 218px;
    margin: 0 0 0 14px;
}

#sidebar-right {
    float: right;
    width: 218px;
    margin: 0 14px 0 0;
}

/* Sidebar image */
#figure-image {
    margin-bottom: 1em;
}

/* Left navigation */
#sidebar-nav {
    margin-bottom: 1.5em;
}

#sidebar-nav ul, #sidebar-nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#sidebar-nav ul {
    margin-bottom: 1em;
}

#sidebar-nav li {
    background: url('laf/sitewide/expand-icon.png') 0 2px no-repeat;
}

#sidebar-nav li.open {
    background: url('laf/sitewide/collapse-icon.png') 0 2px no-repeat;
}

#sidebar-nav li.closed ul {
    display: none;
}

#sidebar-nav li a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 4px 6px;
    margin-left: 25px;
    border: 1px solid #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#sidebar-nav li.open a {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#sidebar-nav li a:hover {
    color: #00BBFF;
    background: #292929;
}

#sidebar-nav li li {
    background: none;
}

#sidebar-nav li.open li a {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    border: 0 none;
    background: #646464 url('laf/sitewide/sidebar-nav-item-bg.png') 0 0 repeat-x;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

#sidebar-nav li.selected a {
    color: #00BBFF;
    background: #292929;
}

#sidebar-nav li.open li a:hover {
    color: #00BBFF;
    background: #292929;
}

#sidebar-nav li.open li.current a {
    color: #fff;
    background: #333333 url('laf/sitewide/sidebar-nav-current-item.png') 100% center no-repeat;
}

/* Side Bar Tactical Buttons */
.tactical-boxes {
    list-style: none;
    list-style-image: none;
    margin: 0.5em 0 1em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.tactical-boxes li {
    border: 1px solid #333333;
    padding: 0;
    display: block;
    float: left;
    width: 216px;
}

.tactical-boxes a {
    display: block;
    float: left;
    min-height: 48px;
    margin: 0;
    position: relative;
    padding: 10px 60px 15px 15px;
    width: 139px;
    color: #99E4FF;
    text-decoration: none;
    border: 1px solid #a0a0a0;
    background: #606060 url('laf/sitewide/tactical-button-bg.png') 0 0 repeat-x;
}

.tactical-boxes a:hover {
    background: #606060;
}

.tactical-boxes span {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    color: #99E4FF;
    line-height: 1.3;
    margin-bottom: 0.3em;
    font-weight: bold;
}

.tactical-boxes img {
    position: absolute;
    top: 13px;
    right: 10px;
    border: 0 none;
}

/* Side Bar Action Menu */
.action-menu, .action-menu ul, .action-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

.action-menu {
    border: 1px solid #fff;
    margin-bottom: 1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    behavior: url('gwt/scripts/PIE.htc');
}

.action-menu li {
    width: 218px;
    font-size: 1.167em;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 1);
}

.action-menu a {
    display: block;
    width: 186px;
    color: #666;
    text-decoration: none;
    padding: 20px 15px;
    background: url('laf/sitewide/dropdown-arrow.png') 190px center no-repeat;
}

.action-menu a:link {
    color: #666 !important;
    word-wrap: break-word;
}

.action-menu a:hover {
    background-color: #d5d3d0;
}

.action-menu li span {
    display: block;
    width: 186px;
    color: #666;
    text-decoration: none;
    padding: 20px 15px;
}

.action-menu li ul {
    position: absolute;
    width: 218px;
    left: -999em;
    background: #ebe9e4;
    z-index: 10;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 3px #333;
    -webkit-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
    behavior: url('gwt/scripts/PIE.htc');
}

.action-menu li li {
    border: 0 none;
    font-weight: normal;
    font-size: 0.85em;
    text-shadow: none;
    padding: 0;
}

.action-menu li:hover ul, .action-menu li.sfhover ul {
    left: auto;
}

.action-menu li li:hover {
    background-color: #d5d3d0;
}

.action-menu li li a {
    background: none;
    padding: 12px 35px 12px 42px;
    width: auto;
}

.action-menu li li span {
    display: block;
    width: auto;
    color: #666;
    text-decoration: none;
    padding: 12px 35px 12px 42px;
}

.action-menu li li a:hover {
    background-color: transparent;
    text-decoration: underline;
    background-image: url('laf/sitewide/list-bullet-blue.png');
    background-position: 190px 15px;
    background-repeat: no-repeat;
}

.action-menu li.action-menu-item {
    background-position: 5px 10px;
    background-repeat: no-repeat;
}

/* Page Footer */
#page-footer {
    clear: both;
    margin: 0 10px;
    padding-top: 20px;
    color: #333333;
    position: relative;
    z-index: 10;
    bottom: -14px;
}

.ie7 #page-footer {
    bottom: 0;
    margin-bottom: -14px;
}

#page-footer p, #page-footer div.p {
    margin-bottom: 0.5em;
    padding: 0;
}

#page-footer ul, #page-footer li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#page-footer ul {
    background: #3eb2da url('laf/sitewide/page-footer-bg.png') 0 0 repeat-x;
    border-color: #3ba8ce;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    behavior: url('gwt/scripts/PIE.htc');
}

#page-footer li {
    float: left;
    text-align: center;
    width: 312px;
}

#page-footer a {
    background: url('laf/sitewide/page-footer-seperator.png') 100% center no-repeat;
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    padding: 12px 0 15px;
    letter-spacing: -0.05em;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

#page-footer a:hover {
    background-color: #3eb2da;
}

#page-footer li:last-child a {
    background-image: none;
}

#page-footer a small {
    font-weight: normal;
    font-size: 0.75em;
    line-height: 1.2;
}

/* Main Footer */
#site-footer {
    background: #292929;
    color: #b2b2b2;
    font-size: 0.917em;
    padding: 0 0 30px;
}

#site-footer > .centred {
    background: url('laf/sitewide/container-sprite.png') -1920px 0 no-repeat;
    padding: 30px 0 0;
}

#footer-nav {
    float: left;
}

#footer-nav ul, #footer-nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#footer-nav li {
    display: inline;
    margin-left: 20px;
}

#site-credits {
    float: right;
}

#site-credits ul, #site-credits li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#site-credits li {
    display: inline;
    margin-right: 20px;
}

#site-footer a {
    color: #fff;
    text-decoration: none;
}

#site-footer a:hover {
    text-decoration: underline;
}

/*
    Page Specific Styles

----------------------------------------------------------------------*/

/* Login Page */

.loginLayout #login p, .loginLayout #login form {
    margin: 1.5em 0 1em;
}

.uppercase, .toUpper, .toUppercase {
    text-transform: uppercase;
}

.loginLayout #login label, .loginLayout #login input {
    display: inline-block;
    color: #fff;
}

.loginLayout #login label {
    margin-top: 1em;
    font-weight: bold;
    line-height: 1.5;
}

.loginLayout #login input[type="text"], .loginLayout #login input[type="password"] {
    width: 325px;
    padding: 11px 5px 11px 8px;
    color: #000;
    background: #faf9f7;
    border: 2px solid #faf9f7;
    outline: none;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
    zoom: 1;
    z-index: 1;
}

.loginLayout #login input[type="text"]:focus, .loginLayout #login input[type="password"]:focus {
    border: 2px solid #333333;
    background: #fff;
    outline: none;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
}

.loginLayout #login .error input[type="text"], .loginLayout #login .error  input[type="password"] {
    border: 2px solid #333333;
    background: pink;
    outline: none;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
}

.loginLayout #login legend {
    display: none;
}

.loginLayout #login input[type="text"].error, .loginLayout #login input[type="password"].error {
    border: 2px solid #ff0000;
}

.loginLayout .captcha {
    margin-top: 20px;
}

.loginLayout .captchaWidget {
    padding: 0px 8px 0px 0px;
}

.loginLayout .captchaWidget .captchaHint {
    margin: 0;
}

.loginLayout .captchaWidget .errorMsg {
    margin-top: 5px;
    margin-bottom: 8px;
    font-weight: normal;
}

.loginLayout .captchaWidget .captchaImageControl {
    background: white;
}

.loginLayout .captchaWidget .captchaImageControl .captchaReload {
    float: right;
}

.loginLayout .captchaWidget .captchaImageControl .captchaReload:hover {
    cursor: pointer;
    border: 1px solid grey;
    webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(gwt/scripts/PIE.htc);
}

.loginForm {
    zoom: 1;
    position: relative;
}

html.highlightCms .cms {
    outline: rgba(0, 0, 255, 0.3) dashed thin;
    margin: 5px 0;
    min-height: 10px;
    min-width: 10px;
}

html.highlightCms .cms.cmsRevertable {
    outline: red dashed thin;
}

html.ie8.highlightCms .cms {
    outline: rgb(0, 0, 255) dashed thin;
}

html.highlightCms .cms:hover {
    background-color: rgba(255, 255, 255, 0.1);
    cursor: crosshair;
    outline: thin dashed rgba(0, 0, 228, 0.5);
}

html.ie8.highlightCms .cms:hover {
    outline: thin solid rgb(0, 0, 255);
}

/*.template .editBox {*/
    /*display:none;*/
/*}*/

/*html.highlightCms .template {*/
    /*margin: 5px 0;*/
    /*min-height: 10px;*/
    /*outline: medium dashed rgb(0, 0, 0);*/
/*}*/

/*html.highlightCms .template .editBox {*/
    /*background: url("laf/edit-3-16.png") no-repeat scroll center center rgb(0, 0, 0);*/
    /*height: 30px;*/
    /*position: absolute;*/
    /*right: -30px;*/
    /*width: 30px;*/
    /*cursor: pointer;*/
    /*display: block;*/
/*}*/

/*html.ie8.highlightCms .template {*/
    /*outline: medium dashed rgb(0, 0, 0);*/
/*}*/

/*html.ie8.highlightCms .template .editBox {*/
    /*background: url("laf/edit-3-16.png") no-repeat scroll center center rgb(0, 0, 0);*/
    /*height: 30px;*/
    /*width: 30px;*/
/*}*/

.auth {
    z-index: 5000;
    color: black;
    font-size: 1.5em;
}

.authPopup {
    left: 50%;
    background-color: black;
    font-size: 2em;
    color: white;
    text-align: center;
    z-index: 5000;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 2px 2px 30px #000000;
    -webkit-box-shadow: 2px 2px 30px #000000;
    box-shadow: 2px 2px 30px #000000;
    border: 3px solid white;
    behavior: url('gwt/scripts/PIE.htc');
}

.authPopup > div {
    padding: 5px;
    margin: 10px;
    font-size: 0.5em;
    color: white;
    text-align: left;
}

.authPopup .message {
    padding-bottom: 5px;
    font-weight: bold;
}

.authPopup .error {
    color: red;
    font-weight: bold;
}

.authPopup input[type="text"], .authPopup input[type="password"] {
    width: 325px !important;
    margin-bottom: 10px;

}

.authPopup .Caption {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.2em;
}

#login {
    width: 960px;
    margin: 0 auto;
    padding-top: 84px;
}

#imgArea {
    width: 317px;
    padding-top: 84px;
    float: left;
    text-align: right;
    position: relative;
    display: block;
}

#loginArea {
    width: 360px;
    padding-left: 96px;
    zoom: 1;
    float: left;
    position: relative;
    display: block;
}

.right {
    float: right;
}

.left {
    float: left;
}

.loginLayout .right {
    margin-right: 20px;
}

/********************Panel Styles ***********************************/
.canvasPanel {
    position: relative;
    min-height: 400px;
    padding-top: 10px;
}

.modal .canvasPanel {
    min-height: 300px;
}

.canvasPanel .diagnostics {
    display: none;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -border-radius: 0 5px 5px 0;
    -moz-box-shadow: 2px 2px 2px #000000;
    -webkit-box-shadow: 2px 2px 2px #000000;
    box-shadow: 2px 2px 2px #000000;
    background: none repeat scroll 0 0 white;
    border: 5px solid white;
    color: black;
    left: 100%;
    opacity: 0.5;
    position: absolute;
    white-space: nowrap;
    behavior: url('gwt/scripts/PIE.htc');
}

.canvasPanel.LoginPlace {
    min-height: 0px
}

/* Dashboard */
.myAccountsDashboard {
    background: #f2f2f0 url('laf/sitewide/dashboard-panel-bg.png') 0 0 repeat-x;
    border: 1px solid #e2e0db;
    margin-bottom: 15px;
    width: 694px;
}

.myProjectionsDashboard {
    background: #f2f2f0 url('laf/sitewide/dashboard-panel-bg.png') 0 0 repeat-x;
    border: 1px solid #e2e0db;
    margin-bottom: 15px;
    width: 339px;
    margin-right: 14px;
    float: left;
}

.myLearningDashboard {
    background: #f2f2f0 url('laf/sitewide/dashboard-panel-bg.png') 0 0 repeat-x;
    border: 1px solid #e2e0db;
    margin-bottom: 15px;
    width: 339px;
    float: left;
}

.AdviserDashboard_myReports {
    background: #f2f2f0 url('laf/sitewide/dashboard-panel-bg.png') 0 0 repeat-x;
    border: 1px solid #e2e0db;
    margin-bottom: 15px;
    width: 339px;
    float: left;
}

.MemberDashboardPlace .page-header {
    display: none;
}

.MemberDashboardPlace .sectionBar {
    margin-top: 0px;
}

.MemberDashboardPlace .sectionBar .bar, .SectionPanel .sectionBar .bar {
    background-color: #EBE9E4;
    border-bottom: 1px solid #D5D3D0;
    margin: 2px;
    padding: 7px 7px 7px 10px;
    height: 37px;
}

.MemberDashboardPlace .sectionBar .title, .SectionPanel .sectionBar .title {
    color: #333333;
    float: left;
    font-size: 2.0em;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1.1;
    padding-right: 4px;
    padding-top: 5px;
    text-align: left;
}

.MemberDashboardPlace .sectionBar .sectionContent {
    padding-top: 0;
}

.MemberDashboardPlace .contentPanel > .header {
    margin-bottom: 0;
}

.MemberDashboardPlace.canvasPanel {
    padding-top: 0;
}

.MemberDashboardPlace .myAccountsDashboard .MemberDashboard_myAccountDashboardActionBar {
    margin-bottom: 10px;
    margin-left: 10px;
    clear: both;
}

.role-adviser_default .MemberDashboardPlace .sectionBar{
    margin-top: 10px;
}

.MemberDashboardPlace .accountSummaryList thead .balance {
    white-space: nowrap;
}

/* Start Calculator Places */
.SectionPanel {
    background: #F7F6F2 none 0 0 repeat-x;
    border: 1px solid #e2e0db;
    margin-bottom: 15px;
}

.SectionPanel .sectionBar .title {
    color: #000000;
}

.detailPanel {
    padding: 15px;
}

.lineItem {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D3D2CE;
    font-size: 1.2em;
    font-weight: bold;
}

.lineItemLeft {
    float: left;
    margin-top: 3px;
    width: 80px;
}

.lineItemLabel {
    color: #333333;
}

.lineItemLabelPlain {
    color: #808080;
}

.radioButtonGroup .option {
    margin-right: 30px;
}

.chartPanel {
    font-size: 1.1em;
    font-weight: bold;
}

.chartPanel .headerAmount {
    font-size: 1.2em;
}

.chartPanel .headerAmount .inlineDollarLabel {
    color: #333333;
}

/**
 * Stop google graph hover tooptip flickering
 */
.graphContainer svg > g:last-child {
    pointer-events: none;
}

/* End Calculator Places */

.DisplayContentPlace .cms h3 {
    margin-top: 10px;
}

/* Start Retirement Projection Calculator Place */
.RetirementProjectionCalculatorPlace .doubleValuePicker .fs-slider-horizontal {
    width: 528px;
}

.RetirementProjectionCalculatorPlace .graphPanel, .RetirementProjectionCalculatorPlace .chartPanel {
    float: left;
}

.RetirementProjectionCalculatorPlace .chartPanel {
    width: 350px;
    height: 250px;
}

.RetirementProjectionCalculatorPlace .verticalSlider {
    float: left;
    height: 250px;
}

.RetirementProjectionCalculatorPlace .retirementAgeSlider {
    width: 350px;
}

.RetirementProjectionCalculatorPlace .tabPanel {
    float: left;
    width: 280px;
}

.RetirementProjectionCalculatorPlace .lineLabel, .ExtraContributionCalculatorPlace .lineLabel {
    color: #333333;
    font-size: 1.2em;
    font-weight: bold;
}

.RetirementProjectionCalculatorPlace .lineValue {
    color: black;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.RetirementProjectionCalculatorPlace .tabPanel .fs-spinner {
    float: left;
}

.RetirementProjectionCalculatorPlace .tabPanel .fs-spinner table {
    background: none repeat scroll 0 0 #FFFFFF;
}

.RetirementProjectionCalculatorPlace .tabPanel .fs-spinner input[type="text"] {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 110px;
}

.RetirementProjectionCalculatorPlace .tabPanel select {
    margin-left: 5px;
    height: 26px;
    width: 100px;
    padding: 3px;
    border: 1px solid #A9AFB5;
}

.RetirementProjectionCalculatorPlace .tabPanel .resultsTab .multiLineButton {
    width: 205px;
}

.RetirementProjectionCalculatorPlace .tabPanel .resultsTab .multiLineButton .line1 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.RetirementProjectionCalculatorPlace .gwt-TabBar .gwt-TabBarFirst-wrapper {
    display: none;
}

.RetirementProjectionCalculatorPlace .gwt-TabBar .gwt-TabBarItem {
    background: url('laf/sitewide/sidebar-nav-item-bg.png') repeat-x scroll 0 0 #646464;
    color: white;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    margin-right: 3px;
    cursor: pointer;
}

.RetirementProjectionCalculatorPlace .gwt-TabBar .gwt-TabBarItem-selected {
    background: none repeat scroll 0 0 #FFFFFF;
    color: black;
    border-top: 1px solid #D3D2CE;
    border-left: 1px solid #D3D2CE;
    border-right: 1px solid #D3D2CE;
    cursor: default;
}

.RetirementProjectionCalculatorPlace .tabPanel .gwt-TabPanelBottom {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #D3D2CE;
    border-left: 1px solid #D3D2CE;
    border-right: 1px solid #D3D2CE;
}

/* End Retirement Projection Calculator Place */

/* Start Extra Contribution Calculator Place */
.ExtraContributionCalculatorPlace .doubleValuePicker {
    float: left;
    width: 565px;
}

.ExtraContributionCalculatorPlace .doubleValuePicker .fs-slider-horizontal {
    width: 425px;
}

.ExtraContributionCalculatorPlace select {
    height: 26px;
    padding: 3px;
    background: #F7F7F7;
    border: 1px solid #A9AFB5;
}

.ExtraContributionCalculatorPlace .chartPanel {
    float: left;
}

.ExtraContributionCalculatorPlace .contributionsPanel {
    float: left;
    margin-left: 10px;
    width: 210px;
}

.ExtraContributionCalculatorPlace .contributionsPanel .fs-spinner {
    float: left;
}

.ExtraContributionCalculatorPlace .contributionsPanel .fs-spinner input[type="text"] {
    width: 85px;
}

.ExtraContributionCalculatorPlace .contributionsPanel select {
    margin-left: 5px;
}

/* End Extra Contribution Calculator Place */

/* Start Transition To Retirement Place */
.TransitionToRetirementCalculatorPlace .slider1 {
    width: 600px;
}

.TransitionToRetirementCalculatorPlace .slider2 {
    width: 200px;
}

/* End Transition To Retirement Place */

.AdviserDashboardPlace .sectionBar.MyClients {
    margin-top: 0;
    background: url("laf/sitewide/dashboard-panel-bg.png") repeat-x scroll 0 0 #F2F2F0;
    border: 1px solid #E2E0DB;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 330px;
    float: left;
}

.AdviserDashboardPlace .MyClients .memberSearchTerms .formLabelCell {
    display: none;
}

.AdviserDashboardPlace .MyClients .formTable {
    margin-top: 0px;
    line-height: 1.0px;
}

.AdviserDashboardPlace .recentMemberResultsList thead {
    display: none;
}

.AdviserDashboardPlace .sectionBar .bar, .SectionBar .bar {
    background-color: #EBE9E4;
    border-bottom: 1px solid #D5D3D0;
    height: 37px;
    margin: 2px;
    padding: 7px 7px 7px 10px;
}

.AdviserDashboardPlace .sectionBar .title {
    color: #00678F;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1.1;
    text-align: left;
}

.AdviserDashboardPlace .drillableTableData tbody tr.even {
    background-color: #fdfffd;
}

.AdviserDashboardPlace .myReportsHeader {
    margin-top: 0px;
}

.AdviserDashboardPlace .sectionBar.myReportsHeader .header {
    font-size: 1.167em;
    font-weight: bold;
}

.MemberDashboardPlace .accountList {
    margin: 10px 0 10px 10px;
    float: left;
    width: 330px;
}

.MemberDashboardPlace .accountList table {
    width: 330px;
    margin-top: 0;
}

.MemberDashboardPlace .accountList thead tr th, .MemberDashboardPlace .accountList tbody tr td {
    padding: 9px 5px;
}

.MemberDashboardPlace .accountList thead tr th {
    font-size: 1em;
}

.MemberDashboardPlace .accountList tbody tr.even, .MemberDashboardPlace .accountList tbody tr.even th {
    background-color: #fdfffd;
}

.MemberDashboardPlace .myAccountsFooter {
    clear: both;
    padding: 0 10px 10px;
}

.MemberDashboardPlace .welcomeMessage {
    margin: 10px;
    float: right;
    width: 330px;
}

.MemberDashboardPlace .accountHistory {
    margin: 10px;
    float: right;
    width: 330px;
    text-align: right;
}

.MemberDashboardPlace .accountHistory select, .MemberDashboardPlace .accountHistory .singleSelection {
    width: 320px;
    margin: 2px 10px 10px;
    color: #333333;
}

.MemberDashboardPlace .accountHistory .singleSelection {
    text-align: right;
}

.MemberDashboardPlace .accountHistory .graphContainer {
    height: 160px;
    width: 320px;
}

.MemberDashboardPlace .accountHistory .graphContainer > .gwt-viz-container {
    width: 100%;
    height: 100%;
}

#my-projections-dashboard {
    float: left;
    width: 339px;
    margin-right: 14px;
}

#my-projections-dashboard h1, #my-projections-dashboard div.h1 {
    background: #ebe9e4 url('laf/icons/32/my-projections.png') 10px center no-repeat;
    padding-left: 60px;
}

.projections-graph {
    padding: 10px;
}

.my-projections-footer {
    clear: both;
    padding: 0 10px 10px;
}

.my-projections-footer p, .my-projections-footer div.p {
    margin: 0;
}

.my-projections-footer h4 {
    background: #fff;
    color: #333333;
    margin: 0 0 15px;
    padding: 3px;
    float: left;
    width: 175px;
}

#my-learning-dashboard {
    float: left;
    width: 339px;
}

#my-learning-dashboard h1 {
    background: #ebe9e4 url('laf/icons/32/my-learning.png') 10px center no-repeat;
    padding-left: 60px;
}

.my-learning-actions {
    margin: 15px 10px 15px;
    list-style: none;
    list-style-image: none;
    background: #5f5f5f url('laf/sitewide/my-learning-actions-bg.png') 0 0 repeat-x;
    border: 1px solid #333333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.my-learning-actions li {
    margin: 0;
    padding: 0;
}

.my-learning-actions li a {
    display: block;
    padding: 16px 10px;
    text-decoration: none;
    background: url('laf/sitewide/my-learning-actions-divider.png') center bottom no-repeat;
}

.my-learning-actions li.last a {
    background: none;
}

.my-learning-actions li a:hover {
    background-color: #333333;
}

.my-learning-actions li a img {
    float: left;
    margin-right: 10px;
}

.my-learning-actions li a h4 {
    margin: 0;
    padding: 0;
    float: left;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.my-learning-actions li a h4 small {
    font-weight: normal;
    line-height: 1.2;
}

.my-reports-actions {
    margin: 15px 10px 15px;
    list-style: none;
    list-style-image: none;
    background: none repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #E2E0DB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.my-reports-actions li {
    margin: 0;
    padding: 0;
}

.my-reports-actions li a {
    background: url("laf/sitewide/list-bullet-blue.png") no-repeat scroll 293px center transparent;
    display: block;
    padding: 12px 10px;
    text-decoration: none;
}

.my-reports-actions li a:visited {
    text-decoration: none;
}

.my-reports-actions li a:hover {
    text-decoration: underline;
}

.my-reports-actions li a img {
    float: left;
    margin-right: 10px;
}

.my-reports-actions li a h4 {
    margin: 0;
    padding: 4px 0 0;
    float: left;
    color: #808080;
}
.my-reports-actions li a span {
    margin: 0;
    padding: 4px 0 0;
    float: left;
    color: #808080;
    font-size: 1.167em;
    font-weight: bold;
}

/* Page content styles*/
.page-header h1, .page-header div.h1 {
    color: #333333;
    font-size: 2.25em;
}

.page-header h1 a, .page-header div.h1 a {
    color: #333333;
}

.page-header #headerItems {
    position: absolute;
    right: 15px;
    top: 0px;
}

.page-header #headerItems #helpItem.blankHelpContent {
    display: none;
}
.highlightCms .page-header #headerItems #helpItem.blankHelpContent {
    display: block;
}

/* My accounts */
.control {
    font-size: 1.167em;
    margin: 1em 0 1.5em;
}

.control label {
    font-weight: bold;
    width: 70px;
    display: inline-block;
}

.control select {
    width: 570px;
}

.expand, .contract {
    border: 1px solid #fff;
    margin-top: 0px;
}

.expand p, .expand div.p {
    margin-bottom: 0;
}

.expand > div {
    padding: 10px;
}

.expand label {
    display: inline-block;
    margin-bottom: 0.5em;
}

.expand h4 {
    margin: 0;
    padding: 0;
    background: #fff;
}

.expand h4 a {
    text-decoration: none;
    color: #808080;
    display: block;
    padding: 10px 10px 10px 40px;
    background: url('laf/sitewide/expand-icon.png') 10px center no-repeat;
}

.expand h4 a.expanded {
    background: #fff url('laf/sitewide/collapse-icon.png') 10px center no-repeat;
}

.showHideBlock {
    display: block;
    border: 1px solid #ffffff;
}

.dechromed .showHideBlock {
    display: block;
    border: none;
}

.showHideBlock .showHideContent {
    margin: 10px;
}

.showHideBlock.filterForm .showHideContent {
    padding: 10px 10px 0px;
}

.showHideBlock > .horizontalButtonBar {
    background: #ffffff;
}

/*.showHideBlock .horizontalButtonBar .buttonWrap.right {*/
/*margin-top: 10px;*/
/*}*/

.button.expand a, .button.contract a {
    border: none;
    border-bottom: 1px solid #ffffff;
    margin: 0;
    text-decoration: none;
    color: #808080;
    display: block;
    padding: 10px 0px 10px 0px;
    text-align: left;
    border-radius: 0;

}

.button.expand a {
    background: url('laf/sitewide/expand-icon.png') 10px center no-repeat;
    width: 100%;
}

.button.contract a {
    background: #ffffff url('laf/sitewide/collapse-icon.png') 10px center no-repeat;
    width: 90%;
}

.button.expand span, .button.contract span {
    border: none;
    margin-left: 40px;
    font-size: 1.167em;
    font-weight: bold;
    text-shadow: none;
}

#transaction-search {
    padding: 10px;
}

#transaction-search p, #transaction-search div.p {
    margin-bottom: 0;
}

#transaction-search label {
    width: 120px;
    display: inline-block;
}

#transaction-search select {
    width: 250px;
}

/* Pagination */
.pagination {
    background: #fff;
    padding: 8px 10px;
    font-size: 0.9em;
}

.pagination li {
    padding: 1px;
}

.pagination a {
    border: 1px solid #999;
    text-decoration: none;
    padding: 1px 5px;
}

.pagination .right a {
    border: 0 none;
}

.pagination .right a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #808080;
}

.pagination a:hover, .pagination .current a {
    background-color: #9f9f9f;
    border-color: #666;
    color: #fff;
}

/*
    Preview Pane - Table Styles

----------------------------------------------------------------------*/

table.previewPane {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    padding-top: 10px;
}

table.previewPane td, table.previewPane th {
    -webkit-box-shadow: 1px 1px 0 0 #DDDDDD;
    -moz-box-shadow: 1px 1px 0 0 #DDDDDD;
    box-shadow: 1px 1px 0 0 #DDDDDD;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #EBF6FA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #EBF6FA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 1%, #EBF6FA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 1%, #EBF6FA 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 1%, #EBF6FA 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 1%, #EBF6FA 100%); /* W3C */
    behavior: url(gwt/scripts/PIE.htc);
}

table.previewPane td.selected, table.previewPane th.selected {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

table.previewPane .no-break {
    vertical-align: middle;
    font-size: 1em;
    font-weight: bold;
    color: #333;
}

table.previewPane .no-break a {
    color: #333;
    text-decoration: none;
    width: 100%;
}

table.previewPane button a {
    color: #fff
}

table.previewPane .icon label, table.previewPane .icon span, table.previewPane .icon p, .icon div.p {
    margin-left: 24px;
}

.previewPane .menu-item {
    width: 50%;
    cursor: pointer;
}

.previewPane .copySelect {
    width: 50%;
    padding: 10px 20px;
    vertical-align: top;
}

.previewPane .preview-selected {
    margin-left: 338px;
    position: absolute;
}

.menu-item .preview-selected {
    display: none;
}

.menu-item.selected .preview-selected {
    display: block;
}

/*
    Modal window css

----------------------------------------------------------------------*/

.modal .canvasPanel {
    padding: 10px 10px 10px;
    background: #EBE9E4;
}

/* Form */

.radioButton, .radioButton input, .modal .radioButton input {
    display: inline;
}

.radioButton.down {
    display: block;
}

.radioButton.across {
    margin-left: 10px;
}

.radioButton.naked {
}

.modal input {
    display: block;
}

.modal label {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.2em;
}

.modal .addMemberApplyForInsuranceForm label,
.modal .addMemberInsuranceForm label,
.modal .selectInvestmentProfileForm label {
    font-weight: normal;
    font-size: 1.0em;
    line-height: 1.2em;
}

input[type="text"], .selectWrap select, textarea {
    width: 100%;
    padding: 5px 3px;
    color: #000;
    background: #f7f7f7;
    border: 1px solid #a5acb2;
    outline: none;
}

.selectWrap select {
    /*
       need different padding because the height of
       the select by default is different from textbox
    */
    padding: 4px 3px;
}
.selectWrap select option {
    color: #000;
}
.selectWrap .selectBlankOption, .inputWithText.defaultText {
    color: #AAAAAA;
}

.modal select {
    padding: 4px 3px;
    color: #000;
    border: 1px solid #a5acb2;
    outline: none;
}

/*input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
a:focus,
div:focus {
    outline: #000 dotted 1px;
}*/

input[type="text"]:focus, input[type="password"]:focus,
.selectWrap select:focus, textarea:focus {
    border: 1px solid #333333; /*outline: none;*/
    background: #fff;
}

.modal legend {
    display: none;
}

.modal input[type="text"].smAddy {
    width: 70px;
    float: left;
    margin-right: 6px;
}

.modal input[type="text"].postCode {
    width: 50px;
    float: left;
}

.modal select.state {
    width: 60px;
    float: left;
    margin-right: 6px;
}

.dialog {
    z-index: 950;
    text-align: center;
    top: 70px;
    left: 50%;
    margin-left: -368px; /* half width to ensure centered */
    width: 736px;
    padding-bottom: 40px;
}

.dialogWrap {
    width:400px;
}

.dialogWrap.IFrameDialog {
    width: 640px;
}

.dialogWrap.IFrameDialog #dialogContent {
    height: 700px;
}

.dialogWrap .emailFileForm {
    clear: both;
    float: left;
    margin-top: 20px;
    width: 100%;
}

.dialogWrap .emailFileForm .pdfEmailTitle,
.dialogWrap .emailFileForm .cancel {
    display: none;
}

.dialogWrap .emailFileForm .recipient {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.dialogWrap .emailFileForm .message {
    display: block;
    width: 100%;
}

.dialogWrap .emailFileForm .message div {
    padding: 8px;
}

.dialogWrap .emailFileForm .send {
    float: right;
    margin-right: 0px;
}

.dialogBorderWrap {
    height:150px;
}

.dialog .popupContent {
    text-align: left;
    background: white;
    padding: 10px;
}

.dialog css3-container {
    display: block;
}

.gwt-DialogBox {
    z-index: 12000;
}

.gwt-DialogBox .Caption {
    background: #e3e8f3 url(laf/gwtStandard/hborder.png) repeat-x 0px -2003px;
    padding: 4px 4px 4px 8px;
    cursor: default;
    border-bottom: 1px solid #bbbbbb;
    border-top: 5px solid #d0e4f6;
}

.gwt-DialogBox .dialogContent {
}

.gwt-DialogBox .dialogMiddleCenter {
    padding: 3px;
    background: white;
}

.gwt-DialogBox .dialogBottomCenter {
    background: url(laf/gwtStandard/hborder.png) repeat-x 0px -4px;
    -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DialogBox .dialogMiddleLeft {
    background: url(laf/gwtStandard/vborder.png) repeat-y;
}

.gwt-DialogBox .dialogMiddleRight {
    background: url(laf/gwtStandard/vborder.png) repeat-y -4px 0px;
    -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}

.gwt-DialogBox .dialogTopLeftInner {
    width: 5px;
    zoom: 1;
}

.gwt-DialogBox .dialogTopRightInner {
    width: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogBottomLeftInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogBottomRightInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogTopLeft {
    background: url(laf/gwtStandard/corner.png) no-repeat -13px 0px;
    -background: url(images/corner_ie6.png) no-repeat -13px 0px;
}

.gwt-DialogBox .dialogTopRight {
    background: url(laf/gwtStandard/corner.png) no-repeat -18px 0px;
    -background: url(images/corner_ie6.png) no-repeat -18px 0px;
}

.gwt-DialogBox .dialogBottomLeft {
    background: url(laf/gwtStandard/corner.png) no-repeat 0px -15px;
    -background: url(images/corner_ie6.png) no-repeat 0px -15px;
}

.gwt-DialogBox .dialogBottomRight {
    background: url(laf/gwtStandard/corner.png) no-repeat -5px -15px;
    -background: url(images/corner_ie6.png) no-repeat -5px -15px;
}

* html .gwt-DialogBox .dialogTopLeftInner {
    width: 5px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogTopRightInner {
    width: 8px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomLeftInner {
    width: 5px;
    height: 8px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomRightInner {
    width: 8px;
    height: 8px;
    overflow: hidden;
}

.gwt-PopupPanelGlass {
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    z-index: 11999;
}

.contentSlotEditor .dialogMiddleCenter {
    padding: 0px;
    background: #EBEBEB;
}

.contentSlotEditor .dialogMiddleCenter .content {
    padding: 5px;
    width: 800px;
}

.contentSlotEditor .dialogMiddleCenter .content .textArea {
    background: white;
    width: 800px !important;
}

.contentSlotEditor .dialogMiddleCenter .content .toolbar {
    margin-bottom: 5px;
    width: auto !important;
}

.contentSlotEditor .dialogMiddleCenter .content .buttonDiv {
    margin-top: 5px;
}

.contentSlotEditor .dialogMiddleCenter .content .buttonDiv #save,
.contentSlotEditor .dialogMiddleCenter .content .buttonDiv #cancel {
    margin-top: 0px;
    float: right;
}

.error input[type="text"], .error input[type="password"],
.selectWrap.error select, .error textarea {
    border: 1px solid #ff0000;
}

.errorRadioGroup {
    border: 1px solid #ff0000;
}

.errorMsgHolder {
    margin-top: 15px;
}

.errorMsg {
    zoom: 1;
    float: left;
    color: #ff0000;
    background: #e6dcdc;
    border: 1px solid #ff0000;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
    margin-top: 15px;
}

.errorMsg div {
    padding: 11px 8px 11px 8px;
}

/* Going there next */

.textModal {
    background: #e5e5e5;
    padding: 20px 20px 20px 20px;
}

.textModal div.p {
    color: #808080;
    font-family: Arial, Helvetica, sans-serif;
}

/* buttons on modal dialogs */
.textModal button {

}

img.ui-datepicker-trigger {
    vertical-align: middle;
    margin: 0 10px 0 2px;
}

/*
    Non-semantic helper classes

----------------------------------------------------------------------*/

.padTop {
    margin-top: 10px;
}

/* For image replacement */
.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
    display: none;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

/* Fix clearfix: blueprintcss_lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
    zoom: 1;
}

/* TOOLTIP STYLES FOR DASHBOARD GRAPHS */
#tooltip {
    position: absolute;
    z-index: 3000;
    background-color: #ffffff;
    padding: 1px 2px;
    opacity: 0.8;
    -moz-box-shadow: 0 0 3px #666;
    -webkit-box-shadow: 0 0 3px #666;
    box-shadow: 0 0 3px #666;
    border: 3px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 10px;
    border-radius: 5px;
    behavior: url(gwt/scripts/PIE.htc);
}

#tooltip h3, #tooltip div {
    margin: 0;
    color: #333333;
    font-size: 0.8em;
    font-family: Arial, Helvetica, sans-serif;
}

/* Spinner */

.spinner {
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1104;
}

.spinner div {
    background-image: url(laf/fancybox.png);
    height: 480px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

.longRunningSpinner {
    position: absolute;
    width: 100%;
    top: 40%;
    height: 100%;
    margin-left: 50%;
    vertical-align: middle;
    display: table-cell;
}

.longRunningSpinner .longRunningSpinnerWrapper {
    position: absolute;
    vertical-align: middle;
}

.longRunningSpinner .longRunningSpinnerContent {
    padding: 25px 15px;
    text-align: center;
    min-width: 280px;
    max-width: 300px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin: 0 auto;
    margin-left: -50%;
    box-shadow: 0px 0px 5px #cccccc;
    border-radius: 3px;
}

.longRunningSpinner .longRunningSpinnerContent .message {
    padding-bottom: 15px;
}

.longRunningSpinner .longRunningSpinnerContent .progressSpinner {
    background: url('gwt/laf/sitewide/barSpinner.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px;
    height: 30px;
}

.drillableList .longRunningSpinner .longRunningSpinnerContent {
    margin-top: 0px;
    position: relative;
    top: auto;
}

.progressPanel {
    float: none;
    height: 20px;
    width: 100%;
    padding: 0px;
    display: block;
    border-radius: 10px;

    box-shadow: 0 1px 0 #BFBFBF inset, 0 1px 0 #FCFCFC;
    -moz-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;
    -webkit-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;

    background: -moz-linear-gradient(center top , #E1DDD9, #E1DDD9) repeat scroll 0 0 #E9E5E2;
    background: -ms-linear-gradient(top, #e1ddd9, #e9e5e2)  repeat scroll 0 0 #E9E5E2;
    background: -webkit-linear-gradient(top, #e1ddd9, #e9e5e2)  repeat scroll 0 0 #E9E5E2;
    background: -o-linear-gradient(top, #e1ddd9, #e9e5e2) repeat scroll 0 0 #E9E5E2;

    behavior: url(gwt/scripts/PIE.htc);
    position: relative;
}

.progressPanel > .progressBar {
    height: 18px;
    float: none;
    background-color: #333333;
    display: block;
    border-radius: 10px;

    box-shadow: 0 1px 0 #FCFCFC inset, 0 1px 0 #BEBBB9;
    -moz-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;
    -webkit-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;

    margin: 0.5px 1px;
    behavior: url(gwt/scripts/PIE.htc);
    position: absolute;
}

.drillableList .spinner {
    margin-top: 0px;
    position: relative;
    top: auto;
}

.drillableList .warning {
    color: red;
}

/* Global spinner */
BODY > .spinner {
    position: fixed;
    left: 50%;
    top: 50%;
}

/* Canvas */

.canvasContentList {
}

.canvasContentList.border {
    border: 1px solid #CCCCCC;
    padding: 5px 5px 5px 10px;
    background: #F0F0F0;
    margin: 5px 5px 15px 3px;
    box-shadow: 2px 2px 7px;
    -moz-box-shadow: 2px 2px 7px;
    -webkit-box-shadow: 2px 2px 7px;
}

.canvasContentList.termsAndConditions {
    overflow: auto;
    height: 250px;
    width: 500px;
    background: #E5E5E5;
    color: #808080;
    border: 1px solid #FFFFFF;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    font-size: 10px;
}

.buttonBar {
}

.buttonBar.alignRight {
    /* Float to the right */
    display: inline-block;
    float: right;
    margin-top: 5px;
    margin-right: 5px
}

.buttonBarStyleLink {
    cursor: pointer;
    color: linkColor;
    text-decoration: underline;
}

/* Paragraph styles-----------------------------------------------------------------------------------*/

div.labelText {
    overflow: hidden;
}

.labelClickable {
    cursor: pointer;
}

.paragraph {
    margin-top: 10px;
}

.paragraph.flush {
    margin-top: 0px;
}

.paragraph.finePrint {
    margin-top: 0px;
    font-size: 10px;
}

.paragraph.heading {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

.paragraph.pageHeading {
    margin-top: 0px;
    font-size: 14px;
    font-weight: bold;
}

.paragraph.listItem {
    display: list-item;
    list-style-type: square;
    margin-left: 20px;
}

.paragraph.important {
    color: red;
}

.paragraph.importantHeading {
    color: red;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
}

.subFormHeaderLabelText {
    text-align: left;
    font-weight: bold;
}

/* Disclaimer */

.disclaimer {
    margin-top: 15px;
}

.disclaimerBody .listItem {
    display: list-item;
    list-style-type: square;
    margin-left: 20px;
}

/* Links */

.foreignLink {
    line-height: 1.5;
    margin-top: 0.75em;
    padding-left: 40px;
    background: transparent url(laf/sitewide/list-bullet.png) no-repeat scroll 25px 0.5em;

}

.foreignLink.pdf a {
    background: transparent url(laf/sitewide/pdf-icon.png) no-repeat scroll right center;
    padding-right: 20px;
}

/* Forms */
.selectWrap {
    margin-right: 1px;
}

.inputWrap {
    margin-right: 9px;
}

.inputWrap .inputReset {
    display: none;
}

.inputWrap > input, .selectWrap > select {
    zoom: 1;
}

.formTableNested {
    margin-top: 5px;
    margin-bottom: 5px;
}

.formTable {
    width: 100%;
    margin-top: 10px;
}

.formTable table {
    width: 100%;
    table-layout: fixed;
}

.formTable table table {
    table-layout: fixed;
}

.formTable .formLabelCell {
    width: 160px;
}

.formTable .formIconCell {
    display: none;
}

.formTable .formRow.freeLongStringType .formLabelCell {
    vertical-align: top;
}

.formTable .formLabelCellDisabled {
    width: 160px;
}

.formTable .formTableVerticalDivider {
    display: none;
}

.formTable .formControlCell.readOnly {
    background: #F3F2EF;
}

.formTable .formControlCell.editable {
}

.formTable .formRow {
    margin-bottom: 10px;
}

.formGrid {
    width: 100%;
    border: 1px solid #FFFFFF;
}

.formGrid .formLabelCell {
    width: 160px;
}

.formGrid .formIconCell {
    display: none;
}

.formGrid tr.odd td {
    background: #F3F2EF;
}

.formGrid table {
    width: 100%;
}

td.formTableVerticalSpacer {
    width: 10px; /*    border-bottom: formTableBorderBottom; */
}

td.formTableVerticalDivider {
    /*width: formTableDividerWidth;*/
    /*background: formTableDividerBackground;*/
    /*border-bottom: formTableBorderBottom;*/
}

td.formLabelCell > div {
    padding: 0.7em 0.5em 0.5em;
    vertical-align: top;
}

td.formLabelCellDisabled > div {
    padding: 0.7em 0.5em 0.5em;
    vertical-align: top;
}

td.formControlCell {
    padding: 0.7em 0.5em 0.5em;
    vertical-align: top;
}

/* Form input control rendering --------------------------------------------------- */

.formFieldLabel {
    /*border: 1px solid transparent;*/
    /*margin: 0px;*/
    /*padding: 1px 1px 1px 2px;*/
}

input.formField, input.formField-focused, input.formPassword, input.formPassword-focused {
}

input.formField-readonly, input.formPassword-readonly {
}

input.formField-focused, input.formPassword-focused, .suggestCombo-focused input {
}

input.formField-error {
}

/* Validation -------------------------------------------------------------------------------- */

.requiredIndicator, .requiredIndicatorLegend {
    color: red;
}

.requiredIndicatorLegend {
    width: 100%;
    text-align: right;
}

.requiredIndicator {
    display: inline;
    text-align: right;
}

table.validationMessagePanel, div.validationText {
    color: #ff4040;
    font-style: italic;
    padding-bottom: 8px;
}

.actionButtonField .button {
    margin-right: 0px;
    margin-top: 0px;
}

/* Suggest Combo */

.suggestMenu {
    background: white;
}

.suggestMenu table {
    width: 100%;
    table-layout: auto;
}

.suggestMenu tr {
    border-bottom: 1px solid lightgrey; /* selectComboCellBorder; */
    padding-top: 3px;
    padding-bottom: 3px;
}

.suggestMenu tr.suggestComboSelected {
    background: black; /* selectComboCellSelectedBackgroundColor; */
    color: white;
}

.suggestMenu tr td {
    vertical-align: top;
    padding-right: 3px;
    padding-left: 3px; /*padding-bottom: 6px;*/
    cursor: default !important;
}

.suggestCombo input {
    padding: 5px 1px;
    width: 100%;
}

.suggestCombo-error input {
    background: pink; /* fieldErrorBackgroundColor !important; */
}

.suggestScrollPanel {
}

.suggestComboMessage {
    background: #fff;
}

.suggestPopup {
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    behavior: url(gwt/scripts/PIE.htc);
}

/* Popup messages ----------------------------------------------------------------------------------------- */

div.popup-hint {
    color: white;
    background: black;
    cursor: pointer;
    padding: 6px;
    behavior: url('gwt/scripts/PIE.htc');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; /* Make buttons play nice in IE:*/
}

div.popup-error {
    color: white;
    background: black;
    cursor: pointer;
    padding: 6px;
    behavior: url('gwt/scripts/PIE.htc');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; /* Make buttons play nice in IE:*/
}

div.popup-message a {
    color: white;
    text-decoration: underline;
}

/* Disclaimer Buttons ------------------------------------------------------------------------------------ */

.disclaimer.button {
    margin-top: 10px;
}

.disclaimerScrollPanel {
    background: none repeat scroll 0 0 #E5E5E5;
    height: 100%;
    overflow: auto;
}

.disclaimerContent {
    margin: 10px;
}

.disclaimerContent li {
    display: list-item;
    list-style-type: square;
    margin-left: 20px;
    margin-bottom: 0;
}

.disclaimerContent ul {
    list-style: square outside none;
    margin-top: 0;
    margin-left: 0;

}

/* Pager Buttons ----------------------------------------------------------------------------------------- */

.pager {
    background: none repeat scroll 0 0 #ffffff;
    font-size: 0.9em;
    margin: 8px 0px;
    padding: 8px 10px;
}

.pager table {
    margin: auto;
}

.pager input[type="text"], .pager .pagerNav.drillableTable td input[type="text"] {
    width: 30px;
    min-width: 30px;
    border-radius: 8px;
    padding: 2px;
}
.pager .pagerNav {
    text-align: center;
    margin-top: 0px;
}

.pager .pageSize.align {
    float: right;
}

a.pagerButton {
    border: 1px solid #999999;
    padding: 1px 5px;
    text-decoration: none;
    margin: 0 8px 0 0;
}

a.pagerButton:hover {
    background-color: #9F9F9F;
    border-color: #666666;
    color: #FFFFFF;
}

a.pagerButton.disabled {
    color: #DDDDDD;
    border: 1px solid #DDDDDD;
}

a.pagerButton.disabled:hover {
    color: #DDDDDD;
    border: 1px solid #DDDDDD;
    background-color: transparent;
}

.pagerLabel {
    margin: 0 8px 0 0;
    padding: 0 10px;
}

.pagerViewMoreLoadingLabel {
    margin: 0 8px 0 0;
    padding: 0 10px;
}

.pagerViewMoreLoadingLabel.disabled {
    display: none;
}

.pagerLabel:before {
    content: "Displaying ";
}

.pagerViewMoreLoadingLabel:before {
    content: "Loading ... ";
}

.pagerButton.first:before {
    content: "<< FIRST";
}

.pagerButton.prev:before {
    content: "< PREV";
}

.pagerButton.next:before {
    content: "NEXT >";
}

.pagerButton.last:before {
    content: "LAST >>";
}

.pagerButton.jump:before {
    content: "JUMP >>";
}

.pagerButton.viewMore:before {
    content: "View More";
}

/* Floating styles -------------------------------------------------------------------------------------- */

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

/* MISC */
.halfWidth {
    width: 330px;
    margin: 10px 0 10px 10px;
}

.insuranceScrollPanel {
    height: 100%;
    overflow: auto;
}

/* Control Editor */
.controlEditor {
    /*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);*/
    background: #efefef;
    border: 1px solid #888888;
    display: none;
    position: absolute;
    right: 0;
    z-index: 999;
    padding: 0.2em 5px;
    height: 1.4em;
    font-size: 11px;
    overflow: hidden;
    transition: height 500ms;
    -moz-transition: height 500ms; /* Firefox 4 */
    -webkit-transition: height 500ms; /* Safari and Chrome */
    -o-transition: height 500ms; /* Opera */
}

.controlEditor:hover {
    height: 36px;
    transition: height 500ms;
    -moz-transition: height 500ms; /* Firefox 4 */
    -webkit-transition: height 500ms; /* Safari and Chrome */
    -o-transition: height 500ms; /* Opera */
    z-index: 9999;
}

.controlEditor .label {
    width: 50px;
    float: left;
    margin-left: 2px;
}

.controlEditor .control {
    margin: 0px;
    /*width: 30px;*/
    float: left;
}

.controlEditor input[type="checkbox"].control {
    margin-top: 3px;
}

.highlightCms .controlEditor {
    /*display: block;*/
}

/* component based */
.emailEmployerContributionForm .specialInstruction .formControlCell textarea {
    min-height: 5em;
    max-width: 100%;
}

.suggestMenu.FundListType td {
    float: left;
    width: 100%;
}

.suggestMenu.FundListType td.col0, .suggestMenuFundListType td .label {
    font-weight: bold;
}

.suggestMenu.FundListType td.col2, .suggestMenu.FundListType td.col3 {
    font-size: 12px;
    width: 150px;
}


/* Screen Specific styles ------------------------------------------------------------------------------- */

/* Login Place */

.LoginPlace .page-header {
    display: none;
}

.AddMemberPlace .selectInvestmentProfileForm .formTable .formLabelCell {
    width: 40px;
}

.AddMemberPlace .applyForInsuranceForm .formTable .formLabelCell,
.AddMemberPlace .addMemberInsuranceForm .formTable .formLabelCell {
    width: 240px;
}

.insuranceContent {
    height: 100%;
}

.ResetPasswordPlace .page-header {
    display: none;
}

.UpdatePasswordPlace .formLabelCell {
    width: 112px;
}

.BeneficiariesPlace .formLabelCell {
    width: 125px;
}

.BeneficiariesPlace .sectionBar {
    margin-bottom: 10px;
}

.BeneficiariesPlace .wizardBottomButtonBar {
    margin-bottom: 10px;
}

.BeneficiariesPlace .wizardProgressBar {
    display: none;
}

.BeneficiariesPlace .exportBar {
    display: none;
}

.PensionPlace .wizardProgressBar {
    display: none;
}

.filterForm td.formControlCell {
    padding: 0px;
}

.filterForm .formIconCell {
    display: none;
}

.MyTransactionsPlace .drillableListClickableCell {
    padding-right: 20px;
    background: transparent url(laf/sitewide/pdf-icon.png) no-repeat scroll right center;
    display: inline;
}

.RolloverPlace .formLabelCell {
    width: 140px;
}

.RolloverPlace .sectionBar {
    margin-bottom: 0px;
}

.MoneyInPlace .bPayReferenceNumbersForm .formLabelCell {
    width: 270px;
}

.MoneyInPlace .moneyInGotoBar {
    display: none;
    width: 620px !important;
}

.MoneyInPlace .paymentDirectDebitForm .formLabelCell {
    width: 200px;
}

.MoneyInPlace .MoneyIn_eftDetails {
    display: none;
}


/*.MoneyInDialog .MoneyInPlace .page-header {*/
    /*display: none;*/
/*}*/

.AllocationPlace .chart {
    width: 325px;
    overflow: hidden;
    position: absolute;
    z-index: 9;
}
.AllocationPlace .chart > div {
    margin-left: -70px;
    overflow: hidden;
    width: 390px;
}

.AllocationPlace .chart iframe {
    width: 600px !important;
}

.AllocationPlace .legend {
    min-height: 180px;
    float: right;
    width: 430px;
}

.AllocationPlace .assetAllocationPortfolioList {
    /*font-size: 0.8em;*/
}

.AllocationPlace .assetAllocationLegendList .light {
    font-weight: bold;
    color: inherit;
}

.AllocationPlace .assetAllocationLegendList .color1 .light {
    color: rgb(191, 63, 63);
}

.AllocationPlace .assetAllocationLegendList .color2 .light {
    color: rgb(191, 173, 63);
}

.AllocationPlace .assetAllocationLegendList .color3 .light {
    color: rgb(100, 191, 63);
}

.AllocationPlace .assetAllocationLegendList .color4 .light {
    color: rgb(63, 136, 191);
}

.AllocationPlace .assetAllocationLegendList .color5 .light {
    color: rgb(100, 63, 191);
}

.AllocationPlace .assetAllocationLegendList .color6 .light {
    color: rgb(191, 63, 173);
}

.AllocationPlace .assetAllocationLegendList .color7 .light {
    color: rgb(63, 173, 191);
}

.AllocationPlace .assetAllocationLegendList .color8 .light {
    color: rgb(191, 191, 191);
}

.AllocationPlace .assetAllocationLegendList .color9 .light {
    color: rgb(0, 0, 0);
}

.AllocationPlace .assetAllocationLegendList .color10 .light {
    color: rgb(86, 226, 207);
}

.AllocationPlace .assetAllocationLegendList .color11 .light {
    color: rgb(86, 174, 226);
}

.AllocationPlace .assetAllocationLegendList .color12 .light {
    color: rgb(86, 104, 226);
}

.AllocationPlace .assetAllocationLegendList .color13 .light {
    color: rgb(138, 86, 226);
}

.AllocationPlace .assetAllocationLegendList .color14 .light {
    color: rgb(207, 86, 226);
}

.AllocationPlace .assetAllocationLegendList .color15 .light {
    color: rgb(226, 86, 174);
}

.AllocationPlace .assetAllocationLegendList .color16 .light {
    color: rgb(226, 86, 104);
}

.AllocationPlace .assetAllocationLegendList .color17 .light {
    color: rgb(226, 137, 86);
}

.AllocationPlace .assetAllocationLegendList .color18 .light {
    color: rgb(226, 207, 86);
}

.AllocationPlace .assetAllocationLegendList .color19 .light {
    color: rgb(174, 226, 86);
}

.AllocationPlace .assetAllocationLegendList .color20 .light {
    color: rgb(86, 226, 137);
}

.AccountInfoPlace .insuranceSupplementaryList .drillableTableDataSummaryRow {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.75;
}

/*.AccountInfoPlace .feeAggregatedMemberDetailsForm .formGrid > tbody > tr > td {
    width: 50%;
}*/

.BenefitQuotePlace .drillableTableDataSummaryRow {
    color: #333333;
}

.BenefitQuotePlace .drillableTableDataSummaryRow.heading {
    color: #333333;
}

.BenefitQuotePlace .exportBar {
    display: none !important;;
}

.ValuationPlace .portfolioHoldingsList {
    margin-bottom: 15px;
}

.ProfilePlace .profileUpdateButtonBar {
    background: none repeat scroll 0 0 #3B3B3B;
    margin-top: 20px;
    padding: 10px;
}

.ProfilePlace .profileUpdateButtonBar .button {
    margin-top: 0;
}

.ProfilePlace .exportBar {
    display: none;
}

.ProfilePlace .investmentProfileDetailsList.readOnly tr.zero {
    display:none;
}

/* Share Trading */

.ShareTradingPlace .sharePortfolioList .drillableTableData td {
    padding: 4px 6px 4px;
}

.ShareTradingPlace .marketDepthInformation .sharePortfolioMarketDepthBuy,
.ShareTradingPlace .marketDepthInformation .sharePortfolioMarketDepthSell {
    width: 50%;
    float: left;
}

.ShareTradingPlace .marketDepthInformation .sharePortfolioMarketDepthBuy .drillableTableData td > div,
.ShareTradingPlace .marketDepthInformation .sharePortfolioMarketDepthSell .drillableTableData td > div {
    height: 18px;
}

.ShareTradingPlace .marketDepthInformation .ShareTrading_shareBuy_sharePortfolioMarketDepthBuy_header h3,
.ShareTradingPlace .marketDepthInformation .ShareTrading_shareBuy_sharePortfolioMarketDepthSell_header h3,
.ShareTradingPlace .marketDepthInformation .ShareTrading_shareSell_sharePortfolioMarketDepthBuy_header h3,
.ShareTradingPlace .marketDepthInformation .ShareTrading_shareSell_sharePortfolioMarketDepthSell_header h3 {
    text-align: center;
    margin-top: 5px;
    color: #333333;
    margin-bottom: 0;
    font-size: 14px;
}

.ShareTradingPlace .marketDepthInformation .drillableTableDataSummaryRow td div div {
    text-align: center !important;
}

.ShareTradingPlace .marketDepthInformation > .sectionContent th {
    font-size: 12px;
}

.ShareTradingPlace .sharePortfolioShareQuote {
    margin-bottom: 5px;
}

.ShareTradingPlace .sharePortfolioList .rowButton.Buy span {
    padding-right: 3px;
}

.ShareTradingPlace .wizardProgressBar {
    display: none;
}

.ShareTradingPlace .cashBalance.sectionBar > .sectionContent {
    margin: 0;
}

.CorporateActionsPlace .drillableTable, .CorporateActionSearchPlace .drillableTable {
    border-width: 0;
    border-style: none;
    padding: 0;
}

.ReversionaryPlace .exportBar {
    display: none;
}

.AccountOpeningPlace .blockUI.blockOverlay {
    background-color: #000;
    zoom: 1;
    -ms-filter: literal("progid:DXImageTransform.Microsoft.Alpha(Opacity=12)");
    filter: literal("alpha(opacity=12)");
    opacity: 0.12;
}

.AccountOpeningPlace .blockUI.blockElement {
    height: 100px;
    left: 50%;
    margin-left: -50px;
    top: -5px;
    width: 100px;
}

.AccountOpeningPlace .blockUI .blockContent {
    background: transparent url(laf/sitewide/tickGreenSmall.png) 0 0 no-repeat;
    height: 100%;
    width: 100%;
}

.AccountOpeningPlace .accountOpening_footer {
    margin-top: 40px;
    margin-bottom: 10px;
    text-align: center;
}

.assetTransactionListingList .transactionUnits {
    white-space: nowrap;
}

.sectionDark.bpayLogo {
}

.AdviserDashboardPlace .page-header {
    display: none;
}

.AdviserDashboardPlace.canvasPanel {
    padding-top: 0;
}

.AdviserDashboardPlace .contentPanel > .header {
    margin-bottom: 0;
}

.AdviserDashboardPlace .sectionBar.MyClients > .sectionContent {
    padding: 5px;
    min-height: 244px;
}

.AdviserDashboardPlace .sectionBar.MyClients .header {
    font-size: 1.167em;
    font-weight: bold;
}

.AdviserDashboardPlace .recentMemberResultsList .drillableTableData tbody {
    border: none;
}

.AdviserDashboardPlace .memberSearchForm > .clearfix {
    display: none;
}

.AdviserDashboardPlace .memberSearchForm > .horizontalButtonBar {
    float: right;
    display: block;
}

.AdviserDashboardPlace .MyClients .memberSearchForm .formTable {
    float: left;
    width: 275px;
}

.PensionCalculatorPlace select, .BenefitCalculatorPlace select, .ContributionCalculatorPlace select {
    display: block;
    margin: 10px 0;
    width: 100%;
}

.PensionCalculatorPlace td.formControlCell,
.BenefitCalculatorPlace  td.formControlCell,
.ContributionCalculatorPlace td.formControlCell {
    vertical-align: middle;
}

.PensionCalculatorPlace .formTable .formLabelCell,
.BenefitCalculatorPlace .formTable .formLabelCell,
.ContributionCalculatorPlace td.formControlCell {
    height: 50px;
}

.PensionCalculatorPlace .formTable .formControlCell.editable,
.BenefitCalculatorPlace .formTable .formControlCell.editable,
.ContributionCalculatorPlace .formTable .formControlCell.editable {
    padding: 0;
}

.CGTReportPlace .drillableList {
    width: 100%;
    overflow: auto;
    padding-left: 1px;
}

.CGTReportDialog {
    width: 970px;
    margin-left: -485px;
}

.ModelsPlace .rowButton {
    margin-right: 5px;
}

/* Employer Places */
.employerLayout #Contribution_batches_Nav,
.employerLayout #Contribution_Batches_Nav{
    display: none;
}


.employerDashboardLayout #page {
    margin-right: 0px;
    width: 714px;
}

.EmployerDashboardPlace .page-header,
.EmployerDashboardPlace .EmployerDashboard_header.blankContent {
    display: none;
}

.EmployerDashboardPlace .sectionBar.members .EmployerDashboard_memberSearchForm_header {
    font-size: 1.167em;
    font-weight: bold;
}

.EmployerDashboardPlace.canvasPanel {
    padding-top: 0px;
}

.EmployerDashboardPlace .EmployerDashboard_contributions,
.EmployerDashboardPlace .EmployerDashboard_reporting,
.EmployerDashboardPlace .EmployerDashboard_administration,
.EmployerDashboardPlace .sectionBar {
    float: left;
    width: 347px;
    margin-right: 10px;
    margin-top: 0px;
}

.EmployerDashboardPlace .EmployerDashboard_contributions .sectionbar,
.EmployerDashboardPlace .EmployerDashboard_reporting .sectionbar,
.EmployerDashboardPlace .EmployerDashboard_administration .sectionbar,
.EmployerDashboardPlace .sectionBar {
    background: url("laf/sitewide/dashboard-panel-bg.png") repeat-x scroll 0 0 transparent;
    min-height: 300px;
}

.EmployerDashboardPlace .sectionBar .bar {
    background-color: #EBE9E4;
    margin: 2px;
    border-bottom: 1px solid #D5D3D0;
    padding: 7px 7px 7px 10px;
}

.EmployerDashboardPlace .sectionBar .title {
    /*color: #0099D1;*/
    color: #333333;
    font-size: 2em;
}

.EmployerDashboardPlace .sectionBar.reporting {
    clear: both;
}

.EmployerDashboardPlace .sectionBar.reporting > .bar > img {
    width: 32px;
    height: 32px;
}

.EmployerDashboardPlace .dashboard-actions {
    background: none repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #E2E0DB;
    border-radius: 4px 4px 4px 4px;
    list-style: none outside none;
    margin: 15px 10px;
}

.EmployerDashboardPlace .dashboard-actions li {
    margin-bottom: 0px;
}

.EmployerDashboardPlace .dashboard-actions li a {
    background: url("laf/icons/16/greater.png") no-repeat scroll 293px center transparent;
    display: block;
    padding: 12px 10px;
    text-decoration: none;
}

.EmployerDashboardPlace .dashboard-actions li a:hover {
    background-color: #d5d3d0;
}

.EmployerDashboardPlace .dashboard-actions li a img {
    float: left;
    margin-right: 10px;
}

.EmployerDashboardPlace .dashboard-actions li a h4 {
    color: #808080;
    float: left;
    margin: 0;
    padding: 4px 0 0;
}

.EmployerDashboardPlace .memberSearchForm {
    padding-left: 10px;
    padding-top: 8px;
}

.EmployerDashboardPlace .memberSearchForm .formTable {
    float: left;
    width: 290px;
    margin-top: 0px;
}

.EmployerDashboardPlace .memberSearchForm .formTable .formRow {
    margin-bottom: 0px;
}

.EmployerDashboardPlace .memberSearchForm > .clearfix {
    display: none;
}

.EmployerDashboardPlace .memberSearchForm > .horizontalButtonBar.clearfix {
    display: block;
}

.EmployerDashboardPlace .memberSearchForm > .horizontalButtonBar .button {
    margin-top: 10px;
}

.EmployerDashboardPlace .memberSearchTerms .formLabelCell {
    display: none;
}

.ContributionBatchSummaryNewPlace .contributionBatchSummaryButtonBar .horizontalButtonBar,
.ContributionBatchSummaryEditPlace .contributionBatchSummaryButtonBar  .horizontalButtonBar,
.TerminateMemberPlace .terminateButtonBar  .horizontalButtonBar,
.EmployerAddMemberPlace .findDuplicateMembersForm .horizontalButtonBar{
    background: #3B3B3B;
    padding-bottom: 10px;
    padding-left: 10px;
}

.ContributionBatchDetailsEditDialog {
    margin-left: -480px; /* half width to ensure centered */
    width: 960px;
    padding-bottom: 40px;
}

.ContributionBatchDetailsEditPlace .remittanceForm > .horizontalButtonBar,
.ContributionBatchDetailsEditPlace .contributionBatchDetailButtonBar .horizontalButtonBar {
    background: #3B3B3B;
    padding-bottom: 10px;
    padding-left: 10px;
}

.ContributionBatchDetailsPlace .remittanceFormContributionBatchDetailsExportBar select,
.ContributionBatchDetailsPlace .contributionDetailsListContributionBatchDetailsExportBar select,
.ContributionBatchDetailsEditPlace .contributionBatchDetailExportBar select {
    width: 825px;
}

.ContributionBatchDetailsDialog {
    margin-left: -480px; /* half width to ensure centered */
    width: 960px;
    padding-bottom: 40px;
}

.MyDetailsPlace .clientBasicDetailsForm .residentialAddressSameAsPostal .error {
    border: 1px solid #ff0000;
}

.searchMemberResultsList .drillableTableDataSummaryRow .labelText {
    text-align: center !important;
    font-weight: normal;
}

/* GUI Lockup Detector */

.guiLockupDetector td, th {
    padding: 0px;
}

.guiLockupDetectorCurrent {
    color: white;
    background-color: blue;
    font-weight: bold;
}

.guiLockupDetectorMaxTimeout {
    color: white;
    background-color: magenta;
    font-weight: bold;
}

.guiLockupDetectorMaxTimeoutExceeded {
    color: white;
    background-color: red;
    font-weight: bold;
}

.guiLockupDetectorThreshold {
    color: white;
    background-color: green;
    font-weight: bold;
}

/* Date Picker ----------------------------------------------------------------------------------------------------- */

.datePickerContainer {
    z-index: 900;
}

.gwt-DatePicker {
    /* The master style of the date picker. */
    /* NOTE: This element is a table. Firefox doesn't honour all style directives. */
    font-size: 11px;
    background: #D8D8D8;
    text-align: center;
    cursor: pointer;
    border: 1px solid black;
}

.gwt-DatePicker * {
    font-size: 11px;
}

.datePickerMonthSelector {
    /* The month selector widget. */
}

.MonthSelector {
    background: #EFEFEF;
    text-align: center; /* The month in the month selector widget. */
    border-bottom: 1px solid #999999;
    width: 100%;
}

.MonthSelector * {
    font-weight: bold;
}

.datePickerPreviousButton {
    /* The previous month button. */
}

.datePickerNextButton {
    /* The next month button. */
}

.datePickerDays {
    /* The portion of the picker that shows the days. */
    /* NOTE: This element is a table. Firefox doesn't every css style. */
    padding: 0px 3px;

}

.datePickerWeekdayLabel {
    /* The label over weekdays. */
    background: #ECECEC;
    text-align: center;
}

.datePickerWeekendLabel {
    /* The label over weekends. */
    background: #ECECEC;
    text-align: center;
    color: #6C6C6C;
}

.datePickerDay {
    /* A single day. */
    padding: 0px 3px;
    border: 1px solid #D8D8D8;
    border-Collapse: collapse;
    text-align: center;
}

.datePickerDayIsToday {
    /* Today's date. */
}

.datePickerDayIsWeekend {
    /* A weekend day. */
    color: #6C6C6C;
    padding: 0px 3px;
    border: 1px solid #D8D8D8;
    border-Collapse: collapse;
    text-align: center;
}

.datePickerDayIsFiller {
    /* A day in another month. */
}

.datePickerDayIsDisabled {
    /* A disabled day. */
}

.datePickerDayIsHighlighted {
    /* The currently highlighted day. */
    border-Collapse: collapse;
    border: 1px solid #D8D8D8;
    padding: 0px 3px;
    font-weight: bold;
}

.datePickerDayIsValueAndHighlighted {
    /* The highlighted day if it is also selected. */
    border-Collapse: collapse;
    background: #0099d1;
    border: 1px solid black; /* This reduction in padding compensates for the space taken up by the border */
    padding: 0px 3px;
}

.datePickerDayIsValue {
    /* The selected day. */
    border-Collapse: collapse;
    background: #0099d1;
    border: 1px solid black; /* This reduction in padding compensates for the space taken up by the border */
    /*padding: 0px 3px; *//* NOTE: These values should be kept in synch with paddng in datePickerDays */
}

/* Suggest Popup ----------------------------------------------------------------------------------------------------- */

div.suggestPopup {
    /* Note: z-index is set via javascript. */
}

/* Hide print instructions */
#printInstructions {
    display: none;
    visibility: hidden;
}

.buttonStrip td {
    padding: 0px 2px !important;
    margin: 0px !important;
}

textarea.log-window {
    font-size: 12px;
    font-family: Consolas, sans-serif;
    font-weight: bold;
    hidden: true;
}

.contentPanel {
}

.contentPanel > .header {
    margin-bottom: 10px;
}

.sectionBar > .bar .header p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.invisible {
    display: none;
}

.hide {
    display: none;
}

div.rowFormButtonClass, div.rowFormButtonMouseoverClass, div.rowFormButtonFocusedClass {
    cursor: pointer;
    background: url('gat/laf/rowbutton/row-button-bg.gif') repeat-x;
    padding: 1px 15px 1px 2px;
    text-align: center;
    white-space: nowrap;
}

div.rowFormButtonFocusedClass {
    border: 1px inset #D1E4EF;
}

div.rowFormButtonClass, div.rowFormButtonMouseoverClass {
    border: 1px outset #D1E4EF;
}

div.rowFormButtonMouseoverClass {
    text-decoration: underline;
    color: #3366CC;
}

div.cmspanel {
    padding: 0px;
    margin: 0px;
    border: none;
}

a.cmspanelLabel, div.cmspanelLabel {
    display: none;
}

body.cms div.cmspanel {
    padding: 10px;
    margin: 1px;
    border: 1px solid yellow;
    text-align: left;
    font-size: 12px;
}

body.cms div.cmspanel textarea {
    width: 100%;
}

body.cms div.cmspanel a.cmspanelLabel, body.cms div.cmspanel div.cmspanelLabel {
    display: block;
    color: red;
    padding: 2px;
}

body.cms div.cmspanel a.cmspanelLabel.invisible, body.cms div.cmspanel div.cmspanelLabel.invisible {
    display: none;
}

/*
body.cms .invisible div.cmspanel {
    display: block;
    opacity: 0.3;
}

body.cms .invisible div.cmspanel textarea {
    display: block;
    opacity: 0.3;
}

body.cms .invisible div.cmspanel a.cmspanelLabel, body.cms .invisible div.cmspanel div.cmspanelLabel {
    display: block;
    opacity: 0.3;
}
*/

#fancybox-content {
    min-width: 400px !important;
}

.cms p {
    margin-top: 10px;
    margin-bottom: 0px;
}

.cms h2 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

/* My Projections / My Learning */

.previewPane td, .previewPane th {
    padding: 0.7em 0.5em 0.5em;
    text-align: left;
}

.myProjectionsDashboard .graphContainer {
    margin-top: 5px;
}

/* Application wide BlockUI config */
.blockUI.blockOverlay {
    background-color: #000;
    zoom: 1;
    -ms-filter: literal("progid:DXImageTransform.Microsoft.Alpha(Opacity=60)");
    filter: literal("alpha(opacity=60)");
    opacity: 0.6;
}

#fancybox-overlay {
    position: fixed !important;
}

.unexpectedServerErrorContainer {
    border: 1px solid red;
    padding: 5px 10px 15px;
}

.unexpectedServerError {
    font-weight: bold;
}

.InsurancePlace .accountBar {
    display: none !important;
}

.bgmlScript {
    display: none;
}

/*
    Print styles
    - Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/

----------------------------------------------------------------------*/
@media print {
    * {
        /*background: transparent !important;*/
        /*color: black !important;*/
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    body {
        background: transparent !important;
    }

    .ie6 .glasspane, .ie7 .glasspane, .ie8 .glasspane, .ie9 .glasspane {
        opacity: 1.0;
        border: 2000px solid white;
    }

    /* Black prints faster: sanbeiji.com/archives/953 */
    /*a, a:visited {*/
    /*color: #444 !important;*/
    /*text-decoration: underline;*/
    /*}*/

    pre, blockquote {
        /*border: 1px solid #999;*/
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img {
        page-break-inside: avoid;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3, div.p {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

/*custom tooltip*/
.tooltip .content{
    display: none;
    opacity: 0.7;
}
.tooltip{
    text-align: end;
}
.ui-tooltip {
    padding: 10px 20px;
    /*border-radius: 20px;*/
    box-shadow: 0 0 7px black;
    color: #ffffff;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 90%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 30px;
}

.ui-tooltip, .arrow:after {
    background: #174A7C;
    /*border: 2px solid white;*/
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}

/* *Audit Place */
body[class*="Audit"] .filter {
    padding: 5px;
    background-color: #f2f2f2;
}

body[class*="Audit"] .filter > div {
    margin: 5px;
}

body[class*="Audit"] .filter .formTable {
    width: 100%;
}

body[class*="Audit"] .filter td {
    padding: 5px;
}

body[class*="Audit"] .filter .formTable .fieldRow {
    margin: 5px;
}

body[class*="Audit"] .filter .formTable .label {
    width: 15%;
}

body[class*="Audit"] .filter .formTable .field {
    width: 85%;
}

body[class*="Audit"] .filter .formTable .field input {
    width: 100%;
}

body[class*="Audit"] .filter .formTable .field select {
    width: 100%;
}

body[class*="Audit"] .filter .filterError {
    text-align: center;
    color: red;
}

body[class*="Audit"] .filter .filterControl {
    text-align: right;
}

body[class*="Audit"] .result {
    margin-top: 10px;
    margin-bottom: 10px;
}

body[class*="Audit"] .result .drillableTableData {
    width: 100%;
}

body[class*="Audit"] .result .drillableTableData .timestamp,
body[class*="Audit"] .result .drillableTableData .operation {
    width: 20%;
}

body[class*="Audit"] .result .drillableTableData .details {
    width: 60%;
}

body[class*="Audit"] .result tr.audit_SAMLLogin,
body[class*="Audit"] .result tr.audit_Login {
    background-color: khaki;
}

body[class*="Audit"] .result tr.audit_Logout {
    background-color: lightblue;
}

body[class*="Audit"] .result tr.audit_ViewPage {
    background-color: lightyellow;
}

body[class*="Audit"] .result tr.audit_RegisterNoworForgottenPassword {
    background-color: lightgrey;
}

body[class*="Audit"] .result tr.audit_Send2FACode {
    background-color: lightcyan;
}

body[class*="Audit"] .result .fieldName {
    width: 100px;
    display: inline-block;
}

body[class*="Audit"] .result .fieldValue {
    color: darkcyan;
}

body[class*="Audit"] .result .field_Result .fieldValue[data="Success"],
body[class*="Audit"] .result .fieldValue {
    color: darkcyan;
}

body[class*="Audit"] .result .field_Result .fieldValue {
    color: red;
}

body[class*="Audit"] .result .detailsFieldValue {
    color: darkcyan;
}

body[class*="Audit"] .result div.detailsDetailsContent {
    display: inline;
}

body[class*="Audit"] .result .detailsDetailsControl {
    font-style: italic;
}

body[class*="Audit"] .pager {
    text-align: center;
}

body[class*="Audit"] .pager .disabled {
    pointer-events: none;
    cursor: default;
}
/* Canvas - Headers, text, etc */

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection {
    background: #E3C274;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #E3C274;
    color: #fff;
    text-shadow: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
.selectWrap select:focus {
    border: 1px solid #822423;
}

/* j.mp/webkit-tap-highlight-color */
a:link, .anchor:link {
    -webkit-tap-highlight-color: #cccccc;
}

html {
    background: #ffffff;
    overflow-y: scroll;
}

body {
    background: none repeat scroll 0 0 #ffffff;
    color: #333333;
    /*font-family: "Segoe UI",Verdana,Helvetica,Sans-Serif;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    line-height: 1.5em;
}

#__gwt_historyFrame {
    display: none;
}

body.memberWideScreenLayout, body.employerLayout,
body.memberDashboardLayout, body.adviserDashboardLayout,
body.memberLayout, body.adviserLayout, body.loginLayout {
    background: transparent;
}

body.adviserLayout  > .header,
body.employerLayout > .header {
    display: block;
}

body.memberDashboardLayout .wrapper,
body.adviserDashboardLayout .wrapper,
body.memberLayout .wrapper,
body.employerLayout .wrapper,
body.adviserLayout .wrapper {
    display: block;
}

body #nav-stripe-wrapper {
    display: none;
}

body.memberLayout #nav-stripe-wrapper, body.memberDashboardLayout #nav-stripe-wrapper {
    display: block;
}

h1, div.h1 {
    font-size: 24px;
}

.page-header h1, .page-header div.h1 {
    clear: both;
    font-weight: bold;
    line-height: 28px;
    margin: 8px 0 20px;
    color: #333333;
    font-size: 24px;
}

.site-title {
    display: none;
}

#main {
    background: none repeat-x scroll 0 0 transparent;
    min-height: 410px;
    min-width: 960px;
    margin-bottom: 36px;
}

#main .centred {
    /* the width is 978px because we have a border of 1px*/
    width: 978px;
    background: transparent;
    padding-top: 20px;
    min-height: 600px;
    border: 1px solid #E5C175;
    padding-bottom: 20px;
}

#main #tagline.content-slot {
    position: absolute;
    margin-left: 276px;
    margin-top: -118px;
    width: 700px;
}

#main #tagline.content-slot h2 {
    color: #20558A;
    font-family: 'HelveticaNeueLTRoman', Helvetica, Arial, sans-serif;
    font-size: 2.4em;
    font-weight: normal;
    line-height: 1em;
    margin: 13px 0 0 25px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#main #tagline.content-slot h3 {
    color: #20558A;
    font-family: 'HelveticaNeueLTLight', Helvetica, Arial, sans-serif;
    font-size: 1.9em;
    font-weight: normal;
    line-height: 1em;
    margin: 5px 0 0 25px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#figure-image {
    margin-bottom: 0;
    position: absolute;
    top: -99px;
}

#page {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 0;
}

.adviserLayout #page {

}

a:hover {
    text-decoration: underline;
}

.selectWrap select {
    background-color: #ffffff;
    border: 1px solid #777777;
}

body.adviserLayout #site-header > .centred {
    padding-bottom: 90px;
}

.contentPanel {
    margin-bottom: 10px;
}

.content-wrapper {
    overflow: hidden;
    width: 100%;
}

.canvasPanel {
    padding-top: 0;
}

#page, #dashboard {
    width: 940px;
}

body.memberDashboardLayout #page,
body.memberDashboardLayout #dashboard {
    width: 980px;
}

body.memberDashboardLayout #main .centred {
    background: none transparent;
    box-shadow: none;
}

body.memberDashboardLayout #main #tagline.content-slot {
    margin: 0;
    width: auto;
    z-index: 100;
}

body.memberDashboardLayout #figure-image {
    display:none;
}

/* CMS */

a,
a:active,
a:visited,
.cms a,
.cms a:active,
.cms a:visited {
    text-decoration: none;
    color: #20558A;
}

a:hover,
.cms a:hover {
    color: #20558A;
    text-decoration: underline;
}

.cms h2 {
    color: #333333;
    font-size: 16px;
}

.thingsYouShouldKnowPanel a, .thingsYouShouldKnowPanel a:active, .thingsYouShouldKnowPanel a:visited {
    color: white;
    text-decoration: underline;
}

.thingsYouShouldKnowPanel a:hover {
    text-decoration: none;
}

/* Buttons */
a.button, .button a, .button .multiLineButton {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 2px;
    background: #822423;
    border: 1px solid #822423;
}

.button span, .button .multiLineButton {
    font-size: 16px;
    line-height: 20px;
    /*background: -moz-linear-gradient(center top , #ED7C20 0%, #D77233 51%, #D05C16 54%, #971D02 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background: #822423;
    border: none;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 2px;
    padding: 10px 15px;

}

.button span:hover, .button .multiLineButton:hover {
    font-size: 16px;
    line-height: 20px;
    border: none;
    border-radius: 2px;
    background: #822423;
    text-decoration: underline;
}

.button a:hover, .button a:active, .button .multiLineButton:hover {
    font-size: 16px;
    line-height: 20px;
    border-radius: 2px;
    box-shadow: none;
    text-decoration: underline;
    background: #822423;
}

.button.large a {
    font-weight: normal;
    font-size: 16px;
}

.button.large span, .button .multiLineButton {
    border: none;
    padding: 10px 15px;
}

.button.grey span,
.button.grey span:hover,
#dialogContent .button.Cancel span,
#dialogContent .button.Cancel span:hover,
#dialogContent .button.cancel span,
#dialogContent .button.cancel span:hover {
    background: none;
    border: none;
    text-shadow: none;
    color: #ffffff;
    box-shadow: none;
}

.button.grey.Cancel span,
.button.grey.Cancel span:hover {
    color: #ffffff;
}

.button.grey span:hover,
#dialogContent .button.Cancel span:hover,
#dialogContent .button.cancel span:hover {
    text-decoration: underline;
}

.button.grey a,
.button.grey a:hover,
#dialogContent .button.Cancel a,
#dialogContent .button.Cancel a:hover,
#dialogContent .button.cancel,
#dialogContent .button.cancel:hover {
    background: #822423;
    border: 1px solid #822423;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
}

/* Pager */
a.pagerButton {
    font-size: 16px;
    padding: 8px 10px;
}

/* DatePicker */
.gwt-DatePicker {
    font-size: 14px;
}

.gwt-DatePicker * {
    font-size: 14px;
}

.MonthSelector * {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 4px;
}

/* Forms */
.formTable {
    border: none;
}

table.formGrid {
    /*border-collapse: ;*/
    margin-top: 10px;
}

.formGrid > tbody > tr > td {
    vertical-align: top;
    padding-right: 3px;
}

.formGrid .formLabelCell,
.formGrid tr.odd .formLabelCell {
    background: transparent;
    border: none !important;
    color: #822423;
    text-align: left;
    vertical-align: top;
    padding: 10px;
    font-size: 16px;
}

.formGrid tr.odd td {
    background: none repeat scroll 0 0 transparent;
}

.formGrid > tbody > tr {
    border-bottom: 3px solid transparent;
    /*margin-bottom:3px;*/
}

.formGrid td.formControlCell,
.formGrid tr.odd td.formControlCell {
    padding: 10px;
    padding-left: 15px;
    font-size: 16px;
    vertical-align: top;
    background: transparent;
}

.formEditable .formTable td {
    vertical-align: middle;
}

.formTable .formLabelCell {
    background: transparent;
    border: none;
    color: #822423;
    margin-bottom: 2px;
    padding: 10px;
    text-align: left;
    vertical-align: top;
    width: 180px;
    font-family: Arial, Helvetica, sans-serif;
}

.formTable .formRow {
    margin-bottom: 3px;
    margin-right: 10px;
}

.formTable .formControlCell.readOnly {
    background: transparent;
    color: #585857;
    font-size: 16px;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.formTable .formControlCell.editable .requiredIndicator {
    color: #FFFFFF;
    font-size: 20px;
    left: 175px;
    margin-top: -10px;
    position: absolute;
    width: 15px;
}

.formTable .formControlCell.editable > div > table > tbody > tr > td:first-child {
    width: 3px;
}

.formLabel {
    font-weight: bold;
}

td.formControlCell {
    padding: 2px;
}

td.formLabelCell > div {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
}

.requiredIndicator {
    color: #000000;
    display: block;
    font-size: 14px;
    height: 100%;
    text-align: center;
    width: 100%;
}

.form.formReadOnly .requiredIndicatorLegend {
    display: none;
}

input[type="text"],
input[type="password"],
.selectWrap select, textarea {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    color: #555555;
    font-size: 16px;
    line-height: 18px;
    padding: 10px;
    position: relative;
}

input[type="text"],
input[type="password"] {
    line-height: 16px;
}

.inputWrap {
    margin-right: 22px;
}

.suggestCombo img {
    margin-top: 5px;
}

.datePickerDayIsValue {
    background: #ffffff;
}

img.formIcon {
    display: none;
}

/* Tables */

.light {
    color: #636363;
}

.dark {
    color: #636363;
}

.drillableTable th.tableHeader > div {
    color: #822423 !important;
}

.drillableTable a, .drillableTable a:active, .drillableTable a:visited {
    color: #20558A;
    text-decoration: none;
}

.drillableTable a:hover {
    color: #20558A;
    text-decoration: underline;
}

.drillableListClickableCell {
    text-decoration: none;
}

.drillableTable {
    margin-top: 10px;
    position: relative;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.drillableTableData td div.cms.empty p {
    margin-top: 0;
    padding: 3px;
}

.drillableTableData thead tr th {
    background-color: transparent;
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
    padding: 10px;
    border: transparent;
    /*#822423*/
}

.drillableTableData tbody tr {
    background: transparent;
    border-top: 1px solid #822423;
}

.drillableTableData tbody tr.even,
.drillableTableData tbody tr.odd {
    background: transparent;
    border-top: 1px solid #822423;
}

.drillableTableData tr.drillableTableDataSummaryRow.heading {
    color: #822423;
    font-weight: bold;
}

.drillableTableData tr.drillableTableDataSummaryRow,
.drillableTableData tr.drillableTableDataSummaryRow.odd {
    background: transparent;
    font-weight: normal;
}

.drillableTableData {
    border-collapse: collapse;
    border-color: #ffffff;
    border-image: none;
}

.drillableTableData th, .drillableTableData td {
    border: none;
    padding: 10px;
    font-size: 16px;
}

.drillableTableData td.tableCell {
    border: none;
}

/* Account Bar */

.accountBar {
    display: none;
}

/* Export Bar */

.exportBar {
    display: block;
    margin: 20px 0;
}

.exportBar .lbl {
    font-size: 16px;
    display: inline;
    font-weight: bold;
    padding-right: 10px;
    vertical-align: middle;
}

.exportBar .select {
    background-color: transparent;
    border: 1px solid;
    display: inline;
    font-weight: normal;
    padding: 5px;
    width: 820px;
    font-size: 16px;
}

.exportBar .buttonWrap {
    float: right;
    margin-top: -1px;
}

.exportBar .buttonWrap.button span {
    padding: 6px 10px;
}

/* Header */

.wrapper {
    margin: 0 auto;
    padding: 0px;
    position: relative;
    width: 980px;
    background: url('laf/sitewide/header_banner.png');
    background-repeat: no-repeat;
    background-position: right top;
    display: none;
}

.wrapper .header_logo {
    margin-top: -5px;
}

body > .header {
    background: transparent;
    height: auto;
    position: relative;
    z-index: 15;
    padding-top: 20px;
    padding-bottom: 14px;
}

body > .header a img {
    margin: 30px 0 0 10px;
}

#user-nav {
    background: none transparent;
    color: transparent;
    font-size: 1em;
    padding: 0;
}

#user-nav ul {
    float: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 45px;
    line-height: 1;
    display: block;
}

#user-nav ul li {
    display: inline;
    list-style: none outside none;
    float: none;
    margin-left: 0;
}

#user-nav ul li a {
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: #ffffff;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

#user-nav ul li a:hover {
    color: #ffffff;
}

#user-nav ul li a#print,
#user-nav ul li a#Logout {
    padding: 0 10px;
}

#user-nav ul li#welcomeItem {
    color: #ffffff;
    float: left;
    font-size: 12px;
    margin-right: 20px;
    font-family: Verdana,Geneva,sans-serif;
    max-width: 485px;
}

#user-nav #helpItem {
    display: none;
}

#user-nav #myDetailsItem {
    display: none;
}

/* action-menu */
.action-menu {
    display: none;
}

/* Site Nav Menu */

#site-nav {
    display: none;
}

/* Section Nav Menu */
#section-nav {
    float: right;
    margin: -18px 0 0;
    padding: 0;
    position: relative;
}

#section-nav ul {
    display: inline-block;
    height: auto;
    list-style: none outside none;
    margin: 0px;
    position: relative;
    z-index: 15;
    background: none transparent;
    border-radius: 0;
    padding: 0 0;
    text-align: left;
    width: auto;
}

#section-nav li {
    border-right: none;
    float: left;
    height: auto;
    position: relative;
    border-right: 1px solid #ffffff;
}

#section-nav a,
#section-nav li.current a,
#section-nav ul li:hover a {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    font-family: Verdana,Geneva,sans-serif;
    text-shadow: none !important;
    position: relative;
    text-decoration: none !important;
    padding: 8px 10px;
}

#section-nav a,
#section-nav ul li a:hover {
    color: #000000;
    background: #e3c273;
}

#section-nav li.current a,
#section-nav li.current a:hover {
    color: #ffffff;
    background: #8b1b1a;
}



/* Sidebar menu */
#sidebar-left {
    padding-right: 10px;
}

#sidebar-nav li {
    position: relative;
}

#sidebar-right #member-menu .action-menu,
#sidebar-right #adviser-details-menu {
    display: none !important;
}

/* Filter Forms */
.filterForm .formTable td,
.formEditable .filterForm .formTable td {
}

.filterForm .formTable .formLabelCell {
    background: transparent;
    border: none;
    color: #822423;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.filterForm .formTable td.formControlCell {
    background: none transparent !important;
    border: none;
    padding-left: 5px;
}

.filterForm {
    border: none;
}

.filterForm > .horizontalButtonBar {
    display: none !important;
}

.filterForm .formTable .formRow {
    margin-bottom: 0;
}

.filterForm .formTable {
    margin-top: 0;
}

.filterForm .button {
    margin-top: 3px;
}

.filterForm.showHideBlock {
    background: transparent;
}

.filterForm.showHideBlock .showHideContent {
    padding: 0 0 0;
    color: #333333;
    margin: 15px 0px;
}

.filterForm {
    background-color: #ffffff;
    color: white;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.filterForm .cms h2 {
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.filterForm td.formLabelCell > div {
    padding-left: 7px;
    vertical-align: top;
    color: #822423;
    font-size: 16px;
    font-weight: bold;
}

.filterForm .showHideContent .horizontalButtonBar {
    position: absolute;
    top: 8.5px;
    left: 760px;
}

.filterForm .form div:nth-child(3) {
    border: none;
    border-radius: 0px;
}

td.formTableVerticalDivider {
    display: none;
}

/* Section Bars */

.sectionBarIcon {
    display: none;
}

.sectionBar .title {
    color: #333333;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding-right: 10px;
    text-align: left;
    line-height: 20px;
}

.sectionBar .bar {
    padding: 0 10px 0px 0;
}


.buttonBar.sectionBar.sectionDark > .bar, .buttonBar.sectionBar.sectionDark > .horizontalButtonBar {
    background: none white;
}

.sectionDark > .bar, .sectionDark > .horizontalButtonBar {
    background-color: white;
}

/* Wizards */

.wizardBottomButtonBar {
    background: none transparent;
    padding: 0;
}

/* Lightboxes */

.dialog .popupContent {
    background: none repeat scroll 0 0 white;
    color: #333333;
    padding: 10px;
    text-align: left;
}

.modal .canvasPanel {
    background: none repeat-x scroll center 0 #FFFFFF;
}

.disclaimerScrollPanel {
    background: none transparent;
}

.textModal {
    background: none transparent;
    padding: 10px;
}

.textModal div.p {
    color: #333333;
}

/* required indicator */

.requiredIndicatorLegend {
    display: none;
}

.cms .requiredIndicatorLegend {
    /*background: none repeat scroll 0 0 #F1F1F2;*/
    /*border-left: 4px solid #20558A;*/
    background: none;
    border: none;
    display: inline-block;
    padding: 5px;
    text-align: left;
    width: auto;
    color: #303030;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

/* Login Screen */
body.loginLayout {
    background-color: transparent;
}

#login {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5C175;
    box-shadow: none;
    margin: 20px auto;
    padding: 0px;
    width: 1020px;
}

.loginLayout #login .Login_footer p {
    margin-top: -5px;
}

#login .login-header {
    padding: 40px;
    background: #ffffff;
    padding-bottom: 0px;
}

#login .login-content {
    padding-top: 20px;
    padding-bottom: 50px;
    min-height: 300px;
}

#login #loginActMgr {
    left: 48%;
    position: relative;
    width: 52%;
}

#login .Login_header {
    color: white;
    font-size: 15px;
    line-height: 1.5;
    margin-left: -470px;
    margin-top: -264px;
    position: absolute;
    width: 82%;
    font-family: "FS Me Web Bold", Arial, Helvetica, sans-serif;
}

#login h2 {
    font-size: 36px;
    color: white;
}

#login .Login_loginForm_header {
    font-family: "FS Me Web Bold", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    margin-left: -444px;
    margin-top: 8px;
    position: absolute;
    width: 74%;
    color: #585857
}

#login .ResetPassword_mustChangePasswordForm_header {
    font-family: "FS Me Web Bold", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    margin-left: -470px;
    margin-top: 8px;
    position: absolute;
    width: 92%;
    color: #585857
}

/* ForgottenPasswordPlace */
/* ForgottenPasswordPlace */
.place-ForgottenPassword .login-content {
    padding-left: 60px;
}

.canvasPanel.ForgottenPasswordPlace {
    min-height: 0px;
}

.ForgottenPasswordPlace .button.grey span,
.ForgottenPasswordPlace .button.grey span:hover {
    background: #8b1b1a;
    color: #ffffff;

}

.ForgottenPasswordPlace .button.grey.Cancel span,
.ForgottenPasswordPlace .button.grey.Cancel span:hover {
    color: #ffffff;
}

.ForgottenPasswordPlace .button.grey.Cancel span:hover {
    text-decoration: underline;
}

#login .ForgottenPassword_forgottenPasswordForm_header {
    font-size: 15px;
    line-height: 1.5;
    margin-left: -470px;
    margin-top: 8px;
    position: absolute;
    width: 82%;
}

#login .ForgottenPassword_tokenValidationForm_header {
    font-size: 15px;
    line-height: 1.5;
    margin-left: -434px;
    margin-top: 8px;
    position: absolute;
    width: 80%;
}

.ForgottenPasswordPlace .tokenValidationForm {
    width: 480px;
    margin-left: -40px;
}

/* RegisterNowPlace */
/* ForgottenPasswordPlace */
.place-RegisterNow .login-content {
    padding-left: 60px;
}

.RegisterNowPlace .button.grey span,
.RegisterNowPlace .button.grey span:hover {
    background: #8b1b1a;
    color: #ffffff;
    text-decoration: none;
}

.RegisterNowPlace .button.grey span:hover {
    text-decoration: underline;
}

.RegisterNowPlace .button.grey.Cancel span,
.RegisterNowPlace .button.grey.Cancel span:hover {
    background: #8b1b1a;
    color: #ffffff;
}

.RegisterNowPlace .button.grey.Cancel span:hover {
    text-decoration: underline;
}

#login .RegisterNow_registerNowForm_header,
#login .RegisterNow_tokenValidationForm_header {
    font-size: 15px;
    line-height: 1.5;
    margin-left: -470px;
    margin-top: 8px;
    position: absolute;
    width: 82%;
}

#login .required {
    display: none;
}

#login .vertical-field-label label, .loginLayout .captchaHint {
    color: #585857;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 28.85px;
    margin-bottom: 4px;
    margin-top: 7px;
}

#login .tokenValidationForm .button.Submit {
    width: 147px;
}

#login .registerNowForm .vertical-field,
#login .tokenValidationForm .vertical-field {
    width: 80%;
}

#login .mustChangePasswordForm .vertical-field.newPassword,
#login .mustChangePasswordForm .vertical-field.newPassword2 {
    width: 80%;
}

#login .loginForm .vertical-field.username {
    float: left;
    width: 40%;
}

#login .vertical-field.username {
    width: 40%;
}

#login .forgottenPasswordForm .username {
    width: 52%;
}

#login .forgottenPasswordForm .horizontalButtonBar {
    margin-top: 20px;
}

#login .loginForm .vertical-field.password {
    float: left;
    margin-left: 10%;
    width: 40%;
}

#login .Login_loginForm_buttonHeader {
    clear: both;
    font-family: Arial;
    font-size: 15px;
    line-height: 1.5;
    padding-bottom: 10px;
    padding-top: 24px;
}

.loginLayout .containertop {
    display: none;
}

.loginLayout #login a, .loginLayout .login a:active, .loginLayout .login a:visited {
    color: #20558A;
    font-size: 14px;
}

.loginLayout #login input[type="text"], .loginLayout #login input[type="password"] {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 28px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
    z-index: 0;
    position: relative;
    line-height: 28px;
}

.loginLayout #login input[type="text"]:focus, .loginLayout #login input[type="password"]:focus {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #822423;
    border-radius: 3px;
    outline: medium none;
}

.loginLayout #login .error input[type="text"], .loginLayout #login .error input[type="password"] {
    border: 1px solid red;
    outline: medium none;
    background: none transparent;
}

.loginLayout .captchaWidget .captchaImageControl {
    width: 96%;
}

.loginLayout .captchaWidget input {
    width: 91%;
}

#login .horizontalButtonBar {
    display: block;
}

#login .anchor.Reset {
    display: none;
}

.loginLayout #login .button a:hover {
    background: #822423;
}

#login .button.Submit {
    width: 200px;
}

#login .button.large span, .button .multiLineButton {
    padding: 11px 10px;
    font-weight: normal;
}

#login .button.Submit a {
    border: 1px solid #822423;
    border-radius: 2px;
    box-shadow: none;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    width: 100%
}

#login .button.Submit a:hover {
    /*background: none #E13288;*/
}

.button.login a {
    text-shadow: none;
    text-transform: none;
}

/* Uppercase override */

.uppercase, .toUpper, .toUppercase {
    text-transform: none;
}

.buttonWrap.right {
    float: left;
}

.smsCodeNumberType .buttonWrap.right {
    float: right;
    margin-top: 0px;
}

.sectionBar > .bar .buttonWrap.right {
    float: right;
}

.exportBar .buttonWrap.right {
    float: right;
}

/* Member Dashboard */
.myAccountsDashboard {
    background: transparent;
    width:480px;
    border: none;
    min-height:620px;
    float:left;
}

.ie8_dashboard_background {
    display: none;
}

.ie8 .place-MemberDashboard #main {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.ie8 .place-MemberDashboard #main .centred {
    background: transparent;
}

.ie8 .place-MemberDashboard #main .ie8_dashboard_background {
    width: 500px;
    height: 333px;
    content: " ";
    position: absolute;
    text-align: center;
    top: 1px;
    right: 1px ;
    display: block;
}

/*.place-MemberDashboard #main .centred {*/
    /*background: url("laf/sitewide/dashboard_background.png") no-repeat scroll 0 0 transparent;*/
    /*background-size: 500px;*/
    /*background-position: top right;*/
/*}*/

.MemberDashboardPlace .MemberDashboard_myProjections {
    color: #ff0000;
    width: 445px;
    font-size: 13px;
    float:right;
    /*margin-top:300px;*/
}

.MemberDashboardPlace .MemberDashboard_myProjections a {
    font-weight: bold;
}

.MemberDashboardPlace .MemberDashboard_myProjections h1 {
    color: #333333;
    font-size: 25px;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.MemberDashboardPlace.canvasPanel {
    padding-top: 0px;
}

.MemberDashboardPlace .sectionBar.sectionDark > .bar, .sectionBar.sectionDark > .horizontalButtonBar {
    background: none transparent;
    padding: 0px;
}

.MemberDashboardPlace .myAccountsDashboard {
    padding-left: 0;
    padding-right: 0;
}

.MemberDashboardPlace .myAccountsDashboard .MemberDashboard_myAccountDashboardActionBar {
    width: 450px;
}

.MemberDashboardPlace .accountList thead tr th, .MemberDashboardPlace .accountList tbody tr td {
    padding: 10px;
}

.MemberDashboardPlace .accountList tbody tr.even, .MemberDashboardPlace .accountList tbody tr.even th {
    background-color: transparent;
    padding: 10px;
}

.MemberDashboardPlace .sectionBar .title, .SectionPanel .sectionBar .title {
    clear: both;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    margin: 0px;
    margin-bottom: 15px;
    width: 100%;
    text-shadow: 1px 1px 0px #ffffff;
}

.MemberDashboardPlace .sectionBar .bar, .SectionPanel .sectionBar .bar {
    margin: 0;
}

.MemberDashboardPlace .accountHistory h2,
.MemberDashboardPlace .accountList h2 {
    text-shadow: 1px 1px 0px #ffffff;
}

.MemberDashboardPlace .accountList {
    margin: 0px;
    width: 460px;
}

.MemberDashboardPlace .accountHistory {
    background: none transparent;
    float: left;
    margin: 0px;
    padding: 0px;
    text-align: right;
    width: 500px;
    height: auto;
    padding-top: 30px;
}

.MemberDashboardPlace .accountHistory .graphContainer {
    height: 245px;
    width: 450px;
    border: 1px solid #ffffff;
    padding-top: 35px;
    padding-left: 3px;
    padding-right: 7px;
    background: transparent;
}
.ie8 .MemberDashboardPlace .accountHistory .graphContainer {
    height: 230px;
    width: 450px;
}

.MemberDashboardPlace .sectionBar .bar,
.SectionPanel .sectionBar .bar {
    border-bottom: none;
    background-color: transparent;
}


.MemberDashboardPlace .accountHistory select,
.MemberDashboardPlace .accountHistory .singleSelection {
    color: #333333;
    margin: 2px 0px 10px;
    width: 100%;
    border: 1px solid #333333;
    padding: 3px;
}

.MemberDashboardPlace .clientDashboardAlerts {
    border: none;
    padding: 15px;
    padding-top: 0px;
    font-size: 14px;
}

.MemberDashboardPlace .clientDashboardAlerts .pleaseNote {
    font-size: 16px;
    font-weight: bold;
    color: #E60000;
    margin-top: -5px;
    padding-bottom: 5px;
}

.MemberDashboard_accountHistoryChart_header {
    text-align: left;
}


/* Valuation */

.ValuationPlace .filterForm-getMemberPortfolioHoldingsFilterBlock {
    display: none;
}

.ValuationPlace .assetTransactionFilterForm .formRow {
    width: 192px;
    float: left;
}

.ValuationPlace .assetTransactionFilterForm .formRow .formLabelCell {
    width: 80px;
    padding-left: 10px;
}

/* Transaction History Place */
.TransactionHistoryPlace .transactionHistoryFilterForm {
    padding: 10px 0;
}
.TransactionHistoryPlace .transactionHistoryFilterForm .formRow.transactionType {
    width: 280px;
}

.TransactionHistoryPlace .transactionHistoryFilterForm .formRow {
    width: 210px;
    float: left;
}

.TransactionHistoryPlace .transactionHistoryFilterForm .formRow.dateFormFieldType  {
    margin-right: 20px;
}

.TransactionHistoryPlace .transactionHistoryFilterForm .formRow .formLabelCell {
    width: 90px;
}

.TransactionHistoryPlace .transactionHistoryFilterForm .formRow.transactionType .formLabelCell {
    width: 60px;
}

.TransactionHistoryPlace .transactionHistoryFilterForm .formRow.historicalDateFormFieldType .formControlCell input,
.TransactionHistoryPlace .transactionHistoryFilterForm .formRow.dateFormFieldType .formControlCell input {
    width: 80px;
}

/* My Details Place */
.MyDetailsPlace .MyDetails_clientBasicDetailsForm_footer h2 {
    margin-top: 15px;
}

.MyDetailsPlace .clientBasicDetailsForm.formEditable .MyDetails_clientBasicDetailsForm_footer .myDetailsActionBar {
    display: none;
}

.MyDetailsPlace .clientBasicDetailsForm .horizontalButtonBar .buttonWrap {
    float: right;
}

.MyDetailsPlace .myDetailsActionBar {
    margin-left: 70px;
    margin-top: -40px;
    position: absolute;
}

/* My Preferences */

.MyPreferencesPlace .formTable .formLabelCell {
    width: 327px;
}

.MyPreferencesPlace .formTable {
    width: 600px;
}

/* Switch Place */

.SwitchPlace .wizardProgressBar {
    display: none;
}

.SwitchPlace .switchWizard_bottomButtonBar {
    background: none transparent;
}

.SwitchPlace .performSwitchDetailsList .drillableTableData td.pendingPercent,
.SwitchPlace .performSwitchDetailsList .drillableTableData td.percent {
    width: 100px;
}

/* Benefit Quote Place */

.BenefitQuotePlace .drillableTableData thead tr th {
    border-left: 0px;
}

.BenefitQuotePlace .drillableTableData td {
    border-left: 0px;
}

.BenefitQuotePlace .drillableTableDataSummaryRow,
.BenefitQuotePlace .drillableTableDataSummaryRow .dark {
    color: #822423;
}

.BenefitQuotePlace .drillableTableDataSummaryRow.heading {
    color: #822423;
}

.BenefitQuotePlace .benefitQuoteAccountSummaryList thead {
    display: none;
}

.BenefitQuotePlace .benefitQuotePreservationBenefitsList thead {
    /*display: none;*/
}

.BenefitQuotePlace .benefitQuoteTaxationBenefitsList thead {
    /*display: none;*/
}

.BenefitQuotePlace .benefitQuoteContCapLimitsBenefitsList thead {
    /*display: none;*/
}

.BenefitQuotePlace .benefitQuoteDefinedBenefitCalculationPlainTextList thead {
    /*display: none;*/
}

.BenefitQuotePlace .exportBar {
    display: block !important;
}

#sidebar-nav #My_Investments_Nav #Switch {
    display: none;
}

/* MoneyIn Place */

.MoneyInPlace .moneyInGotoBar {
    display: inline;
}

.MoneyInPlace .employerContsSectionBar img,
.MoneyInPlace .bPayReferenceSectionBar img,
.MoneyInPlace .memberPaymentChequeSectionBar img {
    display: none;
}

.MoneyInPlace .sectionBar.employerContsSectionBar {
    display: none;
}

.MoneyInPlace .createDirectDebitButtonBar .horizontalButtonBar {
    background: none transparent;
}

.MoneyInPlace .cancelDirectDebitButtonBar .horizontalButtonBar {
    background: none transparent;
}

.MoneyInPlace .wizardProgressBar {
    display: none;
}

.MoneyInPlace .paymentDirectDebitForm .formTable .formRow.bsbDetails {
    margin-top: -3px;
}

/* Allocation */

.AllocationPlace .assetAllocationPortfolioList .drillableTable {
    font-size: 0.8em;
}

.AllocationPlace .drillableTableData tbody tr.odd {
    background-color: transparent;
}

.AllocationPlace .drillableTableData td {
    padding: 0.1em 0.5em 0.5em;
}

.AllocationPlace .assetAllocationLegendList .color8 .light {
    color: #777777;
}

/* Insurance */

.InsurancePlace .accountBar {
    display: block !important;
}

.InsurancePlace .sectionBar > div > img {
    display: none;
}

.InsurancePlace .insuranceDetailsList_deathTpdAndIp .drillableTableData td {
    vertical-align: top;
}

/* Profile */

.ProfilePlace .Edit,
.ProfilePlace .Save,
.ProfilePlace .Cancel {
    text-transform: capitalize;
}

.ProfilePlace .profileUpdateButtonBar {
    background: none transparent;
    padding: 0;
}

.ProfilePlace .investmentProfileDetailsList .drillableTableData td.percent {
    width: 100px;
}

/* Pension */

.PensionPlace .pensionDetailsForm img,
.PensionPlace .pensionDetailsSectionBar img,
.PensionPlace .pensionSetupDebitForm img,
.PensionPlace .pensionPaymentDetailsSectionBar img {
    display: none;
}

/* Beneficiaries */

.BeneficiariesPlace .updateBeneficiariesDetailsSectionBar img {
    display: none;
}

.BeneficiariesPlace .updateBeneficiariesDetailsSectionBar .suggestCombo img {
    display: block;
}

.BeneficiariesPlace .updateBeneficiariesDetailsReceiptSectionBar img {
    display: none;
}

.BeneficiariesPlace .formTable .formLabelCell {
    width: 140px;
}

.BeneficiariesPlace .beneficiariesTermsAndConditionsForm {
    color: #333333;
}

/* Switch */

.SwitchPlace .sectionBar .message {
    display: none;
}

/* Rollover */

.RolloverDialog {
    margin-left: -415px;
    width: 812px;
}

.RolloverPlace .wizardProgressBar {
    display: none;
}

.RolloverPlace .transferInRequestForm .formLabelCell img {
    display: none;
}

.RolloverPlace .transferInDetailsButtonBar {
    display: none;
}

/* Rollover Super Stream */

.RolloverSuperStreamPlace .wizardProgressBar {
    display: none;
}

/* My Contributions */

.MyContributionsPlace .myContributionsList thead {
    display: none;
}

/* Update Password */

.UpdatePasswordPlace .formLabelCell {
    width: 160px;
}

.UpdatePasswordPlace td.formControlCell {
    padding-left: 15px;
}

.UpdatePasswordPlace .formTable .formControlCell.editable input {
    width: 160px;
}

/* Contact Us */

.Footer_contactUs img.formIcon {
    float: left;
    margin-right: 8px;
    margin-top: -4px;
}

.Footer_contactUs .formFieldLabel {
    color: #777777;
    margin-left: 39px;
}

.Footer_contactUs .formTable .formRow {
    margin-top: 12px;
}

.Footer_contactUs a, .Footer_contactUs a:active, .Footer_contactUs a:visited {
    color: #777777;
}

.AccountInfoPlace .formLabelCell {
    width: 100px;
}

.AccountInfoPlace .formControlCell {
    width: 200px;
}

.ReversionaryPlace .wizardProgressBar {
    display: none;
}

.ReversionaryPlace .formTable .formLabelCell {
    width: 120px;
}

/* PerformancePlace */
.PerformancePlace .filterForm-getMemberPortfolioPerformanceFilterBlock .formRow {
    float: left;
    width: 200px;
}

.PerformancePlace .filterForm-getMemberPortfolioPerformanceFilterBlock .formRow .formLabelCell {
    width: 80px;
}

.PerformancePlace .filterForm-getMemberPortfolioPerformanceFilterBlock .formRow .formControlCell {
    width: 100px;
}

/* AdminEmployerSearchPlace */
.AdminEmployerSearchPlace .formTable .formControlCell.editable > div > table > tbody > tr > td:first-child {
    width: auto;
}

/* EmployerDashboardPlace */
.place-EmployerDashboard #main .centred {
    background: url("laf/sitewide/employer_dashboard_background_strip.png") repeat-y scroll 0 0 transparent;
    min-height: 0px;
    padding-bottom: 30px;
    padding-top: 0px;
}

.place-EmployerDashboard #main .centred #page {
    padding-left: 40px;
    margin-top: 50px;
    min-height: 0px !important;
}

.place-EmployerDashboard .EmployerDashboardPlace.canvasPanel {
    min-height: 0px;
}

.EmployerDashboardPlace .page-header {
    display: block;
}

.EmployerDashboardPlace .EmployerDashboard_contributions,
.EmployerDashboardPlace .EmployerDashboard_reporting,
.EmployerDashboardPlace .EmployerDashboard_administration,
.EmployerDashboardPlace .sectionBar {
    width: 285px;
    min-height: 272px;
}

.EmployerDashboardPlace .sectionBar,
.EmployerDashboardPlace .sectionBar .bar {
    background: transparent;
    border: none;
}

.EmployerDashboardPlace .sectionBar .bar {
    padding-left: 18px;
}

.EmployerDashboardPlace .sectionBar {
    border: 1px solid #822423;
    border-radius: 4px 4px 4px 4px;
    padding-top: 10px;
}

.EmployerDashboardPlace .sectionBar .title {
    font-size: 20px;
    color: #20558A;
}

.EmployerDashboardPlace .sectionBar  li a h4 {
    font-size: 14px;
    color: #822423;
}

.EmployerDashboardPlace .dashboard-actions {
    border: none;
    margin: 10px;
    margin-top: 0px;
}

.EmployerDashboardPlace .dashboard-actions li a:hover,
.EmployerDashboardPlace .sectionBar  li a:hover h4,
.EmployerDashboardPlace .sectionBar  li a h4:hover {
    text-decoration: underline;
    background-color: transparent;
}

.EmployerDashboardPlace .dashboard-actions li a {
    background: url("laf/icons/16/greater.png") no-repeat scroll 238px center rgba(0, 0, 0, 0);
}

.EmployerDashboardPlace .contentPanel > .canvasContentList > .sectionBar {
    margin-top: -40px;
    min-height: 50px;
    position: absolute;
    right: 52px;
    top: 0;
    width: 435px;
    padding-top: 0px;
    border: none;
}

.EmployerDashboardPlace .contentPanel > .canvasContentList > .sectionBar .bar {
    display: none;
}

.EmployerDashboardPlace .memberSearchTerms .formLabelCell {
    display: table-cell;
    width: 120px;
    text-align: center;
}

.EmployerDashboardPlace .memberSearchTerms .formControlCell {
    width: 200px;
}

.EmployerDashboardPlace .memberSearchForm > .horizontalButtonBar .button {
    margin-top: 2px;
}

.EmployerDashboardPlace .EmployerDashboard_reporting .sectionBar {
    margin-left: -10px;
}

.memberLayout #UpdatePassword-wrapper {
    display: none;
}

.place-RegisterNow .Dialog_Pleasecheckyouremail h1 {
    visibility: hidden;
    position: relative;
}

.place-RegisterNow .Dialog_Pleasecheckyouremail h1::after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Please check your mobile phone";
}

/* *Audit Place */
#Audit-wrapper {
    margin-top: 10px !important;
}

body[class*="Audit"] .buttonWrap.right {
    float: right;
}