/************************************************************
	GLOBALS/DEFAULTS
************************************************************/

body {
	background: #D1D2D2 url(../images/body_bg.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

caption strong {float: left}
 
caption span {
	position: relative;
	top: 3px;
	font-size: .7em
}

caption a:visited {color: #005596}

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

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

dt {
	width: 175px;
	float: left;
	clear: left;
	font-weight: bold;
}

dt strong {
	color: #555;
}

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


/************************************************************
	STRUCTURE
************************************************************/
#inner {
	min-height: 400px;
	padding-bottom: 25px;
	background: url(../images/localNav_bg.gif) no-repeat 1px 0;
}

#container #content {padding: 20px 23px 0px 20px;}

/************************************************************
	HEADER
************************************************************/	
a#skip {
	position: absolute;
	z-index: 100;
	margin-left: -1100px;
	background: white;
	border: 1px solid #999;
	display: block;
	padding: .3em;
}

a#skip:focus {
	margin-left: 0;
	color: #333;
}

#header {
	height: 142px;
	background: #FFF url(../images/header_bg.png) no-repeat;
	position: relative;
	z-index: 200;

}

#header a:visited {color: #005596}

#header a:hover {color: #005596}

#header a img {float: left} /* logo */

#header #topMenu { /* level 1 global navigation */
	/*float: right;*/
	position: absolute;
	right: 0;
	margin-top: 15px;
	padding: 0 250px 0 0;
} 

#header #topMenu span {
	color: #999;
	margin-right: 18px
}

#header #topMenu span a, #header #topMenu span a:visited {
	color: #666;
	padding: 0 2px;
}

#globalSearch {
	position: absolute;
	top: 9px;
	right: 0;
	z-index: 200;
}

#globalSearch input#FormThemeSearchTerm { /* global search input */
	color: #333;
	background: url(../images/search_input.png) no-repeat;
	border: none;
	width: 152px;
	padding: 5px 6px 7px 24px
} 

#globalSearch input#simpleSearch { /* global search button */
	width: 69px;
	margin: 0 0 0 -6px;
	padding: 3px 7px 5px 7px;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/search_button.gif) no-repeat;
	border: none;
	color: #005596;
	cursor: pointer;
}

/* SAFARI/CHROME FIXES */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#globalSearch input#simpleSearch {
		padding: 5px 7px 6px 7px
	}
}

#globalSearch input#simpleSearch:hover {background-position: 0 -36px}

#globalLogin { /* login inside header */
	padding-right: 15px;
	background: url(../images/globalLogin_r.png) no-repeat right top;
	position: absolute;
	top: 50px;
	right: 0;
}

#globalLogin div {
	background: url(../images/globalLogin_l.png) no-repeat;
	height: 50px;
	padding: 2px 0 0 12px;
}

#globalLogin h3 {
	margin: 0 0 4px 88px;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	white-space: nowrap;
}

#globalLogin a {
	font-size: 11px;
	color: #FFF;
	white-space: pre;
	height: 1%;
}

#globalLogin .primarybutton, #globalLogin .primaryButton {
	position: absolute;
	margin: 0;
	top: 10px;
	left: 10px;
	background: url(../images/primary_button_arrow_l.png) no-repeat;
}

#globalLogin .primarybutton:hover, #globalLogin .primaryButton:hover {background-position: 0 -36px}

#globalLogin .primarybutton:hover a, #globalLogin .primaryButton:hover a {background-position: 100% -36px}

#globalLogin .primarybutton a, #globalLogin .primaryButton a {
	padding: 4px 10px 7px 4px;
	margin-left: 10px;
	font-size: 15px;
}

#globalLogin .primarybutton a:visited, #globalLogin .primaryButton a:visited {color: #FFF}

#globalLogin a#aboutLink {
	background: url(../images/grey_arrow_icon.gif) no-repeat 0 3px;
	padding-left: 10px;
	margin-left: 86px;
	color: #FFF;
}

#globalLogin a#registerLink {
	background: url(../images/grey_arrow_icon.gif) no-repeat 0 3px;
	padding-left: 10px;
	margin-left: 86px;
	color: #FFF;
}

#header #mainMenu {  /* global navigation */
	position: absolute;
	left: 0;
	top: 75px;
	z-index: 100;
}

#header #mainMenu ul li { 
    float: left;
	margin-right: 1px;
	background: url(../images/menu_l.png) no-repeat top left;
}

#header #mainMenu ul li.active {background: url(../images/menu_l_active.png) no-repeat}

#header #mainMenu ul li ul li.active {background: none}

#header #mainMenu ul li a { 
    display: block;
	padding: 8px 10px 6px 10px;
	font-weight: bold;
	text-decoration: none;
	color: #005596;
	background: url(../images/menu_r.png) no-repeat top right;
}

#header #mainMenu ul li a:visited {color: #005596}

#header #mainMenu ul li.active a {
	background: url(../images/menu_r_active.png) no-repeat top right;
	padding-left: 26px;
	padding-bottom: 7px;
	cursor: default;
}

#header #mainMenu ul li ul li a, #header #mainMenu ul li.active ul li a {background: none}

#header #mainMenu ul li ul { /* second level */
	width: 863px;
	position: absolute;
	left: 0;
	padding-left: 2px;
	border-left: 1px solid #C8C9C9;
	background: url(../images/bg-bnav.gif) left top repeat-x;
}

#header #mainMenu ul li ul li.txt { /* second level li */
	background: url(../images/bg-bnav-text.gif) left top repeat-x;
	margin: 0;
	padding-left: 10px;
}

#header #mainMenu ul li ul li.txt a, #header #mainMenu ul li ul li.active a { /* second level link */
    display: block;
	background: none;
	color: #005596; 
	padding: 13px 5px 16px 0;
	cursor: pointer;
}

#header #mainMenu ul li ul li.active a, #header #mainMenu ul li ul li.active a:visited {color: #44B7E4}


#header #mainMenu ul li ul li.txt a:hover { /* second level link hover */
	text-decoration: underline;
}

#header #mainMenu ul li ul li.arrow {
	background: url(../images/bg-bnav-arrow.gif) left top no-repeat;
}

#header #mainMenu ul li ul li.arrow a {
	display: block;
	text-decoration: none;
	padding: 0;
	width: 32px; 
	height: 41px;
	cursor: pointer;
	white-space: normal /* IE6 fix */
}
 
#header #mainMenu ul li ul li.arrow a:hover {text-decoration: none}

#header #mainMenu ul li ul li.txt.active {background-position: 0 -82px}

#header #mainMenu ul li ul li.txt.active a:hover {
	text-decoration: none;
	cursor: default
}

#header #mainMenu ul li ul li.activeLink {background-position: 0 -164px}

/* third level menus */
#header #mainMenu ul li ul li div#c-nav-0, #header #mainMenu ul li ul li div#c-nav-1, 
#header #mainMenu ul li ul li div#c-nav-2, #header #mainMenu ul li ul li div#c-nav-3, 
#header #mainMenu ul li ul li div#c-nav-4, #header #mainMenu ul li ul li div#c-nav-5, 
#header #mainMenu ul li ul li div#c-nav-6, #header #mainMenu ul li ul li div#c-nav-7,
#header #mainMenu ul li ul li div#c-nav-8, #header #mainMenu ul li ul li div#c-nav-9 {
	position: absolute;
	left: auto;
	top: 32px;
	margin-left: -10px;
	width: 480px;
}

#header #mainMenu ul li ul li div#c-nav-6, #header #mainMenu ul li ul li div#c-nav-7,
#header #mainMenu ul li ul li div#c-nav-8, #header #mainMenu ul li ul li div#c-nav-9 {
	margin-left: -329px !important;
	}

#header #mainMenu ul li ul li div.c-nav {display: none}

#header #mainMenu ul li ul li div.c-nav ul { /* third level menu styles */
	padding: 0;
	border: none;
	background: url(../images/mega_menu_top.png) no-repeat;
	width: auto;
	padding-top: 7px;
}

#header #mainMenu ul li ul li div.c-nav ul li {
	padding: 0;
	background: url(../images/mega_menu_body.png) repeat-y left top;
}

#header #mainMenu ul li ul li div.c-nav ul ul { 
	width: 236px;
	float: left;
	position: static;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

#header #mainMenu ul li ul li div.c-nav ul ul.ulright { 
	border-left: 1px solid #CCC;

}

#header #mainMenu ul li ul li div.c-nav ul ul li { 
	float: none;
	margin: 0;
	padding: 0;
	background: none;
	position: relative;
}

#header #mainMenu ul li ul li div.c-nav ul ul li.menuheading { 
	font-size: 1.3em;
	color: #009FDA;
	font-weight: bold;
	padding: 10px 10px 7px 10px
}

#header #mainMenu ul li ul li div.c-nav ul ul li a { 
	float: none;
	padding: 3px 15px 3px 9px;
	margin-left: 10px;
	background: url(../images/light_blue_arrow_icon.gif) no-repeat 0 5px;
	border: none;
	font-weight: normal;
	color: #005596;
	cursor: pointer!important;
}

#header #mainMenu ul li ul li div.c-nav ul ul li a:visited {color: #005596}

#header #mainMenu ul li ul li div.c-nav ul ul li a:hover {text-decoration: underline!important}

#header #mainMenu ul li ul li div.c-nav ul ul li p.secondarybutton {
	margin: 12px 0 0 12px;
}

#header #mainMenu ul li ul li div.c-nav ul ul li p.secondarybutton a {
	font-weight: bold;
	margin-left: 4px;
	margin-right: 20px;
	padding: 6px 10px 7px 3px;
	float: left;
	background: url(../images/secondary_button_r.png) no-repeat right top;
}

#header #mainMenu ul li ul li div.c-nav ul ul li p.secondarybutton:hover a {background-position: 100% -36px}

#header #mainMenu ul li ul li div.c-nav ul li.menuinfo  {
	clear: both;
}

#header #mainMenu ul li ul li div.c-nav ul li.menuinfo div {
	width: 451px;
	margin: 12px 7px 5px 8px;
	padding-right: 10px;
	background: url(../images/mega_menu_info_top.png) no-repeat;
}

#header #mainMenu ul li ul li div.c-nav li.menuinfo div strong {
	color: #0036C9;
	display: block;
	padding-bottom: 4px;
}

#header #mainMenu ul li ul li div.c-nav li.menuinfo div p {
	background: url(../images/mega_menu_info_btm.png) no-repeat bottom;
	display: block;
	margin: 0;
	padding: 10px;
	line-height: 1.2;
}

#header #mainMenu ul li ul li div.c-nav li.menuinfo div p a {
	margin: 3px 0 0 0;
	padding: 0 0 0 10px;
	background: url(../images/light_blue_arrow_icon.gif) no-repeat left center;
	color: #005596;
	cursor: pointer!important;
}

#header #mainMenu ul li ul li div.c-nav li.menuinfo div p a:hover {text-decoration: underline}

#header #mainMenu ul li ul li div.c-nav li.menubottom {
	background: url(../images/mega_menu_btm.png) no-repeat left bottom;
	clear: both;
	width: 472px;
	height: 11px;
	font-size: 0;
	line-height: 0;
}

#logMsg, #logMsgLogged { /* My portfolio box inside header */
	position: absolute;
	display: block;
	right: 0;
	top: 101px;
	z-index: 50;
	width: 114px;
	height: 42px;
	font-weight: bold;
	background: url(../images/my_portfolio_log.png) no-repeat;
}

#logMsg a {
	display: block;
	padding: 13px 0 14px 28px;
}

#logMsgLogged a, #logMsgLogged span {
	display: block;
	padding: 13px 0 15px 28px;
	color: white;
}

#logMsgLogged a:visited {color: white}

#impersonation { /* CSR impersonation */
	position: absolute;
	left: 140px;
	top: 10px;
	z-index: 400;
	height: 120px;
	background: white;
	border: 1px solid #000
}

#impersonation form {
	display: block;
	padding: 10px;
	color: #000;
}

#impersonation form div {margin-bottom: 8px}

#impersonation form label {
	color: #000;
	margin: 5px 10px 0 0;
	width: 70px;
	display: block;
	float: left;
	text-align: right;
}

#impersonation form input {
	padding: 2px 3px;
	width: 60px;
}

#impersonation form p {
	padding: 0 0 0 80px
}

#csrSwitch form input {
	padding: 2px 3px;
	width: 60px;
}

#csrSwitch form p {
	padding: 0 0 0 80px
}

#csrSwitch
{
	position:absolute;
	z-index:600;
	left:129px;
	top: 25px;
	background-color: silver;
}

#previewSwitch
{
	position:absolute;
	z-index:600;
	left:129px;
	top: 59px;
	background-color: silver;
}

/************************************************************
	FIELDSETS
************************************************************/
fieldset { 
    width: 520px;
    display: block;
    margin: 14px 0;
	padding: 0 0 10px 0;
    border: 1px solid #DEDEDE;
	color: #333;
	clear: left;
	position: relative;
}

fieldset legend {
    padding: 0 5px 5px 5px;
	margin: 0 0 5px 6px;
	font-size: 13px;
	color: #003C69;
}

fieldset label, fieldset input, fieldset textarea, fieldset div.fauxLabel {
    display: block; 
    float: left;
    width: 190px;
    margin: 8px 0;
	color: #333;
}

fieldset input.inception {
	width: 18px;
}
fieldset label.inception {
	width: 100px;
	text-align: left;
	padding: 0;
}

fieldset input.acct-transactions {
    width: 20px;
}

fieldset select {
	margin: 9px 5px 9px 0;
	float: left;
}

fieldset label, fieldset div.fauxLabel {
    text-align: right;
    width: 170px;
	padding: 4px 9px 0 10px;
	font-weight: bold;
}

fieldset div.fauxLabel {
	position: relative;
}

fieldset br {
	clear: both; 
	display: block; 
	overflow: hidden; 
	visibility: hidden; 
	width: 0; 
	height: 0;
	line-height: 0;
	font-size: 0;
}

fieldset dd br {clear: none;}

fieldset div.hr {
	background: url(../images/hr_bg.gif) repeat-x center;
	font-size: 0;
	height: 9px;
	clear: both;
	margin: 0 12px;
}

fieldset .radio/*, fieldset .radBtns*/ {
	margin: 12px 0 0 190px;
	padding-bottom: 10px;
	height: 1%;
}

.csr-radBtns {	
	display: inline-block;
	width: 300px;
	margin-top: 12px;
}

fieldset span.labeless { 
        display: inline-block;
} 

fieldset .radio-fix { 
        float: left; margin: 12px 0px 0px 0px 
} 

fieldset div.radio-content { 
        margin: 12px 20px;
}

fieldset div.radio-content input { 
        width: 150px;
} 

fieldset div.radio-content span{ 
        float: left; margin: 12px 5px 5px 5px 
} 

fieldset ul#search-type-date li  { 
        overflow: auto;
        background: 0;
} 

fieldset ul#search-type-date label  { 
        text-align: left;
} 

fieldset .radio input, fieldset .radio label, fieldset .radBtns input, fieldset .radBtns label { 
    width: auto;
    display: inline;
	margin: 0 8px 10px 0;
	padding: 0;
	text-align: left;	
}

#fieldset label.radio {
	display: inline-block;	
	width: 165px!important;
	float: left;
	margin: 12px 0 0 0;
	padding: 0;
	text-align: left;
}

fieldset .radio input, fieldset .radBtns input {
	width: 13px;
	height: 13px;	
}

fieldset .radio label, fieldset .radBtns label {
	padding: 1px 0 0 5px;
	margin-right: 20px;
	font-weight: normal;
}

fieldset .fsNote, fieldset .fsFieldNote, fieldset .fsSubTitle {
	font-size: 11px;
	margin: 0 120px 0 190px;
	clear: both;
	color: #999;
	position: relative;
	top: -4px;
	line-height: 1.1em
}

fieldset .fsSubTitle {
	font-size: 1.1em;
	color: #333;
}


fieldset .fieldError, fieldset .fsFieldError {
    background: url(../images/caution.gif) no-repeat 0 3px;
	display: block;
    padding: 1px 0 1px 20px;
	margin: 0 80px 0 190px;
	position: relative;
	top: -2px;
	clear: both;
	color: #C00;
	line-height: 1.3em;
}



fieldset .inputError {border: 1px solid #C00!important}

fieldset .passwordIcon {margin: 0 0 0 190px}

fieldset .passwordIcon img {display: block}

fieldset div.buttons {
	padding-left: 12px;
	width: 377px;
}

fieldset div.innerButton {
	padding-top: 0; 
	margin-bottom: 12px; 
	overflow: auto
}

fieldset p {
	margin: 1em 2em 0 1em;
	clear: both;
}

fieldset p.fsTitle {
    margin: 10px 0 8px 12px;
	color: #009FDC;
	font-weight: bold;
	font-size: 1.1em
}

fieldset#activate {width: 640px}

fieldset#registration {width: 680px}

fieldset#verification select {margin-right: 6px}

fieldset#verification p.fsFieldNote {margin-right: 90px} 

fieldset#verification div.buttons {width: 335px} 

fieldset div#commPreferences {display: inline}

fieldset div#commPreferences .fauxLabel { 
	width: 300px;
	text-align: left;
	padding-left: 1em;
}

fieldset div.multiInputs {padding: 7px 0 12px 0}

fieldset div.multiInputs input {
	width: 25px;
	margin: 0;
}

fieldset.unitPrices {width: 650px}

fieldset.unitPrices table {
	border: none;
	margin: 0;
}

fieldset.unitPrices table td {vertical-align: top}

fieldset.unitPrices table label {margin: 0}

fieldset.unitPrices table select {margin: 0 5px 0 0}

fieldset.unitPrices div.buttons {padding: 0}

fieldset div.multiInputs em {
	margin: 0 6px;
	font-style: normal;
	position: relative;
	top: 4px;
	float: left;
}

fieldset#emailPlanner {width: 550px} /* Email a planner  fieldset */

fieldset#emailPlanner label {width: 230px}

fieldset#emailPlanner div.radio label {width: auto}

fieldset#emailPlanner div.radio {margin-left: 250px}

fieldset#emailPlanner div.radio .fieldError {margin: 0 10px 0 0;}

fieldset#emailPlanner textarea {width: 250px}

fieldset#emailPlanner div.buttons {width: 490px}

fieldset#easyDraw {width: 550px}

fieldset#easyDraw .fauxLabel, fieldset#easyDraw label {width: 180px}

fieldset#easyDraw div.radio {margin-left: 200px}

fieldset#easyDraw div.radio label {width: auto}

p.singleCheckBox, p.singleRadioButton {
	height: 1.2em;
	position: relative;
	padding-bottom: 1em;
}

p.singleCheckBox input, p.singleRadioButton input {
	position: absolute;
	left: 0;
	width: 15px;
	height: 15px;
	margin: 0;
}

p.singleCheckBox label, p.singleRadioButton label {
	display: inline;
	width: auto;
	margin: 0;
	padding: 1px 0 0 20px;
	float: left;
}

dt img.info, div.fauxLabel img.info {margin: -2px 0 0 -18px}

/* faux table fieldset style */
.fieldset {
	padding: 15px 0;
	position: relative;
}

.fieldset fieldset {
	margin-top: 0;
	padding-top: 5px
}

.fieldset legend strong { 
	position: absolute;
	display: block;
	left: 0;
	top: -30px;
	padding: 5px 0 7px 0;
	font-weight: bold;
	font-size: 18px;
	color: #009FDC;
	width: 521px;
	border-bottom: 1px solid #009FDC
}

/* Safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .fieldset legend strong { padding-top: 12px; }
}

.fieldset fieldset {
	border-width: 0 0 1px 0;
}

/* definition lists in fieldsets */
dl.fsText {
	margin: 0; 
	padding: 0;
}

dl.fsText dt {
	text-align: right;
	width: 180px;
	
}

dl.two-columns dt, 
dl.two-columns dd {
	width: 48%;
}

dl.fsText dd {
	position: relative;
	left: 3px;
	*left: 9px;
}

/* unit prices definition list */
.unitList {
    clear: both; 
    width: 258px;
    margin: 10px 0;
	border: 1px solid #AAC0D5;
}

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

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

.unitDate {
    padding: 0 .5em;
	border-top: 1px dotted #AAC0D5;
	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;
}

.fieldText {
	position: relative;
	top: .9em;
	left: .4em;
}

.primarybutton input, .primarybutton a, .secondarybutton input, .secondarybutton a, 
.primaryButton input, .primaryButton a, .secondaryButton input, .secondaryButton a { /* buttons */
	display: block;
	margin: 0 0 0 4px;
	padding: 4px 10px 7px 6px;
	font-size: 14px;
	font-weight: bold;
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
	border: none;
	width: auto;
	_overflow: visible;
}

.secondarybutton input, .secondarybutton a, 
.secondaryButton input, .secondaryButton a {
	color: #005596; 
	font-size: 13px;
	padding: 5px 9px 6px 4px;
}

.secondarybutton input.disabledButton {
	color: #999!important;
}

.secondarybutton a, .secondaryButton a  {padding: 6px 9px 8px 4px}

#container .primarybutton a:visited, #container .primaryButton a:visited  {color: #FFF}

.primarybutton:hover a, .primaryButton:hover a {text-decoration: none}

.secondarybutton a:visited, .secondaryButton a:visited {color: #005596}

.secondarybutton:hover a, .secondaryButton:hover a {text-decoration: none}

.primarybutton, .primaryButton { /* primary button container */
	background: url(../images/primary_button_l.png) no-repeat;
	float: left;
}

.primaryButton > input[disabled],
.primaryButton:hover > input[disabled] {
	color: #999999;
}

.primarybutton input, .primarybutton a, 
.primaryButton input, .primaryButton a { /* primary button */
	background: url(../images/primary_button_r.png) no-repeat right top;
} 

.primarybutton input, .primaryButton input  {
         border-radius:0;
}

.secondarybutton, .secondaryButton { /* secondary button container */
	background: url(../images/secondary_button_l.png) no-repeat;
	float: left;
}

.secondarybutton input, .secondarybutton a, 
.secondaryButton input, .secondaryButton a { /* secondary button */
	background: url(../images/secondary_button_r.png) no-repeat right top;
}

.secondarybutton input, .secondaryButton input  {
         border-radius:0;
}

#container .secondaryarrow, #container .secondaryArrow { /* secondary button with arrow bullet */
	background: url(../images/secondary_button_arrow_l.png) no-repeat;
	padding-left: 8px;
}

#container .primaryarrow, #container .primaryArrow { /* secondary button with arrow bullet */
	background: url(../images/primary_button_arrow_l.png) no-repeat;
	padding-left: 7px;
}

#container .reportbutton, #container .reportButton { /* secondary button with report icon */
	background: url(../images/secondary_button_report_l.png) no-repeat;
	padding-left: 14px;
}

#container .secondaryview, #container .secondaryView, #container .twolineview { /* secondary button with view icon */
	background: url(../images/secondary_button_view_l.png) no-repeat;
	padding-left: 19px;
}

#container .twolineview { /* secondary button 2 lines */
	background: url(../images/secondary_button_view_2_l.png) no-repeat!important;
}

#container .twolineview input, #container .twolineview a {
	background: url(../images/secondary_button_2_r.png) no-repeat right top!important;
}

#container .secondaryselected, #container .secondarySelected { /* secondary button with tick icon */
	background: url(../images/secondary_button_tick_l.png) no-repeat;
	padding-left: 16px;
}

#container .secondaryselected a, #container .secondaryselected input, 
#container .secondarySelected a, #container .secondarySelected input {
	background: url(../images/secondary_button_tick_r.png) no-repeat right top;
	text-decoration: none
}

#container .secondaryselected:hover a, #container .secondaryselected input:hover, 
#container .secondarySelected:hover a, #container .secondarySelected input:hover {background-position: right top}

.primarybutton:hover, .secondarybutton:hover, #container .secondaryarrow:hover, 
#container .reportbutton:hover, #container .secondaryview:hover, #container .primaryarrow:hover, 
.primaryButton:hover, .secondaryButton:hover, #container .secondaryArrow:hover, 
#container .reportButton:hover, #container .secondaryView:hover, #container .primaryArrow:hover {
	background-position: 0 -36px;
	cursor: pointer;
} /* buttons container hover */

.primarybutton.disabled:hover, 
.primaryButton.disabled:hover {
	background-position: 0 0px;
	cursor: normal;
} /* buttons container hover */

.primarybutton.disabled:hover input, 
.primaryButton.disabled:hover input {
	background-position: 100% 0;
} /* buttons container hover */

span.secondaryButton input.disabledButton, span.secondarybutton input.disabledButton {
	color: #999!important;
}


.primarybutton:hover input, .primarybutton:hover a, 
.primaryButton:hover input, .primaryButton:hover a { /* buttons hover */
	background-position: 100% -36px;
	color: #FFF;
} 

.secondarybutton:hover input, .secondarybutton:hover a, 
.secondaryButton:hover input, .secondaryButton:hover a { /* buttons hover */
	background-position: 100% -36px;
	color: #005596;
}

#container .twolineview:hover {background-position: 0 -49px}

#container .twolineview:hover a, #container .twolineview:hover input {background-position: 100% -49px}

#container .buttonDisabled a, #container .buttonDisabled input {
	color: #999;
	cursor: default;
}

#container .buttonDisabled:hover, #container .buttonDisabled:hover {background-position: 0 0}

#container .buttonDisabled:hover a, #container .buttonDisabled input:hover {
	background-position: right top;
	color: #999!important;
}

.buttons {  /* buttons container */
	padding-top: 20px;
	clear: both;
}

.confirmbutton {
	padding: 0!important; 
	margin-bottom: 20px
}

.buttons div {float: right}

.buttons span {margin-right: 12px}

.buttons div span {
	margin-left: 12px; 
	margin-right: 0
}

.pagerLeft, .pagerRight { /* pagination buttons */
	width: 33px;
	height: 26px;
	float: left;
	background: url(../images/page_left.png) no-repeat;
}

.pagerRight {background: url(../images/page_right.png) no-repeat}

.pagerLeft:hover, .pagerRight:hover {
	text-decoration: none;
	background-position: 0 -26px
}

/************************************************************
	COMMENT ELEMENT CLASSES & IDS
************************************************************/
#headerPrint, #footerPrint {display: none} /* print only elements */

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

.findAddress { /* find address button in registration - personal details */
	margin: 12px 0 12px 189px;
}

/* Styleswitcher and print  */
#styleswitcher {
	position: absolute;
	top: 153px;
	right: 1px;
	width: 14em;
	z-index: 100;
}

#styleswitcher p {
	margin: 0;
	padding: 4px 12px 4px 12px;
	background: url(../images/styleswitcher_bg.png) no-repeat;
	overflow: auto;
	height: 1%;
}

#styleswitcher a {
	float: left;
	color: #52AFDC;
	font-size: .9em;
	line-height: 1.4em;
	position: relative;
}

#styleswitcher a:visited {color: #52AFDC}

#styleswitcher #print {
	background: url(../images/print_icon.gif) no-repeat;
	padding: 0 10px 0 20px;
}

#styleswitcher #sm {
	padding: 0 5px 0 10px;
	font-size: 9px;
	top: 2px;
	background: url(../images/my_portfolio_styleswitcher_divider.gif) no-repeat left center;
}

#styleswitcher #lg {
	padding-right: 10px;
	font-size: 13px;
	top: -2px;
}

#styleswitcher #share {
	background: url(../images/my_portfolio_styleswitcher_divider.gif) no-repeat left 3px;
	padding-left: 10px;
}

/* breadcrumb menu */
#breadcrumb {
	position: absolute;
	height: 36px;
	top: 143px;
	left: 1px;
	z-index: 100;
	padding-left: 14px;
}

#breadcrumb ul {padding-top: 9px}

#breadcrumb ul li {
	float: left;
	color: #ADADAD;
	font-size: 11px;
	line-height: 1.2em;
}

#breadcrumb ul li a {
	color: #ADADAD;
	line-height: 1em;
	margin: 0 5px;
}

#breadcrumb ul li a:visited {color: #ADADAD}

#breadcrumb ul li a:hover {color: #44B7E4}

#breadcrumb ul li a.active:hover {
	color: #ADADAD;
	text-decoration: none;
	cursor: default;
}

/* Success messages */
.success {
	color: #367A30;
	background: url(../images/tick_icon.gif) no-repeat;
	padding-left: 20px;
	font-weight: bold
}

/* Errors and warnings */
#content .caution {
	clear: left;
	background: url(../images/caution.gif) no-repeat 0 3px;
	padding: 3px 3px 3px 20px;
	color: #C00 !important;
}

#content div.caution {margin: 1.3em 0}

#content div.caution p {margin-top: 0; color: #C00 !important; }

#content div.caution ul li {
	background: none;
	list-style-type: disc;
	margin-left: 14px;
	padding-left: 0;
}

/* New style ALERTS */
    
.alert {
 padding: 15px 35px 15px 15px;
 margin-bottom: 20px;
	border-radius: 4px;
}
    
.alert-success {
	background-color: #DFF0D8;
	border: 1px solid #abc793;
}

.alert-error {
	background-color: #F2DEDE;
	border: 1px solid #e98b9d;

}

.alert-warning {
	background-color: #FCF8E3;
	border-color: #FBEED5;
}

.alert-info-blue {
	background-color: #d9edf7;
	border: 1px solid #94cad5;
}

.alert-info {
	background-color: #FCF8E3;
	border: 1px solid #fbd864;
}

.alert p {margin: 5px 0;}
.alert img {float: left;}
.alert-inner {margin: 0 30px;}
.alert ul {color: #222222; }
.alert ul li {background: none!important; list-style-type: disc; padding: 0!important;}



/* My portfolio registration */
.registerInfo {
	border-bottom: 1px solid #C4C4C4;
	clear: both
}

.registerInfo img {
	padding: 0 20px;
	float: left
}

.registerInfoStep {
	border-top: 1px solid #C4C4C4;
	padding-top: 1.5em;
	clear: both;
	overflow: auto;
	height: 1%;
}

.registerInfoStep img {
	float: left;
	padding: 0 30px 0 35px
}

.registerInfoStep p {
	margin: 5px 12px 20px 12px;
	padding-left: 95px;
}

.registerInfoStep h2 {
	margin: 0;
	clear: none
}

/************************************************************
	GENERIC CLASSES
************************************************************/

.hideElement, .hideelement {display: none}
.showElement, .showelement {display: block; display: table-row}
#container .noborder, #container tr.noborder td, 
#container .noBorder, #container tr.noBorder td {border: none}
#container .marginLeft1em {margin-left: 1em}
#container .marginTop0 {margin-top: 0}
#container .marginBtm0 {margin-bottom: 0}
#container .marginTopPt5em {margin-top: .5em}
#container .marginRightPt5Em {margin-right: .5em}
#container .margin1em {margin: 1em}
#container .paddingTop1em {padding-top: 1em}
#container .paddingBtm1em {padding-bottom: 1em!important}
#container .width50percent {width: 50%}
#container .width2em {width: 2em}
#container .width4em {width: 4em}
#container .width6em {width: 6em}


.contenttwocols .lifestagesIcon, .contentTwoCols .lifestagesIcon {margin: 2em auto}

#container .promo {margin-bottom: 1em}

#container .fauxRow {
	text-align: right;
	margin: 0 0 1em 0
}

#container .fauxRow span {float: left}

#container .fauxRow span img {
	float: left;
	margin-right: .5em;
}

#container .divScroll { /* scrolling div ie. Terms & conditions  */
	border-top: 1px solid #DEDEDE;
	padding-bottom: .5em;
}

#container .divScroll h4, #container .divConfirm h4 {
	color: #0036C9;
	margin-top: 1em;
	font-weight: bold;
	font-size: 1.1em;
}

#container .divScroll div {
	border: 1px solid #DEDEDE;
	height: 95px;
	overflow: auto;
	position: relative;
}

#container .divScroll div p {margin: 1em}

#container .divScroll input {
	margin-right: .7em;
	border: none;
} 

#container .divScroll label {
	font-weight: normal;
	position: relative;
	top: -1px;
	color: #333;
}

#container .divConfirm {
	border: 1px solid #DEDEDE;
	border-width: 1px 0;
}

#container .divConfirm h4 {margin-bottom: 0}

#container .divConfirm label {
	margin-right: 1em;
	display: inline
}

#container .divConfirm input {width: 10em}

#processFunnel {   /* Process step funnel */
	margin: 2em 0!important; 
	padding: 1em 0 .6em 0;
	overflow: auto;
	*height: 1%;
	border: 1px solid #DEDEDE;
	border-width: 1px 0;
} 

#processFunnel li {
	float: left;
	width: 80px;
	padding-left: 30px!important;
	margin-right: 10px;
	height: 35px;
	color: #D6D6D6;
}

#processFunnel li.completedStep {color: #009FDC!important}

#processFunnel li#step1 {background: url(../images/funnel_incomplete_step_1.png) no-repeat}

#processFunnel li#step2 {background: url(../images/funnel_incomplete_step_2.png) no-repeat}

#processFunnel li#step3 {background: url(../images/funnel_incomplete_step_3.png) no-repeat}

#processFunnel li#step4 {background: url(../images/funnel_incomplete_step_4.png) no-repeat}

#processFunnel li#step5 {background: url(../images/funnel_incomplete_step_5.png) no-repeat}

#processFunnel li#step6 {background: url(../images/funnel_incomplete_step_6.png) no-repeat}

#processFunnel li#step1.completedStep {background: url(../images/funnel_complete_step_1.png) no-repeat}

#processFunnel li#step2.completedStep {background: url(../images/funnel_complete_step_2.png) no-repeat}

#processFunnel li#step3.completedStep {background: url(../images/funnel_complete_step_3.png) no-repeat}

#processFunnel li#step4.completedStep {background: url(../images/funnel_complete_step_4.png) no-repeat}

#processFunnel li#step5.completedStep {background: url(../images/funnel_complete_step_5.png) no-repeat}

#processFunnel li#step6.completedStep {background: url(../images/funnel_complete_step_6.png) no-repeat}

#divCaptcha {padding-top: 1em}

#divCaptcha img {float: left}

#divCaptcha div {
	float: left;
	margin-left: 25px;
}

#divCaptcha div p {margin: 0 0 1em 0}

#divCaptcha div a {
	display: block;
	margin-bottom: 4px;
}

/************************************************************
	Client reports
************************************************************/
#clientreports .colwrap {
	margin: 0 12px 0 15px;	
}

#more-options label, #more-options input {
	margin: 4px 0;
} 

div.col50left {
	float: left;
	width: 49%;
}

div.col50right {
	float: right;
	width: 49%;
}

#clientreports .col50left div {
	width: 100%;
}

#clientreports .col50right div {
	width: 100%;
}

#clientreports fieldset {
	border: none;	
	width: auto;
}

#clientreportsfields > label {
	clear: left;
}

#clientreportsfields .colwrap p {
	margin: 0;
}

#clientreportsfields > input {
	width: 240px; /* override input width in styles.css line 545*/
}

#clientreportsfields select#products {
	width: 250px;
}

#clientreports select#range {
	width:235px;
}

#clientreports .container235 {
	width: 235px;
	display: inline-block;
}

#clientreports .container235 label {
	width: auto;
}

#clientreports .dateInput {
	width: 170px;
	float: right;
}

#clientreports #more-options > fieldset {
	margin: 0 12px 0 15px;
}

div.leftLabel label {
	/*width: auto;*/
	text-align: left;
}

div.leftLabel input[type='checkbox'] {
	width: auto;
	clear: left;
}

/* QAS address capture */
.intAddress , .addressResults, .addressOption, .ausAddress1 {display: none}

.addressResults, .addressOption {
	clear: both; 
	padding-top: .5em; 
}

.addressResults p {margin: 0 1em}

.addressResults select {
	margin-left: 1em;
	width: 95%;
	clear: both;
}

#container .tooltip {
	background: url(../images/tooltip_bg.png) repeat-x bottom;
	color: #666;
}

.tooltip:visited, .tooltip:hover {text-decoration: none}

#passwordStrengthExplanation {
	background: url(../images/password_strength_info.png) no-repeat;
	width: 445px;
	height: 130px;
	margin: 12px 30px;
	padding: 12px 15px;
}

#passwordStrengthExplanation p {margin: 0 0 1em 0}

#passwordStrengthExplanation ol {margin: 1em 2em}

#passwordStrengthExplanationMyPortfolio {
	background: url(../images/password_strength_info_myportfolio.png) no-repeat;
	width: 440px;
	height: 371px;
	margin: 12px 30px;
	padding: 12px 15px 12px 20px;
}

#passwordStrengthExplanationMyPortfolio p {margin: 0 0 1em 0}

#passwordStrengthExplanationMyPortfolio ol {margin: 1em 2em}

/* disabled input fields */
.disabledInput, .disabledInput:focus {
    border: 1px solid white;
	padding: .1em 0 0 0;
	background: white;
}

/* GENERIC STYLES */
.wrapper {
	background: white;
	padding: 12px;
}

.printOnly {display: none}
.width30em {width: 30em}
#inner .width44em {width: 45.5em}
#container .fontItalic {font-style: italic;}
#container p.fontItalic {margin-left: 0; margin-bottom: 0}

/************************************************************
	FOOTER
************************************************************/
#footer {
	background: url(../images/footer_bg.png) no-repeat left bottom;
	color: #666;
	position: relative;
	/*overflow: visible;*/
}

#footer h3 {
	margin:12px 0 0 0;
	padding: 0 12px 0 20px;
	font-size: 1em;
	color: #666;
	font-weight: bold;
}

#footer h3.find, #footer h3.chart, #footer h3.percent {
	margin-top: 41px; 
	height: 2em;
	font-size: 1.2em;
}

#footer h3.find {background: url(../images/view_icon.gif) no-repeat}

#footer h3.chart {background: url(../images/chart_icon.gif) no-repeat}

#footer h3.percent {background: url(../images/percent_icon.gif) no-repeat}

#footer p {
	margin: 12px 12px 0 20px;
	color: #7E7E7E;
	line-height: 1.4em;
}

#footer p img {
	margin-left: -10px;
	padding-top: 7px;
}

#footer a { 
	color: #7E7E7E;
	display: block;
	line-height: 1.4em;
}

#footer a:visited {color: #7E7E7E}

#footer p#copyright {
	margin-left: 20px;
	font-size: 11px;
}

#footerLinks {padding-top: 5px}

#footerLinks p {
 	text-align: center;
	font-size: 11px;
}

#footerLinks p a {
	display: inline;
	margin: 0 2px;
}

/* non AMP assets pages */
.stockList, .selectedStock {
	border: 1px solid #CEDBE7;
	margin: 0 0 12px 188px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 300px;
	height: 120px; 
}

.selectedStock {height: auto}

.stockList table th, .stockList table td, .selectedStock table th, .selectedStock table td {
	border: none;
	padding: 5px
}

.stockList table th, .selectedStock table th {font-weight: bold}

.selectedStock table {
	width: 100%;	
	margin: 0;
}

/* managed funds fieldset */
.managedFunds {width: 580px}

.managedFunds label {width: 192px}

.managedFunds div.buttons {width: 398px}

/* help hover (what is this?) */
.helpHover, a.helper, .inputText { 
	text-decoration: none!important;
	position: relative;
	left: 10px;
	top: 12px;
}

.helpHover img {
	position: relative;
	top: .5em;
	margin-left: .5em;
}

.helpHover:hover {background: white}

.helpHover span {
	display: none;
	color: #333;
}

.helpHover span em {
	display: inline;
	font-style: italic;
	padding: 0;
	background: none;
}

.helpHover:hover span {
	display: inline;
	position: absolute;
	background: #FFFFC6;
	border: 1px dotted #666;
	padding: .3em;
	width: 250px;
	margin: 7px 0 0 70px;
}

p a.helpHover:hover span {margin-left: 0}


/************************************************************
	3RD PARTY STYLES
************************************************************/
#canvas{
    width: 1000px;
    margin: 0px auto;
}

#header-block{
    background: transparent url(../images/header.jpg) 0 0 no-repeat;
    height:172px;
}
#footer-block {
    width: 1000px;
    background: transparent url(../images/footer.jpg) 0 0 no-repeat;
    height:313px;
}
#bottom-frame {
    clear:both;
    background: transparent url(../images/bottom-frame.jpg) 0 0 no-repeat;
    height:10px;
    overflow:hidden;
}

#content-block {
    overflow:hidden;
    padding-bottom:20px;
    background: transparent url(../images/bg-canvas.gif) 0 0 repeat-y;
    width:100%;
}

#sidemenu-block {
    width:200px;
    float:left;
}
#main-content-block {
    float:left;
    width:770px;
    background: transparent url(../images/right-frame.jpg) right top no-repeat;
    padding:10px 20px 10px 10px;
}

#main-content-block h1 {
    padding-bottom:18px;
}
#main-content-block h2{
    color:#09c;
    font-weight:bold;
    padding-bottom:8px;
}

.btn-go{
    border:0 none;
    background: transparent url(../images/btn-go.png) 0 0 no-repeat;
    width:42px;
    height:26px;
    font-weight:bold;
    font-size:14px;
    color:#069;
    margin-left:8px;
}
#search{
    padding:3px;
    color:#666;
}

#result-index{
    color:#333;
    line-height:24px;
    margin-bottom:16px;
}

.search-box{
    font-weight:bold;
    color:#7d7d7d;

    padding:20px 0;
    border-top:1px solid #dedede;
    border-bottom:1px solid #dedede;
}
.label-search-for{
    padding-right:10px;
}
.link-pdf{
    background: transparent url(../images/icon-pdf.png) 0 0 no-repeat;
    padding-left:20px;
    line-height:30px;
}

#map-block {
    height: 620px;
    position: relative;
	clear: both;
}

#container #map-block ul {margin: 0}

#container #map-block ul li {background: none}

#map-search-box {
    padding-bottom:14px;
}

.label-werecommend{
    color:#036;font-weight:bold;padding-bottom:8px;
}
#werecommend{
    margin-top:20px;
}
#werecommend .header{
    background: transparent url(../images/box-top-frame.gif) 0 0 no-repeat;
    overflow:hidden;
    height:10px;
}
#werecommend .content{
    padding:0 10px 6px 10px;
    background-color:#e9F6Fb;
    width:740px;
}
#werecommend .footer{
    background: transparent url(../images/box-bottom-frame.gif) 0 0 no-repeat;
    overflow:hidden;
    height:10px;
}

/* list */
.list-box{
}
.list-box .list-item{
    padding:20px 0;
    border-bottom:1px solid #dedede;
}
.list-box .list-id{
    float:left;
    width:30px;
}
.list-box .list-body{
    padding-left:30px;
}

.list-box .list-item-title{
    color:#069;
    font-size:16px;
    line-height:24px;
}

.list-box .list-item-content{
    line-height:16px;
    padding-bottom:14px;
}

.list-box .list-item-link{
    color:#999;
}
.list-box .list-item-link a{
    color:#999;
}

/* map-list-box */
#map-area{
    position:absolute;
    z-index:1;
    top:18px;
    left:0;
    border: 1px solid #DEDEDE;
}
#planner-list{
    position:absolute;
    z-index:2;
    top:18px;
    left:0;
}

#map-block div.map {
	height: 300px;
    left: 400px;
    width: 300px;
    position:absolute;
    top:18px;
	cursor: pointer;
}

#map-block div #map-area{
	top:0px;
}

.map-expand-button, .map-collapse-button {
    position:absolute;
    z-index:3;
    top:0;
    left:299px;
    background: transparent url(../images/btn-larger-map.png) 0 0 no-repeat;
    width:82px;
    height:18px;
    display:block;
}

.map-collapse-button {
    background: transparent url(../images/btn-smaller-map.png) 0 0 no-repeat;
    width: 84px;
}

.map-collapse-button {
    background: transparent url(../images/btn-smaller-map.png) 0 0 no-repeat;
    width: 84px;
}

.map-list-box {
    width: 298px;
    border: 1px solid #dedede;
    height: 610px;
    float: left;
    background-color: #FFF;
}

.landing .map-list-box {
    width: 400px;
    border: none;
    float: left;
    height: auto;
    overflow-y: hidden;
}

.map-list-box .list-item {
    padding: 13px;
    border-bottom: 1px solid #dedede;
    border-collapse: collapse;
}

.landing .map-list-box .list-item {
    padding: 1px;
    border-bottom: none;
}

.landing p.list-item-title {
	margin: 1px 0px;

}

.map-list-box .list-id {
    background: transparent url(../images/marker.png) 0 0 no-repeat;
    float:left;
    width: 22px;
    height: 30px;
    padding: 3px 0;
	text-align: center
}
.map-list-box .list-body{
    padding-left:30px;
}

.map-list-box .list-item-title{
    color:#069;
    font-weight:bold;
    line-height:24px;
}

.map-list-box .list-item-content{
    line-height:16px;
    padding-bottom:14px;
}

.map-list-box .list-item-link{

}
.map-list-box .list-item-link a{
    padding-left:12px;
    background: transparent url(../images/arw-blue-r.png) left center no-repeat;
}

/* pagination */
.pagination-box{
    text-align:center;
    font-size:14px;
    padding:20px 0 32px;
}
.pagination{
    color:#666;
    display:inline;
}
.pagination .selected-item{
    font-weight:bold;
    color:#069;
}
.pagination li{
    display:inline;
    color:#999;
}

.btn-prev{
    padding-right:120px;
    padding-left:10px;
    background: transparent url(../images/arw-blue-l.png) center left no-repeat;
}
.btn-next{
    padding-left:120px;
    padding-right:10px;
    background: transparent url(../images/arw-blue-r.png) center right no-repeat;
}
.btn-prev.inactive{
    background: transparent url(../images/arw-gray-l.png) center left no-repeat;
    color:#666;
}

/* Super consolidation form */
#transfersDiv {display: none}

#transfersDiv table p {
	margin: 12px 0;
}

#transfersDiv table td.transfersLabel {
	padding-right: 24px;
}

#transfersDiv table input {
	width: 100px;
	margin: 0 4px 0 0;
}

#transfersDiv table td {vertical-align: bottom}

/* find a planner search results */
#fap_form {
	display: block;
	margin-bottom: 30px;
}

#fap_form label, #fap_form input {float: left}

#fap_form label {padding: 4px 5px}

#fap_form label {
	padding: 0 5px;
	*padding-top: 4px;
	margin-left: 16px
}

#fap_form span {
	position: relative;
	top: -1px;
	left: 6px;
}

#paginationButtons {
	text-align: right;
	padding: 0 5px
}

#paginationButtons span {float: left}

#paginationPages {padding: 0 5px}

#paginationPages a {padding: 0 4px}

#paginationPages a.active, #paginationPages a.active:hover {
	color: #09C;
	cursor: pointer;
	text-decoration: none
}

/* content area on modal pages */
#modalContent {
	width: 45.5em;
	margin-bottom: 1.5em;
}

#modalContent ul {
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
}

#modalContent p {margin-top: 0}

/* Register link in login */
.registerLink a {
	display: block;
	padding-bottom: 5px;
}

.registerLink {
	padding-top: 12px;
	margin: 0;
	line-height: 1.2;
}

/* 'You last logged in...' message */
#logTimeMsg {
	color: #666;
	position: absolute;
	top: 15px;
	left: 175px;
}
#header #logTimeMsg {
	color: #D3D3D3;
}

/* cybertwin callout */
#cyberTwin {
	position: absolute;
	right: 68px;
	width: 155px;
	height: 80px;
	margin-top: -50px;
	background: url(../images/cyber_twin_callout.png) no-repeat;
	display: block;
	text-decoration: none
}

#cyberTwin:hover {background-position: 0 -80px;}

#cyberTwin img {border: none}

/* Floatee menu */

#vgn-div-float-bottom-left {
	position: fixed;
	left: 0px;
	bottom: 0px;
}

/* Help centre - find a form */
.findaform {
	border: 1px solid #CCC;
	padding: 10px;
	overflow: auto;
	_height: 1%;
}

.findaform label {
	float: left;
	width: 120px;
	text-align: right;
	padding-top: 4px
}

.findaform select {
	margin: 0 0 10px 10px;
}

.findaform div.secondarybutton {
	clear: both;
	margin: 20px 0 0;
	position: relative;
	left: 130px;
}
	
/* Find a planner map bubble*/

.mapbubble {
	width: 300px;
	margin-right: 5px
}

.mapbubble h3 {margin: -3px 0 3px 0}

.mapbubble a {font-size: 0.9em; line-height: 1.2em}

.mapbubble .list-item-link a{
    padding-left:12px;
    background: transparent url(../images/arw-blue-r.png) left center no-repeat;
}

.mapbubble .contentTabs {
	clear: left;
	background: url(../images/mapBubbleTab_bg.png) repeat-x bottom;
	height: 26px;
	padding-top: 19px
}

.mapbubble .contentTabs ul {margin-left: 10px !important;}

.mapbubble .contentTabs ul li {
	float: left;
	background: url(../images/mapBubbleTab_l.png) no-repeat!important;
	padding-left: 0px;
	margin-right: 1px;
}

.mapbubble .contentTabs ul li a {
	display: block;
	margin-left: -5px;
	padding: 8px 10px 10px 5px;
	font-weight: bold;
	font-size: 12px;
	background: url(../images/mapBubbleTab_r.png) no-repeat right top;
	text-decoration: none;
}

.mapbubble .contentTabs ul li.active {background: url(../images/mapBubbleTab_active_l.png) no-repeat!important;}
	
.mapbubble .contentTabs ul li.active a {	
	background: url(../images/mapBubbleTab_active_r.png) no-repeat right top;
	color: #44B7E4;
}
	


/************************************************************
	SERVICING FORM STYLES
************************************************************/

.fieldsetServicingForms {
	background: #EDF8FC url(../images/fieldset_top.gif) repeat-x;
	border: none;
	margin: 0 0 20px;
	padding: 0 0 15px 0;
	position: relative;
	width: auto; 
}

.fieldsetReview {
	*padding: 35px 0 15px 0;
}

.fieldsetServicingForms legend {display: none}

.fieldsetReview legend  {
	display: block;
	padding: 0 0 15px 0;
	margin: 10px 0 0;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #003C69;
	*margin: 0;
	*padding-bottom: 7px;
	*position: absolute;
	top: 0;
	left: -7px;
	*width: 520px!important; 
	*background: white url(../images/fieldset_top.gif) repeat-x bottom;
}

.fieldsetServicingForms h4 {margin-left: 12px}

.fieldsetServicingForms ul li {
	background: none!important;
	margin: 0!important; 
	padding: 0 0 5px 0!important;
	display: block;
	clear: both;
	height: 1%;
}

.fieldsetServicingForms ul li label {
	display: block; 
	font-weight: bold; 
	margin: 12px 10px 0 0; 
	padding: 0; 
	text-align: right;
	width: 160px;
}

.fieldsetServicingForms ul li span.radio {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}

.fieldsetServicingForms ul li span.radio input {
	height: 13px; 
	width: 13px; 
}

.fieldsetServicingForms ul li span.radio label {
	display: inline;
	float: left;
	height: 15px;
	margin: 15% 0 0;
	white-space: nowrap;
	width: auto;
	clear: none;
	font-weight:normal;
}

.fieldsetServicingForms ul li span.radio label {margin: 12px 10px 0;}

.fieldsetServicingForms ul li span.radio input {margin: 12px 0 0 0;}

.fieldsetServicingForms ul li span.radio label:hover {cursor: none !important}

.fieldsetServicingForms div.help-note ul li {
	background: url(../images/li_square_bg.gif) no-repeat 0 3px!important;
	padding-left: 10px!important;
	margin-bottom: 3px!important;
}



.fieldsetServicingForms h5 {
	font-size: 14px;
	background: white;
	padding: 7px 10px;	
}

.fieldsetServicingForms dl {
	width: 100%;
	display: inline-block;
}

.fieldsetServicingForms dl {margin: 10px 0}

.fieldsetServicingForms dt {text-align: right}

.fieldsetServicingForms dd{text-align: left}

.fieldsetServicingForms dl:after {
	content:"."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div.checkRow {
	background: white;
	clear: both;
	display: block;
	height: 34px;
	margin-top: 1px;
	padding: 0;
}

div.checkRow input {
	clear: right;
	float: left;
	margin: 10px 0 0 0;
	position: relative;
}

div.checkRow span {
	color: #005596;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 5px 10px 6px;
}

div.checkRow img {
	left: 4px;
	position: relative;
	top: 10px;
}

div.help-note {
	background-color: #FFF;
	border: 1px solid #CCC;
	clear: both;
	display: block;
	margin: 10px 15px;
	min-height: 35px;
	padding: 1px 0 10px;
}

div.help-note h4 {margin-left: 12px}

div.help-note img {margin: 5px 0 0 5px}

div.controlButtons {
	float: right;
	margin: 5px 0 0 0;
	padding-top: 5px;
	width: 168px;
	height: 34px!important;
	background: url(../images/employee_edit_bg.gif) no-repeat;
}

div.controlButtons img {
	position: relative;
	top: 3px;
	margin: 0 4px 0 15px
}

div.controlButtons a:hover {
	color: #09C;
	text-decoration: none
}

/* misc styles */
ul.whatwillhappen-note {
	clear: both!important;
	display: block!important;
	padding: 0;
}

li#add_fieldID, li#clear_fieldID {
	width: 170px;
	postion: relative;
	top: 10px;
	height: 35px;
	float: left;
}


li#clear_fieldID {clear: none}	

li#add_fieldID span.fields a, li#clear_fieldID span.fields a {
	background: transparent url(../images/btn-plus.png) no-repeat 0 0!important;
	padding: 1px 0 5px 22px;
	position: absolute;
	top: 7px;
}

li#clear_fieldID span.fields a {
	background: transparent url(../images/btn-minus.png) no-repeat 0 0!important;
}

p.fieldError {display: none}

.consolidateForm, .insuranceForm {
	margin-right: 95px!important;
}

dd.double-line-answer { margin-top:12px;}

/************************************************************
	SERVICING FORM liightboxes
************************************************************/

/* large lightbox content   */

#TB_ajaxContent {
	height: auto!important;	
	position: relative;
}

#TB_ajaxContent div#lightBoxHeader-lrge {
	position: relative;	
}

div#lightBoxContent-lrge {
	width: 540px;
	margin: 10px 0 0 30px;
	padding: 0 10px;
	position: relative;
}

div#lightBoxContent-lrge.scrollArea {
	height: 280px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #CCC;
}

div#lightBoxContent-lrge p {margin: 12px 0}

div#lightBoxContent-lrge a, div#lightBoxContent-lrge a:visited {color: #005596;}

div#lightBoxContent-lrge ul li {
	margin: 0 0 6px 0!important;
	padding: 0 0 0 12px!important;
	background: url(../images/li_square_bg.gif) no-repeat 0 2px;
	position: relative; 
}

div#lightBoxHeader-lrge h2 {
	margin: 15px 135px 0 30px!important;
	position: relative;
}

.lightbox-disclaimer {
	font-size: 11px;
	color: #666;
}

a#btn-close {
	position: absolute;	
	z-index: 5000;	
	background: url(../images/btn-close.gif) no-repeat 100% 50%;	
	width: 100px;	
	height: 15px;	
	right: 28px;	
	top: 3px;	
	margin: 0!important;	
	padding-top: 2px;
}

#TB_ajaxContent div#lightBoxFooter-lrge {
	height: 30px;
}

.question-mark {
	position: relative; 
	left: 4px
}

.continueBtn {float: right!important;}

.inlineBox {
	height: 110px;
}

.inlineBox .btn-cancel, .inlineBox .btnYes {
	float: left;
	background:  url(../images/inline_box_btn.gif) no-repeat;
	width: auto!important;
	height: auto!important;
	margin-left: 25px!important;
	padding: 6px 12px 8px 12px;
	text-align: center;
	cursor: pointer;
	color: #005596;
}

.inlineBox a:visited {color: #005596!important}

.inlineBox .btn-cancel {
	padding: 6px 15px 8px 15px;
}

.inlineBox .btn-cancel:hover, .inlineBox .btnYes:hover {
	background-position: 0 -36px;
	text-decoration: none;
}

/************************************************************
	SERVICING FORM HOVER TIPS
************************************************************/

a.hoverTip, a.hoverTip:visited {
	text-decoration: none;
	border-bottom: 1px dotted #333!important;
	color: #333;
	line-height: 20px!important;
	margin: 0 2px 3px 3px;
}

a.hoverTip:hover {
	text-decoration: none;
	border-bottom: 1px solid #333!important;
	color: #333;
	margin: 0 2px 3px 3px;
}

body div.qtip div.content{
	padding: 0;
	margin: 0;
	height: auto; 
	min-height: auto;
	width: auto;
	min-width: auto;
}

div.hoverTip {
	background: url(../images/hover_tip_bg.png) no-repeat;
	padding: 12px 0;
	height: 110px;
	margin: 0;
}

div.hoverTip span {
	padding: 9px 0 0 10px;
	display: block;
	clear: both;
	width: 200px;
	line-height: 15px;
}

/* important IE 6.0 puts a border around the content. This removes it. */
.qtip-contentWrapper {border: none!important;}

div#cancel-application {background: white}

div#cancel-application a {
	float: right;
	margin: 10px;
}

div#cancel-application h2 {
	background: white;
	float: left;
	margin: -7px 0 10px;
	padding: 0 0 0 35px;
	width: 520px;
}

div#cancel-application div {
	display: block;
	clear: both;
	float: left;
}

div#cancel-application div img {
	padding: 0 0 0 25px;
	float: left;
}

div#cancel-application div p {
	margin: 12px; 
	padding: 0 40px 0 0;
	width: 540px;
	font-weight: bold;
	float: left;
	display: block;
	clear: right;
	height: 60px;
}

div#mobileNumber_clickOnTip, div#email_clickOnTip, div#emailConfirm_clickOnTip, 
div#username_clickOnTip, div#bsb_clickOnTip, div#tfn_clickOnTip {
	width: 295px;
	color: white!important;
	position:absolute;
	z-index: 999;
	top: 5px;
	left: 365px;
}

div#tfn_clickOnTip {left: 373px}

div#emailConfirm_clickOnTip div {margin: 0 1em 0.8em -3px!important}

div#username_clickOnTip span {margin-left: 3px}

.tooltip span {
	background: transparent url(../images/tt_top.gif) no-repeat scroll 0 0;
	display: block;
	height: 22px;
	width: 293px;
	border: none !important;
}
.tooltip div {
	border: none!important;
	background: transparent url(../images/tt_btm.gif) no-repeat scroll center bottom;
	margin: 0;
	padding: 0 1em 0.8em 2.7em;
}

.tooltip div p {
	margin: 0 0 1em -4px;
	width: 260px;
}

.tooltip div p a, .tooltip div p a:visited {color: white}

.tooltip div p a:hover {text-decoration:none}

#container .tooltip {background:none; }


/************************************************************
	SERVICING FORM PERSONA ELEMENTS
************************************************************/
div.personas {
	width: 166px!important;
	float: left;
	heig/ht: 729px;
	margin: 0 0 10px 0
}

div.personas img {
	margin: 0;
	padding: 0;
	width: 130px;
	height: 130px;
	position: relative;
	float: left;
	margin-bottom: 5px
}

div.personas span.personName {
	float: left;
	position: relative;
	margin: 5px auto;
	width: 134px;
	text-align: center;
	font-weight: bold;
}

div.personas ul {
	height: 315px;
	display: block;
	clear: both;
	margin: 0!important
}

#content div.section div.personas ul li {
	padding: 0 5px 5px 10px;
	margin-left: 3px;
	background: url(../images/light_blue_arrow_icon.gif) no-repeat 0 4px!important
}

div.personFooter {
	background: #E9F6FB;
	line-height: 22px;
	height: 245px;
	width: 166px;
	margin: 0 auto;
	*margin-left: 2px
}

div.personFooter a {
	margin-top: 5px;
	line-height: 15px;
	display: block;
	clear: both;
	padding-left: 5px;
	padding-right:5px
}

div.personFooter p {
	margin: 0;
	line-height: 20px!important;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px
}

img.personas-questionmark {
	width: 14px!important;
	height: 14px!important;
	float: none!important;
	padding: 0 0 0 2px!important;
	margin: 1px 0 0 2px!important;
	position: static
}
	
.topLeftBottom {
	border-top: solid 1px #DEDEDE;
	border-left: solid 1px #DEDEDE;
	border-bottom: solid 1px #DEDEDE
}

.fullBorder {border: solid 1px #DEDEDE}

.borderBottom {border-bottom: solid 1px #DEDEDE}

/************************************************************
	SERVICING FORM OFFER TABLE
************************************************************/
div.section table.fullTable {
	width: 670px; 
	margin: 0;
	padding: 0
}

div.section table.fullTable th {
	margin: 0;
	font-weight: bold;
	color: #333;
	height: 30px;
	border-bottom: solid 1px #DEDEDE;
	padding: 10px 0 0
}

div.section table.fullTable tr {height: 33px}

div.section table.fullTable td img {margin-bottom: -5px}

tr.alternatingRow,tr.alternatingFooterRow {background: #E9F6FB}

div.section table.fullTable tr.alternatingFooterRow p {
	float: right;
	margin: 0 17px 5px 0;
	text-align: center;
	width: 167px
}

div.section table.fullTable td img.tickscrosses {
	display: block;
	margin: 0 auto
}

a.btnbase {
	background: url(../images/two_line_button_l.png) no-repeat left top;
	border: 0;
	cursor: pointer;
	display: block;
	float: right;
	height: 45px;
	line-height: 45px;
	margin: 0 12px 0 0;
	overflow: visible;
	padding: 0 0 0 3px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: auto;
}

a.btnbase span {
	background: url(../images/two_line_button_r.png) no-repeat right top;
	color: #004B8B;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	padding: 6px 11px 7px 11px;
	position: relative;
}

/************************************************************
	SERVICING FORM FLEXIBLE PROTECTION OPTION
************************************************************/
.insurance-options-ul {
	background: none!important;
	padding-left: 0!important;
	width: 650px;
	margin: 12px 11px!important;
	display: block!important; 
	clear: both!important
}

.insurance-options-ul li input {width: 20px!important}

.insurance-options-ul li {
	line-height: 40px!important;
	margin-bottom: 10px!important;
	padding-left: 0!important;
	clear: none!important
}

.insurance-options-ul li > * {width: 20px}

.insurance-options-ul li.li-label > * {
	width: 450px!important;
	margin: 8px 10px 15px 5px
}

.insurance-options-ul label {
	width: 430px;
	text-align: left!important;
	font-weight: normal!important
}

.li-vertical-radios li {
	display: -moz-inline-box; 
	-moz-box-orient: vertical;
	display: inline-block; 
	vertical-align: top; 
	word-wrap: break-word
}

.li-vertical-radios li > * {
	table-layout: fixed;
	overflow: hidden
}

/************************************************************
	SERVICING FORM ESSENTIAL PROTECTION OPTION
************************************************************/

span.insurance-labels {
	display: block;
	float: left;
	margin: 14px 0 0 1%;
	width: 100px
}

p.insurance-cover-amount {
	margin-left: 0;
	padding: 10px
}

fieldset.fieldsetServicingForms ul.ULInsurance-questions {
	height: 200px; 
	display: block;
	height: auto;
	margin: 5px 0 20px 70px!important;
	*margin-bottom: 0;
	_margin-left: 40px!important
}

fieldset.fieldsetServicingForms ul.ULInsurance-answers {
	clear: both!important;
	padding: 10px 0 5px 13px;
	text-align: right;
	width: 216px!important;
	_width: 220px!important;
	margin: 0!important
}

fieldset.fieldsetServicingForms ul.ULInsurance-questions-large {
	height: 200px;
	display: block;
	height: auto;
	margin: -5px 0 0 70px!important;
	float: left;
	_margin-left: 40px!important
}

fieldset.fieldsetServicingForms ul li#smoker_fieldID span.radio {margin: 45px 0 0}

fieldset.fieldsetServicingForms ul li#healthStatus_fieldID span.radio {margin: 12px 0 0}

fieldset.fieldsetServicingForms ul li#undiagnosedCondition_fieldID span.radio {margin: 96px 0 0}

fieldset.fieldsetServicingForms ul li#occupation_fieldID span.radio {margin: 34px 0 0}

fieldset.fieldsetServicingForms ul li#primaryHomeDuties_fieldID span.radio {margin-top: 10px}

fieldset.fieldsetServicingForms ul li#restrictedFromNormalDuties_fieldID span.radio {margin: 60px 0 0}

fieldset.fieldsetServicingForms ul li#tpdCondition_fieldID span.radio {margin: 24px 0 0}

fieldset.fieldsetServicingForms ul li#participateHazardousActivities_fieldID span.radio {margin: 72px 0 0}

fieldset.fieldsetServicingForms ul li#previousInsurance_fieldID span.radio {margin: 24px 0 0}

table#occupational-category {
	margin: 10px 0 0 18px; 
	width: 300px
}

table#occupational-category td, table#occupational-category th {padding: 0!important}

table#occupational-category input  {
	margin: 0;
	width: 20px!important
}

table#occupational-category label {
	white-space: nowrap;
	font-weight: normal;
	width: auto
}

table#occupational-category label.contributions-labels {
	white-space: nowrap;
	color: #005596!important;
	width: 65px;
	text-align: left
}

table#occupational-category td.input-td {width: 18px}

table#occupational-category td.lightbox-td {width: 80px}

table#occupational-category td.icon-lbox {
	width: 80px;
	vertical-align: text-bottom!important
}

img.icon-lbox {float: right}

table#occupational-category label.payby-template {
	margin-top: 3px!important;
	font-weight: bold
}

table#occupational-category img.question-mark {margin-top: 3px!important}

div.calculate-button {width: 356px!important}

/************************************************************
	SERVICING FORM ESSENTIAL PROTECTION REVIEW
************************************************************/

fieldset.fieldsetServicingForms table.insurancetable td {vertical-align: middle}

fieldset.fieldsetServicingForms table.insurancetable {
	width: 640px!important;
	height: 100px!important; 
	margin: 15px 0 15px 15px!important;
	padding: 0;
	border: solid 1px #ADADAD
}

fieldset.fieldsetServicingForms table.insurancetable tbody {
	padding: 0;
	background: white
}

fieldset.fieldsetServicingForms table.insurancetable th {
	margin: 0!important;
	padding: 0!important
}

fieldset.fieldsetServicingForms table.insurancetable td {
	padding: 0!important;
	margin: 0!important
}

fieldset.fieldsetServicingForms table.insurancetable td input {
	width: 20px;
	margin-left: 10px;
	margin-top: 11px
}

fieldset.fieldsetServicingForms table.insurancetable td label {
	white-space: nowrap;
	font-weight: normal;
	width: auto
}

fieldset.fieldsetServicingForms table.insurancetable tr {height: 33px}

fieldset.fieldsetServicingForms table.insuranceTable label {
	white-space: nowrap;
	line-height: 10px;
	clear: none;
	width: auto;
	font-weight: normal
}

fieldset.fieldsetServicingForms table.insurancetable td.small-col {
	width: 130px;
	padding: 5px
}

fieldset.fieldsetServicingForms table.insurancetable td.border-right {border-right: solid 1px #ADADAD}

fieldset.fieldsetServicingForms table.insurancetable td.border-top {border-top: solid 1px #ADADAD}

fieldset.fieldsetServicingForms table.insurancetable td.border-bottom {border-bottom: solid 1px #ADADAD}

div.insurance-radios {
	margin: 10px 0!important;
	width: 500px!important
}

div.insurance-radios ul {margin: 10px!important}

div.insurance-radios ul li {
	text-align: left;
	clear: none!important;
	margin-left: -10px!important;
	padding: 0!important
}

div.insurance-radios ul li.li-terms-checkbox {
	display: inline!important;
	clear: right!important
}

div.insurance-radios ul li input {width: 20px;}

div.insurance-radios ul li span {padding: 10px 0 0}

div.insurance-radios a {margin-left: 15px}

div.not-interested ul {display: block!important}

div.not-interested ul li label { 
	display: block;
	margin: 10px 10px 0 0;
	padding: 0;
	width: auto
}

div.not-interested a {margin-left: 15px}

/************************************************************
	SERVICING FORM REVIEW FINAL
************************************************************/
.servicingFormsReview dt {width: 335px}

.servicingFormsReview dt.multiple-questions {font-weight: normal}

.twoLinePadding {padding-top: 17px}

.fiveLinePadding {padding-top: 53px}

.threeLinePadding {padding-top: 30px}

/************************************************************
	SERVICING FORM MISC STYLES
************************************************************/

.altRow, .altRow span, .altRow label {background: white!important}

p.fieldError {
	background: transparent url(../images/caution.gif) no-repeat scroll 0 3px;
	clear: both;
	color: #CC0000;
	display: block;
	line-height: 1.3em;
	margin: 0 20px 0 178px;
	padding: 3px 0 1px 20px;
	*padding-top: 1px;
	position: relative;
	_top: -5px;
}

p.invalidEmailError {
	clear: both;
	color: #CC0000;
	display: block;
	line-height: 1.3em;
	margin: 0 20px 0 168px;
	padding: 3px 0 1px 20px;
	*padding-top: 1px;
	position: relative;
	*margin-left: 0px;
	font-size: 11px;
	*padding-left: 0px;
}

p.invalidEmailErrorComms {
	clear: both;
	color: #CC0000;
	display: block;
	line-height: 1.3em;
	margin: 0 20px 0 178px;
	padding: 3px 0 1px 10px;
	*padding-top: 1px;
	position: relative;
	*margin-left: 0px;
	font-size: 11px;
	*padding-left: 0px;
}

p.occupationsError {margin-left: 247px}

p.fieldErrorInsurance {margin-left: 0!important}

p.fieldErrorEssential {margin: 10px 20px 0 13px}

a.list-occupations-link {
	white-space: nowrap;
	margin-left: 6px;
	_margin-left: 235px
}

ul.occupation-categorys-nomargin {margin-left: 0!important} 

#hasPostalAddress_fieldID table input {margin-top: 20px!important}

#hasPostalAddress_fieldID table label {
	position: absolute;
	top: 33px;
	*top: 34px;
	*margin-left: 15px
}

span.edit-link { 
	float: right;
	height: 20px;
	line-height: normal;
	margin-top: -4px;
	position: absolute;
	right: 10px;
}

/************************************************************
	SERVICING BUTTON STYLES
************************************************************/

a.btnDisabled span {
 	background: url(../images/two_line_button_r.png) right top no-repeat;
 	position: relative;
 	float: left;
 	height: 40px;
 	line-height: 45px;
 	font: bold 14px Arial, Helvetica, sans-serif;
	color: #C0C0C0; 
	padding: 7px 11px 8px 11px;
}

a.btnDisabled {
	position: relative;
	float: right;
	display: block;
	border: 0;
	cursor: pointer;
	margin: 0 12px 0 0;
	padding: 0 0 0 3px;
	text-align: center;
	text-decoration: none;
	background: url(../images/two_line_button_l.png) left top no-repeat;
	height: 45px;
	line-height: 45px;
	width: auto; 
	overflow: visible;	
	text-decoration:none!important;
}


/************************************************************
	EMPLOYEE CENTRAL
************************************************************/
body.nza h1 {
 color: #023067;
}

body.nza .ecp-change-password {
	margin: 20px 0 20px 8px !important;
	display:inline-block;
}


/************************************************************
	Fix fot Txn pages - TP, CSR and Customer Portal
************************************************************/
.btn-group {
	float: right;
	padding-left: 0!important;
	width: auto!important;
}

.csr-label {
	width: 150px!important;
}

.csr-long-label {
	width: 330px!important;
}


/************************************************************
	EFT/BPAY page
************************************************************/

.slat {
	margin-top: 1em;
}

.slat h3 {
	clear: none;
	margin-top: 0px;
}

.slat > .image {
	float: left;
}

.slat > .content {
	margin-left: 70px;
}

.slat ol {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#content .slat ol {
	margin-left: 0px;
}

.slat li {
    margin: 1em 0;
}

.slat li table {
    margin: 1em 0 0 0;
}

/************************************************************
	Standards for the new fieldsets
************************************************************/

/* RESETS: These are only for Customer Portal */
form h2 {
	margin-bottom: 0.8em;
}

form div.form-buttons {
    display: block;
}

form.fieldset-section .form-section.bordered,
.form-section.popup.bordered {
	border: 1px solid #DEDEDE;
	border-radius: 10px;
	margin: 0 0 1em 0;
	padding: 1em;
}

form.fieldset-section fieldset {
	margin: 1em 0;
}

div.form-result-header {
	margin: 24px 0 12px;
}

div.form-result-header h2,
div.form-result-header h3 {
	margin: 0;
	display: inline;
	clear: none;
}

fieldset.text,
fieldset.multiple-select,
fieldset.check-list,
fieldset.radio-list,
fieldset.select-list {
	border: 0px;
	margin: 0px;
	width: auto;
	padding: 0px;
}

#content fieldset.radio-list.small-indent > ul,
#content fieldset.check-list.small-indent > ul {
	margin-left: 30px;
	white-space: nowrap;
}

#content fieldset.radio-list.small-indent > ul > li,
#content fieldset.check-list.small-indent > ul > li {
	margin-right: 8px;
}


fieldset.select-list.myp-ror {
	margin: 14px 0px;
}

div.form-section fieldset.select-list label.short {
    margin-right: 10px;
    text-align: right;
    width: 100px;
}

div.form-section label,
div.form-section span,
fieldset.radio-list .radio-content > * {
	width: auto;
	display: inline-block;
	float: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

div.form-section span.read-only-text {
	line-height: 20px;
}

div.form-section fieldset.text > label,
div.form-section fieldset.select-list > label,
div.form-section fieldset.multiple-select > label {
	width: 30%;
	text-align: left;
}

div.form-section div.column-full fieldset.text > label,
div.form-section div.column-full fieldset.select-list > label,
div.form-section div.column-full fieldset.multiple-select > label {
	width: 14%;
	text-align: left;
}

div.form-section fieldset.text .btn-group {
	margin-top: -2px;
	*margin-top: 0px;
}

fieldset.radio-list span {
	margin: auto;
}

#content div.form-section fieldset input[type=text],
#content div.form-section fieldset input[type=radio],
#content div.form-section fieldset input[type=checkbox],
#content div.form-section fieldset select {
	margin: 0;
	float: none;
	width: auto;
	display: inline-block;
}

#content div.form-section fieldset select.country, .other-address-details {
	width: 208px;
}



#content div.form-section fieldset.text input[type=text] {
	width: 200px;
}
#content div.form-section select.four-chars {
	width: 60px !important;
}
#content div.form-section input[type=text].four-chars {
	width: 50px !important;
}

div.form-section fieldset li {
	list-style: none;
}

div.form-section fieldset.inline li {
	display: inline;
	margin-right: 1em;
	white-space: nowrap;
}

#content fieldset.radio-list .hasDatepicker {
	width: 90px;
}

#content .form-section fieldset > ul li {
	background: none;
	padding-left: 0px;
	line-height: 19px;
}

.form-result-header fieldset {
	margin:0.8em 0;
}

.form-result-header fieldset > * {
	margin-top: 0px;
	margin-bottom: 0px;
}

.form-result-header fieldset label,
.form-result-header fieldset select {
	margin-top: 4px;
	font-weight: normal;
	text-align: left;
	max-width: 275px;
}

/* Form result header intended for only one item on the right */
.form-result-header.one-line {
	position: relative;
}

.form-result-header.one-line .right-content {
	position: absolute;
	right: 0;
	bottom: 0.8em;
}

/* Form result header with multiple elements */
.form-result-header.multi {
	height: 60px;
	position: relative;
}

.form-result-header.multi > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	position: absolute;
}

.form-result-header.multi > ul.left-content {
	left: 0;
}

.form-result-header.multi > ul.right-content {
	right: 0;
}

.form-result-header.multi > ul > li {
	height: 20px;
	margin-top: 5px;
	float: none;
}

html.lt-ie8 .form-result-header.multi > ul > li {
	height: auto;
}

/* Radio list */
fieldset.radio-list > label {
	float: left;
}

#content fieldset.radio-list > ul {
    padding: 0;
    list-style-type: none;
    margin: 0 0 0 30%;
}

fieldset.no-label > ul {
	margin-left: 0px;
}

html.lt-ie8 fieldset.radio-list input[type=radio]{
	vertical-align: middle;
	margin-top: 0;
}

fieldset.multiple-select select {
	height: 100px;
    vertical-align: top;
    width: auto;
}

fieldset.inline li {
    display: inline;
    margin-right: 1em;
}

fieldset .block-content {
	padding-left: 18px;
	display: block;
	margin: 0.5em 0;
}
.labeless, fieldset .block-content.labeless {
	margin-left: 30%;
}
html.lt-ie8 fieldset .block-content.labeless {
	margin-left: 112px;
}

fieldset li .inline-content > * {
	margin-top: 0px;
}

fieldset li .inline-content {
	margin: 0 0 0 0.5em;
}
html.lt-ie8 fieldset li .inline-content {
	vertical-align: middle;
}

#content fieldset.no-label > ul {
	margin-left: 0px;
}

/** SuperOne contract style **/
.search-qualifiers {
	float: right;
}

.search-qualifiers form > * {
	float: left;
}

html.lt-ie8 .search-qualifiers {
	margin-top: -4px;
}

.search-qualifiers label {
	width: auto;
	margin-top: 0px;
}

.search-qualifiers select {
	margin-top: 0px;
	width: auto;
}

.search-qualifiers.multi-manager, html.lt-ie8 .search-qualifiers.multi-manager {
	background-color: #E6E6E6;
	display: block;
	padding: 10px;
	float: none;
	margin-top: 10px;
}

.search-qualifiers.multi-manager .dates {
	margin-right: 10px;
}

.search-qualifiers .primaryButton {
    margin-left: 0.2em;
    margin-top: -0.3em;
}

/** End of superone contract style **/

/* OVERRIDE STYLES */
#container .primaryButton.floatRight,
#container .secondaryButton.floatRight {
	padding: 0;
}

#container caption h3 {
	text-align: left;
}

/* TABLE VARIATION STYLES */

table.compact > tbody > tr > td,
table.compact > tfoot > tr > td.numeric {
	letter-spacing: -0.055em;
	padding: 8px 2px;
}

.outer-table-button {
    background-image: url("../images/table_button_l.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0 1em;
    padding-left: 2px;
    float: left;
}

.inner-table-button {
    background-image: url("../images/table_button_r.png");
    background-position: right top;
    background-repeat: no-repeat;
    color: white;
    cursor: pointer;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 6px 5px 5px;
    padding: 4px 6px 5px 5px\0/;
    *padding: 4px 6px 5px 5px;
    text-align: center;
}

/* GENERIC STYLES */
.hidden {
	display: none;
}
.clear {
	clear: both;
}
.field-note {
	margin-top: 0.5em;
}
.action_link {
	float: right;
}
.inline-loader {
    float: right;
    margin: 2px;
    width: 24px;
}
.width-auto {
	width: auto;
}
td.numeric {
	text-align: right;
	white-space: nowrap;	
}
td.middle {
	vertical-align: middle;
}
.column-half {
	float: left;
	width: 50%;
}
.column-full {
	float: left;
	width: 100%;
}
.column-half.left {
	float: left;
	width: 49%;
	margin-right: 1%;
}
.column-half.right {
	float: right;
}
.noWrap {
	white-space: nowrap;
}

/* OVERRIDES FOR NYROMODAL PLUGIN */
.nyroModalCloseButton {
    background: url("../images/btn-close.gif") no-repeat scroll right center;
    height: auto;
    line-height: 28px;
    text-indent: 0;
    width: 100px;
    color: #666666;
}

div.nyroModalCont,
div.nyroModalDom {
	background: #FFFFFF !important;	
}

div.nyroModalCont {
	min-width: 0;
	border: 0;
}

div.nyroModalDom {
	min-width: 400px;
    max-width: 760px;
    padding: 10px 20px 15px;
}

.nyroModalDom h2 {
	margin: 8px 0 1.2em;
	*margin: 18px 0 1.2em;
	color: #009FDC;
}

.nyroModalDom ul.lookup-list {
	margin: 0 0 3em 0;
}

.nyroModalDom ul.lookup-list li {
	clear: both;
	float: left;
	margin: 0 0 1em 0;
	width: 100%;
}

.nyroModalDom ul.lookup-list input {
	*width: 190px;
}

.nyroModalDom .address-data {
	clear: both;
	margin-top: 8px;
	width: 465px;
}

div.nyroModalCont .lookup-close {
    background: none repeat scroll 0 0 transparent;
    position: absolute;
    right: 30px;
    text-indent: 0;
    top: 15px;
    width: auto;
}



/*********************************
	Bubble tips
*********************************/
#bubble-tip-container {
	display: block;
	width: 0;
	height: 0;
}
.bubble-text {
	display: none;
}
.bubble-tip {
	position: relative !important;
	
	width: 0px !important;
	height: 0px !important;
	
	left: 0;
	top: 0;
	
	z-index: 1000;
}
.bubble-tip > .content {
    position: relative;
    left: 0;
	top: 0;
}
.bubble-tip > .content > * {
    position: relative;
}
.bubble-tip .content-wedge {
	position: absolute;
    border-color: transparent #FFEDB3;
    border-radius: 0 0 0 0;
    border-style: solid solid solid none;
    border-width: 8px 8px 8px 0;
    height: 0;
    left: 11px;
    top: 8px;
    width: 0px;
    z-index: 1003;
}
.bubble-tip .content-wedge.border {
	position: absolute;
    border-color: transparent #FCB116;
    border-width: 9px 9px 9px 0;
    left: 10px;
    top: 7px;
    z-index: 1001;
    
}
.bubble-tip .content-text {
	background-color: #D3E5FF;
    border: 2px solid #0B8AFF;
    border-radius: 4px 4px 4px 4px;
    font-size: 12px;
    margin: 0 0 0 17px;
    min-width: 150px;
    padding: 10px;
    z-index: 1001;
}
.bubble-tip .content-text > * {
	margin: 0;
	padding: 0;
}

.bubble-tip .content.error > .content-wedge {
    border-color: transparent #FDE3DE;
}
.bubble-tip .content.error > .content-wedge.border {
    border-color: transparent #CC0000;
    
}
.bubble-tip .content.error > .content-text {
	background-color: #FDE3DE;
    border: 1px solid #CC0000;
}
.bubble-tip .content.info-image > .content-text {
	width: 300px;
}

/*********************************
	Change of Address
*********************************/
/* Success messages */
.success.coa {
	color: #367A30;
	background: url("../images/tick_icon.gif") no-repeat scroll 0 5px transparent;
	padding-left: 20px;
	padding-top: 6px;
	font-weight: bold
}

.btn-group.coa {
	float: right;
    padding-left: 0 !important;
    padding-right: 30px;
    width: auto !important;
}

div.form-section fieldset.text  label.coa,
div.form-section fieldset.select-list label.coa,
div.form-section fieldset.multiple-select label.coa,
div.form-section div.column-full fieldset.text  label.coa,
div.form-section div.column-full fieldset.select-list label.coa,
div.form-section div.column-full fieldset.multiple-select label.coa {
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
}

form.fieldset-section .form-section.bordered.coa,
.form-section.popup.bordered.coa {
	height:225px
}

#addressPreferencesSection > thead > tr > th,
#additionalAddressesSection > thead > tr > th {
	font-weight: bold;
	vertical-align: bottom;
}
.pending-amount{
	width:15%;
}
.asset-name{
	width:30%;
}
.effective-date{
	width:15%;
}
.unit-price{
	width:12%;
}
.unit-number{
	width:13%;
}
#content fieldset.check-list.ror-list > ul {
	margin-left: 110px;
	margin-top: -15px;
	*margin-top: -18px;
}
th.numeric {
	text-align: right;
}
.ror-indent {
	padding-left:7px;
}

#content #id_customPeriod {
	*margin-top: -26px;
}

.letterwrap {
	letter-spacing: -1px;
}

li.myp-ror {
	*zoom: 1;
}
label.short.date-to {
	margin-left: 40px;
	margin-left: 44px\0/; /* IE8 */
	*margin-left: 46px; /* IE7 */
}


li.lookup-entry > span.primaryButton {float:right}

span.secondaryButton.CoA-cancel { margin-right: 0px }

.border-down-line {
	border-width: 0 0 1px 0;
	border-style:solid;
	border-color:#DDDDDD;
}

.equal-dist {
	padding-top: 20px;
	padding-bottom: 20px;
}

.legend-font {
	color: #009FDC;
}
#content .myp-ror span.inline-content > label {
	text-align: right;
	width: 16px;
}

.ror-buttons-bottom {
    padding-bottom: 9px;
}

.message {
    margin: 10px 0;
    padding: 9px; padding-left: 40px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 9px 9px;
}

.message p {
    margin: 0;
}

.required {
	padding-left: 0;
}

.message p + p {
    margin-bottom: 5px;
}

.message a {
    color: #58595b;
    text-decoration: underline;
}

.message a:hover {
    /* Nothing? :-( */
}

.general.message {
    background-image: url(../images/icons/message-general.png);
    background-color: #ffedb3;
    border-color: #fcb116;
}

.success.message {
    background-image: url(../images/icons/message-success.png);
    background-color: #dfedc3;
    border-color: #69bd45;
}

.error.message {
    background-image: url(../images/icons/message-error.png);
    background-color: #fde3de;
    border-color: #f16264;
}

.error.message p strong { text-transform: uppercase; }

.security.message {
    background-image: url(../images/icons/message-security.png);
    background-color: #fde3de;
    border-color: #f16264;
}

.compact.message {
    background-image: none;
	padding: 4px 1em;
}

.main.body {
    max-width: 750px;
    padding: 9px 9px 9px 40px;
}