/* Resets default browser CSS.  
-------------------------------------------------------------- */
/* Eric Meyers CSS Reset - v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 
-------------------------------------------------------------- */
body {background: #ededed; color: #444; font: normal 62.5%/1.5 "Trebuchet MS", Arial, Verdana, sans-serif;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {margin-bottom:.8em; font-weight:normal; font-family: Calibri, sans-serif;}
h1 {font-size: 1.6em; color: #444;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: .8em;}

/* Text elements
-------------------------------------------------------------- */
p {margin-bottom: 1.5em;}
abbr {border-bottom: dotted 1px #aaa;}

/* Link elements 
-------------------------------------------------------------- */
a {color: #369; font-weight: normal; text-decoration: none; border-bottom: 1px solid #ccc;}
a:hover,
a:active,
a:focus {background: #f9faca;}

/* List elements 
-------------------------------------------------------------- */
ul {margin-bottom: 1.5em; list-style: disc outside; padding-left: 1.8em;}
ol {margin-bottom: 1.5em; list-style: decimal outside; padding-left: 2.2em;}
dl {margin-bottom: 1.5em;}
dt {float: left; min-width: 100px; margin-right: .5em; font-weight: bold;}

/* Tables
-------------------------------------------------------------- */
table {width: 100%; margin-bottom: 1.5em; font-size: .9em;}
caption {background: #ddd; color: #555; padding: .35em .7em; text-align: left; font-size: 1.3em; font-weight: bold; text-shadow: 1px 1px 1px #eee;}
caption.grouped-results {text-align: center; background-color: #ccc;}
thead {background: #eee;}
thead tr {border-bottom: 1px solid #ddd;}
thead th {font-weight: normal; color: #555; padding: .5em 1em; text-align: left;}
thead th a {color: #555;}
tfoot {background: #eee;}
tfoot th, tfoot td {text-align: left;}
tbody tr {border-bottom: 1px solid #eee;}
tbody tr:nth-child(2n + 2) {background:#f8f8f8;}
* html thead th {background: #eee; border-bottom: 5px solid #ddd;}
* html tbody tr,
* html tbody td {border-bottom: 2px solid #ddd;}
*:first-child+html thead th {background: #eee; border-bottom: 5px solid #ddd;}
*:first-child+html tbody tr,
*:first-child+html tbody td {border-bottom: 2px solid #ddd;}
tbody th {font-weight: bold; background: #eee; text-align: left;}
tbody th.grouping-header {background: #ddd;}
th,
td {padding: .75em 1em; font-size: .95em;}
table form {margin: 0;}
.fdTableSortTrigger + span {cursor: pointer;}

/* Forms
-------------------------------------------------------------- */
form {margin-bottom: 1.5em;}
fieldset {border-top: 4px solid #ddd; margin-bottom: 1.5em; padding: 1.5em 1.5em 0 1.5em;}
fieldset fieldset {border-top:1px solid #ddd; border-bottom:0; margin: 0 -1.5em 1.5em;}
.form-item + fieldset {margin-top: 1.5em;}
legend {padding: 0 .5em; margin-left: -.5em; font-size: 1.1em; font-weight: bold; color: #555;}
fieldset fieldset legend {font-size: .9em;}
label {display: block; padding-bottom: .25em;}
label em {font-size: .75em;}
input + label {display: inline;}
.form-item,
.form-actions {margin-bottom: .75em;}
ul.form-item {list-style-type: none; padding: 0;}
input[type="text"],
input[type="password"],
select,
textarea {min-width: 14em; padding: 2px; border: 1px solid #aaa;}
input[type="submit"] {border: 1px solid #aaa; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 3px 10px; font-size: 1.1em; color: #333; background: #c6c6c6 url(../Images/grey-gradient.gif) repeat-x; font-weight: bold; font-family: Calibri, Arial, Verdana, Sans-Serif; text-shadow: 1px 1px 1px #eee;}
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {border:1px solid #ccc; cursor: pointer; color: #666;}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {border: 1px solid #ffc600; background: #f9faca;}

/* Structure
-------------------------------------------------------------- */
#Wrapper {width: 980px; margin: 20px auto; font-size: 1.4em;}
#Content {padding: 30px; background: #fff; -moz-border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius-topleft: 0;  -webkit-border-top-left-radius: 0;  -moz-border-radius-topright: 0;  -webkit-border-top-right-radius: 0; border: 1px solid #ccc; border-top: none; float: left; width: 918px;}
#Header {overflow: hidden;}
#User-Info {float: right; line-height: 2;}
#User-Info div {display: inline; margin-left: .5em;}
#User-Info div:last-child {border-left: 1px solid #ccc; padding-left: 1em;}
#Branding {float: left; margin: 0 0 20px 0; font-family: Georgia, serif; font-size: 2em; font-variant: small-caps; line-height: 1; color: #666;}
#Branding a {border: none;}
#Branding a:hover,
#Branding a:active,
#Branding a:focus {background: none;}
#Main-Navigation {clear: both; list-style: none; margin: .8em 0 0 0; padding: 0; overflow: hidden; background: #ccc;}
* html #Main-Navigation {zoom: 1;}
#Main-Navigation li {float: left; border-right: 1px solid #bbb;}
#Main-Navigation a {float: left; padding: .5em 1.5em; color: #000; font-weight: normal; text-decoration: none; border: none;}
#Main-Navigation a:hover,
#Main-Navigation a:active,
#Main-Navigation a:focus {background: #ddd; color: #000;}
#Main-Navigation li.selected a {background: #fff; color: #000; border: 1px solid #ccc; border-bottom: none;}
#Footer {clear: left; padding: 1em; text-align: center; color: #666; font-size: .85em;}

/* General classes
-------------------------------------------------------------- */
.related-actions {clear: both; list-style: none; padding: 0;}
.related-actions li {display: inline; margin-right: 1em;}
.related-actions * {display: inline;}
.related-actions input[type="submit"] {float: right; margin-top: -.5em;}
.field-validation-error {color: #ff0000;}
.input-validation-error {border: 1px solid #ff0000; background-color: #ffeeee;}
.validation-summary-errors {font-weight: bold; color: #ff0000;}
tr.inactive {color: #bbb !important;}
.action-messages {background: #eee; border: 1px solid #ccc; padding: 1em 2em;}
.debug {float: right; color: red;} /* Temporary */
.funds-filter,
.stocks-filter,
.fund-nav-filter,
.value-filter {float: left; width: 26%; min-height: 310px;}

.funds-filter select,
.funds-filter input[type="text"],
.stocks-filter input[type="text"],
.fund-nav-filter select,
.value-filter select,
.fund-nav-filter input[type="text"],
.value-filter input[type="text"] {width: 100%;}

* html .funds-filter select,
* html .fund-nav-filter select,
* html .value-filter select {width: 100%;}

.funds-list,
.stocks-list {float: right; width: 72%;}
.stock-value-list {clear: both;}
.pager {clear: both; padding: 0; text-align: right; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.pager li {display: -moz-inline-stack; display: inline-block;}
* html .pager li {display: inline;}
*:first-child+html .pager li {display: inline;}
.pager li a {border: none; padding: .25em .75em; font-style: italic; border: 1px solid #ccc; background: #fff;}
.pager li a:hover,
.pager li a:focus,
.pager li a:active,
.pager li.current a {background: #f9faca;}
.jump-to-page {text-align: right;}
.jump-to-page input[type="text"] {min-width: 2em; max-width: 3em; margin-right: .5em;}
.policy-value-chart,
.fund-chart,
.stock-chart {float: right; width: 72%; text-align: right;}
.policy-value-chart p,
.fund-chart p,
.stock-chart p {text-align: center; font-style: italic; font-size: .75em;}
#Policy-Selection label {display:inline;}
#Policy-Selection {margin: 0 0 1.5em 0; padding: .75em 0;}
#Policy-Selection form,
#Policy-Selection p {margin: 0;}
.policy-info {line-height: 2; font-size: .9em; width: 100%;}
.policy-info dt {float: left; width: 30%;}
.policy-info dd {border-bottom: 1px dotted #ccc;}
.policy-info dd:last-child {border: none;}
div.highlighted {margin-bottom: 1.5em; padding: 1.5em; overflow: hidden; border: 1px solid #ccc; box-shadow: 6px 6px 6px #eee; -moz-box-shadow: 6px 6px 6px #eee; -webkit-box-shadow: 6px 6px 6px #eee;}
div.highlighted dl {display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 33%; margin: 0;}
* html div.highlighted dl {display: inline;}
div.highlighted dl:nth-child(n+4) {margin: 1.5em 0 0 0;}
div.highlighted dt {float: none; font-size:.8em; font-weight: normal; text-transform: uppercase; color: #888;}
div.highlighted dd {font-size: 1.1em; font-weight: bold; margin-bottom:.5em;}
.highlighted .policy-name {margin-right: 3em; padding-bottom: .25em; border-bottom: solid 2px #ddd;}
.client-policies {clear: both;}
.current-balance strong {font-size: 1.2em;}
fieldset.currency-conversion,
.funds-filter fieldset,
.fund-nav-filter fieldset,
.stocks-filter fieldset,
.value-filter fieldset,
#Security-Search fieldset {padding: .75em 1.5em; background: #eee;}
#Selected-Security .security {font-size: 1.2em;}
fieldset.currency-conversion .form-item {float: left; margin: 0 1.5em 0 0;}
fieldset.currency-conversion .form-actions * {margin-top: 1.3em;}
table.currency-conversion {width: 48%;}
table.from-currency {float: left;}
table.to-currency {float: right;}
table.currency-conversion .to {text-align: right;}
#Security-Search-Results {padding: 0;}
#Security-Search-Results .id {display: none; visibility: hidden;}
#Security-Search-Results tbody {background: #fff;}
#Security-Search-Results tbody tr:hover {background-color: #ffffcc; cursor: pointer;}
#Selected-Security {font-weight: bold;}
#Security-Transaction .security-currency:before {content: "in ";}
.loading {display: inline-block; width: 15px; height: 15px; background: url("../Images/ajax-loader.gif") no-repeat;}
.dividend-type {display: none;}
.triggered-alerts .current-nav {color: red;}
.non-triggered-alerts .current-nav {color: green;}
.trigger-level {color: blue;}
.current-client {float: right; overflow: hidden; margin: -4em -4em 0 0; padding: 1.5em 2em; background-color: #ffffdd; border: 1px solid #bbb; box-shadow: 6px 6px 6px #eee; -moz-box-shadow: 6px 6px 6px #eee; -webkit-box-shadow: 6px 6px 6px #eee; text-align: center; font-size: .75em;}
* html .current-client {position: relative; display: inline;}
.current-client strong {display: block; font-size: 1.3em;}
.my-pages-navigation {clear: none;}
.my-pages-navigation a {background-position: 3px 50%; background-repeat: no-repeat; border: 0; color: #000; padding: .25em 3px .25em 24px;}
.my-pages-navigation a.selected {border-bottom: solid 1px #ccc;}
.my-pages-navigation .overview a {background-image: url("../Images/overview.png");}
.my-pages-navigation .documents a {background-image: url("../Images/document.png");}
.my-pages-navigation .portfolio a {background-image: url("../Images/portfolio.png");}
.my-pages-navigation .transactions a {background-image: url("../Images/transactions.png");}
.my-pages-navigation .allocation a {background-image: url("../Images/chart.png");}
.my-pages-navigation .chart a {background-image: url("../Images/chart.png");}
.my-pages-navigation .print a {background-image: url("../Images/print.png");}
.total {text-align: right;}
.portfolio {table-layout: auto;}
.portfolio td {font-size: .85em;}
.portfolio td:nth-child(1),
.portfolio th:nth-child(1) {text-align: right;}
.portfolio th {color: #555; font-size: .8em; font-weight: normal; letter-spacing: 0.1em; line-height: 1.25; text-shadow: 1px 1px 1px #FFFFFF; text-transform: uppercase;}
.portfolio th,
.portfolio td {padding: .75em;}
.portfolio td:nth-child(n+4),
.portfolio th:nth-child(n+4) {text-align: right;}
.portfolio .grouping-header {color: #000; font-style: normal; font-weight: bold; text-transform: uppercase; text-align: left !important; text-shadow: none;}
.portfolio .group-summary td {font-weight: bold; padding: 1em;}
.portfolio .security {width: 130px;}
.portfolio .units {width: 80px;}
.portfolio tfoot td {font-weight: bold; text-align: right; white-space: nowrap;}
.portfolio + dl {float: right; line-height: 1.8; text-align: center; font-size: .85em; margin-bottom: 50px; text-align: right; width: 40%;}
.portfolio + dl dt {float: left; padding-left: .5em; text-align: left;}
.portfolio + dl dd {padding-right: .5em; border-bottom: 1px dotted #ccc;}
.portfolio + dl dd:last-child {border: none;}
ul.allocations {padding: 0; list-style-type: none;}
ul.allocations li .highlighted {zoom: 1;}
ul.allocations li .chart {float: left; width: 50%;}
ul.allocations li .highlighted dl {float: right; width: 45%;}