/* Minification failed. Returning unminified contents.
(3955,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(6452,207): run-time error CSS1062: Expected semicolon or closing curly-brace, found '{'
 */
.entityTable {
    border: 1px solid !important;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

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

body {
	line-height: 1;
	font-family: Arial, Sans-Serif;
    color: #444;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* fonts */
@font-face {
    font-family: 'FrutigerLTStd';
    src: url('/fonts/FrutigerLTStd.eot');
	src: url('/fonts/FrutigerLTStd.eot?#iefix') format('embedded-opentype'), 
        url('/fonts/FrutigerLTStd.woff') format('woff'), 
        url('/fonts/FrutigerLTStd.ttf') format('truetype'), 
        url('/fonts/FrutigerLTStd.svg#FrutigerLTStd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('/fonts/helveticaneueltstd-bd-webfont.eot');
	src: url('/fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'), 
        url('/fonts/helveticaneueltstd-bd-webfont.woff') format('woff'), 
        url('/fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'), 
        url('/fonts/helveticaneueltstd-bd-webfont.svg#helveticaneueltstd-bd-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('/fonts/helveticaneueltstd-lt-webfont.eot.eot');
	src: url('/fonts/helveticaneueltstd-lt-webfont.eot.eot?#iefix') format('embedded-opentype'), 
        url('/fonts/helveticaneueltstd-lt-webfont.eot.woff') format('woff'), 
        url('/fonts/helveticaneueltstd-lt-webfont.eot.ttf') format('truetype'), 
        url('/fonts/helveticaneueltstd-lt-webfont.eot.svg#helveticaneueltstd-lt-webfont.eot') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------ HEADER -------------------------------- */

html {
	height: 100%;
	overflow-y: scroll;
}

body {
	height: 100%;
	overflow: visible;
}

xbutton {
    behavior: url("/css/csshover2.htc");
}

.clear {
    clear: both;
}

.floatRight {
    float: right;
}

.hidden {
    display: none;
}

.invisible {
	visibility: hidden;
	display: none !important;
}

.overflowEllipsis {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
/* Grrr. Currently no-one can make up their mind about the styling of these cells.  Right now padding is IN!  
   Un-Comment the next two lines if right padding becomes un-fashionable again.*/
.ui-jqgrid tr.jqgrow td.overflowEllipsis {
	padding-right: 0;
	padding-left: 16px;
}
/* Removed for Firefox 7 // .ui-jqgrid tr.jqgrow td.overflowEllipsis span {margin-left: -8px;} */

.ui-helper-hidden-accessible { 
    display:none;
}

#otherHoldings #col_2, #otherHoldings #col_6 {
    white-space: normal;
}

#otherHoldings .floatRight button {
	font-weight: normal;
	padding: 0 4px 0 0;
	line-height: normal;
}

input.error, input.input-validation-error, select.error, select.input-validation-error, textarea.error {
	outline: dotted 1px #c00;
	background-color: #ffe8e8 !important;
}

.container {
	position: relative;
	width: 100%;
	text-align: center;
	min-height: 100%;
	margin-bottom: -64px;
	background: url("/images/pageback.png") repeat-x scroll 0 0 transparent;
}
/* VH: next line is ie6 hack for footer - sorry - should move to conditional style sheet */
* html .container {
    height: 100%;
}

select {
	position: relative;
	z-index: 0;
	zoom: 1;
}

.mainBody {
	width: 960px; /*background: transparent url(/images/containerShadow.png) 50% 138px no-repeat;*/
	margin: 0 auto;
	text-align: left;
	padding-bottom: 64px;
	position: relative;
}

.pageHeader, .mainmenu, #mainContent, #loginContent, .fullWidthContent, .footerLinks {
	float: left;
	display: inline;
	clear: both;
	width: 960px;
}

.pageHeader, .footerLinks {
	float: left;
	clear: both;
	font-smooth: always;
}

.pageHeader {
	height: 89px;
	margin-top: 11px;
	overflow: hidden;
}

.headerLogo {
	float: left;
	width: 160px;
	height: 89px;
}

.headerLogo img {
	width: 220px;
	/*height: 80px;*/
	padding: 10px 0px;
	/*margin: 1px;*/
}

.headerLogo img.issuerLogo {
	width: 160px;
	height: 80px;
}

.accountLinks {
	float: right;
	display: inline;
	height: 35px;
	color: #666;
	font-size: .75em;
	font-family: Arial, Sans-Serif;
	overflow: hidden;
	vertical-align: baseline;
}

.accountLinks ul {
	vertical-align: baseline;
	line-height: 38px;
}

.accountLinks li {
	float: left;
	vertical-align: baseline;
	background: transparent url(/images/accountLinksSepator.png) 0 50% no-repeat;
	padding-left: 1px;
}

        .accountLinks li.noLeftBar, .accountLinks li.name {
            background-image: none;
        }

        .accountLinks li.name {
            padding-right: 1em;
            color: rgb(242, 103, 41);
            font-family: HelveticaNeue-Light;
        }

            .accountLinks li.name select {
                margin: .7em 0;
            }

.accountLinks li.impersonationName {
	background-color: #eaf5f9;
	color: #c00;
	font-weight: bold;
}

.accountLinks ul a, p a, a.standardLink {
	color: #39c;
	text-decoration: none;
}

    .accountLinks ul a {
        padding: 0 1em;
    }

.accountLinks ul a:hover, p a:hover, a.standardLink:hover {
	color: #fd5912;
	text-decoration: underline;
}

.headerTitle {
	display: inline;
	float: right;
	clear: right;
	color: #f51;
	font-weight: normal;
	font-size: 2.3em;
	height: 55px;
	line-height: 55px;
	vertical-align: bottom;
	overflow: hidden;
	margin-right: .25em;
*text-align: right;
 *width: 400px;
}
/* --------------------------------- MENU ----------------------------- */

.mainmenu {
	float: left;
	display: inline;
	height: 38px;
	z-index: 1000;
	font-family: 'FrutigerLTStd', arial;
}

.mainmenu ul {
	font-size: 0.91em;
	float: left;
	list-style: none;
	height: 37px;
	cursor: pointer;
}

.mainmenu ul ul {
	position: absolute;
	display: none;
	height: auto;
	width: 15em;
	overflow: hidden;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
	top: 37px;
	left: 0;
	font-size: .9em;
	z-index: 1001;
}

.mainmenu ul li { /*background: transparent url(/images/menuseparator.png) 100% 50% no-repeat;*/
	overflow: visible;
	height: 37px;
	line-height: 38px;
	vertical-align: middle;
	display: block;
	float: left;
	display: inline;
	position: relative;
	z-index: 1000;
}

.mainmenu li ul {
	margin: 0;
	float: left;
	clear: both;
}

    .mainmenu li:hover ul, .mainmenu li.focus ul {
        display: block;
    }

    .mainmenu li.active {
        background-color: #db4c12;
    }

    .mainmenu ul ul li, .mainmenu ul li#formsMenuItem {
        background-image: none;
    }

    .mainmenu a, .mainmenu a:hover, .mainmenu a:visited {
        color: #fff;
    }

.mainmenu li a {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 38px;
	padding: 0 1.25em 0 1.25em;
	display: inline;
	vertical-align: bottom;
	height: 100%;
	white-space: nowrap;
	border-right: 1px solid #d5410d;
}

    .mainmenu li:first-child a {
        padding: 0 1.25em 0 .7em;
    }

.mainmenu li li a {
	display: block;
	position: relative;
	font-weight: normal;
	padding: 0 1.25em 0 1.25em !important;
	border: 0;
}

    .mainmenu li.highlight a {
        background: transparent url(/images/menuhighlight.gif) 90% center no-repeat;
    }

    .mainmenu li.highlight li a {
        background: none;
    }

.mainmenu li li {
	width: 100%;
	height: 2em;
	position: relative;
	z-index: 1001;
	border-top: solid 1px #ffac8a;
}

.mainmenu li li, .mainmenu li li a {
	line-height: 2em;
	vertical-align: bottom;
}

            .mainmenu li li:hover a, .mainmenu li.focus, .mainmenu li:hover {
                background-color: #db4c12;
            }

                .mainmenu li.focus li a, .mainmenu li:hover li a {
                    background-color: #fd5814;
                }

            .mainmenu li li:hover a, .mainmenu li li.focus a, .mainmenu li li a:hover {
                background-color: #db4c12;
            }

.noMenu {
	clear: both;
	height: 38px;
}
/* ----------------------------- Content --------------------------------- */
a {
    color: #3399ff;
}

    a:hover {
        text-decoration: none;
    }

#loginContent {
	width: 942px;
	margin: 0 8px 16px 0;
}

#mainContent {
	width: 700px;
	margin: 0 28px 16px 8px;
}

#mainContentFader {
	display: none;
	background-color: white;
	position: absolute;
	z-index: 999;
}

.fullWidthContent {
	width: 942px;
	margin: 0 8px 16px;
}

h1 {
	font-family: 'FrutigerLTStd', arial;
	color: #f51;
	line-height: 1.5em;
	vertical-align: baseline;
	padding-top: 0.5em;
	font-size: 1.8em;
	font-weight: normal;
	float: left;
	display: inline;
	clear: both;
	zoom: 1;
	margin: 0;
}

h2 {
	float: left;
	clear: both;
	display: inline;
	color: #f51;
	margin-top: 1em;
	vertical-align: baseline;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0em;
	padding-bottom: .5em;
	width: 100%;
}

h3 {
	float: left;
	clear: both;
	display: inline;
	width: 100%;
	color: #444;
	margin-top: 1.25em;
	padding-bottom: .15em;
	vertical-align: baseline;
	font-size: .91em;
	font-weight: bold;
}

    h3 .highlight, .highlight {
        color: #f51;
    }

    h3 label {
        padding-bottom: .5em;
    }

ul.serviceLinks {
	float: right;
	vertical-align: bottom;
	padding-top: 23px;
}

ul.serviceLinks li {
	float: left;
	display: inline;
}

ul.serviceLinks li a {
	vertical-align: baseline;
	display: inline-block;
	line-height: 25px;
	color: #39c;
	font-family: Arial;
	font-size: 0.68em;
	text-indent: -999em;
*text-indent: 0em;
	text-decoration: none;
	padding-right: 22px;
	margin-left: 1.2em;
}

ul.serviceLinks li a:hover {
	text-decoration: underline;
	color: #FF5511;
}

            ul.serviceLinks li a#downloadLink {
                background: transparent url(/images/icons/csv.gif) 100% 50% no-repeat;
            }

            ul.serviceLinks li a#printLink {
                background: transparent url(/images/icons/print.gif) 100% 50% no-repeat;
            }

.helpLink {
	background: transparent url(/images/icons/help.gif) 100% 50% no-repeat;
	cursor: pointer;
	font-size: 0.68em !important;
}

.helpLink-tooltip {
	width: 17px;
	height: 17px;
	padding-left: 17px;
	display: inline;
	font-size: 1.25em !important;
}

p {
	color: #444;
	font-size: .75em;
	padding: .5em 0;
	line-height: 1.5em;
	clear: left;
	display: block;
}

.padTop {
    margin-top: 2.5em;
}

.padBottom {
    padding-bottom: 1em;
}

.formitem.padBottom span {
	padding-left: 5px;
	color: #f51;
}

#mainContent p {
    clear: both;
}

hr {
	border: 0;
	border-top: solid 1px #CCC;
	clear: both; /*height: 1px; color: #39f; background-color: white; 
       padding: 7px 0 14px; float: left; width: 700px; overflow: hidden; margin: 7px 0 -14px;*/ 
     }

.fullWidthContent hr {
    width: 100%;
}
/*input, select, textarea { font-size: .8em;}*/
.tooltip, .radioList li label span {
	font-size: 1em;
	padding: 0;
	border-bottom: dashed 1px #39f;
	color: #444;
	cursor: pointer;
}

.floatingTooltip {
	position: absolute;
	z-index: 999;
    line-height: 1.35em;
    font-family: Arial, Sans-Serif;
    font-size: 0.7em;
    font-weight: normal;
    text-decoration: none;
	background-color: #ffffe0;
	border: 1px solid #000;
	box-shadow: #444 3px 3px 3px; 
    display: none;
    padding: 2px 3px 3px 3px;
}

.radioList li label span {
    float: none;
}

.section {
	float: left;
	margin: 0.5em 0 0;
	padding: 0 0 .5em;
	clear: both;
	width: 100%;
}

    .section h2 {
        margin-top: .25em;
    }

.sectionGap {
    padding-top: 1.5em;
}

label {
	display: inline;
	margin: 0 8px 0 0;
	font-size: .8em;
	font-weight: bold;
	color: #444;
	cursor: pointer;
}

label span.format {
	font-weight: normal;
	color: #666;
	font-size: .91em;
}

h2 label, h3 label {
	display: block;
	font-size: 1em;
	color: #444;
	margin: 0 0 .5em;
}

label.error {
    color: #800;
}

.planFilter, .holdingFilter {
	width: 700px;
	background: #e0e0e0; /*url(/images/holdingselecttop.png) top left repeat-x;*/
	padding: 12px 0;
	clear: both;
}

.planFilter label, .holdingFilter label {
	width: auto;
	margin: 0 8px;
	font-size: .85em;
}

.planFilter optgroup, .holdingFilter optgroup {
	font-weight: normal;
	background-color: white;
	color: #39f;
	font-style: normal;
}

.planFilter option, .holdingFilter option {
	background-color: white;
	color: black;
}

.planFilter a, .holdingFilter a {
	display: inline;
	margin: 0 0 0 8px;
	font-size: .85em;
	font-weight: normal;
	color: #39c;
	text-decoration: none;
}

.fieldvalue {
    font-size: small;
}

#ViewKey {
	font-family: Arial;
	overflow: visible;
	width: 540px;
	font-size: .75em;
}

#ViewKey optgroup, #ViewKey option {
	width: auto;
	overflow: visible;
	font-family: Arial;
}

.sectionHighlight {
	float: left;
	background: #e0e0e0 url(/images/holdingselecttop.png) top left repeat-x;
	margin: 0;
	padding: 0 1em 1em;
}

.sectionHighlight h2 {
	margin: .75em 1em;
	width: auto;
}

.sectionHighlight ul {
	margin: 0pt 0pt 0pt 32px;
	float: left;
	clear: both;
	font-size: 0.8em;
	list-style: disc inside;
	width: 600px;
}

.sectionHighlight ul li {
	padding: .25em 0;
	font-size: 12px;
	line-height: 14px;
}

.holdingShadow {
	width: 700px;
	height: 15px; /*background: transparent url(/images/holdingselectshadow.png) 50% 0 no-repeat;*/
}

#sidePanel {
	float: right;
	right: 0;
	width: 216px;
	margin: 48px 8px 0 0;   
}

#LastLogin {
    float: right;
	right: 0;
	width: 216px;
	margin: 26px 0 0;
    font-size: .75em;
}

.campaignPanel {
	width: 216px;
	background: transparent url(/images/campaignpanelback.gif) 0 0 no-repeat;
	position: relative;
	margin-bottom: 16px;
}

.campaignPanelContent {
	padding: 12px;
	color: #666;
}

.campaignPanelContent h4 {
	font-size: .91em;
	font-weight: bold;
	color: #f51;
	margin: .35em 0;
}

.campaignPanelContent p {
	font-size: .75em;
	padding: 0 0 .5em;
}

.campaignPanelContent strong {
	font-weight: bold;
	color: #f51;
}

.campaignPanelContent a, .campaignPanelContent a:visited {
	font-weight: bold;
	color: #39f;
	text-decoration: underline;
}

        .campaignPanelContent a:hover {
            color: #fd5912;
        }

.campaignPanelFooter {
	position: absolute;
	bottom: 0;
	background: transparent url(/images/campaignpanelback.gif) 0 100% no-repeat;
	float: left;
	clear: both;
	width: 100%;
	height: 12px;
}

.campaign-list {
    margin-top: 1em;
}

.campaign-list li {
	margin-left: 1.5em;
	list-style: outside disc;
	font-size: .9em;
}

.registerNow {
	background: transparent;
	height: 35px;
	display: inline-block;
	overflow: visible;
	vertical-align: top;
	padding: 0 0;
	margin: .25em 0 0;
	position: relative;
}

.registerNow a {
	background: transparent url(/images/Btn-register-now.png) 0 0 no-repeat;
	color: #fff;
	border: 0;
	font-family: 'FrutigerLTStd', Arial, Sans-Serif;
	display: inline-block;
	height: 35px;
	padding: 0 30px 0 10px;
	line-height: 35px;
	margin: 0;
	overflow: visible;
	vertical-align: middle;
	cursor: pointer;
	font-size: 13px;
	text-decoration: none;
}

table.affirmInfo {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

table.info th.affirmOrange {
	font-size: 1em;
	color: #f51;
	width: 150px;
*width: 185px;
	padding-left: 1em;
}

table.info th.affirmOrange1 {
	font-size: 1em;
	color: #f51;
	width: 150px;
*width: 125px;
	padding-left: 1em;
}

table.info {
	width: 700px;
	margin: .5em 0;
	clear: both;
}

    table.info tr.lightGrey th, table.info tr.lightGrey td {
        background-color: #f5f5f5;
    }

    table.info tr.padTop th, table.info tr.padTop td {
        padding-top: .75em;
    }

    table.info tr.noPad th, table.info tr.noPad td {
        padding: 0 1em 0 0;
    }

    table.info tr.darkBorderTop th, table.info tr.darkBorderTop td {
        border-top: solid 1px #CCCCCC;
    }

table.info tr.darkBorderBottom th, table.info tr.darkBorderBottom td {
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: .75em;
}

    table.info tr.borderTop th, table.info tr.borderTop td {
        border-top: solid 1px #ececec;
    }

table.info tr.blueBorderTop td, table.info tr.blueBorderTop th {
	padding-top: 1em;
	border-top: solid 1px #39f;
}

    table.info tr.blankRow td {
        line-height: 0.2em;
    }

table.widthAuto {
    width: auto;
}

table.info th {
	font-size: .75em;
	color: #444;
	padding: 0 1em .4em 0;
	text-align: left;
	vertical-align: top;
	line-height: 1.35em;
}

table.info th.orange {
	font-size: 1em;
	color: #f51;
	width: 132px;
	padding-left: 1em;
	font-weight: normal;
}

table.info tr.noPad th {
    white-space: nowrap;
}

table.info td {
	font-size: .75em;
	color: #444;
	padding: 0 1em .4em 0;
	vertical-align: top;
	line-height: 1.35em;
}

table.info td button.linkButton, table.info td .linkButton a {
	font-size: 1em;
	line-height: 1em;
}

    table.info th label, table.info td label {
        font-size: 1em;
    }

    table.info td select {
        font-size: 1em;
    }

table.info th.alignRight, table.info th.alignRight {
    text-align: right;
}

table.info th.smallIndent, table.info td.smallIndent {
    padding-left: 1em;
}

table.info .subinfofirst {
	padding: .75em 1em 0 0;
	border: 0;
}

table.info .subinfo {
	padding: 0 1em 0 0;
	border: 0;
}

table.info .subinfolast {
	padding: 0 1em .75em 0;
	border-bottom: 0;
}

table.votingTable .voteColumn {
	text-align: center;
	width: 10%;
	padding-right: 0.4em;
}

table.votingTable .voteColumn input {
	width: 6em;
	text-align: right;
}

TABLE.votingTable .prefOrder {
	text-align: left;
	width: 100%;
}

span.tick {
	background: transparent url(/images/icons/tick.gif);
	width: 17px;
	height: 17px;
	margin: 0 auto;
	display: block;
}

.holdingDetailView table.info .subinfofirst, .holdingDetailView table.info .subinfo {
    border: 0;
}

.holdingDetailView table.info .subinfolast {
    border-bottom: solid 1px #39f;
}

.NumberColumn {
    text-align: right;
}

.buttonsPanel {
	float: right;
	clear: both;
	margin: .25em 0 .75em 0;
	display: inline;
	zoom: 1;
}

.linkButtons {
   clear: both;
    margin: .25em 0 .75em 0;
    display: inline;
    zoom: 1;
}

.sandalButton {
	background: #ffac8a;
	height: auto;
	display: inline-block;
	overflow: visible;
	vertical-align: middle;
	padding: 0 3px 0 0;
	margin: 0;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#divSectionAddPersonEmailMessage {
	width: 96%;
	padding: 0 2%;
	font-size: 12px;
	line-height: 12px;
}

#lnkOk {
	float: right;
	font-size: 12px;
}

#divBannerDetails{
	width: 96%;
	text-align: center;
	padding: 0 2%;
	font-size: 12px;
	line-height: 12px;
    margin-bottom: 5px;
}

 #divPwdExpiryDetails{
	width: 96%;
	text-align: center;
	padding: 0 2%;
	font-size: 12px;
	line-height: 12px;
    margin-bottom: 5px;
}

#lnkClose {
	float: right;
	font-size: 12px;
}

#lnkPwdClose {
	float: right;
	font-size: 12px;
}

.orangeButton {
	background: #F51;
	height: 28px;
	display: inline-block;
	overflow: visible;
	vertical-align: top;
	padding: 0 3px 0 0;
	margin: 0;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

    .orangeButton:hover {
        background: #f34f14;
    }

.orangeButton button, .orangeButton input, .orangeButton a {
	background: #f51 url(/images/Btn_arrow-white.png) 95% 50% no-repeat;
*background: #f51 url(/images/Btn_arrow_white_ie6.gif) 95% 50% no-repeat;
	color: #fff;
	border: 0;
	height: 28px;
	padding: 0 15px 0 10px;
	line-height: 26px;
	margin: 0;
	overflow: visible;
	vertical-align: baseline;
	cursor: pointer;
	font-size: .8em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

    .orangeButton a {
        text-decoration: none;
    }

    .orangeButton:hover button, .orangeButton:hover input, .orangeButton:hover a {
        background-color: #f34f14;
    }

    .orangeButton button, .orangeButton input {
        background-position: 90% !important;
    }

.employeeLoginBox .orangeButton button {
    background-position: 95% !important;
}

.orangeButton button#btnNextMeeting, .orangeButton button#btnReturnToMeetingList {
    background-position: 96% !important;
}

.orangeButton #btnAddAuthorisation {
	background-position: 95% !important;
	padding-right: 20px;
}

.orangeButton #btnSubmitAnotherQuestions, .orangeButton #btnReturnMeetingList {
    background-position: 96% !important;
}

.orangeButton.disabled, .orangeButton.disabled button {
	background: #c0c0c0;
	cursor: default;
}

    .orangeButton.disabled:hover {
        background: #c0c0c0;
    }

        .orangeButton.disabled:hover button {
            background: #c0c0c0;
        }

.linkButton, .linkButton a {
	background-color: transparent;
	color: #39f;
	border: 0;
	padding: 2px 4px 2px 0;
	font-weight: normal;
	cursor: pointer;
	line-height: 28px;
	height: 28px;
	overflow: visible;
	vertical-align: baseline;
	text-align: left;
	margin-left: 0;
}

 button::-moz-focus-inner {
 padding: 0;
 margin-left: -1px;
}

.floatRight button.linkButton {
    margin-left: .25em;
}

button.linkButton, .linkButton a {
	font-size: .8em;
	position: relative;
}

    button.linkButton span, .linkButton a, a.linkButton {
        text-decoration: underline;
    }

    button.linkButton span {
        position: relative;
    }

        button.linkButton:hover span, button.linkButton span:hover, .linkButton a:hover, a.linkButton:hover {
            color: #fd5912;
        }
/* Remove link outline */
button {
    outline: 0;
}
/* Disabled states */
button.linkButton:disabled, .linkButton a:disabled, button.linkButton:disabled:hover span, button.linkButton:disabled span:hover, .linkButton a:disabled:hover, a.linkButton:disabled:hover, label.disabled {
	color: #aaa;
	cursor: context-menu;
}

.form select:disabled, .form input:disabled, .form textarea:disabled {
	background: #fff;
	border: 2px solid #fff;
}

.form select:disabled {
	width: auto;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.orangeButton.disabled, .orangeButton.disabled button {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

table.info .linkButton {
	height: 1.75em;
	line-height: 1.75em;
}

.footer {
	float: left;
	position: relative;
	bottom: 0;
	clear: both;
	background: #333 url(/images/footer-background.gif) 0 0 repeat-x;
	width: 100%;
	text-align: center;
	height: 64px;
	z-index: 1500;
}

.footerContent {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	height: 64px;
}

.footer .copyright {
	float: right;
	color: #999;
	font-size: .75em;
	padding: 10px 8px 0 0;
}

.footer ul {
	float: left;
	clear: left;
	display: inline;
	height: 36px;
	font-size: .75em;
	overflow: hidden;
	vertical-align: baseline;
	line-height: 36px;
}

.footer li {
	float: left;
	vertical-align: baseline;
	margin-left: 1px;
}

.footerLinksMain li a, .footerLinksMain li a:active {
	color: #fff;
	text-decoration: none;
	padding: 0 .75em;
}

.footer .footerLinksAbout {
	height: 24px;
	line-height: 24px;
}

.footerLinksAbout li a, .footerLinksAbout li a:active {
	color: #f60;
	text-decoration: none;
	padding: 0 .7em;
	font-weight: bold;
}

.footerLinksMain li a {
    border-right: solid 1px #fff;
}

.footerLinksMain li.last a, .footerLinksAbout li.last a {
    border-right-width: 0px;
}

.footer a:hover {
    text-decoration: underline;
}

.loginWelcome, .loginLeftPanel {
	float: left;
	clear: both;
	margin: 0 32px 0 0;
	background: transparent url(/images/IC-desktop-banner.jpg) 0 25px no-repeat;
	width: 451px;
	padding-top: 270px;
}

.loginLeftPanel {
	background: inherit;
	padding-top: 10px;
}

.loginLeftPanel.employeeLeftPanel {
	padding-top: 20px;
	background: none !important;
               }

.loginWelcome > div {
    padding: 0 !important;
}

.login-welcome-title {
	font-size: 1.8em !important;
	margin-bottom: 5px;
}

.loginWelcome h2 {
	float: none;
	display: block;
}

.loginWelcome li {
	color: #777;
	list-style: none url(/images/welcome-bullet.gif) outside;
	font-size: .8em;
	line-height: 1.5em !important;
	padding-left: 0;
	margin-left: 1.4em;
	text-indent: 0;
}

    .loginWelcome li a {
        color: #777;
    }

.loginControls {
	float: left;
	width: 457px;
	margin-top: 24px;
}

.customloginContent .loginControls {
	float: left;
	width: auto;
	display: none;
	margin-top: 24px;
}

.loginControls .titleBox {
	float: left;
	display: inline;
	width: 130px;
	margin: 16px 8px 16px 12px;
}

.loginControls .orangeBorderLeft {
	float: left;
	display: inline;
	border-left: solid 1px #f51;
	width: 288px;
	margin: 16px 16px 18px 0;
}

.loginControls .employeeTitleBox {
	float: left;
	display: inline;
	width: 275px;
	margin: 16px 8px 16px 12px;
}

.loginControls .loginBox {
	width: 280px;
	margin-left: 8px;
	overflow: hidden;
}

.loginControls .employeeLoginBox {
	width: 150px;
	margin-left: 8px;
	overflow: hidden;
	margin-top: 32px;
}

.loginControls .loginBox .formitem {
    margin-bottom: 0.75em;
}

.loginControls .loginBox .formitem span {
	display: inline-block;
*display: inline;
	zoom: 1;
	width: 190px;
}

.customloginContent .loginControls .loginBox {
	width: auto;
	margin-left: 8px;
	overflow: hidden;
}

.loginControls select#SingleHolding_IssuerCode {
    width: 230px;
}

.loginControls .warning p {     
	color: #812 !important;
	font-size: .85em;
	padding-left: 1em;
}

a.loginLink {
	color: #333;
	font-size: 1em !important;
	text-decoration: underline;
}

.registerControls {
	float: left;
	width: 457px;
	margin-top: 24px;
}

.registerControls .titleBox {
	float: left;
	display: inline;
	width: 300px;
	margin: 16px 8px 16px 12px;
}

.registerControls .registerPanelContent {
	float: left;
	display: inline;
	width: 121px;
	margin: 47px 16px 18px 0;
}

.login-welcome-resource {
	float: left;
	clear: both;
	margin: 0 0;
	background: transparent url(/images/IC-EPS-banner.jpg) 0 15px no-repeat;
	width: 451px;
	padding-top: 260px;
}

h2.login-welcome-subTitle {
	float: none;
    display: block;
	color: #39C;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0;
}

.login-welcome-description {
    margin: 1em 0;
}

.login-welcome-description h2 {
	float: none;
	font-size: 1.3em;
	color: #666;
    font-weight: normal;
	margin: .4em 0 .2em;
}

    .login-welcome-description ul {
        margin-top: .65em;
    }

.login-welcome-description li {
	color: #777;
	list-style: none url(/images/welcome-bullet.gif) outside;
	font-size: .8em;
	line-height: 2em !important;
	padding-left: 0;
	margin-left: 1.4em;
	text-indent: 0;
}

#employeeRegister h1 {
    color: #39C;
}

#employeeRegister .titleBox a.registerLink {
    text-decoration: underline;
}

    #employeeRegister .titleBox a.registerLink:hover {
        text-decoration: none;
    }

#loginContent h1 {
	line-height: normal;
	font-size: 1.25em;
	padding-top: 0;
	font-weight: normal;
	float: none;
}

#loginContent .loginControls h1 {
	margin: 0;
	padding-bottom: .25em;
}

#loginContent .loginControls h2 {
	margin: 1em 0 .25em;
	font-size: .8em;
	color: #444;
}

#loginContent .loginControls p {
	margin: .25em 0 .4em;
	clear: both;
	line-height: 1.2em;
	color: #666;
}

#loginContent .loginControls a, #loginContent .loginControls button.linkButton {
	font-size: 0.75em;
	font-weight: normal;
	height: auto;
}

    #loginContent .loginControls a:hover {
        color: #f51;
    }

#loginContent label {
	float: left;
	clear: both;
	width: 80px;
	display: inline-block;
*display: inline;
	zoom: 1;
	overflow: visible;
	margin: .35em 0 .15em 0;
	font-weight: normal;
}

#loginContent #divAccessSingle label {
    width: 94px;
}

#loginContent #divAccessSingle #mainErrorDiv label {
	width: auto;
	font-weight: normal;
}

#loginContent input {
	float: left;
	width: 194px;
	margin: 0.25em 0 .5em 0;
	border: 1px solid #CCC;
}

#loginContent #divAccessSingle input {
    width: 155px;
}

#loginContent #divAccessSingle #SingleHolding_IssuerCode {
    width: 274px;
}

#loginContent select {
	float: left;
	width: 13.5em;
	margin: 0 0 .25em 0;
}

#loginContent .checkbox {
	margin: 0;
	padding: .15em 0 0;
	clear: both;
	width: 100%;
}

#loginContent .leftPad, #loginContent .loginLeftPad {
	margin: 0 0 6px;
	padding: 0 0 0 94px;
	clear: both;
	height: 1.4em;
}

#loginContent .leftPad, #loginContent .loginLeftPad span {
	line-height: 1.1em;
	vertical-align: top;
	text-decoration: underline;
}
#loginContent .loginControls a#btn-linkgrouploginAPA {
    font-size: 12px;
}
.form .leftPad {
	float: none;
	display: block;
	padding-left: 10.2em;
	width: auto;
	zoom: 1;
}

#loginContent .checkbox label {
	width: auto;
	display: inline;
	float: none;
	clear: none;
	margin: 0 0 0 .25em;
	padding: 0;
	vertical-align: top;
}

#loginContent .checkbox input {
	width: auto;
	margin: 0 0 .25em;
	padding: 0;
	vertical-align: baseline;
}

#loginContent .checkbox a {
    vertical-align: baseline;
}

#loginContent #IssuerName {
    width: 100%;
}

.loginControlContent {
    margin: 16px;
}

.loginPanel {
	overflow: visible;
	width: 457px;
	float: none;
	background: transparent;
	overflow: hidden;
	position: relative;
	border: 1px solid #CCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	clear: both;
	margin-bottom: 1em;
}

.registerPanel {
	overflow: visible;
	width: 457px;
	float: none;
	background: transparent;
	overflow: hidden;
	position: relative;
	border: 1px solid #CCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	clear: both;
}

#divOpenBriefing {
	float: left;
	position: relative;
	margin-top: 0.2em;
}

#divOpenBriefing .openBriefingLogo {
	float: left;
	background: transparent url(/images/OB-logo.gif) 0 0 no-repeat;
	width: 168px;
	padding-top: 65px;
	padding-left: 7px;
}

        #divOpenBriefing .openBriefingLogo p {
            color: #0198c5;
        }

#divOpenBriefing .openBriefingLogo a {
	font-size: 100%;
	color: #0198c5;
}

#divOpenBriefing .openBriefingSummary {
	float: right;
	padding-top: 0.9em;
	padding-left: 0.7em;
}

#divOpenBriefing .openBriefingSummary p {
	padding-top: 0.25em;
	padding-left: 0.5em;
	margin: 0em;
}

#divOpenBriefing .openBriefingSummary .latestOpenBriefings a {
	background: url(/images/button-checkoutlatestOB.gif) 0 0 no-repeat;
	display: inline-block;
	height: 40px;
	padding-left: 268px;
	cursor: pointer;
}

#divSignIn {
    margin-bottom: 1em;
}

.loginControlContent .orangeButton {
    margin: .25 0 .5em 0;
}
/*div.loginControlContentBottom {position: absolute; bottom: 0; background: transparent url(/images/login-panel.gif) 0 100% no-repeat; float: left; clear: both; width: 100%; height: 12px;}*/
.noJavascript {
	float: left;
	width: 457px;
	margin-top: 24px;
}

.noJavascript div {
	background-color: #fee;
	border: solid 1px red;
	padding: 1em;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	-khtml-border-radius: 1em;
}

    .noJavascript h3 {
        margin-top: .5em;
    }

    .noJavascript p {
        padding-top: .25em;
    }

#mainErrorDiv {
	float: left;
	clear: both;
	position: relative;
}

#mainErrorDiv label {
	width: auto;
	float: none;
	display: block;
	font-weight: normal;
	margin: 0;
	padding-bottom: 0;
}

.errorContainer {
	width: 100%;
	font-size: 0.75em;
	background: #FFE8E8 url(/images/icons/error-msg.gif) 5px 5px no-repeat;
}

#newHolding .errorContainer {
    *width: auto;
}
/* Add holding error message issue in IE7 below */
.fullWidthContent .errorContainer {
	width: 700px;
	overflow: hidden;
	color: #c00;
}

.errorContainer h2 {
	padding: .25em;
	color: #c00 !important;
}

.errorContainer p {
    padding: .25em .25em 0 .25em;
}

.errorContainer p a {
	color: #39c !important;
	font-size: 100% !important;
}

.errorContainer ol { /*list-style: none outside url(/images/errorbullet.gif); margin: 0 0 0 0.5em;*/
}

.errorContainer ol li {
	padding: .25em 0.5em;
	line-height: 1.3em;
	color: #c00;
	padding: .35em 0.5em 0.35em 3em;
}

        .errorContainer ol li:first-child {
            border-top: 2px solid #c00;
        }

        .errorContainer ol li:last-child {
            border-bottom: 2px solid #c00;
        }

.field-validation-error, label.error {
	clear: both;
	display: block;
	font-size: 11px;
	color: #c00;
	overflow: visible;
	width: auto;
	margin: 0;
}

.field-validation-error {
	clear: both;
	display: block;
	margin: 0;
	padding: 0.85em 3em 0.5em;
}

.validation-summary-errors {
	margin: .75em 0;
	background: #FFE8E8 url(/images/icons/error-msg.gif) 5px 5px no-repeat;
}

.validation-summary-errors span {
	float: left;
	clear: both;
	display: block;
	color: #d33;
	font-size: .8em;
	height: 16px;
	overflow: visible;
	padding-left: 32px;
	font-weight: bold;
	margin: .25em 0;
	line-height: 1em;
}

.validation-summary-errors ul li {
	padding: .25em 0.5em 0.25em 3em;
	line-height: 1.5em;
	color: #c00;
}

        .validation-summary-errors ul li:first-child {
            border-top: 2px solid #c00;
        }

        .validation-summary-errors ul li:last-child {
            border-bottom: 2px solid #c00;
        }

.form {
	clear: both;
	padding: 0 0;
	margin: .25em 0 .25em 16px;
	width: 684px;
	display: inline;
	float: left;
	overflow: hidden;
}

.form div {
	clear: both;
	width: 100%;
*width: auto;
}

.formRow {
	float: left;
	zoom: 1;
	line-height: 1.2em;
	overflow: visible;
}

.form label, .form .noLabelPadder {
	display: inline-block;
	float: left;
	clear: both;
	margin: .25em 1em .25em 0;
	width: 12em;
	font-size: .8em;
	line-height: 1.2em;
	vertical-align: baseline;
	padding: 3px 0;
	white-space: nowrap;
	overflow: visible;
}

.form span {
    vertical-align: baseline;
}

.form span label {
	display: inline;
	width: auto;
}

.form .smallPadder {
	display: inline-block;
	float: left;
	clear: both;
	margin: .25em 1em .25em 0;
	width: 12em;
	font-size: .8em;
	vertical-align: baseline;
	padding: 3px 0;
	white-space: nowrap;
	overflow: visible;
}

.form input, .form select, .form textarea {
	float: left;
	margin: .25em 0;
	width: 18em;
	clear: none;
	display: inline;
}

.form .subForm input {
    width: 16em;
}

    .form .subForm input[type="radio"] {
        width: 1em;
    }

.form .subForm p input {
	font-size: 1.05em;
	width: 24em;
}

.form select {
    width: 18.25em;
}

.form textarea {
	width: 400px;
	height: 120px;
}

.form br {
    clear: both;
}

.form p {
	clear: both;
	padding: 1em 0;
	zoom: 1;
}

.form span.labelDetail {
	display: inline;
	font-size: .75em;
	float: left;
	margin: 0.25em .5em 0.25em 0;
	padding: 3px 0;
	vertical-align: baseline;
}

.form a {
	display: inline;
	clear: right;
	white-space: nowrap;
	width: auto;
	color: #39f;
	text-decoration: underline;
	margin: 0.25em 1em 0.25em 0;
	font-size: .8em;
	padding: 3px 1em;
	line-height: 1.5em;
	vertical-align: baseline;
}

.form div a {
	float: left;
	vertical-align: baseline;
	display: inline-block;
}

.form div a:hover {
	text-decoration: underline;
	color: #fd5912;
}

.form p a {
	float: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

.form span.fieldValue {
	float: left;
	color: #444;
	font-size: .75em;
	margin: 0.25em .5em;
	overflow: visible;
	padding: 3px 0;
	vertical-align: baseline;
}

.form .checkbox, .form .checkList {
    clear: both;
}

.form .checkList {
    margin-left: 4em;
}

.form .checkbox input, .form .checkList input, .subform .checkList input {
	float: left;
	width: 1.2em;
	clear: both; /*height: 1em; */
	vertical-align: top;
	margin: .4em .8em 0 0;
*margin: 0;
	padding: 0 0 4px;
}

.form .checkbox label {
	float: left;
	clear: none;
	padding: 2px 1em .25em 0;
	margin: .2em 0; /*width: auto;*/
	line-height: 1.2em;
	vertical-align: baseline;
}

.form .noBold label {
    font-weight: normal;
}

.form .checkList label {
	float: left;
	clear: none;
	padding: 3px 1em 1px 0;
	width: auto;
	line-height: 1.1em;
	vertical-align: baseline;
	margin: 0;
}

.form .field-validation-error {
    margin: .75em 0 0 -10px;
}

#SingleHolding_Postcode, .loginControls #divAccessSingle #SingleHolding_Postcode, .loginControls #divAccessSingle #Postcode {
    width: 4.5em;
}

#SingleHolding_Fin, .loginControls #divAccessSingle #SingleHolding_Fin, .loginControls #divAccessSingle #Fin {
    width: 4.5em;
}

#Postcode {
    width: 7em;
}

#DateOfBirth {
    width: 7em;
}

#divCountryofTaxResidence {
    margin-left: 2em;
}

    #divCountryofTaxResidence label {
        width: auto;
    }

    #divCountryofTaxResidence select {
        margin-top: 0.3em;
    }

    #divCountryofTaxResidence .checkbox {
        padding-left: 11.15em;
    }

#divResWht label {
	margin-left: 2em;
	width: 11em;
}

#divResWht select {
	width: 25em;
	margin-top: 0.4em;
}

#divResWht p {
    margin-left: 2em;
}

.form .ui-datepicker-trigger {
    margin: .25em 0;
}

.form .checkTable {
	float: left;
	clear: none;
	margin-left: 0em;
}

    .form .checkTable td {
        padding-right: .5em;
    }

.form .checkTable input {
	height: 1.3em;
	vertical-align: top;
}

.form .checkTable input, .form .checkTable label {
	width: auto;
	line-height: 1em;
	margin: 0;
}

.form .noBold {
    width: auto;
}

.form .noBold label {
	font-weight: normal;
	width: auto;
}

.form .noClear, .form .noClear input, .form .noClear label {
	clear: none;
	display: inline;
}

.form .noLeftLabel {
	float: left;
	clear: none;
}

    .form .noLeftLabel label {
        width: 26em;
    }

.commsEmailAddress .radioList {
	float: left;
	clear: none;
	width: auto;
}

    .commsEmailAddress .radioList li {
        padding-bottom: 0;
    }

.commsEmailAddress .radioList li label {
	font-weight: normal;
	padding-right: 0.5em;
}

        .commsEmailAddress .radioList li #EmailAddress {
            width: 25em;
        }

.commsEmailAddress span label {
    margin-top: 0.1em;
}

.radioList {
	float: left;
	display: inline;
}

    .radioList ul {
        position: relative;
    }

.radioList li {
	float: none;
	clear: both;
	display: inline-block;
	margin: 0;
	width: 100%;
	position: relative;
	min-height: 1.5em;
	padding-bottom: .5em;
}

.radioListSlim {
    padding-bottom: 0;
}

.radioListSlim li {
	padding-bottom: 0.2em;
	min-height: 1.0em;
}

.radioList .divOtherOptions li {
    padding-bottom: 0;
}

.inlineRadioList li {
	float: left;
	clear: none;
	width: 11em;
	white-space: nowrap;
	min-height: 1em;
}

.inlineRadioList li label, .form .subForm .inlineRadioList li label {
	white-space: nowrap;
	overflow: visible;
}

.radioList input, .form .subForm .radioList input {
	display: inline-block;
	width: 24px;
	margin: 4px 0 0;
	clear: both;
	vertical-align: baseline;
	float: none;
}

.radioList .radioListInput {
	width: 10em;
	display: inline;
	vertical-align: baseline;
	float: none;
	margin: 0;
}

.radioList select.radioListInput {
    width: 25em;
}

.subForm .indent {
	padding-left: 13.7em;
	width: auto;
}

.radioList .indent {
	padding-left: 7em;
	width: auto;
}

.radioList .indent input, .radioList .indent select {
	clear: none;
	width: 18em;
	margin-top: 6px;
}

.radioList label {
	display: inline;
	float: none;
	clear: none;
	margin: 4px 0 0;
	padding: 4px 0 0;
	width: auto;
}

.radioList li.bigLabel label {
    font-size: 0.91em;
}

.radioList .divOtherOptions label {
    font-weight: normal;
}

.radioList .divOtherOptions .otherOptionsList {
    padding: 0.2em 0 0 2.5em;
}

.radioList .divOtherOptions .otherOptionsList label {
	float: left;
	width: 10em;
	line-height: 1.2em;
	vertical-align: bottom;
}

.radioList .divOtherOptions .otherOptionsList select {
	margin: 0.6em;
	width: 25em;
}

.radioList .divOtherOptions {
	margin: 0 0 0 2em;
	width: auto;
}

.radioList .radioAndInput label {
	width: 7em;
	display: inline-block;
}

.radioList .indent label, .indent label {
	float: left;
	width: auto;
}

.radioAndInput input {
	float: none;
	display: inline-block;
}

.radioList li span {
	font-size: .75em;
	float: left;
	clear: both;
	width: auto;
	padding: 5px 0 0 2.2em;
	margin-bottom: .5em;
	color: #444;
	white-space: nowrap;
}

.radioList li span.spanLabel {
	font-size: .8em;
	padding: 3px 0 0;
	vertical-align: baseline;
	float: left;
	clear: none;
}

.highlightSpan li span {
	font-weight: bold;
	color: red;
	margin-top: 1em;
}

.formSubOptions {
	clear: both;
	border-top: solid 1px #e0e0e0;
	margin: 0 0 1em 38px;
	width: auto;
	display: inline-block;
	overflow: visible;
	white-space: nowrap;
	position: relative;
}

.formSubOptions .formRow {
	display: inline-block;
	float: left;
	clear: both;
	border-bottom: solid 1px #e0e0e0;
	padding: .75em 0;
	width: 100%;
	white-space: nowrap;
}

.formRow label {
	float: left;
	clear: none;
	width: 16em;
	display: inline;
	white-space: nowrap;
	vertical-align: baseline;
	padding: .15em 0;
}

.formRow input {
	vertical-align: baseline;
	padding: 0;
	white-space: nowrap;
	clear: none;
	margin-bottom: .25em;
}

.formSubOptions .formRow ul {
	float: left;
	clear: none;
	white-space: nowrap;
	display: block;
	width: auto;
}

.formRow li.horrizontal {
	float: left;
	clear: none;
	white-space: nowrap;
	display: block;
}

    .formRow li.horrizontal input {
        float: left;
    }

.formRow li label {
	display: block;
	float: none;
	width: 8em;
	clear: none;
	font-weight: normal;
	line-height: 1.2em;
	vertical-align: bottom;
}

.formRow select {
	float: left;
	clear: none;
	width: 16.35em;
	display: inline;
}

p label {
    font-size: 1em;
}

p .linkButton {
	font-size: 1em;
	padding: 0 .2em;
}

.updatecheckbox {
    width: 100%;
}

.holdingsList {
	float: left;
	clear: both;
	width: 100%;
}

.holdingsList li {
	color: #555;
	font-size: .8em;
	margin: .5em 0 .5em 2em;
}

.holdingsList li .holdingCode {
	width: 6em;
	float: left;
	display: block;
	font-weight: bold;
}

.holdingsList li .issuerName {
    margin-left: 20px !important;
} 

.showOverflow label {
    width: auto;
}

.applyList .issuerCode {
	display: inline-block;
	width: 5em;
	overflow: visible;
}

.applyList .hrn {
	display: inline-block;
	width: 8em;
	overflow: visible;
}

.shortcutsDiv {
	visibility: hidden;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px 2px 4px 1px;
	z-index: 4001;
	background: #FFFFFF;
	position: absolute;
	text-align: left;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-khtml-border-radius: 6px;
	padding: .5em;
}

.shortcutLink {
	text-decoration: none;
	color: #39f;
	padding: 0.25em 0.25em;
	margin: 0 0.25em;
	font-size: .75em;
	cursor: pointer;
	float: left;
	clear: both;
	white-space: nowrap;
	width: auto;
	display: block;
	position: relative;
	width: 14em;
}

.shortcutLink:hover {
	text-decoration: underline;
	color: #fd5912;
}
/*registry menu dropdown AUS*/
.registryMenuDiv {
	visibility: hidden;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px 2px 4px 1px;
	z-index: 4001;
	background: #FFFFFF;
	position: absolute;
	text-align: left;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-khtml-border-radius: 6px;
	padding: .5em;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none repeat scroll 0 0 #FF5511;
	border: 1px solid #ffac8a !important;
	padding: 0em;
}

.registryMenuDiv a {
	cursor: pointer;
	float: left;
	text-decoration: none;
	color: #FFF !important;
	font-size: 1em;
	line-height: 25px;
	background-color: #FF5511;
	padding: 0.25em 0.25em;
	margin: 0;
	width: 10em;
	border-top: 1px solid #ffac8a;
	clear: both;
}

.registryMenuDiv a:hover {
	color: #FFF !important;
	background: #DB4C12;
}
/*portfolio menu dropdown AUS*/
.portfolioMenuDiv {
	visibility: hidden;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px 2px 4px 1px;
	z-index: 4001;
	background: #FFFFFF;
	position: absolute;
	text-align: left;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-khtml-border-radius: 6px;
	padding: .5em;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none repeat scroll 0 0 #FF5511;
	border: 1px solid #ffac8a !important;
	padding: 0em;
}

.portfolioMenuDiv a {
	cursor: pointer;
	float: left;
	text-decoration: none;
	color: #FFF !important;
	font-size: 1em;
	line-height: 25px;
	background-color: #FF5511;
	padding: 0.25em 0.25em;
	margin: 0;
	width: 10em;
	border-top: 1px solid #ffac8a;
	clear: both;
}

.portfolioMenuDiv a:hover {
	color: #FFF !important;
	background: #DB4C12;
}

.container IFRAME {
	display: none; /*sorry for IE5*/
	display /**/: block; /*sorry for IE5*/
	position: absolute; /*must have*/
	top: 0; /*must have*/
	left: 0; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	width: 100%; /*must have for any big value*/
	height: 100% /*must have for any big value*/;
 padding: 1px;
}

.alertHoldingBalance {
    color: Red;
}

.ui-autocomplete {
	font-size: .75em;
	width: 276px;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border: solid 1px #aaa;
	float: left;
	overflow: hidden;
	position: absolute;
    text-decoration: underline !important;
}

.ui-autocomplete .ui-menu-item a {
	font-size: 0.8em;
	width: 100%;
	display: block;
	padding: 2px;
	margin: 0;
	width: 276px;
	overflow: hidden;
	white-space: nowrap;
}

.ui-autocomplete .ui-menu-item #ui-active-menuitem {
	background-color: #006;
	color: White;
	cursor: pointer;
}

.formList {
	clear: both;
	display: none;
}

.formList li {
	padding-left: 2em;
	zoom: 1;
}

.formList li a {
	padding-left: 24px;
	padding-bottom: 0.75em;
	font-size: 0.8em;
	font-weight: bold;
	color: #39c;
	text-decoration: none;
	line-height: 1.1em;
	min-height: 19px;
	display: block;
	overflow: visible;
}

.sectionHighlight a {
	color: #39c;
	text-decoration: none;
}

.formList li a.pdf {
    background: url("/images/buttons/pdf.gif") no-repeat scroll 0pt 2px transparent;
}

.formList li a:hover span.name, .sectionHighlight a:hover {
	text-decoration: underline;
	color: #fd5912;
}

.formList li a span.description, .formList li a:hover span.description {
	font-size: 0.85em;
	font-weight: normal;
	text-decoration: none;
	color: #444;
}

.msgBar, .form .msgBar {
	display: none;
	border: solid 1px #808080;
	padding: .75em .5em .25em;
	width: 650px;
	margin-top: .5em;
}

.otherHoldingsPad .msgBar {
    width: 598px;
}

#gbox_ApplyHoldingsGrid.ui-widget-content {
    border: 0;
}

.list {
	list-style: outside disc;
	width: auto;
}

.list li {
	list-style: outside disc;
	font-size: 0.75em;
	clear: both;
	margin: 0 0 .75em 2em;
	color: #444;
	line-height: 1.35em;
}

.list li a {
	clear: right;
	color: #3399FF;
	display: inline;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	vertical-align: baseline;
	white-space: nowrap;
	width: auto;
}

.list li a:hover {
	text-decoration: underline;
	color: #fd5912;
}

.formitem {
	clear: both;
	font-size: 0.75em;
}

    .formitem select {
        float: none;
    }

    .formitem label {
        font-size: 1em;
    }

.formitem span {
	display: inline;
	line-height: 1.9em;
}

.captchablock {
	height: 52px;
	padding-top: 5px;
}

.greyBorder {
	border: 1px solid #c0c0c0;
	margin: .75em 0;
	float: left;
	clear: both;
	width: 698px;
	padding: 10px 0;
	overflow: hidden;
}

.greyBorder h3, .greyBorder p, .greyBorder table {
	margin-left: 10px;
	margin-right: 10px;
}

        .greyBorder table.info, .greyBorder .section {
            width: 678px;
        }

            .greyBorder .section h3 {
                margin-top: 0;
            }

        .greyBorder table.widthAuto {
            width: auto;
        }

.borderDiv {
	clear: both;
	overflow: visible;
	overflow-x: hidden;
	overflow-y: auto !important;
	display: block;
	margin-bottom: .25em;
}

    .borderDiv div {
        padding: .5em 1em;
    }

.borderDiv h3 {
	margin: 0;
	padding-bottom: .5em;
}

.form .subForm {
	clear: both;
	float: none;
	width: auto;
	display: none;
	overflow: hidden;
	display: block;
	margin-left: 4em;
}

.form .subForm label {
	white-space: normal;
	font-weight: normal;
}

    .form .subForm .section {
        margin: 1.5em 0 0;
    }

input.readonly {
	background-color: #ddd;
	color: #444;
	border: solid 1px #aaa;
	padding: 2px;
}

    input.readonly.input-validation-error {
        background-color: #dcc;
    }

.holdingDetailLink {
    font-weight: bold;
}

#rowTotalNumberOfVotes th, #rowTotalNumberOfVotes td {
    padding-top: .25em;
}

#rowTotalNumberOfVotes input {
    font-size: 1em;
}

table.info .resolutionRow th, table.info .resolutionRow td {
	border-bottom: solid 1px #ddd;
	padding-top: 4px;
	padding-bottom: 5px;
}

#IUnderstandCheckboxRow input {
    float: left;
}

#IUnderstandCheckboxRow label {
	float: left;
	padding-left: .5em;
	width: 24em;
}

#AnnualReportListCode {
    width: 40em;
}

.LBD_CaptchaDiv {
	margin: 0 0 4px;
	float: left;
	padding: 0;
}

.LBD_CaptchaDiv, .LBD_CaptchaImage {
    float: left;
}

.form div.LBD_CaptchaDiv, .form div.LBD_CaptchaIcons, .form div.LBD_CaptchaImage {
    clear: none;
}

.LBD_CaptchaIcons, .form div.LBD_CaptchaIcons {
	width: 22px;
	float: left;
	_float: right;
	clear: none;
	padding-left: 2px;
	height: 50px;
	overflow: hidden;
	margin-left: 4px;
	_margin: 0;
	_padding: 0;
}

.LBD_CaptchaDiv a {
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
}

form div.LBD_CaptchaDiv div.LBD_CaptchaIcons a {
    margin-bottom: 4px;
}

#loginContent .forgottenPassword {
	line-height: 1.4em;
	float: left;
}

#loginContent #divAccessSingle #SingleHolding_CaptchaCode, #loginContent #divRecaptcha #CaptchaCode {
    float: left;
}

#RegistrationCaptcha_AudioPlaceholder {
    height: 0;
}

#loginContent #divAccessSingle .checkbox input {
    width: auto;
}

#UserValidationForm label {
    width: 14em;
}

#divAddSingleHolding label {
    width: 14em;
}

#loginContent #divAccessSingle .IsTermConditionsAccepted input {
	margin-right: 4px;
	padding: 0;
	width: 12px;
}

#loginContent #divAccessSingle .IsTermConditionsAccepted label {
	margin: 0;
	vertical-align: baseline;
	font-size: 0.75em;
	margin-bottom: 5px;
}

#loginContent #divRecaptcha #labelCaptchaCode {
    width: 84px;
}

.wrapNormal {
    white-space: normal;
    overflow-wrap: break-word;
}

.planFilter a.backBtn, .holdingFilter a.backBtn {
	width: 16px;
	height: 16px;
	xborder: solid 1px red;
	display: block;
	float: left;
	line-height: .7em;
	margin-left: 5px;
	cursor: pointer;
	font-size: 1.4em;
	overflow: hidden;
	font-weight: bold;
	font-family: tahoma;
	vertical-align: baseline;
	margin-top: 1px;
}

* html .holdingFilter a.backBtn {
    xpadding-top: 2px;
}

* html .planFilter a.backBtn {
    xpadding-top: 2px;
}

    .planFilter a.backBtn:hover, .holdingFilter a.backBtn:hover {
        color: #f51;
    }

.exclusion {
	font-weight: bold;
	color: #400;
	font-size: 0.85em;
}

.formsSectionBox {
	border: solid 1px #ccc;
	background-color: #f8f8ff;
	float: left;
	width: 698px;
	clear: both;
	margin-bottom: .5em;
}

.dropdownOpener {
	width: auto;
	padding: 0.5em;
	margin: .25em;
}

.dropdownOpener a {
	padding: 0.5em 0;
	text-decoration: none;
	min-height: 1.5em;
	color: #555;
}

        .dropdownOpener a:hover {
            text-decoration: underline;
        }

#RegistrationCaptcha_CaptchaImage, #ExpressLoginCaptcha_CaptchaImage {
    border: solid 1px #aaa;
}

#loginContent #divAccessSingle #SingleHolding_CaptchaCode {
    width: 154px;
}

#loginContent #divAccessSingle {
}

#CaptchaCode {
	width: 154px !important;
	font-size: 1em;
}

#loginContent #divAccessSingle #SingleHolding_Hrn {
	width: 156px;
	height: 1.29em;
}

.form .userExistsLoginContent a {
	margin-top: 0px;
	padding-left: 1.3em;
	float: none;
	margin-bottom: 5px;
}

.form .userExistsLoginContent label {
	float: left;
	padding-right: 0.5em;
}

.orangeBorderLeft input, #divAccessSingle input { /*margin: 0*/
    ;
	float: left;
	padding: 0;
	overflow: visible;
}

.orangeBorderLeft .linkButton span, #divAccessSingle .linkButton span {
	margin: 0;
	line-height: .91em;
	padding-bottom: .91em;
	vertical-align: bottom;
}

.orangeBorderLeft .linkButton, #divAccessSingle .linkButton {
	vertical-align: bottom;
	line-height: 1em;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

* html .orangeBorderLeft div input {
	margin: 0 0 -2px;
	line-height: 1.2em;
}

.radioList .dob label {
    width: 7em;
}

.radioList .tfnType label {
    width: 4em;
}

.subForm .radioList li input {
    padding-left: .5em;
}

.subForm .radioList li label {
    font-size: 0.75em;
}

.subForm h2 {
    font-size: 0.8em;
}

.genericList li {
    padding-top: 5px;
}

.gridTotal {
	float: right;
	clear: both;
	font-size: 0.75em;
	color: #444;
	margin-right: 6px;
	display: none;
	font-weight: bold;
}

table.contactUs {
    margin-left: 1em;
}

    table.contactUs tr.noPad th {
        width: 9em;
    }

    table.contactUs tr.noPad td {
        padding-left: 0.25em;
    }

.divContactUs p {
    padding-left: 1.25em;
}

.divContactUs input {
    width: 22em;
}

.divContactUs .radioList input {
    width: 24px;
}

.divContactUs label {
    width: 9em;
}

.accountDetails .help {
	padding-left: 0.5em;
	float: left;
}

    .accountDetails .help label {
        font-weight: normal;
    }

.accountDetails .textbox {
    width: auto;
}
/* Portfolio */
#yHoldingsContainer > div.floatRight {
    text-align: right;
}
/* Voting */

#divCommPrefUpdate {
    width:698px; 
    text-align:right;
    padding-bottom: 2px;
}

#resolutionsList {
    margin: 1em 0;
}

#resolutionsList LI {
    font-size: 0.75em;
    margin-bottom: 1.5em;
    position: relative;
  
	display:inline-block;
	margin: 0px 15px 0px 0 !important;
}

    #resolutionsList.horizontal {
    }

#resolutionsList.horizontal LI {
    display: inline;
    margin-right: 1em;
    padding-left: 0;
}

#resolutionsList SELECT {
    
    left: 0;
    top: -3px;
    width: 35px;
    font-size: 0.9em;
}

#resolutionsList.horizontal SELECT {
    position: static;
    width: auto;
}

DIV.issuerNameBox {
    float: right;
    width: 186px;
}

DIV.issuerNameBox span {
	font-size: .75em;
    line-height: 1.5em;
}

.Privacy hr {
    width: 100%;
}

.Privacy p {
    zoom: 1;
}

ul.privacyList {
    margin: .5em 0;
}

ul.privacyList li {
	font: Arial;
	color: #444;
	list-style: disc outside;
	font-size: .75em;
	margin-left: 2em;
	line-height: 1.2em;
	margin-bottom: .5em;
}

table.privacyTable {
      width: 100%;
	margin: .5em 0 .25em;
}

table.privacyTable th, table.privacyTable td {
	font: Arial;
	color: #444;
	font-size: .75em;
	border: solid 1px #ccc;
	padding: .75em;
}

.securityQuestion {
    color: #444444;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    padding-top: 7px;
    line-height: 20px;
}

.errorContainerexpress {
    font-size: 0.75em;
    font-weight: bold;
    color: #CC0000;
    margin-bottom: 10px;
}

.errorContainerexpress a {
    font-size: 1em !important;
    font-weight: bold !important;
}

.mobile-message {
    text-align: center;
    background-color: rgb(0,31,114);
    color: rgb(255, 255, 255);
    height: 80px;
}

.mobile-message span {
    display: block;
    padding-top: 30px;
}

.mobile-message span a {
    color: rgb(255, 255, 255);
    font-size: 50px;
}

#DonationPercentage {
    width: 50px;
}

#DonationPercentageLabel {
    width: 75%;
}

DIV.holdingType {
    float: left;
    width: 186px;
}

DIV.holdingType span {
	font-size: .75em;
    line-height: 1.5em;
}

.textline { /* width: 700px; */
	font-size: .8em;
	font-weight: bold;
}

.ExerciseLeft .textline {
    font-size: 1.1em !important;
}

.RepaymentLeft .textline {
    font-size: 1.1em !important;
}
/* -------- cluetip tool tips ---------- */
.infoToolTip {
	font-size: 0.7em;
	margin-top: 10px;
	display: block;
}

    .infoToolTip li {
        list-style: disc inside;
    }

    .infoToolTip .infoToolTipRow {
        margin-top: 3px;
    }

.infoToolTipRow {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

.infoToolTip .nameCol {
	float: left;
	display: inline;
	width: 60%;
}

.infoToolTip .valueCol {
    text-align: right;
}
/* -------- Portfolio ---------- */
table.info tr th {
    padding-left: 0 !important;
}

#viewBarDetails .planSummarySectionColumn .planSummarySection { /*padding-top: 14px !important;
    padding-right: 0 !important;
    background: transparent url(/images/gridtop.png) 0 8px repeat-x;*/
    margin-top: 15px;
    border-top: 5px solid #39F;
    width: 552px;
}

#PlanSummaryGrid tr td {
    min-height: 22px;
    padding: 8px 2px 6px;
}

.holdingDetailView .planSummarySection table.ui-jqgrid-htable tr th {
    min-height: 22px;
    padding: 8px 4px 6px;
    vertical-align: bottom;
}
/*#gbox_PlanSummaryGrid {
    width: 538px !important;
}*/
#IsUSCitizen_label{
    font-weight:lighter;
}
#IsAustralianIdentification_label{
    font-weight:lighter;
}
/* -------- Plan Summary ---------- */
#planSummaryContainer .displayHeader {
	clear: none;
	margin-top: 1em;
}

#planSummaryOverviewContainer, #planSummaryDescriptionContainer {
	width: 100%;
	float: left;
	margin: 10px 0px 20px 0px;
	padding: 10px 0px;
	border-top: 1px solid #CCC;
}

    
#fullyPaidOrdinarySecurityContainer {
	width: 100%;
	float: left;
	margin: 10px 0px 20px 0px;
	padding: 10px 0px;
}

#fullyPaidOrdinarySecurityContainer .overviewSection {
	display: inline-block;
*display: inline;
	zoom: 1;
	font-size: 0.8em;
}

#fullyPaidOrdinarySecurityContainer .overviewItem {
	padding: 0 0 5px 0;
	width: 552px;
}

#fullyPaidOrdinarySecurityContainer .overviewLinks {
	display: inline-block;
*display: inline;
	zoom: 1;
	width: 150px;
}

#fullyPaidOrdinarySecurityContainer .overviewDescription {
	display: inline-block;
*display: inline;
	zoom: 1;
}

#fullyPaidOrdinarySecurityContainer .overviewItem.underline {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

#fullyPaidOrdinarySecurityContainer .overviewItem.overline {
	padding-top: 10px;
	border-top: 1px solid #CCC;
	margin-top: 10px;
}

    #fullyPaidOrdinarySecurityContainer .bold {
        font-weight: bold;
    }

    #fullyPaidOrdinarySecurityContainer .marginR {
        margin-right: 4px;
    }

#planSummaryDescriptionContainer {
	padding-bottom: 0px;
    margin-bottom: 0px;
}

#planSummaryOverviewContainer {
    border-bottom: 1px solid #CCC;
}

#planSummaryOverviewContainer .display-label.highlight, #planSummaryDescriptionContainer .display-label.highlight {
	display: inline-block;
*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 135px;
}

#planSummaryOverviewContainer .overviewSection, #planSummaryDescriptionContainer .descriptionSection {
	display: inline-block;
*display: inline;
	zoom: 1;
	font-size: 0.8em;
}

#planSummaryOverviewContainer .overviewItem, #planSummaryDescriptionContainer .overviewItem {
	padding: 0 0 5px 0;
	width: 552px;
}

#planSummaryOverviewContainer .overviewLinks {
	display: inline-block;
*display: inline;
	zoom: 1;
	width: 150px;
}

#planSummaryOverviewContainer .overviewDescription {
	display: inline-block;
*display: inline;
	zoom: 1;
}

#planSummaryOverviewContainer .overviewCol1 {
	display: inline-block;
*display: inline;
	zoom: 1;
	width: 85px;
}

#planSummaryOverviewContainer .overviewCol2 {
	display: inline-block;
*display: inline;
	zoom: 1;
	width: 65px;
}

    #planSummaryOverviewContainer .overviewColWide {
        width: 160px;
    }

#planSummaryOverviewContainer .overviewItem.underline {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

#planSummaryOverviewContainer .overviewItem.overline {
	padding-top: 10px;
	border-top: 1px solid #CCC;
	margin-top: 10px;
}

#planSummaryOverviewContainer .overviewHeading {
	display: inline-block;
*display: inline;
	zoom: 1;
	width: 274px;
	margin-bottom: 4px;
}

    #planSummaryOverviewContainer .bold {
        font-weight: bold;
    }

    #planSummaryOverviewContainer .marginR {
        margin-right: 4px;
    }

#planSummaryContainer .displayLinks {
	float: none;
	clear: both;
	display: block;
	height: 35px;
	color: #666;
	font-size: .75em;
	overflow: hidden;
	vertical-align: baseline;
}

#planSummaryContainer .displayLinks ul {
	vertical-align: baseline;
	line-height: 38px;
	height: 34px;
	border-bottom: 1px solid #cccccc;
}

#planSummaryContainer .displayLinks ul a {
	padding: 8px 16px;
	border: 1px solid #cccccc;
	border-radius: 10px 10px 0 0;
	color: #AAA;
	text-decoration: none;
}

            #planSummaryContainer .displayLinks ul a:hover {
                color: #f51 !important;
            }

#planSummaryContainer .displayLinks ul a.selected {
	text-decoration: none;
	color: #f51 !important;
	font-weight: bold;
	border-bottom: 0px;
	border-bottom: 1px solid #FFF;
}

#planSummaryContainer .displayLinks li {
	float: left;
	vertical-align: baseline;
	padding-left: 0px;
}

        #planSummaryContainer .displayLinks li.noLeftBar {
        }

        #planSummaryContainer .displayLinks li.noLeftPadding a {
        }

#planSummaryContainer .planDetailsDateRange {
	margin-top: 10px;
	margin-bottom: 10px;
}

#planSummaryContainer .planDetailsDateRange select {
	width: 80px;
	margin-right: 10px;
}

#planSummaryContainer .errorContainer {
    background-color: #fff;
}

    #planSummaryContainer .errorContainer label.error {
        background-color: #fff;
    }

#PlanSummaryGridDiv.gridContainer {
    margin-top: 15px;
}

#PlanSummaryGridDiv {
    padding-bottom: 10px;
}

#PlanSummaryGridTotals, #PlanSummarySplitGridTotals {
	font-size: 0.7em;
	width: 100%;
	font-weight: bold;
	padding-top: 1em;
}

#PlanSummaryGridTotals td, #PlanSummarySplitGridTotals td {
	text-align: right;
	padding: 6px 2px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}

#PlanSummaryGridTotals td.gridTitle, #PlanSummarySplitGridTotals td.gridTitle {
	text-align: left;
	padding-right: 4px;
	border-bottom: none;
	border-top: none;
}

#PlanSummaryGridTotals a.gridTooltip, #PlanSummarySplitGridTotals a.gridTooltip {
	text-decoration: none;
	color: #000 !important;
	cursor: default;
}

#PlanDetailGridDiv a.cluetooltip {
	text-decoration: none;
	color: #000 !important;
	cursor: default;
}

#PlanDetailGridDiv.gridContainer {
	border-top: 0;
	padding-top: 0;
}

#planSummaryDisclaimer {
	margin-top: 20px;
	font-size: 0.7em;
}

.performanceRuleDetailModal {
	font-size: 0.8em;
    float: left;
}

.totalRewards{
    font-weight:bold;
}

.backToLinks {
    margin-bottom: 6px;
}

    .backToLinks span.prefix {
        font-size: 0.8em;
    }

    .backToLinks span.bar {
        margin-right: 4px;
    }

.page-container label.display-label {
    width: 100px;
    margin-right: 5px;
    display: block;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 1px;
}
/* -------- Offers ---------- */
div.actionlabelTitle {
	float: left;
	font-size: 0.85em;
	font-weight: bold;
	margin: 2px 20px 0 0;
}

.page-block.page-top-section table.info {
	width: 670px;
	margin: 0;
}

.page-block.page-top-section label.display-label {
    width: 100px;
    margin-right: 5px;
    display: block;
    color: #666666;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 1px;
}

.offerOptions .oc-radiogroupex {
    padding: 10px 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#frmOfferActions .termsandconditions input#TermsAndConditionsAccepted {
    float: none;
}

#frmOfferActions .termsAndConditions {
	height: 220px;
	overflow-y: auto;
	margin-bottom: .25em;
}

#divAccept p b {
	display: inline-block;
	width: 170px;
	text-indent: 0;
}

.rejectWarning {
	font-weight: bold;
	margin-top: 10px;
	padding: 0.5em 1em 0em;
	background: #FFE47A;
	border: 1px solid #FFCD02;
	text-indent: 0 !important;
	text-align: center;
}

a.offerDocumentLink {
    text-decoration: underline;
    border-right: #444 solid 1px;
    padding-right: 4px;
    padding-left: 4px;
}

    a.offerDocumentLink.lastLink {
        border-right: none;
    }

    a.offerDocumentLink.firstLink {
        padding-left: 0;
    }
/* Offers modal box */
#OpenOffersForm .textline {
    font-weight: normal;
}

#OpenOffersForm .form {
    padding-top: 0.25em;
}

#OpenOffersForm .formitem label {
	margin: 0;
	float: none;
	width: 125px;
}

#OpenOffersForm .checkbox label {
    font-weight: normal;
}

#OpenOffersForm .offerItems {
	min-height: 75px;
	border-bottom: 1px solid #CCC;
	padding: 0.25em 0;
}

.offerItems .checkbox {
	padding: 0.25em 0;
	height: 20px;
}

.offermodalwrap {
    min-height: 350px !important;
    *height: auto;
}

.vestingschedulemodalwrap {
	min-height: 350px !important;
	overflow: auto;
}
/* -------- Exercise ---------- */
.select-checkbox {
    cursor: pointer;
}

.message-text {
}

#exercise_message .display-label {
}

.modal-container .form {
    width: 100%;
    margin-left: 0;
    padding-top: 15px;
    border-top: 5px solid #3399ff;
}

.modal-container h2 {
    margin-top: 0;
}

.exerciseAction {
	margin: 0.5em 0;
	display: block;
	height: 30px;
}

.repaymentAction {
	margin: 0.5em 0;
	display: block;
	height: 30px;
}

.repaymentOption {
    text-decoration: underline;
}

#gbox_ExerciseDetailsGrid {
	clear: both;
	display: block;
	padding-top: 2px;
    border-top: 5px solid #39F;
	margin-top: 0.5em;
}

#gbox_SellOrTransferSecuritiesGrid {
    border-top: 5px solid #39F;
}

#action-container.html-container {
    border: none;
}

.SecuritiesLeft {
	float: left;
	display: inline;
	width: 64%;
    font-size: 0.8em;
    padding-top: 15px;
    font-size: 0.7em;
}

.SecuritiesRight {
	float: right;
	display: inline;
	width: 36%;
}

    .SecuritiesRight input[type="checkbox"] {
        display: inline-block;
    }

.SecuritiesRight label.display-label {
	float: none;
	display: inline-block;
	width: 155px;
}

.ExerciseLeft {
	float: left;
	display: inline;
	width: 71%;
    font-size: 0.8em;
    padding-top: 15px;
    font-size: 0.7em;
}

.RepaymentLeft {
	float: left;
	display: inline;
	width: 66%;
    font-size: 0.8em;
    padding-top: 15px;
    font-size: 0.7em;
}

.ExerciseRight {
	float: right;
	display: inline;
	width: 29%;
    padding-bottom: 5px;
}

.RepaymentRight {
	float: right;
	display: inline;
	width: 34%;
    padding-bottom: 5px;
}

    .RepaymentRight input[type="text"] {
        width: 100px;
    }

.ExerciseLeft input[type="checkbox"] {
    display: inline-block;
}

.RepaymentLeft input[type="checkbox"] {
    display: inline-block;
}

.RepaymentRight label.display-label {
	float: none;
	display: inline-block;
	width: 90px;
}

.ExerciseRight label.display-label {
	float: none;
	display: inline-block;
	width: 105px;
}
/*.RepaymentLeft input[type="checkbox"]{display: inline-block}*/  
/*.RepaymentRight label.display-label {display: inline-block}*/
.SecuritiesBorderBottom {
    width: 100%;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px;
    line-height: 17px;
}

.SecuritiesBorderBottomFullWidth {
    width: 100%;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px;
}

    .SecuritiesBorderBottomFullWidth .display-label {
        width: 100% !important;
    }

.page-block {
	border: none;
	width: 100%;
	display: block;
	clear: both;
}

    .page-block .formitem {
        line-height: 1.5em;
        display: table;
    }

.page-block.page-top-section {
    padding: 15px 15px 15px 15px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;
    width: auto;
}

.page-container h2 {
    margin-bottom: 0;
}

.numberToExercise {
	width: 55px;
	font-size: 1em;
	text-align: right;
}

.numberToRepayLoan { 
    width: 55px;
    font-size: 1em;
    text-align: right;
}

.totals {
	width: 300px;
	text-align: right;
	float: right;
	margin-right: 10px;
}
.totalsTransactionMethod {
	width: 300px;
	text-align: right;
	float: right;
	margin-right: 270px;
}
.onlinesaleTermsCondition{
    overflow:auto;
    height:300px;
    width:600px;
}
.totals .formitem label { width: 200px; }
#formTotals .formitem label { width: 203px; !important }
#SellNumber {
	width: 50px;
	text-align: right;
}

#ExerciseNumber {
	width: 50px;
	text-align: right;
}

input.SharesToTransact {
    text-align: right;
}

#action-container .totals .formitem label {
    width: 125px;
}

.totalInPlanRow {
    font-weight: bold;
}

.planSummaryDetailsLabel {
    padding-left: 15px;
}

.planSummaryDetailsValue {
	padding-left: 100px;
	text-align: right;
}

.balanceValue {
	padding-left: 120px;
	text-align: right;
}

.tradeableBalanceValue {
	padding-left: 105px;
	text-align: right;
}

.exercise-methods {
	clear: both;
	width: 100%;
	margin: 0 0 30px 0;
}

.repayment-methods {
	clear: both;
	width: 100%;
	margin: 0 0 30px 0;
}

ul.transaction-methods {
	border-bottom: 1px solid #CCC;
	padding: 15px 0;
	list-style: none;
}

#cashRepay .transaction-methods {
	border-bottom: 1px solid #CCC;
	padding: 36px 0 !important;
	list-style: none;
}

ul.transaction-methods a.cluetooltip {
    margin-right: 10px;
}

ul.transaction-methods li {
    float: left;
}

ul#exerciseMethodsList {
    overflow: auto;
}

.exercise-method-container {
	padding: 0 0 10px 25px;
	width: 95%;
}

.repayment-method-container {
	padding: 0 0 10px 25px;
	width: 95%;
}

ul.method-detail-items {
    padding-left: 30px;
}

    ul.method-detail-items li {
        line-height: 1.5em;
    }

ul.method-detail-items li div {
	display: inline-block;
*display: inline;
	zoom: 1;
	vertical-align: top;
}

            ul.method-detail-items li div label {
                font-weight: normal;
            }

    ul.method-detail-items span.span-font {
        font-size: 0.8em;
    }

    ul.method-detail-items ul.method-details {
        padding-left: 20px;
    }

    ul.method-detail-items ul.onlinesale-method-details {
        padding-left: 10px;
    }

        ul.method-detail-items ul.method-details li {
            line-height: 1.2em;
        }

ul.view-details {
	padding-left: 35px;
	font-size: 0.8em;
}

    ul.view-details li {
        line-height: 1.5em;
    }

ul.view-details li label {
	display: inline-block;
*display: inline;
	zoom: 1;
	width: 110px;
	margin: 0;
	font-weight: normal;
	font-size: 1em;
}

ul.view-details li span {
	display: inline-block;
*display: inline;
	zoom: 1;
	font-size: 1em;
}

ul.view-details span.exercise-address {
	display: block;
	padding-left: 110px;
	line-height: 1.5em;
	font-size: 1em;
}

    ul.view-details .update-address {
        font-size: 1em;
    }

.terms-conditions {
	float: none;
	clear: both;
	padding: 10px 0 0 0;
	border-top: 1px solid #CCC;
}

 .terms-conditions .display-label {
	width: 150px !important;
	font-weight: bold;
}

.terms-conditions .borderDiv {
	font-size: 0.75em;
	line-height: 1.4em;
	padding: 5px;
	border: none;
	background: none;
}

.terms-conditions-onlineSale {
	float: none;
	clear: both;
	padding: 10px 0 0 0;
	border-top: 1px solid #CCC;
}

 .terms-conditions-onlineSale .display-label {
	width: 680px !important;
	font-weight: bold;
}

.terms-conditions-onlineSale .borderDiv {
	font-size: 0.75em;
	line-height: 1.4em;
	padding: 5px;
	border: none;
	background: none;
}
.loanRepayment-terms-conditions {
    float: none;
	clear: both;
	padding: 10px 0 0 0;
	height: 220px;
	overflow-y: auto;
	margin-bottom: .25em;  
}

.fatca-terms-conditions {
    float: none;
    clear: both;
    padding: 10px 0 0 0;
    height: 220px;
    overflow-y: auto;
    margin-bottom: .25em;
}

.planSummarySectionColumn {
    padding-bottom: 1em !important;
}

.planSummarySection table td {
    font-size: 0.95em !important;
}

.planSummarySection table th {
    font-size: 0.95em !important;
}

    .planSummarySection table th div {
        font-size: 0.95em !important;
    }

.planSummarySection #PlanSummaryGridTotals {
    padding-top: 2.5em;
}

.planSummarySection #PlanSummaryGridTotals td.gridTitle {
	font-weight: bold;
	text-align: left;
	padding-right: 4px;
	padding-top: 0.5em;
	border-bottom: none;
	border-top: none;
	font-size: 1.25em !important;
    }

    .planSummarySection #PlanSummaryGridTotals td.gridCol1 {
        font-size: 1.25em !important;
    }

    .planSummarySection #PlanSummaryGridTotals td.gridCol2 {
        font-size: 1.25em !important;
    }

    .planSummarySection #PlanSummaryGridTotals td.gridCol3 {
        font-size: 1.25em !important;
    }

    .planSummarySection #PlanSummaryGridTotals td.gridCol4 {
        font-size: 1.25em !important;
    }

    .planSummarySection #PlanSummaryGridTotals td.gridCol5 {
        font-size: 1.25em !important;
    }

    .planSummarySection #PlanSummaryGridTotals td.gridCol6 {
        font-size: 1.25em !important;
}

.planSummarySection #PlanSummarySplitGridTotals {
    padding-top: 2.5em;
}

.planSummarySection #PlanSummarySplitGridTotals td.gridTitle {
	font-weight: bold;
	text-align: left;
	padding-right: 4px;
	padding-top: 0.5em;
	border-bottom: none;
	border-top: none;
	font-size: 1.25em !important;
}

    .planSummarySection #PlanSummarySplitGridTotals td.gridCol1 {
        font-size: 1.25em !important;
    }

    .planSummarySection #PlanSummarySplitGridTotals td.gridCol2 {
        font-size: 1.25em !important;
    }

    .planSummarySection #PlanSummarySplitGridTotals td.gridCol3 {
        font-size: 1.25em !important;
    }

    .planSummarySection #PlanSummarySplitGridTotals td.gridCol4 {
        font-size: 1.25em !important;
    }

    .planSummarySection #PlanSummarySplitGridTotals td.gridCol5 {
        font-size: 1.25em !important;
    }

    .planSummarySection #PlanSummarySplitGridTotals td.gridCol6 {
        font-size: 1.25em !important;
    }

.html-container {
	clear: both;
	display: block;
	padding-top: 2px;
	border-top: 5px solid #39F;
}

.extented-labels .formitem label {
    width: 200px;
}

.offers-content {
	overflow: auto;
	height: 140px;
}

.planDetailsTable {
    font-size: 0.75em;
}

.balanceTooltipTitle {
    font-weight: bold;
}

.balanceTooltipMessage {
    font-weight: bold;
}

.floatRight .display-label {
    width: 240px !important;
}

.buttonsPanel .linkButton { /*line-height: 0;*/
}

.confirmSummary {
	width: 100%;
	margin-top: 30px;
}

    .confirmSummary .formitem.padBottom {
        padding-bottom: 0;
    }

.confirmSummary label.display-label {
    width: 200px !important;
    margin-right: 5px;
    display: block;
    color: #666666;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 1px;
}

table.confirmSummary tr.padTop td {
    padding-top: 5px;
}

table.confirmSummary td {
    padding: 0.2em 0;
}

.totalFeesDiv {
    padding: 0 0 15px 25px;
}

.salesDisclaimerDiv {
	height: 150px;
	overflow-y: auto;
	background-color: #fff;
	border: none;
	font-size: 0.75em;
	line-height: 1.5em;
}

.borderTop {
	border-top: 1px solid #CCCCCC;
	width: 100%;
	clear: both;
	padding: 7px 0 14px;
}

.borderBottom {
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	clear: both;
	padding: 7px 0 14px;
}

    .borderBottom td {
        *border-bottom: 1px solid #CCCCCC;
}

.borderRight {
	border-right: 1px solid #CCCCCC;
	height: 100%;
	clear: both;
}

.exerciseSummary {
    font-weight: bold;
}
/* Exercise - view Confirmation */
.confirmExerciseDiv label.display-label {
	float: none;
	width: 200px;
	margin: 0px;
	display: inline-block;
*display: inline;
	zoom: 1;
	font-weight: bold;
	padding: 0px;
	vertical-align: top;
}

.confirmExerciseDiv .rowTotal {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	clear: both;
	padding: 0.5em 0;
	margin: 0.5em 0;
}

.confirmLoanRepaymentDiv label.display-label {
	float: none;
	width: 200px;
	margin: 0px;
	display: inline-block;
*display: inline;
	zoom: 1;
	font-weight: bold;
	padding: 0px;
	vertical-align: top;
}

.confirmLoanRepaymentDiv .rowTotal {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	clear: both;
	padding: 0.5em 0;
	margin: 0.5em 0;
}

.page-block-with-no-border {
	width: 100%;
	display: block;
	clear: both;
	margin-top: 1.5em;
}

    .page-block-with-no-border .formitem {
        line-height: 1.5em;
    }

.page-block-with-no-border .addressDiv {
	display: inline-block;
*display: inline;
	zoom: 1;
	float: none;
}

.page-block .addressDiv {
	display: inline-block;
*display: inline;
	zoom: 1;
	float: none;
}

#bankAccountDetailsForm .bank-details-title h1 {
    float: none;
}

.transactionPasswordError {
    font-size: 0.75em;
    font-weight: bold;
    color: #CC0000;
    margin-top: 5px;
}

.transaction_password {
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 3px solid #39f;
    float: left;
}

#SellPrice {
    width: 100px;
}
/* Securities */
.securities-methods {
    padding-left: 50px;
}

.securities-method-container {
	padding: 10px 0 10px 5px;
	width: 95%;
}

    .securities-method-container ul {
        *width: 500px;
    }

        .securities-method-container ul.view-details {
            padding-left: 20px;
}

.salesMethodClass li label {
	display: inline-block;
*display: inline;
	zoom: 1;
	width: 300px;
	margin: 0;
}

.securitiesBoldLabel {
    font-weight: bold;
}

.confirmSecuritiesDiv label.display-label {
    width: 200px;
    margin-right: 5px;
    display: table-cell;
    color: #666666;
    font-weight: bold;
    float: none;
    padding-left: 5px;
    padding-top: 1px;
}
/*.method-details { display: inline-block; }
.method-details ul li label { width: 70px; }
.method-details ul li span { font-size: 0.8em;-ms-word-wrap: break-word; word-wrap: break-word; }*/

.bottom-blue-line {
	height: 20px;
	width: 100%;
	border-bottom: 3px solid #39f;
}

input#TermsAndConditionsAccepted {
    float: left;
}

input#chkAcceptTermsAndConditions {
    float: left;
}

input#IsDeclarationAccepted {
    float: left;
}

.addressDiv {
    float: left;
}

.underwater-error {
	background: transparent url(/images/icons/help.gif) no-repeat;
	height: 17px;
}

.underwater-warning, .underwater-warning-item {
	background: transparent url(/images/icons/exclamation.gif) no-repeat;
	height: 17px;
}

.underwater-warning-container {
	font-size: 0.75em;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
}

.underwater-warning-container span {
	display: inline-block;
	padding-left: 20px;
}

.quoteDisclaimerDownloadLink {
	background: transparent url(/images/buttons/pdf.gif) 100% 50% no-repeat;
	cursor: pointer;
	font-size: 0.68em !important;
	width: 16px;
	height: 16px;
	padding-left: 15px;
	display: inline-block;
}

#action-container .errorContainer {
	background-color: #fff;
	font-size: 0.90em;
}

#action-container .errorContainer label.error {
	background-color: #fff;
	font-size: 0.90em;
}
/*.securities-method-container label {
    width: 300px !important;
}*/

/*ul.salesMethodClass.method-detail-items li {
    float: left;
    *float: none;
    padding: 5px 0;
}*/

ul.paymentMethodClass.method-detail-items {
    padding-left: 30px;
}

.radio-option label {
    width: auto !important;
}

.exercise-methods a.cluetooltip {
    text-decoration: none;
}

.repayment-methods a.cluetooltip {
    text-decoration: none;
}

.page-container .noLabelPadder {
	display: inline-block;
	float: left;
	clear: both;
	margin: .25em 1em .25em 0;
	width: 10.5em;
	font-size: .8em;
	line-height: 1.2em;
	vertical-align: baseline;
	padding: 3px 0;
	white-space: nowrap;
	overflow: visible;
}

.bank-details-column2 {
    padding-left: 50px;
}

.bank-address-title {
	padding-left: 5px;
	font-weight: bold;
}

#TotalSharesSelected {
    font-size: 1em;
}

#EstimatedValue {
    font-size: 1em;
}

.electedAccountSpan {
    font-size: .8em;
}

.floatRight label {
	display: block;
	font-size: .8em;
	font-weight: bold;
	color: #444;
	cursor: pointer;
	float: left;
	padding-left: 5px;
	padding-top: 3px;
}

.bank-account-details-div .formitem select {
    width: 246px;
}

.bank-account-details-div .formitem input {
    width: 242px;
}

.bank-account-details-div .formitem {
    padding-bottom: 3px;
}

.update-address {
    font-size: .8em;
}

.update-bank-account {
    font-size: .8em;
}

.ibw-update-account {
    font-size: .8em;
}

.bank-account-details-div label.display-label {
    width: 200px;
    margin-right: 5px;
    display: block;
    color: #666666;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 7px;
}

#passwordValidationErrorSpan {
    padding-left: 5px;
}

.pinHelpLink {
	width: 17px !important;
	height: 17px;
	padding-left: 6px !important;
	float: left !important;
	display: inline !important;
}

.pinHelpLinkFont {
    font-size: 100% !important;
}

.callCentreDetails {
    font-weight: bold;
}

#updatedSucceededMessage {
	padding-bottom: 140px;
	border-bottom: 3px solid #39f;
}

.toolTipMessage {
	font-size: .75em;
	line-height: 1.3;
}

.indent {
    text-indent: 50px;
}

.floatRight label {
	display: block;
	font-size: .8em;
	font-weight: bold;
	color: #444;
	cursor: pointer;
	float: left;
	padding-left: 5px;
	padding-top: 3px;
}

.exercise-address {
    padding-left: 58px;
}

.pointer {
    cursor: pointer;
}

.grantDetailsTooltipTitle {
    font-weight: bold;
}

.payByDirectCreditMessage {
    font-weight: bold;
}
/* International Bank WireSpecify an account */
#internationalBankWireForm .bank-details-title {
    padding-bottom: 10px;
}

#internationalBankWireForm .formitem {
    line-height: 2.3em;
}

#internationalBankWireForm label.display-label {
	float: none;
	display: inline-block;
*display: inline;
	zoom: 1;
	padding: 0;
}

#internationalBankWireForm span.noLabelPadder {
	float: none;
	display: inline-block;
*display: inline;
	zoom: 1;
	padding: 0;
	width: 100px;
	margin: 0 5px 0 0;
}

#internationalBankWireForm .bank-address-title {
    padding: 0;
}

#internationalBankWireForm #BeneficiaryBankDetails_CountryCode, #internationalBankWireForm #IntermediaryBankDetails_CountryCode, #internationalBankWireForm #BeneficiaryBankDetails_BankAddress_State, #internationalBankWireForm #IntermediaryBankDetails_BankAddress_State {
	width: 153px;
	margin-left: 2px;
	width /*\**/: 155px\9;
	margin-left /*\**/: 0\9;
}

.intermediary-bank-details-label {
    padding-top: 10px;
}

.international-bank-wire-address {
    padding-left: 99px;
}

.costSummaryDiv label.display-label {
    width: 225px !important;
}

#partialPaticipation a.cluetooltip {
	text-decoration: none;
	float: none;
}

form#confirmExerciseForm ul ul {
    padding-left: 10px;
}

div#planDropDownDiv {
    padding: 10px 0;
}

.donationOptions {
    padding-left: 0.5em;
}

.password-rule-div {
	display: block;
	height: 25px;
	vertical-align: top;
}

    .password-rule-div img {
        padding-right: 5px;
    }

.password-rule-label {
	vertical-align: top;
	line-height: 18px;
}

form#ProxyVotingConfirmForm .errorContainer {
    background: #FFE8E8;
}

#conversionCurrency {
    width: 145px;
}

div.currency-container {
	padding-top: 25px;
	float: right;
	padding-left: 15px;
}

    div.currency-container #currencyLabel {
        cursor: default;
    }

.currency-conversion-bold {
	font-weight: bold;
	font-size: .75em;
}

.currency-conversion-normal {
    font-size: .75em;
}

span.gridTotal a {
    text-decoration: none;
}

.totalValueTooltip {
    z-index: -1;
}

table.info a.cluetooltip {
    text-decoration: none;
}

div#vestingCalculatorDiv input#SecurityPrice {
    width: 50px;
}

div#vestingCalculatorDiv input#VestingPercentage {
    width: 54px;
}

div#vestingCalculatorDiv label {
    padding-left: 5px;
}

div#vestingCalculatorDiv span.span-font {
    font-size: 0.8em;
}

div#vestingCalculatorDiv div.clear {
    padding-top: 10px;
}

div#dateToDiv {
    display: inline;
}

#vestingCalculatorGridTotals {
	font-size: 0.7em;
	width: 100%;
	font-weight: bold;
	padding-top: 1em;
}

#vestingCalculatorGridTotals td {
	text-align: right;
	padding: 6px 2px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}

#vestingCalculatorGridTotals td.gridTitle {
	text-align: left;
	padding-right: 4px;
	border-bottom: none;
	border-top: none;
}

        #vestingCalculatorGridTotals td.gridTitleNoBorder {
            border-right: none;
        }

#vestingCalculatorGridTotals a.gridTooltip {
	text-decoration: none;
	color: #000 !important;
	cursor: default;
}

#performanceGridTotals {
	font-size: 0.7em;
	width: 100%;
	font-weight: bold;
	padding-top: 1em;
}

#performanceGridTotals td {
	text-align: right;
	padding: 6px 2px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}

#performanceGridTotals td.gridTitle {
	text-align: left;
	padding-right: 4px;
	border-bottom: none;
	border-top: none;
}

        #performanceGridTotals td.gridTitleNoBorder {
            border-right: none;
        }

#performanceGridTotals a.gridTooltip {
	text-decoration: none;
	color: #000 !important;
	cursor: default;
}

div.performance-chart-div .bold {
    font-weight: bold;
}

div#performanceChartContainer {
    padding-top: 10px;
}

span.span-font {
    font-size: 0.8em;
}

#performanceTsrGridDiv.gridContainer {
    margin-top: 15px;
}

#PlanSummaryGridContainer.gridContainer {
    margin-top: 15px;
}

#vestingCalculatorGridDiv.gridContainer {
    margin-top: 15px;
}

#performanceTsrGridDiv.gridContainer {
    margin-top: 15px;
}

#planDetailsGridParentDiv.gridContainer {
    margin-top: 15px;
}

#equityPlanStatementContainer .bold {
    font-weight: bold;
}

#equityPlanStatementContainer .dateFilterType {
    padding-top: 10px;
}
/* Performance */
.actions-div li {
    line-height: 1.3;
}

#keyMessagesDiv {
	background: #e0e0e0;
	padding: 10px;
}

.document-list {
	clear: both;
	padding-top: 10px;
}

.document-list a.offerDocumentLink {
	border: none;
	font-size: .75em;
}

div#planDetailGridDiv .ui-jqgrid a.headerToolTip {
    display: block;
}

div#divOfferGrid .ui-jqgrid tr.jqgrow td {
	font-weight: normal;
	overflow: hidden;
	padding: 6px 8px;
	border-bottom-width: 1px;
	border-bottom-color: #e0e0e0;
	border-bottom-style: solid;
	font-size: 0.7em;
	color: #444;
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: normal !important;
    height: auto;
}

.regNote {
	clear: both;
	font-size: 0.9em;
	font-weight: bold;
}

#fileName {
	display: inline-block;
*display: inline;
	zoom: 1;
	width: 319px;
	border: solid 1px #CCC;
	background-color: #f0f0f0;
	height: 15px;
	overflow: hidden;
	padding-left: 5px;
	padding-top: 5px;
	font-size: .8em;
}

#browseButton {
	display: inline-block;
*display: inline;
	zoom: 1;
	padding-left: 5px;
	padding-top: 3px;
	width: 100px;
}

.with-tooltip {
	display: inline !important;
	padding-right: 5px;
}

.txtControlsPreClearance {
	float: left;
	width: 780px;
	height: 10px;
	line-height: normal;
	margin-top: 0;
	font-size: smaller;
	overflow: hidden;
}

.sellNumberLabel {
    font-weight: normal;
}

.MessageReasonForTrade {
    font-weight: normal;
}

.otherSecuritiesOwnedLabel {
    font-weight: normal;
}

.wordWrap {
    white-space: nowrap;
}

.reportElectionList {
    float: left !important;
}
/* help icon Authorised User */
span.authoriseduser {
	float: right;
	margin-top: 30px;
	margin-right: 18px;
	padding-bottom: 0px;
}

span.back-link-label {
	margin: .25em 0 .4em;
	clear: both;
	line-height: 1.2em;
	color: #666;
	font-size: 0.75em;
}

/***** Portfolio Campaign *****/
#portfolioCampaign h2 {
    font-size: 1.3em;
    color: #39c;
    font-weight: normal;
    margin: 0;
}

#portfolioCampaign ul li {
    list-style-type: disc;
    margin-left: 20px;
    padding: 0 0 7px 0;
    font-size: 0.9em;
}

#portfolioCampaign .regBenefits {
    float: left;
    color: #777;
    list-style: none url(/images/welcome-bullet.gif) outside;
    padding-top: 15px;
    padding-left: 0;
    margin-left: 1.4em;
    text-indent: 0;
}

#portfolioCampaign .buttonsPanel a {
    font-size: 13px;
    margin: 7px 10px 0 0;
    float: left;
}

#portfolioCampaign .buttonsPanel .portfolioLoginBtn a {
    margin: 0 7px 0 0;
}

.orangeButton button#btnContinue {
    background-position: 95% !important;
}

.registrationH2Tagline {
    font-size: 1.3em;
    color: #39c;
    font-weight: normal;
    margin: 0;
}

#UpdateTaxDetailsForm select:disabled {
    display: none;
}

.tfnTypeMessage {
    color: red;
}

#userRegistrationBtn .buttonsPanel a {
	font-size: 13px;
	margin: 7px 10px 0 0;
	float: left;
}

.callout {
  background: #e4f6ff;
  padding: 10px 20px;
  margin: 20px 0 0 0;
}
/* SMS PIN */
.hrnMobilePinTextBox {
    width: 70px;
}

.hrnVerifyMobilePinLink {
    padding-left: 10px;
}

.transactionPinDiv .formitem {
    padding-top: 10px;
}

.transactionPinMessage {
    color: red;
}

.transactionPinControlError {
    color: red;
}

.smspinForgottenTransactionPassword {
    padding-top: 5px;
}

    .smspinForgottenTransactionPassword a {
        font-size: .8em;
    }

#mobilePinVerificationDiv .gridContainer {
    width: 500px;
}

.mobilePinGrid {
	float: right;
	padding-top: 10px;
}

.mobileNotRegisteredMessage {
    float: left;
}

div#smsPinBanner span.linkButton {
    float: right;
}

.smsPinRegistrationDiv p {
    font-size: 0.9em;
}

.smsPinRegistrationDiv ul {
    float: left;
}

    .smsPinRegistrationDiv ul#smspinActivationList {
        margin-bottom: 15px;
    }

.smsPinRegistrationDiv ul li {
	list-style-type: disc;
	margin-left: 20px;
	padding: 0 0 2px 0;
	font-size: 0.9em;
	list-style: none url(/images/welcome-bullet.gif) outside;
	line-height: 1.5em !important;
}

.hrnSecurityTokenTextBox {
    float: left;
}

.mobileNumberHelpTable table, .mobileNumberHelpTable td {
    border: 1px solid black;
    font-size: 1em;
}

.mobileNumberHelpTable th {
    border: 1px solid black;
    font-size: 1em;
    font-weight: bold;
}

.hrnCallingCodeTextBox {
	margin-left: 5px !important;
	width: 50px;
}

.hrnMobileNumberTextBox {
    margin-left: 5px !important;
}

ol#smspinActivationList {
	clear: both;
	list-style: decimal;
	font-size: 0.9em;
	padding: .5em 0;
	margin: 20px;
}

ol#smspinActivationList li {
	padding: 5px 0;
	line-height: 1.5em;
}

.placeholder {
    color: #aaa;
}

.ElectronicNoticeUL {
    list-style-type: circle;
    padding: 0 0 0 16px;
}

    .ElectronicNoticeUL li {
        line-height: 1.5em;
        font-size: 0.75em;
    }

.fatcaRadioLabel label{
    font-weight:normal !important;
}
.disabledLinkButton {
    color:#c0c0c0;
    cursor:pointer;
}


#EntityOrganizationDetails_NonFinancialAccountSelect{
    float: left !important;
    display: block!important;
    width: 2%!important;
    height: 15px;
}
#EntityOrganizationDetails_NonFinancialAccountSelect + label
{
    float: left!important;
    width: 93%!important;
    padding-left: 2px!important;
}
#EntityOrganizationDetails_NonFinancialAccountSelect + label[for="Other"] {
    float: left!important;
    width: auto!important;
    padding-left: 2px!important;
}
ul#radioChildNonFianancialAccount li {
    clear: both;
}
#EntityOrganizationDetails_NonFinancialAccountOthers {
    margin-left: 1%;
}
#drpFatcaInvestor select {
    width: 230px !important;
}
#drpFatcaInvestor {
    vertical-align: top !important;
}
ul.entityInstruction li {
    list-style-type: disc !important;
    margin-left: 8%;
    font-size: .8em;
    line-height: 20px;
}
ul.entityInstruction li.list-head {
    list-style-type: none !important;
    margin-left: 5%;
}
.entityInstruction {
    margin-top: 10px;
}


:invalid {
  outline: 1px solid red; }

.shell {
  position: relative;
  line-height: 1; }
  .shell span {
    position: absolute;
    left: 3px;
    top: 1px;
    color: #ccc;
    pointer-events: none;
    z-index: -1; }
    .shell span i {
      font-style: normal;
      /* any of these 3 will work */
      color: transparent;
      opacity: 0;
      visibility: hidden; }

input.masked,
.shell span {
  font-size: 16px;
  font-family: monospace;
  padding-right: 10px;
  background-color: transparent;
  text-transform: uppercase; }

.fi-giin span,.fi-giin a,.fi-giin input {
    float: left;
}

table.fi-table td {
    padding: 2% 0px !important;
}
td.fi-status select, td.fi-status input {
    width: 48% !important;
    display: inline;
    padding: 3px 0px; 
}
.fi-rh .oc-radiogroupex
{
float: left;
margin-top:-1%;
}
.fi-noncrs .oc-radiogroupex
{
    float: right;
    margin-right: 45%;
    margin-top: 0%;
    font-size: 16px;
}
.giin-fistatus {
    display:none;
}
.giin-row {
display: none;
}
/*div.simplemodal-container A.modalCloseImg {
display: none !important;
}*/
.pac-container {
    z-index:1000188 !important;
}
div#cluetip {
    z-index: 1999 !important;
}
select[typevalue="TaxRes"] {
    width: 93.2% !important;
}

.ElectronicNoticeUL { list-style-type: circle;padding: 0 0 0 16px; }
.ElectronicNoticeUL li { line-height: 1.5em;font-size: 0.75em; }

/*Green ID designs*/
.pac-container {
    width: 40% !important;
}

#greenid-source-list-container {
    float: right !important;
    margin-top: 4% !important;
}

h2#greenid-source-title-heading {
    width: auto !important;
}
#greenid-container #greenid-source-header #greenid-source-list-container #greenid-option-list .dropdown-menu .list-group-item a {
    margin: 0;
}
#greenid-container #greenid-source-header #greenid-source-list-container #greenid-option-list .no-manual-options.dropdown-menu {
    width: 90% !important;
    left: 10% !important;
}

#greenid-sources .list-group-item{
    float: left !important;
    width: 45% !important;
}

.paymentMethodLightFont {
    font-weight: normal;
}

.labelOnlineSale, .onlinesale-method-details li label {
font-weight:normal;
}

#greenid-container .row {
clear: both;
}

#greenid-source-title a {
    float: left;
    margin-top: 30px;
}

#greenid-source-cancel, #greenid-source-cancel_cer {
    float: right;
}

li.validationErrorHtmlRaw{
    padding: .25em 0em 0.25em 3em;
    line-height: 1.5em;
    color: #c00;
    border-top: 2px solid #c00;
    border-bottom: 2px solid #c00;
    margin: .25em 0;
    background: #FFE8E8 url(/images/icons/error-msg.gif) 5px 5px no-repeat;
    font-size: 100%;
}

.validationMessageRadioButton{
    padding: .25em 0.5em 0.25em 3em;
    line-height: 1.5em;
    color: #c00;
    border-top: 2px solid #c00;
    border-bottom: 2px solid #c00;
    background: #FFE8E8 url(/images/icons/error-msg.gif) 5px 5px no-repeat;
    font-size: 85%;
}
select[typevalue="TaxTyp"] {
    width: 64.9% !important;
    margin-left: -0.1%;
}
input[typevalue="TFNTxt"] {
    width: 64.5% !important;
    margin-left: 4.5% !important;
}


/* Campaign tiles */
.campaignBody { display: none; }

#cluetip-inner {
    font-size: 0.9em;
}

.d-legend {
    display: block;
        clear: both;
        font-size: 12px;
        padding: 5px;
}

.d-legend-color {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.d-legend span {
    margin-left: 10px;
    float: left;
    width: 91%;
}
.legendContainer
{
    margin-top: -15px;
}
.tro-screen-lock {
    position: fixed;left: 0;top:0;background-color: rgba(0, 0, 0, 0.05);z-index: 1000000;width: 100%;height: 100%;
}

/* FATCA Conflict screen*/
.warning-span {
    color: #f26729 !important;
}
.required-in-grid {
    color: #f26729 !important;
    font-weight: bold;
}
.note-text {
    font-size: 66%;
}

table[id$=_pager] {
    display: none !important;
}

.reasonCode {
    padding: 5px;
    border: 2px solid #9c9c9c;
    font-family: Arial;
    overflow: visible;
    width: 100%;
}
table[id^=FATCAConflictGrid_] tr a.helpLink {
        float: right;
        padding: 0 !important;
}
table[id^=FATCAConflictGrid_] tr span{
    line-height: 1px;
    float: right;
    width: 5px;
}
.conflict-fatca {
    color: #f26729 !important;
}
table[id^=FATCAConflictGrid_] tr span.fc-option-span {
        display: block;
    float: none;
    /* height: 19px; */
    padding: 2px;
    font-size: 1em !important;
    font-weight: normal !important;
}
table[id^=FATCAConflictGrid_] tr td textarea
{
    margin: 0px;
    width: 100%;
    height: 100%;
    padding: 2px;
    background: white;
    color: #000;
    white-space: pre-wrap;
    min-height: 15px;
}
/*IE Placeholder pix*/
textarea:-ms-input-placeholder {
    color: #999 !important;
}

table[id^=FATCAConflictGrid_] tr td:nth-child(2),table[id^=FATCAConflictGrid_] tr td:nth-child(3)
{
    white-space: pre-line !important;
    word-wrap: break-word !important;
}

div#f1Div,
div#f2Div, 
div#lnDiv {
    margin-left: 12em;
    display: inline-block;
}

div#f1Div label,
div#f2Div label, 
div#lnDiv label {
    width: 10em;
    display: inline-block;
}

label.hint {
    width: auto;
    margin-left: 15em;
    display: block;
    
}

/*#UserValidationForm input[type=text],
#newHolding input[type=text] { width: 32em}*/
#UserValidationForm input[type=password],
#newHolding input[type=password] { width: 27em}
#fullNameDiv input[type=text] {width: 19.5em}
.beneficiary-bank-details select {width: 173px}

/*.gridContainer {clear: both; padding-top: 14px; background: transparent url(/images/gridtop.png) 0 8px repeat-x; zoom:1;}*/
.gridContainer {clear: both; padding-top: 2px; border-top: 5px solid #39F; zoom:1;}
.otherHoldingsPad {width: 652px; margin-left: 48px; overflow: hidden; }
.otherHoldingsGrid { width: 628px; margin-left: 72px; background-position: 0 0; padding-top: 6px; }
.ui-jqgrid{position:relative; }
.ui-jqgrid .ui-jqgrid-view{position:relative;left:0;top:0;padding:.0em;}
.ui-jqgrid .ui-jqgrid-titlebar{padding:.3em .2em .2em .3em;position:relative;border-left:0 none;border-right:0 none;border-top:0 none;}
.ui-jqgrid .ui-jqgrid-title{float:left;margin:.1em 0 .2em;}
.ui-jqgrid .ui-jqgrid-titlebar-close{position:absolute;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px;}
.ui-jqgrid .ui-jqgrid-titlebar-close span{display:block;margin:1px;}
.ui-jqgrid .ui-jqgrid-titlebar-close:hover{padding:0;}
.ui-jqgrid .ui-jqgrid-hdiv{position:relative;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;border-left:0 none!important;border-top:0 none!important;border-right:0 none!important;}
.ui-jqgrid .ui-jqgrid-hbox{float:left;padding-right:20px;}

.ui-jqgrid .ui-jqgrid-htable{table-layout:fixed;margin:0;}
.ui-jqgrid .ui-jqgrid-htable th{min-height:22px;padding:8px 8px 6px;color: #444; background-color: #e0e0e0; vertical-align: bottom;overflow:hidden;}
.ui-jqgrid .ui-jqgrid-htable th div{overflow:hidden;position:relative;padding:0 0 .25em 0;font-size:0.75em; } /* height:17px; */
.ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column{overflow:hidden;text-align:center;border-top:0 none;border-bottom:0 none;} /* white-space:nowrap; */
.ui-th-ltr,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr{border-right:solid 1px white;}
.ui-th-rtl,.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl{border-right:0 none;}
.ui-jqgrid .ui-th-div-ie{zoom:1;} /* white-space:nowrap;height:17px; */
.ui-jqgrid .ui-jqgrid-resize{height:20px!important;position:relative;cursor:e-resize;display:inline;overflow:hidden;}
.ui-jqgrid .ui-grid-ico-sort{overflow:hidden;position:absolute;display:inline;cursor:pointer!important;}

.ui-icon {display: block; background: transparent url(/images/icons.gif) 0 0 no-repeat;}
.ui-jqgrid .ui-icon-asc{margin-top:3px;width: 8px; height: 8px; }
.ui-jqgrid .ui-icon-desc{margin-top:3px;width: 8px; height: 8px; background-position: 0 -24px; }
.ui-state-disabled {visibility: hidden;}
.ui-jqgrid .ui-i-asc{margin-top:0;height:16px;}
.ui-jqgrid .ui-i-desc{margin-top:0;margin-left:13px;height:16px;}
.ui-jqgrid .ui-jqgrid-sortable{cursor:pointer; color: #24a;}
.ui-jqgrid tr.ui-search-toolbar th{border-top-width:1px!important;border-top-color:inherit!important;border-top-style:ridge!important;}
tr.ui-search-toolbar input{margin:1px 0 0 0;}
tr.ui-search-toolbar select{margin:1px 0 0 0;}

.ui-jqgrid .ui-jqgrid-bdiv{position:relative;margin:0;padding:0;overflow:auto;}
.ui-jqgrid .ui-jqgrid-btable{table-layout:fixed;margin:0;padding:0;margin-right:-1px;}
.ui-jqgrid tr.jqgrow td{font-weight:normal;overflow:hidden;white-space:pre;height:1.2em;padding:6px 8px;border-bottom-width:1px;border-bottom-color:#e0e0e0;border-bottom-style:solid;font-size:0.7em;color:#444;}
.ui-jqgrid tr.jqgrow td.icons{padding:3px 8px;}
.ui-jqgrid tr.ui-row-ltr td{text-align:left;border-right-width:1px;border-color:#e0e0e0;border-style:solid;}
.ui-jqgrid tr.ui-row-rtl td{text-align:right;border-left-width:0;border-left-color:inherit;border-left-style:none;}
.ui-jqgrid td.jqgrid-rownum{padding:0 2px 0 2px;margin:0;border:0 none;}
.ui-jqgrid .ui-jqgrid-resize-mark{width:2px;left:0;background-color:#777;cursor:e-resize;cursor:col-resize;position:absolute;top:0;height:100px;overflow:hidden;display:none;border:0 none;}
.ui-jqgrid .ui-jqgrid-sdiv{position:relative;margin:0;padding:0;overflow:hidden;border-left:0 none!important;border-top:0 none!important;border-right:0 none!important;}
.ui-jqgrid .ui-jqgrid-ftable{table-layout:fixed;margin-bottom:0;}
.ui-jqgrid tr.footrow td{font-weight:bold;overflow:hidden;white-space:nowrap;height:21px;padding:0 2px 0 2px;border-top-width:1px;border-top-color:inherit;border-top-style:solid;}
.ui-jqgrid tr.footrow-ltr td{text-align:left;border-right-width:1px;border-right-color:inherit;border-right-style:solid;}
.ui-jqgrid tr.footrow-rtl td{text-align:right;border-left-width:1px;border-left-color:inherit;border-left-style:solid;}

.ui-jqgrid .ui-jqgrid-pager{display:none;border-left:0 none!important;border-right:0 none!important;border-bottom:0 none!important;margin:4px 0 0!important;padding:0!important;position:relative;height:29px;white-space:nowrap;overflow:hidden;}
.ui-jqgrid .ui-pager-control{position:relative;}
.ui-jqgrid .ui-pg-table{position:relative;padding-bottom:2px;width:auto;margin:0;}
.ui-jqgrid .ui-pg-table td{font-weight:normal;vertical-align:middle;}
.ui-jqgrid .ui-pg-button{height:19px!important;}
.ui-jqgrid .ui-pg-button span{display:block;margin:1px;float:left;}
.ui-jqgrid .ui-pg-button:hover{padding:0;background-color: Transparent;}
.ui-jqgrid .ui-state-disabled:hover{padding:1px;}
.ui-jqgrid .ui-pg-input{height:13px;font-size:.8em;margin:0;}
.ui-jqgrid .ui-pg-selbox{font-size:.8em;line-height:18px;display:block;height:18px;margin:0;}
.ui-jqgrid .ui-separator{height:18px;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:1px;float:right;}
.ui-jqgrid .ui-paging-info{font-weight:normal;height:19px;margin-top:3px;margin-right:4px;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div{padding:1px 0;cursor:pointer;float:left;list-style-image:none;list-style-position:outside;list-style-type:none;position:relative;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon{float:left;margin:0 2px;}
.ui-jqgrid td input,.ui-jqgrid td select .ui-jqgrid td textarea{margin:0;}
.ui-jqgrid td textarea{width:auto;height:auto;}
.ui-jqgrid .ui-jqgrid-toppager{border-left:0 none!important;border-right:0 none!important;border-top:0 none!important;margin:0!important;padding:0!important;position:relative;height:25px!important;white-space:nowrap;overflow:hidden;}
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span{display:block;}
.ui-jqgrid .ui-subgrid{margin:0;padding:0;width:100%;}
.ui-jqgrid .ui-subgrid table{table-layout:fixed;}
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td{height:18px;border-right-width:1px;border-right-color:inherit;border-right-style:solid;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid;}
.ui-jqgrid .ui-subgrid td.subgrid-data{border-top:0 none!important;}
.ui-jqgrid .ui-subgrid td.subgrid-cell{border-width:0 0 1px 0;}
.ui-jqgrid .ui-th-subgrid{height:20px;}
.ui-jqgrid .loading{position: absolute; top: 0; left: 0; width: 100%; height: 85%; margin-bottom:24px; background: white url(/images/loading.gif) 50% 56px no-repeat; z-index: 1000; opacity: 0.5; -khtml-opacity: .5; -moz-opacity: .5; -o-opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); text-align: center; padding-top: 90px; font-size: 1em; font-weight: bold; color:#f51;display:none;}
.ui-jqgrid .jqgrid-overlay{display:none;z-index:100;}
* html .jqgrid-overlay{width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px');}
* .jqgrid-overlay iframe{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px');}
.ui-jqgrid .ui-userdata{border-left:0 none;border-right:0 none;height:21px;overflow:hidden;}
.ui-jqdialog{display:none;width:300px;position:absolute;padding:.2em;font-size:11px;overflow:visible;}
.ui-jqdialog .ui-jqdialog-titlebar{padding:.3em .2em;position:relative;}
.ui-jqdialog .ui-jqdialog-title{margin:.1em 0 .2em;}
.ui-jqdialog .ui-jqdialog-titlebar-close{position:absolute;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px;}
.ui-jqdialog .ui-jqdialog-titlebar-close span{display:block;margin:1px;}
.ui-jqdialog .ui-jqdialog-titlebar-close:hover,.ui-jqdialog .ui-jqdialog-titlebar-close:focus{padding:0;}
.ui-jqdialog-content,.ui-jqdialog .ui-jqdialog-content{border:0;padding:.3em .2em;background:none;height:auto;}
.ui-jqdialog .ui-jqconfirm{padding:.4em 1em;border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}
.ui-jqdialog-content .FormGrid{margin:0;}
.ui-jqdialog-content .EditTable{width:100%;margin-bottom:0;}
.ui-jqdialog-content .DelTable{width:100%;margin-bottom:0;}
.EditTable td input,.EditTable td select,.EditTable td textarea{margin:0;}
.EditTable td textarea{width:auto;height:auto;}
.ui-jqdialog-content td.EditButton{text-align:right;border-top:0 none;border-left:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px;}
.ui-jqdialog-content td.navButton{text-align:center;border-left:0 none;border-top:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px;}
.ui-jqdialog-content .CaptionTD{text-align:left;vertical-align:top;border-left:0 none;border-right:0 none;border-bottom:0 none;padding:1px;white-space:nowrap;}
.ui-jqdialog-content .DataTD{padding:1px;border-left:0 none;border-right:0 none;border-bottom:0 none;vertical-align:top;}
.ui-jqdialog-content .form-view-data{white-space:pre;}
.fm-button{display:inline-block;margin:0 4px 0 0;padding:.4em .5em;text-decoration:none!important;cursor:pointer;position:relative;text-align:center;zoom:1;}
.fm-button-icon-left{padding-left:1.9em;}
.fm-button-icon-right{padding-right:1.9em;}
.fm-button-icon-left .ui-icon{right:auto;left:.2em;margin-left:0;position:absolute;top:50%;margin-top:-8px;}
.fm-button-icon-right .ui-icon{left:auto;right:.2em;margin-left:0;position:absolute;top:50%;margin-top:-8px;}
#nData,#pData{float:left;margin:3px;padding:0;width:15px;}
.ui-jqgrid .selected-row,div.ui-jqgrid .selected-row td{font-style:normal;border-left:0 none;}
.ui-jqgrid .tree-wrap{float:left;position:relative;height:18px;white-space:nowrap;overflow:hidden;}
.ui-jqgrid .tree-minus{position:absolute;height:18px;width:18px;overflow:hidden;}
.ui-jqgrid .tree-plus{position:absolute;height:18px;width:18px;overflow:hidden;}
.ui-jqgrid .tree-leaf{position:absolute;height:18px;width:18px;overflow:hidden;}
.ui-jqgrid .treeclick{cursor:pointer;}
.jqmOverlay{background-color:#000;}
* iframe.jqm{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px');}
.ui-jqgrid-dnd tr td{border-right-width:1px;border-right-color:inherit;border-right-style:solid;height:20px;}
.ui-jqgrid .ui-jqgrid-title-rtl{float:right;margin:.1em 0 .2em;}
.ui-jqgrid .ui-jqgrid-hbox-rtl{float:right;padding-left:20px;}
.ui-jqgrid .ui-jqgrid-resize-ltr{float:right;margin:-2px -2px -2px 0;}
.ui-jqgrid .ui-jqgrid-resize-rtl{float:left;margin:-2px 0 -1px -3px;}
.ui-jqgrid .ui-sort-rtl{left:0;}
.ui-jqgrid .tree-wrap-ltr{float:left;}
.ui-jqgrid .tree-wrap-rtl{float:right;}
.ui-jqgrid .ui-ellipsis{text-overflow:ellipsis;-moz-binding:url('ellipsis-xbl.xml#ellipsis');}

.ui-searchFilter{display:none;position:absolute;z-index:770;overflow:visible;}
.ui-searchFilter table{position:relative;margin:0;width:auto;}
.ui-searchFilter table td{margin:0;padding:1px;}
.ui-searchFilter table td input,.ui-searchFilter table td select{margin:.1em;}
.ui-searchFilter .ui-state-default{cursor:pointer;}
.ui-searchFilter .divider{height:1px;}
.ui-searchFilter .divider div{background-color:black;height:1px;}
.ui-jqgrid a {color: #39f; text-decoration: none;}
.ui-jqgrid a:hover {text-decoration: underline;color: #fd5912;}
.ui-jqgrid a.headerToolTip { margin-left:3px; color:inherit; text-decoration:underline; display: none; }

.ui-jqgrid-view {border-left: solid 1px #e0e0e0;border-right: solid 1px #e0e0e0;}
.noRecords { width: 100%;}
.noRecords td { text-align: center; font-size: .8em; font-weight: bold; color: #800; padding: 1em; background-color: #fff0f0; border-bottom: solid 1px #e0e0e0;}

.gridContainer td a {padding: 0 .25em;}

.ui-jqgrid .ui-state-hover, .ui-jqgrid .ui-state-hover td {background-color: #e4f6ff;}
/* row highlght - now disabled */
/* .ui-jqgrid .ui-state-highlight, .ui-jqgrid .ui-state-highlight td {background-color: #fc9;} */
.hasDatepicker {text-align: center; padding: 0; font-size: .8em;}
.ui-datepicker-trigger { cursor: pointer; width: 22px; height: 21px; padding: 0 .25em .1em; margin-right: .5em; vertical-align: middle;}

.ui-jqgrid .ui-pg-table td {font-size: .85em; color: #24a; font-weight: bold;}
.ui-paging-info, #gridPagingTop {color: #666; font-size: .85em;}
#gridPagingTop {float:left; display: none; font-size: .75em; padding-top: .5em; width:100%; }
.ui-jqgrid .ui-pg-table .ui-pg-input {font-size: 1em; text-align: center; padding-top: .25em;}
.ui-icon-seek-first, .ui-icon-seek-prev, .ui-icon-seek-next, .ui-icon-seek-end { width: 24px; height: 24px; }
.ui-icon-seek-first {background-position: 0 -48px;}
.ui-icon-seek-prev {background-position: 0 -72px;}
.ui-icon-seek-next {background-position: 0 -96px;}
.ui-icon-seek-end {background-position: 0 -120px;}
.ui-icon-seek-first:hover {background-position: -24px -48px;}
.ui-icon-seek-prev:hover {background-position: -24px -72px;}
.ui-icon-seek-next:hover {background-position: -24px -96px;}
.ui-icon-seek-end:hover {background-position: -24px -120px;}


.ui-datepicker {background-color: #fff; z-index: 2000 !important; border: solid 1px #39f; font-size: .8em;}


.ui-datepicker-week-col
{
	background:none repeat scroll 0 0 #E7F1FF;
	border-bottom:1px solid #A5BEDF;
	color:#333333 !important;
}

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {  }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { }
.ui-datepicker .ui-datepicker-next-hover {  }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -10px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-datepicker-header .ui-icon {font-size: 0; color: #fff;width: 24px; height: 20px; cursor: pointer;}
.ui-datepicker-prev span {background-position: 4px -75px;}
.ui-datepicker-next span {background-position: -4px -99px;}
.ui-datepicker-prev:hover span {background-position: -20px -75px;}
.ui-datepicker-next:hover span {background-position: -28px  -99px;}

.ui-datepicker td a {color: #333; padding: 2px; border: solid 1px #e0e0e0;}
.ui-datepicker-week-col, .ui-datepicker th { background-color: #e0e0e0; color: #666; }
.ui-datepicker-calendar .ui-state-hover {background-color: #39f;}
.ui-datepicker-calendar .ui-state-highlight {color:#000;background-color: #c0c0c0;}
.ui-datepicker .ui-state-active {color:#fff;background-color: #fd5814;}
.ui-button { line-height: 1.2em; height: 18px; }

#loadingSpinner {
    position:fixed;
    top:25%;
    left:55%;
    margin-left: -200px;
    z-index:10018;
    background:#fff;
    padding:0px 20px;
    border:1px solid #ccc;
    border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; -khtml-border-radius: 1em;
}

#loadingSpinner IMG {
    margin-right:0.5em;
}
.oc-radiogroupex { list-style-type: none; }
.oc-radiogroupex label { cursor: pointer;display: inline;position:relative;margin-left: 0.2em;_top:0.2em;}
.oc-radiogroupex li { line-height: 17px;}
.oc-radiogroupex li input { display: inline; }
li.horrizontal {  float: left; }

/***** Modal window styles *****/
#simplemodal-overlay {
    background: #fff;
    opacity: 0.7 !important;
}

div.simplemodal-container {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    padding: 20px 30px;
    border-radius: 0.5em; -moz-border-radius: 0.5em; -o-border-radius: 0.5em; -khtml-border-radius: 0.5em;
}

div.simplemodal-container h2 {
    margin: 0;
    padding: 0 0 5px 0;
    color: #f51;
    line-height: 1.5em;
    font-size: 1.4em;
    font-weight: normal;
}

div.simplemodal-container A.modalCloseImg {
    top:5px;
    right:5px;
    background:url(../images/buttons/modalclose.gif) no-repeat;
    border:none;
    cursor:pointer;
    position:absolute;
    z-index:3200;
    height:22px;
    width:23px;
    display:inline;
}

DIV.simplemodal-container P.heading {
    background-color:#edf5f8;
    color:#666;
    font-size:1.3em;
    font-weight: bold;
    left:0;
    margin:0;
    padding:7px 5px;
    position:absolute;
    text-align:center;
    top:0;
    width:514px;
}

*+HTML DIV.simplemodal-data {
    padding-bottom:10px;
}
.wait { background: white url(/images/ajax-loader.png) right center no-repeat; }

/* specific for plan summary */
#PlanSummaryGridDiv .ui-jqgrid .ui-jqgrid-htable th { padding: 8px 2px 6px;}
#PlanSummaryGridDiv .ui-jqgrid tr.jqgrow td { padding: 6px 2px;}
#PlanSummarySplitGridDiv { margin-top: 1em;}
#PlanSummarySplitGridDiv .ui-jqgrid .ui-jqgrid-htable th { padding: 8px 2px 6px;}
#PlanSummarySplitGridDiv .ui-jqgrid tr.jqgrow td { padding: 6px 2px;}

#performanceTsrGridDiv .ui-jqgrid .ui-jqgrid-htable th {
    padding: 8px 2px 6px;
}

#performanceTsrGridDiv .ui-jqgrid tr.jqgrow td {
    padding: 6px 2px;
}

#vestingCalculatorGridDiv .ui-jqgrid .ui-jqgrid-htable th {
    padding: 8px 2px 6px;
}

#vestingCalculatorGridDiv .ui-jqgrid tr.jqgrow td {
    padding: 6px 2px;
}

.holdingtop{
    padding-top:10px;
}

.txtControlsPreClearance{ float:left; width:580px;height:150px; margin-top: 0;  }
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #FFF;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #FFF;
  border: solid 1px #CCC;  
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 0;
  font-size: 1.1em;
  font-weight:bold;
  background-color: #F4F3EE;
  color: #217BC0;
}
.cluetip-default #cluetip-title a {
  color: #39F;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #00649B;
  position:absolute;
  top:5px;
  right:0;
  text-decoration:underline;
  font-size:0.9em;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

a.cluetooltip
{
    font-size: 1em; padding: 0; border-bottom: dashed 1px #39f; color: #444;
}

/* Exercise */
.cluetip-exercise {
  background-color: #FFF;
}
.cluetip-exercise #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #FFF;
  border: solid 1px #CCC;  
}
.cluetip-exercise h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 0;
  width: 93%;
  font-size: 1.1em;
  font-weight:bold;
  background-color: #F4F3EE;
  color: #217BC0;
}
.cluetip-exercise #cluetip-title a {
  color: #39F;
  font-size: 0.95em;
}  
.cluetip-exercise #cluetip-inner {
  padding: 10px;
}
.cluetip-exercise div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #00649B;
  position:absolute;
  top:5px;
  right:0;
  text-decoration:underline;
  font-size:0.9em;
}

/* default arrows */

.clue-right-exercise .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-exercise .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-exercise .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-exercise .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
/* Exercise */

/* Securities */
.cluetip-securities {
  background-color: #FFF;
}
.cluetip-securities #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #FFF;
  border: solid 1px #CCC;  
}
.cluetip-securities h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 0;
  width: 93%;
  font-size: 0.8em;
  font-weight:bold;
  color: #39F;
}
.cluetip-securities #cluetip-title a {
  color: #39F;
  font-size: 0.95em;
}  
.cluetip-securities #cluetip-inner {
  padding: 10px;
}
.cluetip-securities div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #00649B;
  position:absolute;
  top:5px;
  right:0;
  text-decoration:underline;
  font-size:0.9em;
}

/* default arrows */

.clue-right-securities .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-securities .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-securities .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-securities .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
/* Securities */

/* EPlan DRP */
.cluetip-eplandrp {
  background-color: #FFF;
}
.cluetip-eplandrp #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #FFF;
  border: solid 1px #CCC;  
}
.cluetip-eplandrp h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 0;
  width: 94%;
  font-size: 1.1em;
  font-weight:bold;
  background-color: #F4F3EE;
  color: #217BC0;
}
.cluetip-eplandrp #cluetip-title a {
  color: #39F;
  font-size: 0.95em;
}  
.cluetip-eplandrp #cluetip-inner {
  padding: 10px;
}
.cluetip-eplandrp div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #00649B;
  position:absolute;
  top:5px;
  right:0;
  text-decoration:underline;
  font-size:0.9em;
}

/* default arrows */

.clue-right-eplandrp .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-eplandrp .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-eplandrp .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-eplandrp .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
/* EPlan DRP */

/***** Fonts *****/
@font-face {
    font-family: 'HelveticaLight';
    src: url('./fonts/HelveticaNeueLTPro-Th.eot');
    src: url('./fonts/HelveticaNeueLTPro-Th.eot#iefix') format('embedded-opentype'),
         url('./fonts/HelveticaNeueLTPro-Th.woff') format('woff'),
         url('./fonts/HelveticaNeueLTPro-Th.ttf') format('truetype'),
         url('./fonts/HelveticaNeueLTPro-Th.svg#HelveticaNeueLTPro-Th') format('svg');

    font-weight:normal;
    font-style:normal;
 }

@font-face {
    font-family: 'HelveticaRoman';
    src: url('./fonts/HelveticaNeueLTPro-Roman.eot');
    src: url('./fonts/HelveticaNeueLTPro-Roman.eot#iefix') format('embedded-opentype'),
         url('./fonts/HelveticaNeueLTPro-Roman.woff') format('woff'),
         url('./fonts/HelveticaNeueLTPro-Roman.ttf') format('truetype'),
         url('./fonts/HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman') format('svg');

    font-weight:normal;
    font-style:normal;
 }

@font-face {
    font-family: 'FontAwesome';
    src: url('./fonts/fontawesome-webfont.eot');
    src: url('./fonts/fontawesome-webfont.eot#iefix') format('embedded-opentype'),
         url('./fonts/fontawesome-webfont.woff') format('woff'),
         url('./fonts/fontawesome-webfont.ttf') format('truetype'),
         url('./fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');

    font-weight:normal;
    font-style:normal;
 }
div#botchatContainer :before { content: none; }
#botchatContainer {position: absolute;right: 335px;}
#BotChatGoesHere {position: fixed;width: 340px;margin: 0 auto;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;bottom: 0;z-index: 100000;height: 450px !important;right: 60px;}
#BotChatGoesHere.maximized {bottom: 0 !important;}
#BotChatGoesHere.minimized { bottom: -405px !important;}

.feedbackDetails { margin: 10px 0 0 0; }

/* reset */
body .wc-app,
.wc-app button,
.wc-app input,
.wc-app textarea { font-family: 'Arial', sans-serif; font-size: 12px; }
.wc-app button {background-color: #0063B1;border: none;border-radius: 2px;color: #fff;cursor: pointer;outline: none;}
.wc-app button:hover {background-color: #fff;color: #f26729;}
.wc-app h1,
.wc-app h2,
.wc-app h3,
.wc-app h4,
.wc-app p,
.wc-app ul,
.wc-app ol { margin: 0; padding: 0; }
.wc-app audio,
.wc-app video { display: block; }

/* docking */
.wc-hidden { visibility: hidden; }
.wc-header {box-sizing: border-box;color: #fff;font-weight: 500;height: 45px; left: auto;letter-spacing: 0.5px;padding: 14px 55px 0 25px;position: absolute;right: 0;top: 0;z-index: 1;border-top-left-radius: 10px;border-top-right-radius: 10px;background: #252d59;text-align: right;}
.wc-header:before {content: url('./images/reggie.png');position: absolute;top: -68px;left: 0px;z-index: 1;}
.wc-header .bold {font-family: 'HelveticaRoman', arial, sans-serif;}
.wc-header span {font-family: 'HelveticaLight', arial, sans-serif;font-size: 16px;}
.sliderTrigger {position: absolute;width: 90%;right: 15px;text-align: right;cursor: pointer;top: 50%;margin-top: -15px;}
.sliderTrigger:after {font-family: fontawesome;font-size: 30px;content: "\f106 ";line-height: normal;}
.maximized .sliderTrigger {}
.maximized .sliderTrigger:after { content: "\f107" !important; font-size: 30px; }
.maximized .wc-header { z-index: 10000; }
.speechBubble {position: absolute;left: 0;top: -150%;background: #f26729;padding: 25px 30px;border-radius: 50%;text-align: left;font-size:24px;font-family: arial, sans-serif;font-weight: bold;display: none;{color}}
.speechBubble span { font-size: 24px; font-family: arial, sans-serif; font-weight: bold; }
.speechBubble:after {content:"";width: 0;height: 0;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #f26729;position: absolute;left: 0;} 

.wc-time { color: #999; margin-bottom: 10px; }
.wc-message-groups {bottom: 80px;left: 0;overflow-x: hidden;position: absolute;right: 0;top: 85px;border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;background:  #fff;z-index:100;}
.wc-console-container {width: 100%;height: 80px;position: absolute;bottom: 0;background: #fff;border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;box-sizing: border-box;}
.wc-console {border: 1px solid #d1d1d1;bottom: 20px;box-sizing: border-box;height: 37px;left: 25px;position: absolute;right: 25px;}

/* views */
.wc-chatview-panel {position: absolute;right: 0;left: 0;top: 0;bottom: 0;}

/* Feddback */
.wc-linkHeader {position: absolute;top: 45px;height: 40px;width: 100%;border-bottom: 1px solid #d1d1d1;border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;background: #fff;box-sizing: border-box;z-index: 1000;}
.wc-linkHeader ul {text-align: left;float: none;display: block;height: auto;margin-top: 7px;margin-left: 10px;font-size: 0;}
.wc-linkHeader li {display: inline-block;float: none;text-align: center;border-top: 1px solid transparent;border-left: 1px solid transparent;border-right: 1px solid transparent;}
.wc-linkHeader li:last-child a { padding: 0 25px 0 0; }
.wc-linkHeader li button.active {font-size: 12px;background-color: transparent;color: #444;font-weight: bold;}
.wc-linkHeader li button {font-size: 12px;background-color: transparent;color: #252d59;font-weight: bold;padding: 10px;line-height: 1;}

.wc-linkHeader li button:hover {color: inherit;background: none;}
.wc-linkHeader a { font-size: 11px; color: #3399ff; padding: 0 10px 0 0; }
.chat-li-active{background-color:white !important;border-left: 1px solid #d1d1d1!important;border-top: 1px solid #d1d1d1!important;border-right: 1px solid #d1d1d1!important;}
.wc-linkHeader .feedback-li-active{background-color:white !important;border-left: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;}
.wc-botFeedbackSelection{text-align:center;top: 85px;position: absolute;border-left: 1px solid #eae9e9;border-right: 1px solid #eae9e9;border-bottom: 1px solid #eae9e9;background:  #fff; bottom: 0;}
.wc-botFeedbackSelection span{font-weight:normal;}

.wc-botFeedbackTextArea { margin: 5px 0 0 0; height: 58px; }
.wc-botFeedbackSelection input[type=radio]{ margin-left: 15px;}
.wc-botFeedbackSelection input[type=radio]:first-child { margin-left: 0; }
.wc-botFeedbackSelection button{font-weight:normal;height:40px;color:white;font-size: 14px;padding: 5px 40px;background-color: #f26729;margin: 15px 0 25px 0;border: 2px solid #f26729;}

button#SubmitFeedback span {
    font-size: 15px;
    font-family: 'HelveticaNeue-Bold';
}
.wc-botFeedbackSelection button:disabled {background-color: lightgray;cursor:not-allowed;}
.padding-10px {padding: 10px;display: block;}
.wc-botFeedbackNote {width: 338px;text-align: center;height: 284px;padding: 30px 0px;}
.wc-botFeedbackNote span{font-weight: bold;font-size: 16px;}

/* messages */
.wc-message-group { display: table; height: 100%; width: 100%; }
.wc-message-group-content { display: table-cell; vertical-align: top; }
.wc-message-group-content .wc-message-wrapper:first-child {margin: 20px 0 10px 0;}
.wc-message-wrapper {animation: animationFrames 2s;animation-iteration-count: 1;clear: both;margin-bottom: 10px;overflow: hidden;/* transition: max-height 2s ease-in-out; */}
.wc-message-content ul { height: auto; margin: 10px 0 0 0; float: none; display: block; }
.wc-message-content ul li { float: none !important; list-style-type: disc; line-height: 1.5em; margin: 0 0 10px 0; }
 @keyframes animationFrames {
 0% {
            /*max-height: 0;*/
            opacity: 0;
}
 20% {
 opacity: 1;
}
 100% {
/*max-height: 2000px;*/
}
}

.wc-message {width: 100%;position: relative;}
.wc-message svg.wc-message-callout { height: 22px; position: absolute; stroke: none; top: 12px; width: 6px; }
.wc-message-content { border-radius: 2px; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); padding: 8px; word-wrap: break-word; }
.wc-message-content.clickable { cursor: pointer; }
.wc-message-content.selected { box-shadow: 0px 1px 1px 0px #ffa333 }
.wc-message-content img { max-height: 320px; max-width: 100%; }
.wc-message-content audio,
.wc-message-content video { max-width: 100%; }
.wc-message-content audio+h1,
.wc-message-content video+h1 { margin-top: 11px; }
.wc-message-from { color: #999; font-size: 11px; margin-top: 5px; }
.wc-message-from-me .wc-message-content:after {content: "Me";position: absolute;top: 50%;right: -25%;padding: 10px 8px;background: #252d59;width: 34px;height: 34px;line-height: normal;box-sizing: border-box;text-align: center;color: #fff;border-radius: 50%;margin-top: -17px;font-weight: normal;}
.wc-message-from-bot .wc-message-content:after {position: absolute;top: 50%;left: -25%;width: 34px;height: 34px;box-sizing: border-box;text-align: center;color: #fff;border-radius: 50%;margin-top: -17px;background-size: 20px;background-position-x: center;background-position-y: center;background-repeat: no-repeat;background-color: #f26729;line-height: 1;font-size: 9px;padding-top: 9px;font-weight: normal;content: "Need Help?";}
.wc-message-from-bot .wc-message-from { padding-left: 20%; }


/* cards */
.wc-card { background-color: #fff; border: 1px solid #d2dde5; font-size: 13px; padding: 8px; }
.wc-card button { background-color: transparent; border: none; color: #3A96DD; height: 42px; width: 100%; padding: 8px; }
.wc-card button:hover { background-color: transparent; color: #0063B1; }
.wc-card h1 { font-size: 15px; font-weight: 700; }
.wc-card h2 { color: #808c95; font-size: inherit; font-weight: normal; margin-bottom: 8px; }
.wc-card p { padding-bottom: 10px; }
.wc-card h1,
.wc-card h2,
.wc-card p { margin-left: 8px; margin-right: 8px; }

/* don't double indent */
.wc-card p h2 { margin-left: 0; }
ul.wc-card-buttons { clear: both; margin:0; }
ul.wc-card-buttons li { list-style-type: none; text-align: center; margin: 0; }
.wc-card.hero img { display: block; margin-bottom: 11px; }
.wc-card.receipt table { border-collapse: collapse; width: 100%; }
.wc-card.receipt th,
.wc-card.receipt td { text-align: right; vertical-align: top; }
.wc-card.receipt th:first-child,
.wc-card.receipt td:first-child { text-align: left; }
.wc-card.receipt th { color: #808c95; font-size: inherit; font-weight: normal; line-height: 1.75; }
.wc-card.receipt thead tr:last-child th { padding-bottom: 16px; }
.wc-card.receipt th[colspan="2"] { color: inherit; font-size: 15px; font-weight: 700; }
.wc-card.receipt td { padding: 4px 8px 0 8px; }
.wc-card.receipt td img { float: left; margin: 5px 8px 8px 0; max-height: 50px; max-width: 50px; }
.wc-card.receipt tbody tr,
.wc-card.receipt tfoot tr { border-top: 1px solid #d2dde5; }
.wc-card.receipt tbody tr:first-child,
.wc-card.receipt tfoot tr:first-child { border-top-width: 2px; }
.wc-card.receipt tfoot td { line-height: 2.25; }
.wc-card.receipt tfoot .total { font-weight: bold; }
.wc-card.thumbnail img { float: right; margin-left: 10px; width: 100px; }
.wc-card.signin h1 { margin: 10px 24px 16px 14px; }

/* list */
.wc-list > .wc-card { margin-top: 0; padding: 0; }
.wc-list > .wc-card:first-child { margin-top: 0; }

/* carousel */
.wc-carousel { position: relative; }
.wc-carousel button.scroll { background-color: #d2dde5; height: 28px; overflow: hidden; padding: 0; position: absolute; top: 50%; width: 28px; }
.wc-carousel button.scroll:disabled { display: none; }
.wc-carousel button.scroll:hover { background-color: #808c95; }
.wc-carousel button.scroll svg { fill: #fff; }
.wc-carousel button.scroll.previous { left: -16px; }
.wc-carousel button.scroll.next { right: -16px; }
.wc-carousel-scroll-outer { /* allow horizontal scrolling but hide the scrollbar */
overflow: hidden; }
.wc-carousel-scroll { /* allow horizontal scrolling but hide the scrollbar */
overflow-x: scroll; overflow-y: hidden; }
.wc-carousel-scroll > ul { margin-left: -4px; white-space: nowrap; }
.wc-carousel-scroll > ul > li { display: inline-block; max-width: 640px; padding: 0 4px; vertical-align: top; white-space: normal; width: 85%; }
.wc-carousel-scroll > ul > li:last-child { padding-right: 0; }
.wc-carousel li p { min-height: 4em; white-space: normal; }
#botchatContainer p span {font-size: 12px;line-height: 1.5em;font-weight: normal;color: #4d4d4f;}

/* from me */
.wc-message-from-me {float: left;padding: 10px 25px;box-sizing: border-box;}
.wc-message-from-me .wc-message-from {text-align: right;padding-right: 20%;}
.wc-message-from-me .wc-message-content {background-color: #e6e8f5;color: #444;box-shadow: none;padding: 15px;border-radius: 10px;max-width: 80%;box-sizing: border-box;position: relative;line-height: normal;}
.wc-message-from-me svg.wc-message-callout path { fill: #3A96DD; }
.wc-message-from-me svg.wc-message-callout path.point-left { display: none; }
.wc-message-from-me svg.wc-message-callout {right: -6px;display: none;}

/* from bot */
.wc-message-from-bot {float: right;box-sizing: border-box;padding: 10px 25px;}
.wc-message-from-bot .wc-message-content {background-color: #f5f5f5;color: #444;box-shadow: none;padding: 15px;border-radius: 10px;max-width: 80%;box-sizing: border-box;position: relative;margin: 0 0 0 auto;}
.wc-message-from-bot svg.wc-message-callout path { fill: #eceff1; }
.wc-message-from-bot svg.wc-message-callout path.point-right { display: none; }
.wc-message-from-bot svg.wc-message-callout {left: -6px;display: none;}

/* console */
.wc-console > * { position: absolute; top: 0; vertical-align: middle; }
.wc-console label { cursor: pointer; display: inline-block; height: 100%; background: #fff; line-height: normal; }
.wc-console svg { fill: transparent; margin: 12px;  }
.wc-console textarea,
.wc-console input[type=text] { border: none; height: 100%; outline: none; padding: 0; resize: none; width: 100%; padding: 9px 12px; box-sizing: border-box; background: transparent; }
.wc-console .wc-upload { display: none; }
.wc-upload input { display: none; }
.wc-textbox { bottom: 0; left: 0; right: 49px; }
.wc-send { right: 0; }
.wc-console .wc-send:after {content:"Send";position: absolute;left: 0;top: 50%;margin-top: -7px;font-size: 12px;font-family: Arial, sans-serif;color: #f26729;width: 100%;text-align: center;font-weight: normal;}
.wc-console.has-text .wc-send svg { fill: transparent; margin: 12px; }

/* animation */
.wc-animate-scroll { left: 0; position: absolute; transition: left .8s ease; }
.wc-animate-scroll-rapid { left: 0; position: absolute; transition: left .4s ease; }
.wc-animate-scroll-near { left: 0; position: absolute; transition: left .5s ease-in-out; }

/* text formats */
.format-markdown>p { margin-bottom: 0px; }
.format-markdown code { white-space: pre-wrap; }
.format-markdown+div { margin-top: 8px; }
.format-markdown ol { padding-left: 30px;  /* numbers are right-aligned to the period */ }
.format-markdown ul { padding-left: 33px; }

/* browser scrollbar customization */
    .wc-app ::-webkit-scrollbar {
 width: 8px;
}
 .wc-app ::-webkit-scrollbar * {
 background-color: transparent;
}
 .wc-app ::-webkit-scrollbar-thumb {
 background-color: #DBDEE1;
}