/* body */
body, html {
    color: #333; 
    background: white;
	width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; 
	background: url(../images/body_l_bg.png) repeat-y 203px 0;
}

body {
    background: url(../images/body_l_bg.png) repeat-y 203px 0;
    position: relative;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
}

/* elemnts */
form {
	display: inline;
	margin: 0;
	padding: 0;
}

ul {
    list-style-type: none;
}

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

ol {
	padding-left: 2.6em;
}

p, li {
	line-height: 130%;
	text-align: left;
}

p {
	margin: 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
}

img {
    border: 0;
}

table {
 	font-size: 100%;
	width: 99.8%;
}

table th {
    border: 1px solid white;
    border-width: 0 0 1px 1px;
}

table td {
    border: 1px solid white;
    border-width: 0 0 1px 1px;
}

table ul, table li {
    margin: 0;
	padding: 0;
}

table li {
    background-position: 0 0; 
}

table a {
	text-decoration: underline;
}

table a:visited {
	color: #005596;
}

table a:hover {
	color: #000;
	text-decoration: underline;
}

table a:focus {
	color: #F90;
}

td, th {
    vertical-align: top;
	padding: .3em;
    text-align: left;
}

table tfoot tr th {
    border-top: 1px solid #CEDBE7;
	font-weight: normal;
}

table input {
	margin-right: .4em;
}

label:hover {
	cursor: pointer;
}

a {
    color: #005596;
	background: none;
}

a:visited {
	color: #639ACE;
}

a:hover {
    color: #639ACE;
}

a:focus { 
    color: #F90;
}

input, select, textarea {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
}

select {
	margin-right: .4em;
}

input, textarea {
	padding: .1em;
}

input:focus, textarea:focus {
    background: #FFFFC6; 
    border-color: #000;
    border-style: groove;
}

h1 {
    font-size: 1.3em;
    background: url(../images/header_bg.gif) no-repeat left bottom;
    color: #005596;
    margin: 1em 0 1.2em 0;
    padding: 0 0 .3em 0;
	clear: left;
}

h2 {
    font-size: 1.2em;
    color: #005596;
    text-align: left;
    margin: 1em 0;
    font-weight: bold;
}

h3, h4 {
    font-size: 1.1em;
    color: #005596;
    margin: 2em 0 1em 0;
	clear: left;
}

caption {
    font-size: 1.1em; 
    color: #005596;
	text-align: left;
	padding-top: 1em;
	margin: .5em 0 -.7em 0;
}

dl { 
	padding: 0 1em;
	margin: .5em 0 0 0;
}

dt, dd {
    padding: .4em 0;
}

dt {
	width: 45%;
	float: left;
	clear: left;
	font-weight: bold;
}

dd {
	width: 54%;
	margin-left: 1%;
	float: left;
}

dt strong {
	color: #555;
}

/* structure */
#container {
    width: 100%;
	min-width: 995px;
    min-height: 100%;
}

#inner {
    width: 100%;
    padding-bottom: 1.8em;
}

#float-wrap {
    float: left;
}

#content {
    float: right;
}

#contentWrap {
	padding: 0 18px 1em 18px;
	min-width: 550px;
}

#left, #right  {
    float: right;
	text-align: center;
	padding-bottom: 1em;
}

#smallWindow h1, #smallWindow fieldset, #smallWindow .caution {
	margin-left: 3em;
}

/* xsl faux root element */
#container div.xslRoot, #container div.xslRoot:hover {
    border-width: 0; 
	margin: 0;
	padding: 0;
}

#container div.xslRoot a {
	background-image: none;
}

/* document icons in list items */
#contentWrap ul li img {
	position: absolute;
}


/* header */
a.skip {
	position: absolute;
	z-index: 100;
	margin-left: -999px;
	background: transparent;
	border: 1px solid #999;
}

a.skip:focus {
	margin-left: 0;
}

.switch {
    background: #999; 
    font-size: .9em;
    height: 1.8em;
    border-bottom: 1px solid #666;
    padding-right: 1.5em;
}

.switch a {
    padding-top: .2em;
	background: #999;
    float: right;
}

.switch a:visited {
    color: white;
}

#header {
    background: url(../images/header.gif) repeat-x;
    color: white;
    height: 3.75em;
	min-height: 5.9em;
	line-height: 1em;
}

#header a, #header span#logout a, #header span#logout a:visited, #header span#practiceFilter a,#header span#practiceFilter a:visited {
    color: white;
	background: none;
	line-height: 1.2em;
}

/* csr impersonation & segment switch */ 
#csrSwitch, #segSwitch {
    font-size: .9em;
    color: white;
	background: none;
    position: absolute;
    left: 1em;
    top: 0;
}

#csrSwitch {
	left: 33.3em;
	border: 1px solid white;
	border-width: 0 1px;
	text-align: right;
	padding-right: 1em;
}

#csrSwitch input {
    font-size: .9em;
    font-weight: bold;
    border: 1px solid #666;
}

#csrSwitch input.button {
	padding: 0 .3em;
	margin-top: .1em;
	position: static;
}

#csrSwitch label {
    padding: .3em .5em 0 .7em; 
    color: white;
	float: left;
}

#csrSwitch span {
    background: none;
    color: red;
    font-size: .9em;
    width: 11em;
    text-align: center;
    padding: .2em .3em;
	position: relative;
	font-weight: bold;
}

#segSwitch {
    width: 32em;
	padding-top: .3em;
}

#segSwitch select {
    font-size: .9em;
	position: absolute;
	left: 6.8em;
	top: 0;
}

.switch a, #csrSwitch a:visited, #header a:visited {
    color: white;
	background: none;
}

.switch a:hover, #header a:hover, #csrSwitch a:hover {
    color: #D6E7F7;
	background: none;
}

/* logo */
#header img {
    margin: .8em 0 .9em .9em;
    float: left;
}

/* planner/practice details in header */ 
#header span#logout {
    position: absolute;
    left: 21em;
	width: 23.7em;
    color: white;
	text-align: right;
	margin: .9em 0 0 0;
	line-height: 1.3em;
}

#header span#practiceFilter {
    position: absolute;
    left: 45.7em;
	width: 24em;
    margin: .9em 0 0 0;
    color: white;
	border-left: 1px solid white;
	padding-left: 1em;
	line-height: 1.3em;
}

/* header stylesheet switcher and contact link */
#header #headerLinks {
    float: right; 
    margin: .7em 1em 0 0;
}

/* search in staff section */
#headerLinks form {
    float: left;
    margin-right: 2em;
}

#headerLinks form .button {
    font-size: 90%;
    padding: .1em .3em .2em .3em; 
    margin: 0 0 .1em .2em;
}

#headerLinks #contactUs {
    padding-left: 1em;
}

#headerLinks a#sm, #headerLinks a#lg {
    font-weight: bold;
    font-size: 1.1em;
	margin-right: .2em;
}

#headerLinks a#lg { 
    font-size: 1.3em;
	margin-right: .5em;
}

/* show border above #s */
#headerLinks a#sm {
    border-top: 1px solid #FC0;
}

/* staff header */
.staff #header {
    background: url(../images/header_staff.gif) repeat-x;
}

.staff #header #logout { 
    left: 45em;
	text-align: left;
}

.staff #header img {
    margin: 0;
}

.staff #header #menuBg { 
    clear: both;
    background: url(../images/menu_left_staff.png) no-repeat;
}

/* menu */
#header #menuBg { 
    clear: both;
    background: url(../images/menu_left.png) no-repeat;
	overflow: auto;
	*overflow: visible;
}

#header #menu { 
    height: 2.2em;
    margin-left: 1.3em;
    background: url(../images/menu_bg.png) repeat-x;
}

#header #menu li { 
    float: left;
    background: url(../images/menu_l.png) no-repeat;
	line-height: 1em;
}

#header #menu a {
    text-decoration: none;
    color: white;
    background: url(../images/menu_r.png) no-repeat right top; 
    padding: .3em .8em .7em .7em;
    float: left;
    white-space: nowrap;
}

#header #menu a:visited {
    color: white;
	background-color: none;
}

#header #menu a:hover {
    text-decoration: underline;
}

#header #menu li.menuHighlight {
    background: url(../images/menu_l_active.png) no-repeat;
}

/* client/household/company name tab */
#header #menu li.menuHighlight a, #header #menu li.clientNameActive a, #header #menu li.houseNameActive a, #header #menu li.companyNameActive a {
    background: url(../images/menu_r_active.png) no-repeat right top!important;
    color: #005596!important;
}

#header #menu li.clientName, #header #menu li.clientNameActive, #header #menu li.houseName, #header #menu li.houseNameActive, #header #menu li.companyName, #header #menu li.companyNameActive {
    margin-left: 8em;
}

#header #menu li.clientName a, #header #menu li.clientNameActive a, #header #menu li.houseName a, #header #menu li.houseNameActive a, #header #menu li.companyName a, #header #menu li.companyNameActive a {
    padding-left: 2.5em;
}

#header #menu li.clientName {
	background: url(../images/client_tab_l.png) no-repeat;
}

#header #menu li.clientNameActive {
	background: url(../images/client_tab_l_active.png) no-repeat;
}

#header #menu li.houseName {
	background: url(../images/house_tab_l.png) no-repeat;
}

#header #menu li.houseNameActive {
	background: url(../images/house_tab_l_active.png) no-repeat;
}

#header #menu li.companyName {
	background: url(../images/company_tab_l.png) no-repeat;
}

#header #menu li.companyNameActive {
	background: url(../images/company_tab_l_active.png) no-repeat;
}

/* fieldsets */
fieldset { 
    width: 39em;
    display: block;
    margin: 1.6em 0;
	padding: 0;
    border: 1px solid #CEDBE7;
	background: transparent;
	color: #333;
	clear: left;
	position: relative;
	background: white;
	padding-bottom: 1em;
}

fieldset legend {
    padding: 0 .3em .1em .3em;
	margin: 0 0 0 .5em;
    background: white;
    color: #005596;
	font-size: 1.1em; 
}

fieldset:hover {
	border: 1px solid #8CA9C6;
}

fieldset br {
    clear: left;
}

fieldset table {
    margin: 0 1em; 
}

fieldset table td {
    vertical-align: middle;
    padding: .4em .3em;
}

fieldset p, fieldset h3 {
    margin: 1em;
}

fieldset span {
	float: right;
	margin: 0 1.5em 0 0;
}

fieldset span input.button {
	margin: 1.5em 0 0 1em;
}

fieldset input.button {
    width: auto; 
}

fieldset span a.button {
	position: relative;
	top: 1.8em;
	padding-bottom: .4em;
	margin-left: .6em;
}

fieldset label, fieldset input, fieldset textarea {
    display: block; 
    float: left;
    width: 18.5em;
    margin: .7em 0;
}

fieldset select {
	margin: .7em .2em .7em 0;
	float: left;
}

fieldset label {
    text-align: right;
    width: 18em;
	padding: .2em .5em 0 0;
}

fieldset h4 {
	padding: 0 0 .5em 1em;
}

fieldset span.indent {
	padding-left: 1em;
	float: none;
	display: block;
}

fieldset span.redFont {
	float: none;
	text-align: right;
	margin: 0;
}

/* prospects checkbox */
#paramIncludeProspects, #includeClosedContracts, #IncludeClosedContractsCheckbox {
	width: auto;
	position: relative;
	top: .3em;
}

p.defaultCheck {
    padding: 1em 0 1.5em 0;
    margin: 0;
}

.feedback {
	width: 43em;
}

.radBtns, .radBtnsBlock {
	padding-bottom: 0;
	position: static;
}	

.radBtns label, .radBtns input, .twoRadBtns label, .twoRadBtns input, .radBtnsBlock label, .radBtnsBlock input { 
    width: auto;
    display: inline;
	float: none;
	margin: 0;
    text-align: left;
}

.radBtns div {
	padding: .5em 1em .6em 1em;
}

.radBtns div label {
	position: relative;
	left: .2em;
	top: -.2em;
	margin-left: .2em;
}

span.radBtns {
	float: none;
}

span.radBtns input, span.radBtns label {
	margin-top: 1em;
}

span.radBtns label {
	margin-left: .4em;
	position: relative;
	top: -.1em;
}

span.radBtns select {
	float: none;
	margin: 0;
}

/* block radio buttons eg. download query */
fieldset div.radBtns {
	float: left;
	width: 20em;
	padding: 1em 0;
}

fieldset div.radBtns input {
	margin-bottom: .4em;
}

fieldset div.radBtns label {
	position: relative;
	padding-left: .5em;
	top: -.5em;
}

.radBtnsBlock input { 
	margin: .3em 0;
}

.radBtnsBlock label { 
	position: relative;
	top: -.4em;
}

.radBtnsBlock p input.button {
    float: none;
	margin: 1.5em .8em 0 0;
}

.radBtnsBlock p input.clearButton {
    margin-top: -.2em;
    margin-left: 2em;
}

.phoneNumbers {
	position: relative;
	left: -3em;
	top: .5em;
}

.phoneNumbers label {
	margin-left: .2em;
	position: relative;
	top: -.1em
}

/* Change planner */
.alphaLayout h2 {
    margin: 0 1em 1em .6em;
    padding-top: 1em;
    color: #999;
    font-size: 1.2em;
}

.alphaLayout h2 a, .alphaLayout h2 a:visited {
    color: #005596;
    padding: 0 .1em;
}

.alphaLayout h2 a:hover {
    color: #639ACE;
}

.alphaLayout h3 {
    margin: .3em .6em .5em .8em;
    padding-bottom: .4em;
    border-bottom: 1px solid #CEDBE7;
}

.alphaLayout p.toparrow {
	margin-right: 1em;
}

.plannerFilter div {
	margin-left: 1em;
	padding-top: .2em;
}

.plannerFilter div strong {
	width: 16.8em;
	padding-top: .3em;
	float: left;
}

.plannerFilter input.button {
    margin: 0 .5em 0 .5em;
	float: right;
	position: relative;
	left: -.5em
}

/* 'Select Fund' in business reports */
.selectFund {
	padding-bottom: 1.5em;
}

.selectFund select {
    width: 23em;
}

.selectFund label {
   width: 9.8em;
}

.selectFund input.goBtn {
	position: absolute;
	top: .2em;
	left: 34em;
}

.selectFund input {
	top: 0;
	margin: .4em 0 0 1em;
}

/* fieldsets with select menus eg. search product */
.selectItems {
    width: 44em;
}

.selectItems label {
    width: 18em;
}

.selectItems select {
    width: 24em;
}

.selectItems p span {
    padding-right: 0;
	margin-right: -.3em;
}

/* about * text boxes fieldset */ 
.infoText {
    width: 99.7%;
	clear: both;
	padding: 0 0 1em 0;
}

.infoText label, .infoText input {
    width: auto;
	margin: 0;
}

.infoText label {
    padding: 0 1em 0 .6em;
}

.infoText div {
	float: right;
}

.infoText div.xslRoot {
	margin: 0;
	float: none;
}

.infoText p {
	margin: 1em!important;
}

/* date range fieldset */
.dateRange legend {
	font-size: 1em;
}

.dateRange p {
	margin: 1em 1em 0 1em;
}

.dateRange span.rangeBtns {
	margin-top: -1.7em;
	margin-right: 1.3em;
}

.dateRange select {
    position: relative;
    top: -1.3em;
	left: 3.4em;
	margin: 0 .2em;
	float: left;
}

.dateRange p span {
    float: none;
	margin-left: 16.4em;
}

.dateRange span select {
    left: 6.8em;
}

 /* transactions summary */
.singleSelect  {
	padding-bottom: 1em;
}

.singleSelect select, .singleSelect label  {
	margin: 0;
}

.singleSelect label  {
	margin: 0;
	width: 13em;
}

/* unit prices fieldset */
.unitPrices {
	width: 59em;
	padding-bottom: .5em;
}

.unitPrices label {
	width: 20em;
	margin: .2em 0 0 0;
	padding: 0;
}	

.unitPrices select {
	margin: .2em .3em 0 0;
}

.unitPrices .radBtns input {
	margin: .4em 0 .3em 0;
}

.unitPrices span.radBtns label {
	position: relative;
	top: -.45em;
}

.unitPrices select.unitPricesSelect {
	width: 33.6em;
}

.unitPrices input.button {
	margin: .5em 1em 0 0;
}

.unitPrices textarea {
	width: 33.3em;
}

.investment {
	width: 60em;
}

.addressBtn {
	padding-bottom: 2em; 
	margin: 0 0 0 18.5em;
}

.datePicker {
	width: 32.7em;
}

.datePicker label {
	margin-top: -.5em;
	margin-right: .5em;
	width: 14em;
}

.datePicker select {
	margin-right: .5em;
}

/* Edit Company fieldset */
.editCompany {
	width: 50em;
}

/* Select practice website form in Resources */
.practiceSites {
	width: 50em;
}

.practiceSites a {
	margin: .8em 0 0 1em;
	float: left;
}

.practiceSites .practiceNote {
	text-align: left;
	margin-left: 18.4em;
}

.practiceSites div span.practiceDomain {
	margin: .8em 0 0 .5em;
	float: left;
}

.practiceSites .header {
	margin: 0 0 0 18.3em;
	padding-top: 1em;
}

.practiceSites input.button {
	clear: both;
	margin-right: 11em;
}

.twoLineLabel {
	margin-top: .2em;
}

.replyText {
	width: 35.4em;
}

.qasExample {
	margin: 0 0 0 18.5em;
	display: block;
}

/* corporate brochure form */
.corpBrochure .practiceNote {
	margin-left: 18.5em;
}

.corpBrochure table {
	border: 1px solid #CEDBE7;
	border-width: 1px 1px 0 0;
}

.corpBrochure th {
	background: #FFFFC6;
}

.corpBrochure th, .corpBrochure td {
	border: 1px solid #CEDBE7;
	border-width: 0 0 1px 1px;
}

.corpBrochure table input {
	width: auto;
	display: inline;
	float: none;
}

.corpBrochure div {
	margin-left: 1em;
}

.corpBrochure div a {
	margin-left: 1em;
}

.corpBrochure p {
	margin: 1em 0;
}

.corpBrochure div input, .corpBrochure div label, .corpBrochure div select {
	display: inline;
	width: auto;
	float: none;
	margin: 0;
}

.corpBrochure input.button {
	margin-left: 17em;
}

/* client reports */
.reports  {
    width: 35em;
    float: left;
	margin-right: 1em;
}

.reports select {
    margin-left: 1.2em;
	margin-right: .5em;
	margin-bottom: .3em;
}

.reports input.button {
    position: absolute;
	left: 27.7em;
	top: 1.8em;
}

/* client reports 'refresh' */
.refresh {
    width: 15em;
    float: left;
	clear: none;
}

.refresh p input.button {
	margin: 0 0 .1em .2em;
}

.centreLink {
	float: left;
	clear: none;
    width: 44em;
}

.centreLink p {
	margin: 0 0 0 1em;
}

.centreLink select {
	margin: .6em 1em 0 0;
	float: left;
}

.centreLink .button {
	position: relative;
	top: .4em;
	margin-bottom: 0;
	float: left;
}

.portfolio {
	width: 16em;
	margin-right: 1em;
	height: 4em;
	float: left;
	clear: left;
}

.portfolio input.button {
	float: left;
	margin: .5em 0 0 1.1em;
}

/* search by client id in service requests */
.requestsId {
	padding-bottom: 1em;
}

.requestsId label {
	width: 12em;
}

.requestsId input.button {
	margin: .5em 0 0 1em;
}

.addReply label {
	width: 12em;
}

.addReply textarea {
	width: 24.7em;
}

/* manage contract pages */
#ChapterRateOfReturnDetailsForm label, #ChapterHistoricalInvestmentDetailsForm label {
	width: 13em;
}

#ChapterRateOfReturnDetailsForm p, #ChapterHistoricalInvestmentDetailsForm p {
	text-align: center;
}

#ChapterRateOfReturnDetailsForm select, #ChapterHistoricalInvestmentDetailsForm select {
	margin-right: .5em;
}

#ChapterRateOfReturnDetailsForm input.button, #ChapterHistoricalInvestmentDetailsForm input.button {
	position: relative;
	left: -10em;
}

#ChapterInvestmentTransactionDetailsForm fieldset, #ChapterTransactionDetailsForm fieldset, #ChapterIncomePaymentTransactionDetailsForm fieldset {
	width: 48em;
}

#ChapterInvestmentTransactionDetailsForm fieldset div.radBtns, #ChapterTransactionDetailsForm fieldset div.radBtns, #ChapterIncomePaymentTransactionDetailsForm fieldset div.radBtns {
	position: absolute;
	left: 13.5em;
	padding: 1em 0;
	width: 34em;
}

#ChapterInvestmentTransactionDetailsForm fieldset div.radBtns input, #ChapterTransactionDetailsForm fieldset div.radBtns input, #ChapterIncomePaymentTransactionDetailsForm fieldset div.radBtns input {
	margin-bottom: .4em;
}

#ChapterInvestmentTransactionDetailsForm fieldset div.radBtns label, #ChapterTransactionDetailsForm fieldset div.radBtns label, #ChapterIncomePaymentTransactionDetailsForm fieldset div.radBtns label {
	padding-left: .5em;
	position: relative;
	top: -.5em;
}

#ChapterInvestmentTransactionDetailsForm fieldset label,  #ChapterTransactionDetailsForm fieldset label, #ChapterIncomePaymentTransactionDetailsForm fieldset label {
	position: relative;
	top: -.1em;
	width: 13em;
}

#ChapterInvestmentTransactionDetailsForm fieldset input.button,  #ChapterTransactionDetailsForm fieldset input.button, #ChapterIncomePaymentTransactionDetailsForm fieldset input.button {
	position: relative;
	left: -19.8em;
	margin-top: 2.5em;
}

/* exception query (clients - practice revenue) */
.fsExceptionQuery {
	width: 53.1em;
}

.fsExceptionQuery span.compareText {
	margin-top: -2.2em;
}

.fsExceptionQuery div {
	height: 2em;
	margin-left: 1em;
}

.fsExceptionQuery div * {
	float: left;
	width: auto;
	margin: 0;
}

.fsExceptionQuery div span {
	padding: .2em 1em 0 .3em;
}

/* member reports fieldset*/
.memberReports {
	width: 63em;
}

.memberReports label {
	width: 21em;
}

.memberReports dl.fsText dt {
	width: 20em;
}

/* search company fieldset */
.searchCompany {
	width: 45em;
}

.searchCompany label {
	width: 16em;
}

.searchCompany input {
	width: 26.5em;
}

.searchCompany div {
	text-align: right;
}

.searchCompany div span label {
	width: 7em;
}

/* search individual fieldset */
.searchIndividual {
	width: 46em;
}

.searchIndividual label {
	width: 9em;
}

.searchIndividual input {
	width: 12em;
}

/* advanced search fieldset */
.advancedSearch {
	width: 46em;
}

.advancedSearch label {
	width: 10em;
}

.advancedSearch input {
	width: 12em;
}


/* content */
#contentWrap ul {
	padding-left: .9em;
	margin: 1em 0;
}

#contentWrap ol li {
	padding-bottom: .4em;
}

#contentWrap ul li { 
    background: url(../images/bullet_content.gif) no-repeat 0 4px;
	padding-left: 1.4em;
}

#contentWrap ul.liNotes li, #contentWrap ol.liNotes li { 
	padding-bottom: 1em;
}

#contentWrap ul.bulletArrow li.liHeading {
    background: none;
    padding-bottom: .5em;
    color: #005596;
    margin-left: -1em;
}

#contentWrap ul.bulletArrow li, #contentWrap ul.bulletedlist li { 
    background: url(../images/bullet.gif) no-repeat 0 1px;
	padding: 0 0 .3em 1.1em;
}

/* ul inside definition lists */
#contentWrap dd ul {
	padding-left: 0;
	margin: 0;
}

#contentWrap table ul.bulletArrow li { 
	padding: 0 0 0 1em;
}

#highlights {
    padding-bottom: .7em;
}

#news {
    border-top: 1px solid #DADADA;
}

#highlights ul, #news ul {
    padding-left: 1em;
}

#news input.button {
    margin: 1em 1.5em;
}

#highlights span, #news span, .orangeFont {
    color: #FF7920;
    font-size: .9em;
}

/* table styles */
.tableBorder, .tableBorderFixed, .dataTable {
    border: 1px solid #CEDBE7; 
    margin: 1.2em 0;
	background: white;
	clear: both;
}

.tableBorderFixed {
	table-layout: fixed;
	width: 99.8%;
}

.tableBorder:hover, .tableBorderFixed:hover {
    border: 1px solid #8CA9C6; 
}

/* table cell hover styles */
tbody tr:hover th, tbody tr:hover td, tbody tr.altRow:hover td {
 	background: #D6E7F7;
	cursor: default
}

tbody tr.yellowTableHeader:hover th, tbody tr.yellowTableHeader:hover {
 	background: #FFFFC6;
}

.tableBorder label {
	position: relative;
	top: -.1em;
}

.tableBorder .nbiButton {
	padding: 1em 0 1em 3.4em;
}

.tableBorder .nbiAddButton {
	border-top: 1px solid #CEDBE7;
	padding: .5em 0 .5em 2.1em;
}

/* NBI status table */
.statusTable {
	border: 1px solid #CEDBE7; 
    background: white;
    margin: 0 0 .8em 0;
	clear: both;
}

.statusTable:hover {
	border: 1px solid #8CA9C6; 
}

.statusTable:hover td {
	background: none;
}

.statusTable p {
	margin-left: 1em;
	margin-right: 1em;
}

#contentWrap .statusTable ul {
	margin-left: 1em;
}

.statusPrintBtn, .statusCloseBtn {
    text-align: right;
    margin: -3em 1em 0 0;
}

.statusCloseBtn {
    margin: 1em; 
}

/* hide hover styles in nested tables eg. expanded search results */
.tableBorder tbody tr.noHover:hover td, #contentWrap .noHover th, #contentWrap .noHover td, fieldset.unitPrices table td {
 	background-color: transparent;
}

#contentWrap tr.blueTableHeader th:hover {
	background-color: #639ACE;
}

.tableBorder tbody tr:hover td.branchImg {
    background: transparent url(../images/branchBg.gif) no-repeat center top;
}

.tableBorder tbody tr:hover td.branchImgBtm { 
    background: url(../images/branchBgBtm.gif) no-repeat center;
}

.tableBorder tbody tr:hover td.branchImgDown { 
    background: url(../images/branchDownImg.gif) no-repeat center;
}

.tableBorder tbody table.nestedTable tr:hover td {
 	background-color: #D6E7F7!important;
}

table tr.altRow td, table tr.altRow th, table th.altRow, table td.altRow {
    background-color: #EFEFFF!important;
}

.tableBorder img.info {
    float: left;
    margin: .2em .5em 0 0;
}

.tableBorder .tableCellSpacer {
    border-top: 1px solid #CEDBE7;
    border-bottom: 1px solid #CEDBE7;
}

.tableBorderFixed th, .tableBorderFixed td {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

tr.yellowTableHeader th {
    background: #FFFFC6!important;
	border-bottom: 1px solid #CEDBE7;
}

tr.blueTableHeader th, tr.blueTableHeader td, table.blueTableHeader {
    background: #639ACE;
	color: white;
    border: 1px solid #005596; 
    border-width: 1px 0;
    padding-left: .4em;
    font-weight: bold;
}

table.blueTableHeader {
    border: 1px solid #005596; 
}

table.blueTableHeader td {
    border-width: 0;
}

table th.indent, table td.indent {
    padding-left: 1.8em;
    font-weight: normal;
}

table th.dblIndent {
    padding-left: 3.2em;
    font-weight: normal;
}

.blueTextHeader {
    border: 1px solid #005596;
	background: #D6E7F7;
	color: #333;
	padding: .15em .5em .2em .15em;
	text-align: center;
	white-space: nowrap;
}

th.searchNav, th.pageNav, th.pageNavBtns {
    padding: 0 .4em .5em .6em;
    font-weight: normal;
	background: url(../images/pageNavBg.png) no-repeat top right;
}

th.pageNav {
	height: 2.4em;
}

th.pageNavBtns {
	text-align: right;
}

th.pageNav span, th.pageNavBtns span {
	display: block;
	margin: .6em 0 0 .5em;
	float: left;
}

th.pageNav img, th.pageNavBtns img {
    float: left;
	margin-left: .8em;
}

th.pageNav img {
	margin: .5em 0 0 .7em;
}

th.pageNavBtns img {
	margin: .7em 0 0 .7em;
}

th.searchNav a, th.pageNav a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

th.searchNav img {
	position: relative;
    top: .5em;
	margin: 0 .3em;
}

th.searchNav select {
    font-size: 90%;
	position: relative;
	top: .1em;
}

th.searchNav span {
    padding-left: .5em;
	position: relative;
}

th.pageNavBtns span {
	float: left;
	margin-top: .8em;
	margin-left: .5em;
}

th.pageNavBtns input {
	margin: .4em 0 -.2em .8em;
	font-size: .9em;
	padding-bottom: .4em;
	padding-top: .3em;
}

/* highlite table cell eg. NBF summary table */
table tr.highliteCell th, table tr.highliteCell td {
	background: #639ACE;
	color: white;
	border-top: 1px solid #3A7DBA;
	border-bottom: 1px solid #3A7DBA;
}

table tr.highliteCell th a, table tr.highliteCell td a {
	color: white;
	background: none;
}

table tr.highliteCell th a:visited, table tr.highliteCell td a:visited {
	color: white;
	background: none;
}

table tr.highliteCell th a:hover, table tr.highliteCell td a:hover {
	color: #FC3;
	background: none;
}

/* nested tables in search results */
.nestedTable {
    border: 1px solid #CEDBE7;
	width: 98.5%;
}

.nestedTable td {
	border-width: 0!important;
}

.nestedTable tr.altRow td {
	background: #EFEFFF;
}

.nestedTable td a {
	float: left;
	padding-left: .5em;
}

.nestedTable td span {
	float: left;
	padding-left: .5em;
}

/* colored status boxes used in NBI application tables */
.yellowBox, .greenBox, .greyBox, .blueBox, .redBox {
    width: 75%;
    float: left;
    padding: .1em .5em .2em .5em; 
    color: #333;
    background: #FC6;
    border: 1px solid #999;
}

.greenBox {
    background: #509B26;
    color: white;
}

.greyBox { 
    background: #F4F4F4;
}

.blueBox {
    background: #D6E7F7;
}

.redBox {
    background: #FF1515;
    color: white;
}

.defaultBox {
    display: block;
    padding: .2em .5em;
}

.yellowBox:hover, .greyBox:hover, .blueBox:hover {
	border: 1px solid #000;
	color: #000;
}

.greenBox:visited, .redBox:visited {
    color: white;
}

.greenBox:hover, .redBox:hover {
	border: 1px solid #000;
    color: white!important;
}

.letter {
    width: 5%;
}

/* tables in search results */
table.branchTable {
    border-right: 1px solid #CEDBE7;
}

tr.topCell td {
    border-top: 1px solid #CEDBE7;
}

tr.oneCell td {
    border-top: 1px solid #CEDBE7;
    border-bottom: 1px solid #CEDBE7;
}

tr.btmCell td {
    border-bottom: 1px solid #CEDBE7;
}

/* nested tables in search results */
.branchImg, .branchImgBtm, .branchImgDown {
    border-width: 0!important;
    background: url(../images/branchBg.gif) no-repeat center;
    width: 1.7em;
}

.branchImg {
    background: url(../images/branchBg.gif) no-repeat center top;
}

.branchImgBtm { 
    background: url(../images/branchBgBtm.gif) no-repeat center;
}

.branchImgDown {
    background: url(../images/branchDownImg.gif) repeat-y center; 
}

.houseBranchImg {
    background: url(../images/houseBranchImg.gif) no-repeat center top;
    border-width: 0!important;
}

.houseBranchImgBtm {
    background: url(../images/houseBranchImgBtm.gif) no-repeat center top; 
    border: 1px solid #CEDBE7!important;
    border-width: 0 0 1px 0!important;
}

.tablePageNum {
    text-align: right;
    margin: 0;
}

/* complex tables ie apps in progress */
.dataTable th { 
    border: 1px solid white;
	border-width: 0 0 1px 1px;
}

.dataTable tr.yellowTableHeader th { 
    border-bottom-width: 0!important;
}

.dataTable td {
    border: 1px solid #DDDDFF;
    border-width: 1px 1px 0 0;
}

.statusTable p {
	margin: 1em 0;
}

.statusTable p, .statusTable h2 {
	margin: 1em;
}

.dataTable tr.altRow td {
    border-color: white;
}

.clientReports {
	width: 45em;
	border: 1px solid #CEDBE7;
}

.clientReports caption {
	margin-bottom: .5em;
}

.clientReports td {
	vertical-align: middle;
}

.clientReports .header {
	padding-top: .5em;
}

.clientReports label {
	position: relative;
	top: -.2em;
}

.clientReports select.selectProduct {
	width: 30.3em;
}

.clientReports span {
	display: block;
	margin: 1em 0 0 1.3em;
}

.clientReports .clientBtns {
	text-align: center;
}

.clientReports .clientBtns input.button {
	margin: 1em .5em;
}

/* side columns */
#left *, #right * {
    margin: 0;
}

#left li, #right li {
	line-height: 110%;
}

#left h2, #right h2, #right .xslRoot h2 {
    background: #639ACE;
    color: white;
    padding: .2em .2em .3em .6em;
    font-size: 1em;
    font-weight: normal;
	border-bottom: 1px solid #3A7DBA;
}

#left h3 {
    border-top: 1px solid #CEDBE7;
    color: #333;
    padding: .3em .5em .2em 1.7em;
	background: url(../images/client.gif) no-repeat 2px 4px;
}

#left h3.house {
	background: url(../images/house.gif) no-repeat 2px 3px;
}

#left h3.company {
	background: url(../images/factory.gif) no-repeat 2px 2px;
}

#left div, #right div {
    border: 1px solid #CEDBE7;
    border-width: 0 1px 1px;
    margin: 1em auto;
	width: 186px;
	max-width: 186px;
	text-align: left;
}

/* CMS div fix */
#left div ul li div, #right div ul li div, #right div.xslRoot ul li div, #contentWrap ul li div {
	width: auto;
	border-width: 0;
	margin: 0;
	padding: 0;
	display: inline;
}

#right div h3 {margin: 1em}

/* hover styles for nav portlets */
#left div:hover, #right div:hover {
    border: 1px solid #8CA9C6;
	border-width: 0 1px 1px;
}

#right div.imgTeaser div:hover {
    border: 1px solid #8CA9C6;
}

#left div:hover h2, #right div:hover h2 {
	background: #75A6D2;
}

#left div:hover h3 {
    border-top: 1px solid #639ACE;
}

#left ul, #right ul { 
    padding: .3em 0;
}

#left ul li.liText, #right ul li.liText, #left ul.liText li, #right ul.liText li {
	padding: .2em .2em .3em 2em;
	background: url(../images/bullet_li_dash.gif) no-repeat left center;
	display: block;
}

#left ul ul, #left ul ul ul, #right ul ul ul, #right ul ul ul { 
    padding: 0;
}

#left a, #right a, #right div.xslRoot a {
	padding: .2em .4em .3em 1.4em;	
    display: block;  
    color: #005596;
	text-decoration: none;
	background: url(../images/bullet_nav.gif) no-repeat left center;
}

#left a:visited, #right a:visited {
	color: #005596;
}

#left a:focus, #right a:focus {
    color: #F90;
}

#left a:hover, #right a:hover, #left ul li a:hover, #right ul li a:hover {
    background-color: #D6E7F7;
	background-image: url(../images/bullet_nav_hover.gif);
    color: #036;
	text-decoration: underline;
}

#left ul #highlite, #left ul #highlite a {
	color: #005596;
	cursor: default;
	background: url(../images/bullet_nav_orange.gif) no-repeat left center;
}

#left ul #highlite:hover, #left ul #highlite a:hover {
	text-decoration: none;
}

#left #viewedPanel ul li a, #right #viewedPanel ul li a {
    background: url(../images/client.gif) no-repeat 4px 1px;
    padding-left: 2.2em;
}

#left #viewedPanel ul li a:hover, #right #viewedPanel ul li a:hover {
    background-color: #D6E7F7!important;
}

#left #viewedPanel ul li.house a, #right #viewedPanel ul li.house a {
    background: url(../images/house.gif) no-repeat 3px 1px;
    padding-left: 2.2em;
}

#left #viewedPanel ul li.company a, #right #viewedPanel ul li.company a {
    background: url(../images/factory.gif) no-repeat 3px -1px;
    padding-left: 2.2em;
}

#right div.xslRoot div {
	display: block;
	border: 1px solid #CEDBE7;
	margin: 1em 8px 0 9px;
	width: 186px;
}

/* hide images at start, turn on with JS */
#right div.imgTeaser div {
	display: none;
}

#right div.imgTeaser div a {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

#right div.imgTeaser div a:hover {
	background: none;
}

#right input.button {
	margin: .4em 0 .5em 1.4em;
} 

#right li.pdf a {
	background: url(../images/icon_pdf.gif) no-repeat 1px 1px;
	padding-left: 1.5em;
} 

#right li.pdf a:hover {
	background: #D6E7F7 url(../images/icon_pdf.gif) no-repeat 1px 1px;
}


/** LEFT NAV **/

/* defaults */
#left div.nav ul li a { /* ALL LEVELS default */
	background: transparent url(../images/bullet_nav.gif) no-repeat left center;
}

#left div.nav ul li a:hover { /* ALL LEVELS default hover */
	background-image: url(../images/bullet_nav_hover.gif);
}

/* LEVEL 1 */
#left div.nav ul li a.open { /* LEVEL 1 open*/
	background: transparent url(../images/bullet_open.gif) no-repeat left center;
}

#left div.nav ul li a.open:hover { /* LEVEL 1 open hover */
	background: transparent url(../images/bullet_open_hover.gif) no-repeat left center;
}

#left div.nav ul li#highlite a.open { /* LEVEL 1 open highlite */
	background: transparent url(../images/bullet_open_orange_hover.gif) left center;
	cursor: default;
}

#left .nav ul li#highlite a.closed { /* LEVEL 1 bottom highlite */
	background: transparent url(../images/bullet_nav_orange.gif) no-repeat left center;
}

/* LEVEL 2 */
#left div.nav ul ul li a {   
	background: url(../images/bullet_square.gif) no-repeat left center; 
	cursor: pointer!important;
	padding-left: 28px;
}

#left div.nav ul ul li a:hover {    
	background-image: url(../images/bullet_square_hover.gif);  
}

#left div.nav ul ul li a.open { /* LEVEL 2 open */
	background: transparent url(../images/bullet_open_2.gif) left center;
	cursor: pointer;
}

#left div.nav ul ul li a.open:hover { /* LEVEL 2 open */
	background: transparent url(../images/bullet_open_hover_2.gif) left center;
}

#left div.nav ul ul li.btmLink a.open { /* LEVEL 2 open bottom link */
	background: transparent url(../images/bullet_open_2_btmLink.gif) left center;
}

#left div.nav ul ul li.btmLink a.open:hover { /* LEVEL 2 open bottom link hover */
	background: transparent url(../images/bullet_open_2_hover_btmLink.gif) left center;
}

#left div.nav ul ul li#highlite.btmLink a.open { /* LEVEL 2 open highlite bottom link */
	background: transparent url(../images/bullet_open_2_orange_btmLink.gif) left center;
}

#left div.nav ul li#highlite ul li a { /* LEVEL 2 sub menu opened */
	background: transparent url(../images/bullet_square_orange.gif) left center;
	cursor: pointer;
}

#left div.nav ul li#highlite ul li.btmLink a { /* LEVEL 2 sub menu opened bottom */
	background: transparent url(../images/bullet_square_orange_btm.gif) left center;
	cursor: pointer;
}

#left div.nav ul li#highlite ul li.btmLink a:hover { /* LEVEL 2 sub menu opened bottom */
	background: transparent url(../images/bullet_square_orange_hover_btm.gif) left center;
	cursor: pointer;
}

#left div.nav ul ul li a.closed { /* LEVEL 2 closed */
	background: transparent url(../images/bullet_nav_2.gif) left center;
	cursor: pointer;
}

#left div.nav ul ul li a.closed:hover { /* LEVEL 2 closed hover */
	background: transparent url(../images/bullet_nav_hover_2.gif) left center;
	cursor: pointer;
}

#left div.nav ul li#highlite ul li a.closed { /* LEVEL 2 closed highlite */
	background: transparent url(../images/bullet_nav_orange_2.gif) left center;
	cursor: pointer;
}

#left div.nav ul li#highlite ul li a.closed:hover { /* LEVEL 2 closed highlite hover */
	background: transparent url(../images/bullet_nav_hover_2.gif) left center;
	cursor: pointer;
}

#left div.nav ul li#highlite.btmLink a.closed { /* LEVEL 2 item closed highlite bottom */
	background: transparent url(../images/bullet_nav_orange_2_hover_btm.gif) left center;
}

#left div.nav ul li#highlite ul li.btmLink a.closed { /* LEVEL 2 highlite closed bottom */
	background: transparent url(../images/bullet_nav_orange_2_btm.gif) left center;
	cursor: pointer;
}

#left div.nav ul li#highlite ul li.btmLink a.closed:hover { /* LEVEL 2 closed highlite hover */
	background: transparent url(../images/bullet_nav_orange_2_hover_btm.gif) left center;
	cursor: pointer;
}

#left div.nav ul ul li#highlite a { /* LEVEL 2 highlite */
	background-image: url(../images/bullet_square_orange_hover.gif);
	cursor: default!important;
}

#left div.nav ul li#highlite ul li a:hover { /* LEVEL 2 highlite hover */
	background: url(../images/bullet_square_hover.gif) left center;
	cursor: pointer;
}

#left div.nav ul li#highlite.btmLink a { /* LEVEL 2 item closed highlite bottom */
	background: transparent url(../images/bullet_square_orange_hover_btm.gif) left center;
}

#left div.nav ul ul li#highlite a.open { /* LEVEL 2 highlite open */
	background: transparent url(../images/bullet_open_orange_hover_2.gif) left center;
	cursor: pointer;
}

#left div.nav ul ul li.btmLink a.closed { /* LEVEL 2 bottom link closed */
	background: transparent url(../images/bullet_nav_2_btm.gif) left center;
}

#left div.nav ul ul li.btmLink a.closed:hover { /* LEVEL 2 bottom link closed hover */
	background: transparent url(../images/bullet_nav_hover_2_btm.gif) left center;
}

#left div.nav ul ul li.btmLink a.leaf { /* LEVEL 2 bottom link leaf */
	background: transparent url(../images/bullet_square_btm.gif) left center;
}

#left div.nav ul ul li.btmLink a.leaf:hover { /* LEVEL 2 bottom link leaf hover */
	background: transparent url(../images/bullet_square_hover_btm.gif) left center;
}

 /* LEVEL 3 */
#left div.nav ul ul ul li a {
	padding-left: 39px;    
	background: transparent url(../images/bullet_dash.gif) no-repeat left center;
	cursor: pointer!important;
}

#left div.nav ul ul ul li a:hover, #left div.nav ul ul li#highlite ul li a:hover {    
	background-image: url(../images/bullet_dash_hover.gif);  
}

#left div.nav ul ul li#highlite ul li a, #left div.nav ul li#highlite ul ul li a {  /* LEVEL 3 opened */  
	background: transparent url(../images/bullet_dash_orange.gif) no-repeat left center;
	cursor: pointer!important;
}

#left div.nav ul ul ul li#highlite a { /* LEVEL 3 highlite */
	background-image: url(../images/bullet_dash_orange_hover.gif);
	cursor: default!important;
}

#left div.nav ul li#highlite ul ul li a:hover { /* LEVEL 3 highlite hover */
	background-image: url(../images/bullet_dash_hover.gif);
	cursor: pointer;
}

#left div.nav ul ul ul li a.closed { /* LEVEL 3 closed */
	background: transparent url(../images/bullet_nav_3.gif) left center;
	cursor: pointer;
}

#left div.nav ul ul ul li a.closed:hover { /* LEVEL 3 closed hover */
	background: transparent url(../images/bullet_nav_hover_3.gif) left center;
}

#left div.nav ul ul li#highlite ul li.btmLink a.leaf { /* LEVEL 3 highlite sub menu bottom */
	background: transparent url(../images/bullet_dash_orange_btm.gif) left center;
}

#left div.nav ul ul li#highlite ul li.btmLink a.leaf:hover { /* LEVEL 3 highlite sub menu bottom hover */
	background: transparent url(../images/bullet_dash_orange_hover_btm.gif) left center;
}

#left div.nav ul ul li#highlite ul li.btmLink a.closed { /* LEVEL 3 highlite sub menu closed bottom */
	background: transparent url(../images/bullet_nav_orange_3_btm.gif) left center;
}

#left div.nav ul ul li#highlite.btmLink ul li a.closed { /* LEVEL 3 highlite bottom link sub menu closed */
	background: transparent url(../images/bullet_nav_orange_3_btmLink.gif) left center;
}

#left div.nav ul ul li.btmLink ul li#highlite a.closed, #left div.nav ul ul li#highlite.btmLink ul li a.closed:hover { /* LEVEL 3 highlite bottom link sub menu closed hover */
	background: transparent url(../images/bullet_nav_orange_3_hover_btmLink.gif) left center;
}

#left div.nav ul ul li#highlite.btmLink ul li a.leaf { /* LEVEL 3 highlite bottom link sub menu leaf */
	background: transparent url(../images/bullet_dash_orange_btmLink.gif) left center;
}

#left div.nav ul ul li.btmLink ul li#highlite a.leaf, #left div.nav ul ul li#highlite.btmLink ul li a.leaf:hover { /* LEVEL 3 highlite bottom link sub menu leaf hover */
	background: transparent url(../images/bullet_dash_orange_hover_btmLink.gif) left center;
}

#left div.nav ul ul li#highlite ul li.btmLink a.closed:hover { /* LEVEL 3 highlite sub menu closed bottom hover */
	background: transparent url(../images/bullet_nav_orange_hover_3_btm.gif) left center;
}

#left div.nav ul ul li#highlite ul li a.closed { /* LEVEL 3 highlite sub menu closed */
	background: transparent url(../images/bullet_nav_orange_3.gif) left center;
}

#left div.nav ul ul li#highlite ul li a.closed:hover { /* LEVEL 3 closed highlite hover */
	background: transparent url(../images/bullet_nav_hover_3.gif) left center;
}

#left div.nav ul ul ul li#highlite a.closed { /* LEVEL 3 item closed highlite */
	background: transparent url(../images/bullet_nav_orange_hover_3.gif) left center;
}

#left div.nav ul ul ul li#highlite.btmLink a.closed { /* LEVEL 3 item closed highlite bottom */
	background: transparent url(../images/bullet_nav_orange_hover_3_btm.gif) left center;
}

#left div.nav ul ul li#highlite.btmLink ul li.btmLink a.closed { /* LEVEL 3 item closed highlite bottom bottom link */
	background: transparent url(../images/bullet_nav_orange_3_btm_btmLink.gif) left center;
}

#left div.nav ul ul li.btmLink ul li#highlite.btmLink a.closed, #left div.nav ul ul li#highlite.btmLink ul li.btmLink a.closed:hover { /* LEVEL 3 item closed highlite bottom bottom link hover */
	background: transparent url(../images/bullet_nav_orange_3_btm_hover_btmLink.gif) left center;
}

#left div.nav ul ul li#highlite.btmLink ul li.btmLink a.leaf { /* LEVEL 3 item leaf highlite bottom bottom link */
	background: transparent url(../images/bullet_dash_orange_btm_btmLink.gif) left center;
}

#left div.nav ul ul li.btmLink ul li#highlite.btmLink a.leaf, #left div.nav ul ul li#highlite.btmLink ul li.btmLink a.leaf:hover { /* LEVEL 3 item leaf highlite bottom bottom link hover */
	background: transparent url(../images/bullet_dash_orange_btm_hover_btmLink.gif) left center;
}

#left div.nav ul ul ul li.btmLink a.closed { /* LEVEL 3 item closed bottom */
	background: transparent url(../images/bullet_nav_3_btm.gif) left center;
}

#left div.nav ul ul ul li.btmLink a.closed:hover { /* LEVEL 3 item closed bottom hover */
	background: transparent url(../images/bullet_nav_hover_3_btm.gif) left center;
}

#left div.nav ul ul li.btmLink ul li a.closed { /* LEVEL 3 item closed bottom link */
	background: transparent url(../images/bullet_nav_3_btmLink.gif) left center;
}

#left div.nav ul ul li.btmLink ul li a.closed:hover { /* LEVEL 3 item closed bottom link hover */
	background: transparent url(../images/bullet_nav_3_hover_btmLink.gif) left center;
}

#left div.nav ul ul li.btmLink ul li.btmLink a.closed { /* LEVEL 3 item closed bottom link bottom */
	background: transparent url(../images/bullet_nav_3_btm_btmLink.gif) left center;
}

#left div.nav ul ul li.btmLink ul li.btmLink a.closed:hover { /* LEVEL 3 item closed bottom link bottom hover */
	background: transparent url(../images/bullet_nav_3_btm_hover_btmLink.gif) left center;
}

#left div.nav ul ul li.btmLink ul li a.leaf { /* LEVEL 3 item leaf bottom */
	background: transparent url(../images/bullet_dash_btmLink.gif) left center;
}

#left div.nav ul ul li.btmLink ul li a.leaf:hover { /* LEVEL 3 item leaf bottom hover */
	background: transparent url(../images/bullet_dash_hover_btmLink.gif) left center;
}

#left div.nav ul ul ul li.btmLink a.leaf { /* LEVEL 3 item leaf bottom */
	background: transparent url(../images/bullet_dash_btm.gif) left center;
}

#left div.nav ul ul ul li.btmLink a.leaf:hover { /* LEVEL 3 item leaf bottom hover */
	background: transparent url(../images/bullet_dash_hover_btm.gif) left center;
}

#left div.nav ul ul ul li#highlite.btmLink a.leaf { /* LEVEL 3 item highlite leaf bottom */
	background: transparent url(../images/bullet_dash_orange_hover_btm.gif) left center;
}

#left div.nav ul ul li.btmLink ul li.btmLink a.leaf  { /* LEVEL 3 item leaf bottom link bottom */
	background: transparent url(../images/bullet_dash_btm_btmLink.gif) left center;
}

#left div.nav ul ul li.btmLink ul li.btmLink a.leaf:hover { /* LEVEL 3 item leaf bottom link bottom hover */
	background: transparent url(../images/bullet_dash_btm_hover_btmLink.gif) left center;
}

/* 4th level navigation in right column */
#right div.nav ul li a { 
	background: transparent url(../images/bullet_dash_orange_1.gif) no-repeat left center;
}

#right div.nav ul li a:hover { 
	background: transparent url(../images/bullet_dash_orange_1_hover.gif) no-repeat left center;
}

/* left column resources search */
#left div#search {
    background: white;
    margin: -1.4em auto 0 auto;
	position: relative;
}

/* reset hover for resources nav (two separate divs so can't use effect) */
#left div#search:hover, #left div.nav:hover {
	border: 1px solid #CEDBE7;
	border-width: 0 1px 1px 1px;
}

#left div#search strong {
    display: block;
	color: #005596;
	background: white;
	padding: .7em .5em .5em .5em;
}

#left div#search div { 
	width: auto;
	padding: 0 0 .5em .4em;
	margin: 0;
	border: none;
}

#left div#search input { 
	width: 9.2em;
	padding: .1em 0;
}

#left div#search input.button {
    font-size: 90%;
	width: auto;
	margin: 0 0 0 .6em;
	padding: .1em .2em .3em .2em;
	position: absolute;
	top: 2.6em;
	left: 10.9em;
}

/* caution boxes in left and right columns */
#left .caution, #right .caution {
	border: 1px solid #F90;
	float: none;
}

/* ensure full border on hover (all other divs in left/right have no top border */
#left .caution:hover, #right .caution:hover {
	border: 1px solid #F90;
}

#left .caution p, #right .caution p {
	background-position: .2em .3em;
	margin: .5em;
}

/* footer */
#footer {
    width: 100%;
    height: 1.8em; 
    margin-top: -1.8em;
    color: #999;
    font-size: .9em;
	background: white url(../images/footer_bg.png) repeat-x;
}

#footer p {
    padding: .2em 0 .4em 1em;
    margin: 0;
}

#footer a { 
	color: #999;
	padding-left: .4em;
	padding-right: .4em
}

#footer a:visited { 
	color: #999;
}

#footer a:hover { 
	color: #333;
}

/* force scrollbar in Firefox. Reset in ie5/6 css */
#footer {height: 1.9em;}    

/** buttons */ 
.button, a.button, .buttonDisabled, a.buttonDisabled, .smallButton {
    font-weight: bold;
    font-size: 1em;
    color: #001F66;
    background: #C3D3E6 url(../images/form_button-bg.gif) repeat-x left center;
    border: 1px solid #425184;
    text-align: center; 
    cursor: pointer;
    overflow: visible;
    padding: .2em .3em .25em .3em;
    text-decoration: none;
	margin: 0 1em 0 0;
}

.buttonDisabled, a.buttonDisabled {
	background: #FFF;
	border: 1px solid #CCC;
	color: #BFBFBF;
	cursor: default;
}

.buttonDisabled:focus, a.buttonDisabled:focus {
	background: #FFF;
	color: #BFBFBF;
}

a.buttonDisabled:visited {
	color: #BFBFBF;
}

a.button {
	padding: .25em .4em .3em .4em;
}

.button:hover {
	color: #0074CA;
	border-color: #639ACE;
	text-decoration: none;
}

a.button:visited {
	color: #001F66;
}

a.button:visited:hover {
	color: #0074CA;
}

.smallButton {
	font-size: .9em;
	padding: .1em .3em .2em .3em;
	position: relative;
	top: -.1em;
	margin-right: .5em;
}

p.toparrow, a.toparrow {
    padding-right: 1em; 
    margin: 1em 0;
    background: transparent url(../images/top.gif) no-repeat right center!important;
    text-align: right;
	font-size: .9em;
	display: block;
	clear: both;
}

a.toparrow {
	margin: 0;
}

p.toparrow a, p.toparrow a:visited, a.toparrow, a.toparrow:visited {
    color: #005596; 
}

p.toparrow a:hover, a.toparrow:hover {
    color: #09C;
}

/* content classes*/

/* resources */ 
.resources div {
    border: 1px solid #CEDBE7;
	margin-bottom: 1em;
}

.resources div:hover {
	border: 1px solid #8CA9C6;
}

.resources .header {
    background: #639ACE;
    border-bottom: 1px solid #FC9;
    padding: .3em .5em .4em .5em;
	margin: 0;
}

.resources .header a {
	display: block;
	color: white;
	text-decoration: none;
}

.resources .header a:visited {
    color: white;
}

.resources .header a:hover {
    color: #FC3;
	text-decoration: underline;
}

.resources a:visited {
    color: #005596;
}

.resources a:hover {
    color: #639ACE;
}

.resources p {
    margin: 1em;
}

#contentWrap .resources div ul li { 
	background: url(../images/bullet.gif) no-repeat 0 1px;
	padding: 0 0 .3em 1.1em;
}

.searchResults {
	padding: 1em 0;
}

.searchResults input {
	padding-top: .2em;
	padding-bottom: .2em;
}

.searchNews {
	border-bottom: 1px solid #CEDBE7;
	padding-bottom: .6em;
	margin-bottom: 1em;
}

.searchNews label {
	position: relative;
	top: -.2em;
}

/* application summary */
#tabs {
    text-align: right;
    padding-top: .4em;
	clear: left;
}

#tabs a {
    display: block;
    float: left; 
    clear: none;
    padding: .3em .7em .45em .7em;
    margin-right: .5em;
    background: #E1E1E1 url(../images/tab_r.gif) no-repeat right top;
    text-decoration: none;
    color: #333;
    text-align: center; 
}

#tabs a:visited {
    color: #333;
}

#tabs a:hover {
    color: #666;
}

#tabs a.activeTab {
    background: #639ACE url(../images/tab_r.gif) no-repeat right top;
    color: white; 
    cursor: default;
}

#tabs a.activeTab:visited {
    color: white;
}

#tabs input {
    float: right;
    margin: -.6em 0 0 0;
}

a.arrowLink, a.linkDisabled {
    background: url(../images/bullet.gif) no-repeat left center;
    margin-left: 1em;
    padding-left: .9em;
    display: block;
}

a.linkDisabled {
    background: url(../images/no_entry.gif) no-repeat 0 0;
	color: #999!important;
	cursor: default
}

a.rightLink {
    margin-left: .7em;
}

/* content back link */ 
a.backLink {
    background: url(../images/arrow_left.gif) no-repeat 0 4px;
    padding-left: 1em;
}

a.arrowUp, a.arrowDown {
    background: url(../images/arrow_up.gif) no-repeat 0 .4em;
    padding: .2em .4em .2em 1.5em;
    margin: 0 .5em;
    text-decoration: none;
}

a.arrowDown {
    background: url(../images/arrow_down.gif) no-repeat 0 .4em;
}

a.arrowUp:visited, a.arrowDown:visited {
    color: #005596; 
}

a.arrowUp:hover, a.arrowDown:hover {
    color: #639ACE;
}

.tick {
    background: url(../images/ok.gif) no-repeat;
	padding: 0 0 .1em 2em;
	margin-top: 1.5em;
	color: #555;
}

.exclaim {
    background: #D6E7F7 url(../images/exclaim.gif) no-repeat 2px 7px; 
    border: 1px solid #999;
    padding: .4em .7em .4em 1.5em;
    float: left;
}

.exclaim input.button {
    margin: 0 0 0 1em;
}

/* icons - classes added to allow for edits in the future */
a.report, a.reply, a.add, a.remove, a.removeDisabled, a.reopen, a.reopenDisabled, a.view, a.pdf, a.excel, a.delete, a.edit, a.wrongAddress, a.open, a.complete, a.deleteDisabled, a.pdfFloat {
    text-decoration: none;
}

.type, a.report img, a.reply img, a.add img, a.remove img, a.removeDisabled img, a.reopen img, a.reopenDisabled img, a.view img, a.pdf img, a.excel img, a.delete img, a.edit img, a.wrongAddress img, a.open img, a.complete img, a.completeDisabled img, a.deleteDisabled img {
    margin: .1em auto 0 auto;
	display: block;
}

a.removeDisabled, a.reopenDisabled, a.deleteDisabled, a.completeDisabled {
	cursor: default;
}

a.pdfFloat {
	float: right;
	margin-bottom: -2px;
}

.appReport {
    background: url(../images/report.gif) no-repeat left center;
    text-decoration: none;
    display: block;
    padding-left: 1.4em;
	padding-top: .1em;
	padding-bottom: .1em;
}

a.appReport:hover {
    background-image: url(../images/report_over.gif);
}

.star {
	background: url(../images/bullet_star.gif) no-repeat left center;
	color: #555;
	padding-left: 1.4em;
	clear: both;
}

/* warning text */
.warning {color: red}

/* collapse/expand icons (+ -) - search results */ 
a.collapsedBtn, a.expandedIcon, a.collapsedHouseBtn, a.expandedHouseIcon, a.expandedBtn {
    text-decoration: none;
    width: 1.1em;
    height: 1.2em ;
    display: block;
    margin: 0 auto;
}

a.collapsedHouseBtn {
    height: 1.4em;
}

a.expandedHouseIcon { 
    height: 1.4em;
}

.filterHeader {
    display: block;
    width: 10em;
    margin-top: .3em;
    float: left;
}

.tableControl {
    border: 1px solid #CEDBE7;
    background: #D6E7F7;
    padding: .2em .5em .3em .5em; 
    margin: 2em 0 0 0;
	clear: both;
	width: 98%;
}

.tableControl a {
    display: block;
    position: relative;
}

/* unit prices definition list */
.unitList {
    clear: both; 
    width: 21.5em;
    margin: 1em 0 1.5em .4em;
	border: 1px solid #CEDBE7;
}

.unitList dt, .unitList dd {
	width: 9em;
}

.unitList dd {
	width: 9.4em;
	text-align: right;
}

.unitDate {
    padding: 0 .5em;
	border-top: 1px dotted #CEDBE7;
	clear: both;
	position: relative;
	top: .4em;
	height: 4em;
}

.unitDate input.button {
    position: absolute;
	top: .7em;
}

.unitDate input.unitRightBtn {
	position: absolute;
	left: 18.9em;
}

.unitDate select {
    margin: .9em 0 .9em 2.5em;
	position: absolute;
}

.error {background: #FFFFC6}

.textBox {
    border: 1px solid #CEDBE7;
    background: #D6E7F7;
    padding: 1em;
}

/* form error warnings */
#contentWrap .caution ul {
    margin: 0 0 1em 1.5em;
}

#contentWrap .caution ul li { 
    background: url(../images/red_bullet.gif) no-repeat 0 1px;
	padding-left: 1em;
}

.caution {
	width: 39em;
	margin: 1em 0;
	background: #FF9;
	border: 1px solid #F90;
	clear: left;
}

.caution p, .fieldError {
    background: #FF9 url(../images/caution.gif) no-repeat 6px 3px;
    padding: .3em .3em .3em 2.2em;
	margin: .5em 0;
	color: #555;
	height: 1%;
}

.fieldError {
    width: auto;
	float: left;
    margin: 0;
    padding: .2em .8em .4em 2em;
    background-position: 4px 2px;
	border: 1px solid #F90;
}

/* errors in fieldsets */
fieldset .fieldError {
	float: none;
	margin-left: 18.5em;
	margin-right: 1.3em;
}

.blueTextBox { 
    background: #D6E7F7;
    padding: .3em;
    border: 1px solid #639ACE;
    color: #333;
}

/* hyphen separator eg. Advanced search */
.dash {
    width: 1.4em;
	margin: 1em 0;
	float: left;
	background: url(../images/age_bg.png) no-repeat .1em .6em;
}

/* two column layout eg. Add AMP staff */
.twoColLayout {
	width: 49%;
	float: left;
}

.twoColLayout fieldset {
	width: 90%;
	margin-right: 1em;
}

/* disabled input fields */
.disabledInput {
    border: 1px solid white;
}

/* Error div used in Change Practice/Planner */
#Error {
    display: none;
}

/* 'No plans found' text used in Search by Product */
.noPlans {
    display: block;
	position: relative;
	top: .9em;
	color: #005596;
	float: none;
}

/* fake columns - Service requests */
.fauxLeftCol, .fauxRightCol {
	width: 45%;
	float: left;
	margin-bottom: 1em;
}

.fauxRightCol {
	float: right;
}

.fauxLeftCol table, .fauxRightCol table {
	border: 1px solid #CEDBE7;
	margin-top: 1em;
}

.fauxLeftCol table:hover, .fauxRightCol table:hover {
	border: 1px solid #8CA9C6;
}

.fauxLeftCol table th, .fauxRightCol table th {
	color: #639ACE;
	border-bottom: 1px solid #CEDBE7;
	font-size: 1.1em;
}

.fauxLeftCol strong, .fauxRightCol strong {
	color: #555;
}

dt.blueHeader strong {
	color: #005596;
}

/* sort order arrow e.g. client reports */
.sort {
	position: relative;
	top: -.1em;
	left: .2em;
}

.sumName {
	display: block;
	padding: .4em 0 0 .7em;
}

.sumName:hover {
	background: none;
}

.printOnly {
	display: none;
}

.hideElement {
	display: none;
}

.graphImage {
	overflow: hidden;
}

.graphImage img {
	float: left;
}

.legend {
	font-size: .9em;
	float: right;
	border: 1px solid #666;
	background: white url(../images/legend_bg.png) no-repeat 2px 0;
	width: 16em;
	height: 21px;
	position: relative;
	top: -1.2em;
	left: -.2em;
}

/* All statements icons */
#contentWrap ul.ulClientCompany {
	margin: 0;
}

#contentWrap ul.ulClientCompany li.client {
	background: url(../images/client_name.gif) no-repeat 0 .2em;
	padding-left: 1.5em;
}

#contentWrap ul.ulClientCompany li.company {
	background: url(../images/company_name.gif) no-repeat 0 .2em;
	padding-left: 1.5em;
}

a.bulletPdf {
	background: url(../images/icon_pdf.gif) no-repeat;
	padding-left: 1.5em;
	display: block;
	padding-bottom: .1em;
}

/** calendar **/
table.calTable {
	margin-top: 1em;
}

table.calTable td {
	padding: 0;
}

table.calTable td.calTableTitle {
	background: #639ACE;
	color: white;
	text-align: center;
	padding: .2em 0;
}

table.calTable table {
	width: 100%;
}

.calTable td.calCell {
	width: 100px;
	height: 56px;
	padding: 0 2px;
	border: 1px none #CEDBE7;
	text-align: left;
}

.calTable {
	border: 1px solid #CEDBE7;
	border-collapse: collapse;
}

.calTable td {
	border: 1px solid #e1e1e1;
	text-align: right;
}

.calTable td.calTitle {
	background-color: #FFFFC6;
	border-right: 1px solid #e1e1e1;
	text-align: center;
}

.calCell a {
	display: block;
	padding: 0 0 3px 19px;
	background: url(../images/calendar_info.gif) no-repeat 1px 1px;
	width: 100%;
	text-decoration: none;
}

.calCell a:hover {
	text-decoration:underline
}

.calCell a.fiveDaysLeft {
	background: url(../images/5_days_icon.gif) no-repeat 1px 1px;
}

.calCell a.fivePlacesLeft {
	background: url(../images/5_places_icon.gif) no-repeat 1px 1px;
	height: 29px;
}

.calCell a.workshopFull {
	background: url(../images/full_icon.gif) no-repeat 1px 1px;
}

#calendarKeyIcons {
	border: 1px solid #CEDBE7;
	border-collapse: collapse;
}

#calendarKeyIcons img, #calendarKeyIcons span {
	float: left;
}

#calendarKeyIcons span {
	padding-left: 5px;
}

#calendarKeyIcons th {
	background: #639ACE;
	color: white;
	text-align: left;
	font-weight: normal;
}

#calendarKeyIcons td {
	padding: 3px;
	vertical-align: middle;
}

.calKeyBox {
	border: 1px solid #e1e1e1;
	height: 20px;
	width: 20px
}

/* create member reports */
.radioListTable {
	position: relative;
	border: 1px solid #CDEBF7;
}

.radioListTable caption {
	margin-bottom: .5em;
}

.radioListTable td {
	vertical-align: middle;
}

.radioListTable label {
	font-weight: bold;
	color: #666;
}

.radioListTable a {
	display: inline;
	font-weight: bold;
}

.radioListTable a:hover {
	background: none;
	text-decoration: none;
	cursor: default;
}

.radioListTable a img {
	position: relative;
	top: .2em;
}

.radioListTable a span {
	display: none;
	font-weight: normal;
}

.radioListTable a:hover span {
	display: inline;
	position: absolute;
	z-index: 100;
	background: #FFFFC6;
	border: 1px dotted #666;
	padding: .3em;
	width: 300px;
	margin: .9em 0 0 1.4em;
}

/* fieldset non-editable fields eg. edit managed fund */
.fsText dt {
	font-weight: normal;
	text-align: right;
	width: 17em;
}

.fsText dd {
	margin-left: .5em;
	width: 19.5em;
}

/* easyDraw request fieldset */
fieldset.easyDraw {
	width: 50em;
}

fieldset.easyDraw table {
	border: 1px solid #CDEBF7;
	border-width: 1px 0;
	margin-left: 0;
	margin-right: 0;
}

fieldset.easyDraw table td {
	border-width: 0;
}

fieldset.easyDraw table tr:hover td {
	background-color: transparent;
}

fieldset.easyDraw table input, fieldset.easyDraw table label {
	display: inline;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}

fieldset.easyDraw table label {
	position: relative;
	top: -.1em;
}

/* generic classes */
.floatLeft {float: left}
.floatRight {float: right}
.clear {clear: both}
h1.errorHeader {background: url(../images/info.gif) no-repeat 0 1px; padding-left: 1.5em}

/* borders & background styles */
.borders {border: 1px solid #CEDBE7; padding: .3em; clear: left;}
.borderTop, .borderTop th, .borderTop td {border-top: 1px solid #CEDBE7!important}
.borderRight {border-right: 1px solid #CEDBE7!important} 
.borderBottom, .borderBottom th, .borderBottom td {border-bottom: 1px solid #CEDBE7}
.borderLeft {border-left: 1px solid #CEDBE7!important}
.borderRightNone {border-right-width: 0!important}
.coloredBg {background: #D6E7F7}

/* widths */
.width5percent {width: 5%;}
.width7percent {width: 7%;}
.width10percent {width: 10%}
.width12percent {width: 12%} 
.width14percent {width: 14%}
.width15percent {width: 15%}
.width20percent {width: 20%}
.width25percent {width: 25%}
.width30percent {width: 30%}
.width35percent {width: 35%}
.width40percent {width: 40%}
.width43percent {width: 43%} 
.width45percent {width: 45%}
.width50percent {width: 50%}
.width55percent {width: 55%}
.width60percent {width: 60%}
.width65percent {width: 65%}
.width70percent {width: 70%}
.width75percent {width: 75%} 
.width80percent {width: 80%}
.width85percent {width: 85%}
.width90percent {width: 90%}
.width95percent {width: 95%}
.width100percent {width: 100%}

.width2em {width: 2em!important}
.width3em {width: 3em!important}
.width4em {width: 4em!important}
.width5em {width: 5em!important}
.width6em {width: 6em!important}
.width7em {width: 7em!important}
.width8em {width: 8em!important}
.width9em {width: 9em!important}
.width10em {width: 10em!important}
.width11em {width: 11em!important}
.width12em {width: 12em!important}
.width13em {width: 13em!important}
.width15em {width: 15em!important}
.width16em {width: 16em!important}
.width19em {width: 18.7em!important}
.width20em {width: 20em!important}
.width25em {width: 25em!important}
.width28em {width: 28em}
.width29em {width: 29em!important}
.width30em {width: 30em!important}
.width35em {width: 35em!important}
.width39em {width: 39em!important} 
.width40em {width: 40em!important} 
.width45em {width: 45em!important}
.width43em {width: 43.2em!important}
.width50em {width: 50em!important}
.width55em {width: 55em!important}
.width60em {width: 60em!important}
.widthAuto {width: auto!important}

/* margins */
.marginTop0 {margin-top: 0!important}
.marginTopPt5 {margin-top: .5em!important}
.marginTop1 {margin-top: 1em!important}
.marginLft1 {margin-left: 1em!important}
.marginLft2 {margin-left: 2em!important}
.marginLft3 {margin-left: 2.8em!important}
.marginLft8 {margin-left: 8em}
.marginLft0 {margin-left: 0!important}

/* padding */
.paddingLft2 {padding-left: 2em}
.paddingTop1, tr.paddingTop1 td {padding-top: 1em}
.paddingTopBtm1 {padding-top: 1em; padding-bottom: 1em}
.paddingBtm1 {padding-bottom: 1em}
.paddingLft11em {padding-left: 11em} 
.padding0 {padding: 0!important}
.paddingPt5 {padding: .5em}

/* fonts */
.fontNormal {font-weight: normal}
.blueHeader {color: #005596;}
.smallerFont {font-size: .9em} 
.largerFont {font-size: 1.1em}

/* alignment */
td.alignRight, th.alignRight, .alignRight td, .alignRight th, .alignRight {text-align: right}
th.alignLeft, td.alignLeft, .alignLeft th, .alignLeft td, .alignLeft {text-align: left}
td.alignCenter, th.alignCenter, .alignCenter td, .alignCenter {text-align: center}
.vAlignMiddle, .vAlignMiddle td {vertical-align: middle} 
.vAlignTop, .vAlignTop td {vertical-align: top}
.floatNone {float: none!important;}
.noWrap {white-space: nowrap}

/* colors */
.blueBg {background: #D6E7F7}
.yellowBg {background: #FFFFC6}
.redFont {color: red;}
.darkBlueFont {color: #005596; font-size: 1.1em}
.header {color: #005596}
.borderTopBlue {border-top: 1px solid #EFEFFF!important} 

/* print only elements */
#headerPrint, #footerPrint {
	display: none;
}

/* hidden elements*/
input.hiddenInput {
	display: none;
}