html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
	font-family: arial !important;
	color: #333; 
	font-size: 1em;
	outline: 0 !important;
}

html, body { 
	height: 100%;
}

body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666666;
	overflow: auto;
    width: 100%;
}

body *[tabindex="0"]:focus, body a:focus, body select:focus, body textarea:focus, body button:focus, body input:focus, body input[type="file"]:focus, body input[type="radio"]:focus, body input[type="checkbox"]:focus, body .popup:focus {
    outline: 2px dotted #333 !important;
    outline-offset: 1px !important;
}

/* FONT SIZES 
----------------------------------
18px = 1.5em
17px = 1.416em
16px = 1.333em
15px = 1.25em
14px = 1.166em
13px = 1.083em
12px = 1em
11px = 0.916em
10px = 0.833em
9px = 0.75em
----------------------------------*/

strong {
    font-weight: bold !important;
}

a {
	text-decoration: none;
}

h1 {
    color: #666666 !important;
    font: 1.5em Arial,Helvetica,sans-serif !important;
}

h2 {
    color: #666666 !important;
    font: bold 1.5em Arial,Helvetica,sans-serif !important;
}

h3 {
    font-weight: bold;
}

/* Start: Accessibility/Read by 
Screen Reader only
----------------------------------*/

h1.accessibilityTitle {
    position: absolute !important;
    z-index: -1000 !important;
    top: auto !important;
    height: 1px !important;
    width: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
}


.accessibilityHideText {
    position: absolute !important;
    z-index: -1000 !important;
    top: auto !important;
    height: 1px !important;
    width: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
}

/* End: Accessibility/Read by 
Screen Reader only
----------------------------------*/

p {
	font-family: arial !important;
	font-size: 1em;
	color: #333; 
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

p.emphasis {
	font-weight: bold;
}

div.calloutError, p.calloutError {
	font-weight: normal;
	color: #b02419;
	font-size: 0.916em !important;
	margin: 4px 0 !important;
    padding: 3px 0;
}

.register p.calloutError {
    padding: 0px !important;
}

p.tipItem {
    margin-bottom: 6px;
	line-height: 14px;
}

#passwordRequirements p {
    margin: 0 !important;
}

.passwordExpiryPanel p {
    margin-bottom: 10px;
}

.password p, .register p, .forgotPass p, .forgotPassOrgUserError p, .onlyTwoQuestionsErrorContainer p {
    margin: 5px 0 !important;
    font-size: 1em;
    font-weight: normal;
    line-height: 15px;
}

*, form {
	padding:0;
	margin:0;
}

input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/* Start: HEADER 
----------------------------------*/

.header {
	height:84px;
    margin-bottom: 10px;
    background: #341C10 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#512E18', endColorstr='#341C10', gradientType='1') !important;                                                
    background: -webkit-gradient(linear, left , right, from(#512E18), to(#341C10)) !important;
    background: -moz-linear-gradient(left,  #512E18,  #341C10) !important;
    background: linear-gradient(to right,  #512E18,  #341C10) !important;
    min-width: 1100px;
    width: 100%;
	
}

#index .header {
    min-width: 1000px !important;
}

.header .jpmLogo {
	display: inline-block;
	float: left;
	margin-left: 28px;
	margin-top: 28px;
	background-image: url('../images/PN_logo_R.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	border: none;
	height: 40px;
	width: 375px;
}

.header .jpmComCard {
    color: #FFFFFF;
    display: inline-block;
    float: right;
    font: bold 1.416em arial !important;
    margin-right: 28px;
    margin-top: 31px;
}

.headerText {
    font-weight: bold;
}

.pageHeader {
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafafa 0%, #cfcfcf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
	background-image: -webkit-linear-gradient(top, #fafafa 0%, #cfcfcf 100%); /* Webkit (Chrome 11+) */ 
	background: -o-linear-gradient(top,  #fafafa 0%,#cfcfcf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 0%,#cfcfcf 100%); /* IE10+ */
	background: linear-gradient(top,  #fafafa 0%,#cfcfcf 100%); /* W3C */
	background-image: linear-gradient(to bottom, #fafafa 0%,#cfcfcf 100%); /* IE10 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
    vertical-align: middle;
	min-width: 1100px;
    width: 100%;
	height: 50px;
	padding-top: 5px !important;
	margin: 10px 0px;		
	border-bottom: 1px solid #B0B0B0;
    border-top: 1px solid #B0B0B0;
}

.pageHeader h1 {
	font-weight: bold;
    margin: 11px 0 0 27px;
}

/* End: HEADER 
----------------------------------*/


.content {
	margin: 0 auto;
    min-width: 0 !important;
    overflow: auto;
    padding-top: 11px;
    width: 1084px;
}

.content a {
	color: #336699;
}

.content .formattedLink + .formattedLink {
	margin-top: 9px;
}

#index .content {
    margin: 0 auto;
    min-width: 0 !important;
    width: 988px !important;
}

#firstTimeFlowChangePassword .content, #firstTimeFlowSetSecurityQuestions .content, #firstTimeFlowPostMFASetSecurityQuestions .content, #firstTimeFlowConfirmation .content, #firstTimeFlowRegisterDevice .content, #firstTimeFlowSetupComplete .content, #setNewSecurityQuestions .content, #updateNewSecurityQuestions .content{ 
    width: 1084px !important;
}

.centerWrap {
    position: relative;
    margin: 0 auto;
    width: 1097px;
}

#index .centerWrap {
    margin: 0 auto !important;
    position: relative !important;
    width: 1000px !important;
}

.formattedLink a {
    color: #336699;
    display: block;
    font-weight: bold;
    margin-left: 18px;
}

.rightPanelone .columnContent .formattedLink {
    margin: 0 0 6px;
}

.content .linkIcon, .iFrame .linkIcon, .rightPanelone .linkIcon, .rightPaneltwo .linkIcon {
	background-image: url('../images/logon_sprite.png');
	background-repeat: no-repeat;
	background-position: -20px -37px;
	border: none;
	height: 9px;
	width: 9px;
    float: left;
	display: inline;
	margin-top: 3px; 
	*vertical-align: top; /* IE7 */
}

.serviceLinkIcon {
	background-image: url('../images/logon_sprite.png');
	background-repeat: no-repeat;
	background-position: -140px -37px;
	border: none;
	height: 12px;
	width: 10px;
	float: left;
	display: inline;
	margin-top: 0px;
	*vertical-align: top; /* IE7 */
}

.content .column, .content .twoColumns {
	margin-left:22px;
	background-color: #ffffff;
	min-height:418px;
	border: 1px solid #cccccc;
	font-size: 1em;
	float: left;
}

.content .leftWindow {
    width: 717px !important;
	min-height: 418px;
}

.content .column:first-child + .column {
	border: none;
	background-color: transparent;
}

.column .resourcePanel, .column .rightSidePanels {
	display:block;
	width:300px;
	min-height: 111px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.column .clientResources {
	margin-top: 0px;
	background-position: 0 -213px;
	height: 13px;
}

.content .column.activation {
    margin-left: -15px !important;
}

.column .panelTitle {
	height: 15px;
}

.content .twoColumns {
	min-height: inherit;
	*min-height: 20px; /* IE7 */
	vertical-align: top;
	overflow: visible;
	border: none;
	padding-bottom: 22px;
}

.content.secondary {
	background-color: #ffffff;
	width: 717px;
	min-width: inherit;
	*min-width: 717px; /* IE7 */
	border: 1px solid #cccccc;
	float: left;
	margin-right: 20px;
}

.content.secondary .column {
	border:none;
}

.content .linkIcon + span, .iFrame .linkIcon + span, .rightPanelone .linkIcon + span, .rightPaneltwo .linkIcon + span {
	display: inline-block;
	padding-left: 8px;
	color: #336699;
	font-weight: bold;
}

.content .bookmarkIcon {
    background-image: url("../images/logon_sprite.png");
    background-position: 0 -38px;
    background-repeat: no-repeat;
    display: inline-block;
	border: none;
    float: left;
    height: 17px;
    padding-right: 2px;
    width: 17px;
	*vertical-align: top; /* IE7 */
	*margin-top: 3px; /* IE7 */
}

.logonPanel .columnContent:first-child, .passwordExpiryPanel .columnContent:first-child {
    padding-bottom: 31px !important;
}

.passwordExpiryPanel .columnContent {
    width: 466px !important;
}

.column .passwordExpiry {
    margin-bottom: 40px;
    margin-top: 94px;
    vertical-align: bottom;
    font-size: 0.916em !important;
}

.currentPassword {
    margin-bottom: -15px;
}

#passwordExpiryChange .content .twoColumnsWrapper {
       margin: 10px 10px 20px 0;
}

#passwordErrorsCurrentPassword.error-callout {
    margin-top: -210px !important;
    padding-bottom: 10px !important;
}

#passwordErrorsNewPassword2.error-callout {
	margin-top: -125px !important;
}


#passwordExpiryReminder .column {
    margin: 110px 0 119px 252px;
    min-height: 194px;
    width: 510px;
}

.content .bookmark {
    color: #336699;
    font-weight: bold;
    text-decoration: none;
	float: right !important;
	padding-top: 5px;
}

.resourcesColumn .formattedLink, .attentionColumn .formattedLink {
	margin-top: 0px;
}

.column .password {
    margin-bottom: 40px;
    margin-top: 22px;
    vertical-align: bottom;
	font-size: 0.916em !important;
}

.column .register {
    margin-top: 26px;
    vertical-align: top;
	float: right;
}

.column .forgotPass {
    margin-top: 27px;
    vertical-align: top;
	font-size: 0.916em !important;
}

.pageTitle .passwordSetup {
	color: #333333;
    display: inline-block;
    font: bold 1.166em Arial,Helvetica,sans-serif;
    width: 117px;
}

.pageTitle .subTitle {
	color: #666666;
    display: inline-block;
    font: bold 1.166em Arial,Helvetica,sans-serif;
    width: 126px;
}

.pageTitle .subTitleActivation {
	color: #666666;
    display: inline-block;
    font: bold 1.166em Arial,Helvetica,sans-serif;
    width: 153px;
}

.accessCodeButton {
    float: left;
    left: -70px;
    position: relative;
	*position: static !important;  /* for ieE7 */
    top: 25px;
}

#accessCodeLinkDiv p {
    margin-top: 5px;
}

a.linkAccess {
    text-decoration: underline;
	color: #336699 !important;
}

.emailContainer { 
    margin-top: 10px;
    margin-left: 20px;
}

.smallPanel .columnContent:first-child, .messagesPanel .columnContent:first-child, .logonPanel .columnContent:first-child, .rightPanelone .columnContent:first-child, .rightPaneltwo .columnContent:first-child, .passwordExpiryPanel .columnContent:first-child {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 16px;
}

.column .smallPanel, .column .rightPanelone, .column .rightPaneltwo {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    min-height: 130px;
	margin-bottom: 15px;
}

.column .smallPanel {
    min-height: 418px;
}

.column .rightPaneltwo {
	margin-bottom: 0px !important;
	min-height: 180px !important;
}

.content .rightPaneltwo a {
    color: #666666 !important;
    font-weight: bold;
}

.column .columnContent, .twoColumns .columnContent {
	width: 254px;
	padding: 14px 22px 0 22px;
}

.step2CreatePwd .column .columnContent {
    padding-top: 0px !important;
}

.twoColumnsWrapper .columnContent {
    padding-left: 0;
    padding-right: 0;	
    width: 280px;
}

#forgotPasswordSecurityQuestions .twoColumnsWrapper .columnContent {
    width: 320px !important;
}

#firstTimeFlowRegisterDevice .twoColumnsWrapper .columnContentRegister {
    margin-left: -15px !important;
}

.twoColumnsWrapper .columnContentRegister {
    float: left;
    margin-left: -18px !important;
    padding-top: 10px !important;
    width: 290px !important;
}

/* Start: Register My Computer Checkbox 
----------------------------------*/
.registerMyComputer input[type="checkbox"], #changePasswordForm .registerMyComputer input[type="checkbox"] {
    float: left;
    margin-right: 4px;
    position: relative;
    top: 2px;
}

#changePasswordForm .registerMyComputer input[type="checkbox"] {
    top: 20px !important;
}

.registerMyComputer #registerMyComputerLabel {
    position: relative;
}

.registerMyComputer #registerMyComputerText {
    font-weight: normal;
    margin: 0 0 0 17px !important;
}

.registerMyComputer p {
    margin-left: -20px !important;
}

.registerMyComputer {
    margin-left: 20px;
}

#changePasswordForm .registerMyComputer {
    margin-left: 0px !important;
}

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

/* End: Register My Computer Checkbox 
----------------------------------*/

.content .twoColumnsWrapper {
	float: left;
	background-color: #ffffff;
	margin: 10px 10px 0 0;
}

#credentialRecovery .content .twoColumnsWrapper {
    margin: 10px 0 0 !important;
    width: 717px !important;
}

.content .twoColumnsWrapper p {
	 margin-left: 22px;
}

#userFeedback {
    float: left;
	width: 709px;
	margin-top: 20px;
}

#userFeedback p {
    margin: 0px 0px 10px 20px;
}

#userFeedback .buttonAccess {
    margin: 10px 0px 0px 20px;
}

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

.clearfix {
    display: block;
}

.orgUserIds {
    margin-left: 20px;
}

.orgUserIds .orgId, .orgUserIds .userId, .orgUserIds .emailAddress {
    float: left;
    font-weight: bold;
    width: 100px;
}

.orgUserIds .orgIdValue, .orgUserIds .userIdValue, .orgUserIds .emailAddressValue {
    margin-bottom: 10px;
    width: 100px;
}

.marginBottomTenPixel{
	margin-bottom: 10px;
}

.column .resourceImage {
	display: block;
	width: 300px;
	height: 137px;
	margin-top: 14px;
	border: none;
}

.twoColumnsWrapper .column {
	min-height: inherit;
	*min-height: 20px; /* IE7 */
	vertical-align: top;
	padding-left: 15px;
	border: none !important;
}

#forgotPasswordSecurityQuestions .twoColumnsWrapper .column, #forgotPassword .twoColumnsWrapper .column, #selfReg .twoColumnsWrapper .column, #forcedChangePassword .twoColumnsWrapper .column, #credentialRecovery .twoColumnsWrapper .column {
    padding-left: 0 !important;
}

.step1CreatePwd .column, .step2CreatePwd .column, .step3CreatePwd .column {
	padding-left: 0px !important;

}

.twoColumnsWrapper .twoColumns .columnContent {
	width: 615px;
	padding: 15px 22px 0px 0px;
}

#firstTimeFlowSetSecurityQuestions .twoColumnsWrapper .twoColumns .columnContent {
    padding: 0px !important;
}

.twoColumnsWrapper .twoColumns .columnContent p {
    margin: 10px 0px;
}

.twoColumnsWrapper .twoColumns .columnContent ul {
    margin: 10px 12px;
}

.columnContent ul li.tipItem {
    margin: 0 0 10px 12px;
}

.twoColumnsWrapper form .errorMsg:first-child {
	margin-top: 0px;
}

.errorMsg.textAbove,
.twoColumnsWrapper form .errorMsg.textAbove {
	margin-top: 11px;
}

.columnFooter {
	background-color: #D2D2D2;
    height: 32px;
    margin-left: -22px;
    margin-right: -22px;
    margin-top: 19px;
    padding-right: 12px;
    padding-top: 11px;
    text-align: right;
    vertical-align: bottom;
}

.ie10 .columnFooter {
    margin-top: 21px !important;
}

.ie9 .columnFooter {
    margin-top: 22px !important;
}

.msie9 .contentFooter {
     margin-top: 36px !important;
}

#passwordExpiryReminder .contentFooter {
    margin-top: 77px !important;
}

.contentFooter {
	clear: both;
	margin-top: 375px !important;
	*margin-top: 275px !important;  /* for ieE7 */
}

.contentFooter {
	height: 32px;
	background-color: #d2d2d2;
	vertical-align: bottom;
	text-align: right;
	padding-top:11px;
}

.columnFooter input[type="button"], .contentFooter input[type="button"] {
	height: 23px;
	font-weight: bold;
	color: #275379;
	background-color: #eeeeee;
	padding-left: 20px;
	*padding-left: 10px;
	padding-right: 20px;
	*padding-right: 10px;
}

.columnFooter input[type="button"]:hover, .contentFooter input[type="button"]:hover {
	color: #2e8ddf;
}

.advanceButton {
    text-align: right;
	padding-right: 11px;
}

.advanceButtonComplete, .changeRegister, .changeActivation {
    text-align: left;
    padding-left: 298px !important;
}

.columnFooter input[type="button"], .contentFooter input[type="button"] {
	height: 23px;
	font-weight: bold;
	color: #336699;
	background-color: #eeeeee;
	padding-left: 20px;
	*padding-left: 10px;
	padding-right: 20px;
	*padding-right: 10px;
}

.columnFooter input[type="button"]:hover, .contentFooter input[type="button"]:hover {
	color: #2e8ddf;
}

.messages {
    color: #666666;
    font-weight: bold;
	font-size: 1em;
    text-decoration: none;
	width: 266px;
}

.register .callout {
	margin: 0px 0px 0px -27px !important;
    padding: 0px 20px !important;
	width: 305px !important;
}

.register.error-callout {
    left: -104px !important;
}

.register .callout .calloutErrorImg {
    margin-bottom: 22px !important;
}

.callout {
    margin: 5px 0;
    padding: 18px 20px;
    background-color: #f2f2f2;
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	float: right;
	position: relative;
	left: 40px;
	width: 288px;
}

.callout .point {
    position: absolute;
    left: -10px;
    top: 12px;
    margin: 0;
    border-top: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #f2f2f2;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

#passwordErrorsNewPassword.callout .point, #passwordErrorsConfirmPassword.callout .point, #emailCallout.callout .point, #emailCallout.callout .point {
    top: 10px !important;
}

.callout .calloutErrorImg {
    background-image: url("../images/logon_sprite.png");
    background-position: -55px -36px;
    background-repeat: no-repeat;
    border: medium none;
    display: block;
    float: left;
    height: 19px;
    margin-left: -10px;
    margin-right: 8px;
    margin-top: 3px;
    width: 23px;
}

#confirmEmailCallout.callout .calloutErrorImg {
    margin: 0px 8px 0px -10px !important;
}

.error-callout {
    float: right;
    left: 358px;
    margin-top: -37px;
    position: relative;
}

.credentialRecoveryEmailInvalidError.error-callout {
    margin-top: -180px !important;
	left: 20px !important;
}

#selfReg .credentialRecoveryEmailInvalidError.error-callout {
    margin-top: -235px !important;
}

.forgotPassOrgUserError.error-callout {
    top: -173px !important;
}

.forgotPassOrgUserError .calloutErrorImg {
    margin-bottom: 10px !important;
}

#passwordErrorsNewPassword.error-callout {
    margin-top: -121px !important;
    padding-bottom: 10px !important;
}

#emailCallout.error-callout {
    margin-top: -117px !important;
    padding-bottom: 10px !important;
}

#passwordErrorsConfirmPassword.error-callout {
	margin-top: -35px !important;	
	padding-bottom: 10px !important;
}

#passwordErrorsNewPassword .calloutErrorImg, #passwordErrorsConfirmPassword .calloutErrorImg, .securityQuestionsErrorContainer .calloutErrorImg, .credentialRecoveryEmailInvalidError .calloutErrorImg, .credentialRecoveryUserInvalidError .calloutErrorImg, #emailCallout .calloutErrorImg, #emailAddressCallout .calloutErrorImg {
    margin-top: -2px !important;
}

#createUserForm #passwordErrorsNewPassword.error-callout {
    top: 86px !important;
}

#createUserForm #passwordErrorsNewPassword.suggestedID {
    top: -4px !important;
}

.error-message {
	color: #b02419;
}

li.verified {
    list-style-type: none !important;
    margin-left: -37px !important;
    padding-left: 37px !important;
	list-style-image: none !important;
	line-height: 28px !important;
}

li.verified .verifiedImg {
    background-image: url("../images/logon_sprite.png");
    background-position: -31px -35px;
    background-repeat: no-repeat;
    border: medium none;
    display: block;
    float: left;
    height: 19px;
    margin-left: -31px;
    margin-right: 8px;
    margin-top: 3px;
    width: 23px;
}

li.unverified .unverifiedImg {
    background-image: url("../images/logon_sprite.png");
    background-position: 25px -36px;
    background-repeat: no-repeat;
    border: medium none;
    display: block;
    float: left;
    height: 19px;
    margin-left: -31px;
    margin-right: 8px;
    margin-top: 3px;
    width: 23px;
}

.password li.verified {
    line-height: 28px !important;
}

.border-callout { 
	border: 1px solid #999999; 
	padding: 5px 20px; 
}

.password .border-callout {
    padding: 10px 20px !important;
}

.border-callout .border-point { 
	border-right-color: #999999; 
	left: -11px; 
}

.radioPair, .checkboxPair {
	margin-top: 19px;
}

.formPair label, .createPwd label, .securityQuestions label, .registerComputer label, .forgotPasswordSecurityQuestions label {
	display: inline-block;
	color: #666666;
	font-weight: bold;
	font-size: 1em;
	padding-right: 5px;
	margin-top: 19px;
}

.forgotPasswordSecurityQuestions {
    height: 260px;
    position: relative;
}

.forgotPasswordSecurityQuestions label, .securityQuestions label {
    line-height: 50px !important;
}

.labelDisabled {
    opacity: 0.5;
}

.securityQuestions label {
	font-size: 1em !important;
	width: 320px !important;
	margin-top: 10px !important;
}

#setSecurityQuestionsForm .answerConfirmation {
    line-height: 10px !important;
    margin-top: -12px !important;
}

#setSecurityQuestionsForm .notAnswered {
    font-style: italic;
}

.columnContentRegister .radioPair label {
    color: #333333;
    display: inline;
    font-size: 1em;
    font-weight: bold;
}

.forgotPasswordSecurityQuestions .checkboxOverlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url('../images/pix.gif');
}

/* Start: Forgot Your Org & Usr ID 
----------------------------------*/
.accountData p.emphasis {
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    margin: 25px 0 0 !important;
}

.accountData label {
    margin-top: 10px !important;
    font-weight: normal !important;
}

#accountNumberContainer label {
    display: block;
}

.dataPair input[type="radio"] {
    position: relative;
    top: 3px !important;
}

#accountNumberContainer input, #businessPhoneNumberContainer input {
    display: inline;
    margin-right: 3px;
    padding: 6px !important;
    text-align: center;
    width: 40px;
}

#selfReg #accountNumberContainer input, #selfReg #businessPhoneNumberContainer input {
    margin-right: 0px !important;
}

.getPassword p {
    margin-bottom: 10px !important;
}

#governmentIdentificationNumber {
    display: inline;
	padding: 6px !important;
    text-align: center;
    width: 40px !important;
}

#governmentIdentificationNumberContainer {
    margin-left: 2px;
}

/* End: Forgot Your Org & Usr ID 
----------------------------------*/

.formLink1 a, .formLink2 a {
    color: #336699;
    font-weight: bold;
}

.formLink1 {
	margin: 14px 0 9px;
}
	
.formPair .remOrgId, .createPwd .remOrgId, .securityQuestions .remOrgId, .registerComputer .remOrgId {
    margin-top: -12px;
}

.remOrgId input[type="checkbox"], .showPass input[type="checkbox"], .forgotPasswordSecurityQuestions .checkboxWrapper, .radioPair input[type="radio"] {
    position: relative;
    top: 1px !important;
}

.checkboxWrapper {
    display: inline-block !important;   
}

.formPair .caseSensitive, .createPwd .caseSensitive, .securityQuestions .caseSensitive, .registerComputer .caseSensitive {
    margin-top: -17px;
}

.formPair .showPass, .createPwd .showPass, .securityQuestions .showPass, .registerComputer .showPass {
    margin-top: -28px;
}

.formPair .showPass {
    float: left !important;
}

.formPair .confirmPassword label {
    text-align: left;
    margin-right: 66px !important;
}

.requiredFieldExplanation .required {
	margin-left: 0px;
}

.requiredFieldExplanation {
	margin: 1px 0 11px;
}

.formPair input[type="text"], .formPair input[type="password"], .radioPair input[type="text"], .radioPair input[type="password"], .createPwd input[type="text"], .createPwd input[type="password"], .securityQuestions input[type="text"], .securityQuestions input[type="password"], .registerComputer input[type="text"], .registerComputer input[type="password"] {
	margin-top: 3px;
	background-image: url('../images/logon_sprite.png');
	background-repeat: repeat-x;
	background-position: 0 -168px;
	border: none;
	height: 14px;
	padding: 6px 2px 9px;
	border: 1px solid #cccccc;
	width: 180px;
	display: block;
}

#setSecurityQuestionsForm input[type="text"], #setSecurityQuestionsForm input[type="password"] {
    margin: -16px 0 -8px !important;
    width: 278px !important;
}

.columnContentRegister p {
    margin-left: 23px !important;
}

.columnContentRegister p.emphasis {
    font-size: 1em;
	font-weight: bold;
    margin: 0px !important;
}

.columnContentRegister .radioPair {
    margin-top: 6px !important;
}

.twoColumnsWrapper .formPair input[type="text"], .twoColumnsWrapper .formPair input[type="password"], .twoColumnsWrapper .radioPair input[type="text"], .twoColumnsWrapper .radioPair input[type="password"], .twoColumnsWrapper .createPwd input[type="password"], .twoColumnsWrapper .securityQuestions input[type="password"], .twoColumnsWrapper .registerComputer input[type="password"] {
	width: 250px;
}

.twoColumnsWrapper .forgotPasswordSecurityQuestions input[type="text"] {
    height: 13px !important;
    margin: -16px 0 -8px 16px !important;
    padding: 4px 2px 5px !important;
}

.formPair .additionaltext, .requiredFieldExplanation .additionaltext {
	color: #333333;    
	font-weight: bold;
    font-size: 1em;
}

.formPair label .lighter {
	color: #666666;
}

.formPair a ,
.formPair .additionaltext {
	font-size: 1em;
}

.formPair input + a {
	display: inline-block;
	margin-top: 3px;
}

.formPair label + .a, .formPair label + .required + a {
	float: right;
	padding-right: 50px;
}

.radioPair input[type="radio"], .checkboxPair input[type="checkbox"] {
	float: left;
	clear: left;
	display: inline-block;
	margin-top: 3px;
	margin-right: 10px;
}

.columnContentRegister .radioPair input[type="radio"] {
	margin-top: 1px !important;
}

.checkboxPair input[type="checkbox"] {
	margin-right: 5px;
}

.radioPair input[type="radio"] + span, .checkboxPair input[type="checkbox"] + span {
	float: left;
	display: inline-block;
	width: 580px; /* two column default */
}

.column .radioPair input[type="radio"] + span, .column .checkboxPair input[type="checkbox"] + span {
	width: 270px;
}

.errorMessage {
	margin: 11px 0px 10px;
	display: block;
}

.errorMessage .label, .attentionMsgHeader {
	display: block;
	color: #aa2222;
	font-weight: bold;
}

.errorMessage .errorText {
	display: block;
	color: #aa2222;
}

.errorMessage + .formPair.noTopMargin {
	margin-top: 19px;
}

.twoColumnsWrapper form .errorMessage:first-child {
	margin-top: 0px;
}

.errorMessage.textAbove, .twoColumnsWrapper form .errorMessage.textAbove {
	margin-top: 11px;
}

.attentionMsgHeader, .content #logon .attentionMsgHeader {
	margin-top: 19px;
}

.broadcastBody .attention {
	color: #aa2222;
}

.columnContent .attentionMsgHeader:first-child {
	margin-top: 0px;
}

ul.indentInside {
	margin-left: 28px;
	display: inline-block;
}

ul.indentInside li {
	padding-top:3px;
	font-size: 0.916em;
	font-size: 1em;
}

.forgotPassOrgUserError ul.indentInside li, .onlyTwoQuestionsErrorContainer ul.indentInside li, .noMatchErrorContainer ul.indentInside li {
    padding-top: 0px !important;
}

#confirmEmailCallout ul.indentInside li {
    padding: 7px 0px !important;
}

.securityQuestionsErrorContainer.error-callout {
    float: right;
    left: 338px !important;
    margin-top: -26px !important;
    position: absolute;
}

.noMatchErrorContainer.error-callout, .onlyTwoQuestionsWithoutBeak.error-callout {
    margin-top: 0px !important;
    position: absolute !important;
    left: 350px !important;
}

.onlyTwoQuestionsErrorContainer.error-callout {
    margin-top: 23px !important;
    position: absolute !important;
    left: 350px !important;
}

.noMatchErrorContainer {
	top: -230px;
}

.onlyTwoQuestionsWithoutBeak {
	top: -165px;
}

.onlyTwoQuestionsErrorContainer ul, .noMatchErrorContainer ul {
    margin: 0px 0px 0px 26px !important;
}

.securityQuestionsErrorContainer .calloutErrorImg, .credentialRecoveryEmailInvalidError .calloutErrorImg {
    padding-bottom: 7px;
}

.credentialRecoveryUserInvalidError .calloutErrorImg {
    padding-bottom: 20px;
}

.twoColumnsWrapper .twoColumns .columnContent .securityQuestionsErrorContainer ul {
    margin: 0px 26px !important;
}

.middleDivider {
    border-bottom: 1px solid #CCCCCC !important;
    margin: 12px 4px 12px 12px;
    white-space: nowrap;
}

.bottomDivider {
    border-bottom: 1px solid #999999 !important;
    font-weight: bold;
    margin: 12px 0px;
    white-space: nowrap;
}


/***************************************
 * START Button specific classes
 */
 
 .content .button,  .content .buttonAccess {
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	color: #336699;
	cursor: pointer;
	font-weight: bold;
	padding: 1px 20px 2px 20px;
	text-decoration: none;
	white-space: nowrap;
 	display: inline-block;
	margin-right: 8px;
}

p .buttonAccess {
    margin: 20px 0 5px;
}
	
.content .button:hover,  .content .buttonAccess:hover {
	color: #2e8ddf;
}

.content .button:active,  .content .buttonAccess:active  {
	position:relative;
	top:1px;
	left:1px;
	color: #1d3f5c;
}
	
.content .columnFooter .button, .content .advanceButton .button, .content .advanceButtonComplete .button, .content .changeRegister .button, .content .changeActivation .button, .content .setSecurityQuestions .button, .content .forgotPassword .button {
	-moz-box-shadow: inset -1px 10px 1px -1px #ffffff;
	-webkit-box-shadow: inset -1px 10px 1px -1px #ffffff;
	box-shadow: inset -1px 10px 1px -1px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cfcfcf), color-stop(1, #dfdfdf) );
	background-image: -webkit-linear-gradient(top, #cfcfcf 5%, #dfdfdf 100%); /* Webkit (Chrome 11+) */ 
	background: -moz-linear-gradient( center top, #cfcfcf 5%, #dfdfdf 100% );
	background-image: linear-gradient(to bottom, #cfcfcf 5%, #dfdfdf 100%); /* IE10 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c8c7c7');
	background-color: #ffffff;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	border: 1px solid #999999;
	display: inline-block;
	color: #336699 !important;
	font-family: arial;
	font-size: 1em;
	font-weight: bold;
	padding: 3px 15px;
	text-decoration: none;
	text-shadow: 0px 0px 0px #ffffff;
	margin-right: 8px;
	white-space: nowrap;
	cursor: pointer;
}
	
.content .columnFooter .button:hover, .content .advanceButton .button:hover, .content .advanceButtonComplete .button:hover, .content .changeRegister .button:hover, .content .changeActivation .button:hover, .content .setSecurityQuestions .button:hover, .content .forgotPassword .button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cfcfcf), color-stop(1, #dfdfdf) );
	background-image: -webkit-linear-gradient(top, #cfcfcf 5%, #dfdfdf 100%); /* Webkit (Chrome 11+) */ 
	background: -moz-linear-gradient( center top, #cfcfcf 5%, #dfdfdf 100% );
	background-image: linear-gradient(to bottom, #cfcfcf 5%, #dfdfdf 100%); /* IE10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c7c7');
	background-color: #ffffff;
	color: #2e8ddf;
}

.content .columnFooter .buttonDisabled:hover, .content .advanceButton .buttonDisabled:hover, .content .advanceButtonComplete .buttonDisabled:hover, .content .changeRegister .buttonDisabled:hover, .content .changeActivation .buttonDisabled:hover, .content .setSecurityQuestions .buttonDisabled:hover, .content .forgotPassword .buttonDisabled:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cfcfcf), color-stop(1, #dfdfdf) );
	background-image: -webkit-linear-gradient(top, #cfcfcf 5%, #dfdfdf 100%); /* Webkit (Chrome 11+) */ 
	background: -moz-linear-gradient( center top, #cfcfcf 5%, #dfdfdf 100% );
	background-image: linear-gradient(to bottom, #cfcfcf 5%, #dfdfdf 100%); /* IE10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c7c7');
	background-color: #ffffff;
}

.content .columnFooter .button:active, .content .advanceButton .button:active, .content .advanceButtonComplete .button:active, .content .changeRegister .button:active, .content .changeActivation .button:active, .content .setSecurityQuestions .button:active, .content .forgotPassword .button:active {
	position: relative;
	top: 1px;
	left: 1px;
	color: #999999 !important;
}
	
.content .columnFooter .buttonDisabled, .content .advanceButton .buttonDisabled, .content .advanceButtonComplete .buttonDisabled, .content .changeRegister .buttonDisabled, .content .changeActivation .buttonDisabled, .content .setSecurityQuestions .buttonDisabled, .content .forgotPassword .buttonDisabled {
	color: #999999 !important;
	cursor: default !important;
    pointer-events: none;
}

.content .columnFooter .buttonDisabled:hover, .content .advanceButton .buttonDisabled:hover, .content .advanceButtonComplete .buttonDisabled:hover, .content .changeRegister .buttonDisabled:hover, .content .changeActivation .buttonDisabled:hover, .content .setSecurityQuestions .buttonDisabled:hover, .content .forgotPassword .buttonDisabled:hover {
	color: #999999 !important;
}

.content .columnFooter .buttonDisabled:active, .content .advanceButton .buttonDisabled:active, .content .advanceButtonComplete .buttonDisabled:active, .content .changeRegister .buttonDisabled:active, .content .changeActivation .buttonDisabled:active, .content .setSecurityQuestions .buttonDisabled:active, .content .forgotPassword .buttonDisabled:active {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	color: #999999 !important;
}

.content .columnFooter .button, .content .advanceButton .button, .content .advanceButtonComplete .button, .content .changeRegister .button, .content .changeActivation .button, .content .setSecurityQuestions .button, .content .forgotPassword .button {
	border: 1px solid #999999;
	background-color: #eeeeee;
	color: #336699;
	cursor: pointer;
	font-weight: bold;
	font-size: 1em !important;
	padding: 1px 20px 2px 20px;
	text-decoration: none;
	white-space: nowrap;
 	display: inline-block;
	margin-right: 8px;
}

.content .passwordExpiryPanel .button {
    padding-top: 3px !important;
}
	
.content .columnFooter .button:hover, .content .advanceButton .button:hover, .content .advanceButtonComplete .button:hover, .content .changeRegister .button:hover, .content .changeActivation .button:hover, .content .setSecurityQuestions .button:hover, .content .forgotPassword .button:hover {
	color: #2e8ddf;
}

/*
 * END Button specific classes
 ***************************************/
 
 .footer {
    border-top: 1px solid #CCCCCC;
    display: inline-block;
    margin-top: 44px;
    vertical-align: bottom !important;
	min-width: 1100px;
    width: 100%;
	font-size: 0.75em !important;
}

#index .footer {
    min-width: 1000px !important;
}

.footer p {
	padding-left: 10px;
	text-align: left;
	padding-top: 3px;
	color: #666666 !important;
}

.footer .centerWrap p {
    padding-left: 28px !important;
}

.footer a {
	color: #336699;
	font-weight: bold;
}

.logonPanel .panelTitle, .passwordExpiryPanel .panelTitle {
    float: left !important;
}

.logonPanel .panelTitle, .resourcePanel .panelTitle, .messagesPanel .panelTitle, .rightPanelone .panelTitle, .rightPaneltwo .panelTitle {
    margin-left: -1px !important;
}


/* START stepContainer - create password
----------------------------------*/

.stepContainer {
    background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafafa 0%, #cfcfcf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
	background-image: -webkit-linear-gradient(top, #fafafa 0%, #cfcfcf 100%); /* Webkit (Chrome 11+) */ 
	background: -o-linear-gradient(top,  #fafafa 0%,#cfcfcf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 0%,#cfcfcf 100%); /* IE10+ */
	background: linear-gradient(top,  #fafafa 0%,#cfcfcf 100%); /* W3C */
	background-image: linear-gradient(to bottom, #fafafa 0%, #cfcfcf 100%); /* IE10 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#cfcfcf' ) !important; /* IE6-9 */	
    border-bottom: 1px solid #C7C7C7;
    border-top: 1px solid #C7C7C7;
    height: 38px !important;
    margin-top: 7px;
    padding: 1px 5px 0 !important;
    vertical-align: middle;
    width: auto;
}

#selfReg .stepContainer {
    border-top: 0 none !important;
    margin-top: 0 !important;
}

.content .twoColumnsWrapper.step1CreatePwd, .content .twoColumnsWrapper.step2CreatePwd, .content .twoColumnsWrapper.step3CreatePwd {
	float: left;
	background-color: #ffffff;
	border: none;
}

.firstLogHeader {
    padding: 0 0 4px 5px !important;
    vertical-align: middle;
    width: 100%;
}

.firstLogHeader h1 {
    margin: 10px 0px 0px 5px;
}

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 7px/*{cornerRadius}*/; -webkit-border-top-left-radius: 7px/*{cornerRadius}*/; -khtml-border-top-left-radius: 7px/*{cornerRadius}*/; border-top-left-radius: 7px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 7px/*{cornerRadius}*/; -webkit-border-top-right-radius: 7px/*{cornerRadius}*/; -khtml-border-top-right-radius: 7px/*{cornerRadius}*/; border-top-right-radius: 7px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 7px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 7px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 7px/*{cornerRadius}*/; border-bottom-left-radius: 7px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 7px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 7px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 7px/*{cornerRadius}*/; border-bottom-right-radius: 7px/*{cornerRadius}*/; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: none; color: #222222/*{fcContent}*/; }
.ui-widget-content span { color: #222222/*{fcContent}*/; }
.ui-widget-header span { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
	background: #f9f9f9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #eaeaea 100%); /* Webkit (Chrome 11+) */ 
	background: -o-linear-gradient(top,  #f9f9f9 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#eaeaea 100%); /* W3C */
	background-image: linear-gradient(to bottom, #f9f9f9 0%, #eaeaea 100%); /* IE10 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */
    border: 1px solid #C7C7C7 !important;
    font-weight: normal;   
}

.ui-state-complete, .ui-widget-content .ui-state-complete, .ui-widget-header .ui-state-complete { 
	background: #cfe4f2; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZTRmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmM3ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #cfe4f2 0%, #b2c7d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe4f2), color-stop(100%,#b2c7d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cfe4f2 0%,#b2c7d6 100%); /* Chrome10+,Safari5.1+ */
	background-image: -webkit-linear-gradient(top, #cfe4f2 0%, #b2c7d6 100%); /* Webkit (Chrome 11+) */ 
	background: -o-linear-gradient(top,  #cfe4f2 0%,#b2c7d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cfe4f2 0%,#b2c7d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cfe4f2 0%,#b2c7d6 100%); /* W3C */
	background-image: linear-gradient(to bottom, #cfe4f2 0%, #b2c7d6 100%); /* IE10 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe4f2', endColorstr='#b2c7d6',GradientType=0 ); /* IE6-8 */
    border: 1px solid #C7C7C7 !important;
    font-weight: normal;   
}

.completeIcon {
    background-image: url("../images/logon_sprite.png");
    background-position: -119px -36px;
    background-repeat: no-repeat;
    border: medium none;
    display: inline;
    float: left;
    height: 18px;
    margin: 3px -8px 0px 1px;
    width: 18px;
}

.ui-state-default span { color: #999999; text-decoration: none; font-weight: bold; }
.ui-state-complete span { color: #666666; font-weight: bold; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover span, .ui-state-hover span:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
	background: #2f5d8b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmNWQ4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODc2YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2f5d8b 0%, #4876a3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f5d8b), color-stop(100%,#4876a3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2f5d8b 0%,#4876a3 100%); /* Chrome10+,Safari5.1+ */
	background-image: -webkit-linear-gradient(top, #2f5d8b 0%, #4876a3 100%); /* Webkit (Chrome 11+) */ 
	background: -o-linear-gradient(top,  #2f5d8b 0%,#4876a3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2f5d8b 0%,#4876a3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2f5d8b 0%,#4876a3 100%); /* W3C */
	background-image: linear-gradient(to bottom, #2f5d8b 0%, #4876a3 100%); /* IE10 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f5d8b', endColorstr='#4876a3',GradientType=0 ); /* IE6-8 */
    border: 1px solid #707070 !important;
    font-weight: normal;
    padding-bottom: 10px; 
}
.ui-state-active span { color: #FFFFFF; text-decoration: none; font-weight: bold; }

.stepOvalPoint2 {
    height: 18px;
    left: 2px;
    position: relative;
    top: 18px;
    width: 22px;
    z-index: 10;
    background-image: url("../images/logon_sprite.png");
    background-position: -99px -36px;
    margin-left: 68px;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight span, .ui-widget-content .ui-state-highlight span,.ui-widget-header .ui-state-highlight span { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error span, .ui-widget-content .ui-state-error span, .ui-widget-header .ui-state-error span { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Interaction Cues
----------------------------------*/
.ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 6px 3px 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: -2px; margin: 1px 2px 0; padding: 0; white-space: nowrap; width: 169px; }
.ui-tabs .ui-tabs-nav li span { float: left; padding: 5px 10px; text-decoration: none; font-size: 0.916em !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active span, .ui-tabs .ui-tabs-nav li.ui-state-disabled span, .ui-tabs .ui-tabs-nav li.ui-tabs-loading span { cursor: text; }
.ui-tabs .ui-tabs-nav li span, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active span { cursor: text; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 7px/*{cornerRadius}*/; -webkit-border-top-left-radius: 7px/*{cornerRadius}*/; -khtml-border-top-left-radius: 7px/*{cornerRadius}*/; border-top-left-radius: 7px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 7px/*{cornerRadius}*/; -webkit-border-top-right-radius: 7px/*{cornerRadius}*/; -khtml-border-top-right-radius: 7px/*{cornerRadius}*/; border-top-right-radius: 7px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 7px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 7px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 7px/*{cornerRadius}*/; border-bottom-left-radius: 7px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 7px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 7px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 7px/*{cornerRadius}*/; border-bottom-right-radius: 7px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Alert Messages
----------------------------------*/
.loginErrorMessage, .loginSuccessMessage, .loginWarningMessage, .sessionTimeoutMessage, .ticketErrorMessage {
	width: 96% !important;
	padding: 10px;
	font-weight: bold !important;
	font-size: 1em;
	color: #333333;
	margin: 12px 12px 0 12px;
}

.twoColumnsWrapper .loginErrorMessage, .twoColumnsWrapper .loginSuccessMessage, .twoColumnsWrapper .loginWarningMessage, .twoColumnsWrapper .sessionTimeoutMessage, .twoColumnsWrapper .ticketErrorMessage {
    margin: 12px 4px 0px 12px !important;
	width: 671px !important;
}

.logonPanel .loginErrorMessage, .logonPanel .loginSuccessMessage, .logonPanel .loginWarningMessage, .logonPanel .sessionTimeoutMessage, .logonPanel .ticketErrorMessage {
	margin: 12px 4px 0px -6px !important;
	font-weight: bold !important;
	font-size: 1em;
	color: #333333;
}

.loginErrorMessage p, .loginSuccessMessage p, .loginWarningMessage p, .sessionTimeoutMessage p, .ticketErrorMessage p {
    font-weight: bold !important;
	font-size: 1em;
	color: #333333;
	text-decoration: none;
    line-height: 15px;
    margin: 1px 0 7px 28px !important;
}

.logonPanel .loginErrorMessage p, .logonPanel .loginSuccessMessage p, .logonPanel .loginWarningMessage p, .logonPanel .sessionTimeoutMessage p, .logonPanel .ticketErrorMessage p {
    margin: 1px 4px 7px 33px !important;
}

.ticketErrorMessage p {
    padding-left: 9px;
}

#exception p {
    float: left;
    width: 662px !important;
    word-wrap: break-word;
}

.loginSuccessMessage {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
	zoom: 1;
    border-radius: 4px;  	
	z-index: 1; 
    border: 1px solid #dfdfdf !important;
    height: auto !important;
    line-height: 18px !important;
    padding: 10px !important;
	width: auto !important;
	background: #ffffff !important; /* for non-css3 browsers */
	background-image: linear-gradient(to bottom, #ffffff 0%, #c3e1bf 90%, #98b194 100%) !important; /* IE10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c3e1bf') !important; /* for IE */
	background-color: #98b194;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#98b194), color-stop (.9,#c3e1bf)); /* for webkit browsers */
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #c3e1bf 90%, #98b194 100%) !important; /* Webkit (Chrome 11+) */
	background: -moz-linear-gradient(top, #ffffff 0%, #c3e1bf 90%, #98b194 100%) repeat scroll 0 0 transparent !important; /* for firefox 3.6+*/
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

.loginSuccessMessage .loginMessageIcon {
	background-image: url("../images/logon_sprite.png");
    background-position: -31px -36px;
    float: left;
    height: 18px;
    margin: 0 3px 0px 1px !important;
    width: 24px;
}

.loginErrorMessage, .ticketErrorMessage {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
	zoom: 1;
    border-radius: 4px;  	
	z-index: 1; 
    border: 1px solid #dfdfdf !important;
    height: auto !important;
    line-height: 18px !important;
	margin-left: 70px;
    padding: 10px !important;
	background: #ffffff !important; /* for non-css3 browsers */
	background-image: linear-gradient(to bottom, #ffffff 0%, #e4c5c3 90%, #9b8182 100%) !important; /* IE10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4c5c3') !important; /* for IE */
	background-color: #9b8182;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#9b8182), color-stop (.9,#e4c5c3)); /* for webkit browsers */
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #e4c5c3 90%, #9b8182 100%) !important; /* Webkit (Chrome 11+) */
	background: -moz-linear-gradient(top, #ffffff 0%, #e4c5c3 90%, #9b8182 100%) repeat scroll 0 0 transparent !important; /* for firefox 3.6+*/
}

.loginErrorMessage .loginMessageIcon, .ticketErrorMessage .loginMessageIcon {
	background-image: url("../images/logon_sprite.png");
    background-position: -54px -36px;
    float: left;
    height: 18px;
    margin: 0px 3px 0px 1px !important;
    width: 24px;
}

.sessionTimeoutMessage, .ticketErrorMessage {
    width: auto !important;
}

.loginWarningMessage, .sessionTimeoutMessage {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
	zoom: 1;
    border-radius: 4px;  	
	z-index: 1; 
    border: 1px solid #dfdfdf !important;
    height: auto !important;
    line-height: 18px !important;
	margin-left: 70px;
    padding: 10px !important;
	background: #ffffff !important; /* for non-css3 browsers */
	background-image: linear-gradient(to bottom, #ffffff 0%, #e6dbc5 90%, #b2a793 100%) !important;; /* IE10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6dbc5') !important; /* for IE */
	background-color: #b2a793;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#b2a793), color-stop (.9,#e6dbc5)); /* for webkit browsers */
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #e6dbc5 90%, #b2a793 100%) !important; /* Webkit (Chrome 11+) */
	background: -moz-linear-gradient(top, #ffffff 0%, #e6dbc5 90%, #b2a793 100%) repeat scroll 0 0 transparent !important; /* for firefox 3.6+*/
}

.loginWarningMessage .loginMessageIcon, .sessionTimeoutMessage .sessionTimeoutMessageIcon {
	background-image: url("../images/logon_sprite.png");
    background-position: -77px -36px;
    float: left;
    height: 18px;
    margin: 0px 3px 0px 1px !important;
    width: 24px;
}

.logonPanel .loginErrorMessage .loginMessageIcon, .logonPanel .loginWarningMessage .loginMessageIcon, .logonPanel .loginSuccessMessage .loginMessageIcon, .logonPanel .sessionTimeoutMessage .sessionTimeoutMessageIcon, .logonPanel .ticketErrorMessage .loginMessageIcon {
	padding-bottom: 36px !important;
}

/* ALL CONTENT BELOW WAS EXTRACTED FROM CREATE_PASSWORD.CSS
----------------------------------*/
li.unverified {
	line-height: 28px !important;
	list-style-image: none !important;
	list-style-type: none !important;
}	
	
li.error, li.calloutError {
    line-height: 18px !important;
    list-style-image: none !important;
    list-style-type: none !important;
    margin-left: -31px !important;	
	font-size: 0.916em !important;
	color: #B02419;
}
		
li.info {
		list-style-image:url("../images/info.png");
		line-height: 18px;
}
	
li.ok {
		list-style-image:url("../images/ok_small.png");
		line-height: 18px;
}	
	
label {display:block;
	font-family:Arial;
	font-size:1em;
	font-weight:700;
	font-style:normal;
	color:#333333;
	text-transform:none;
	text-decoration:none;
	letter-spacing:normal;
	word-spacing:0;
	line-height:15px;
	text-align:left;
	vertical-align:baseline;
	direction:ltr;
	background-color:transparent;
	background-image:none;
	background-repeat:repeat;
	background-position:0 0;
	background-attachment:scroll;
	opacity:1;
}

input.error {
	background: #FFB3B3;
}

label.error {
	left:225px;
	top:300px;
	position:absolute;
	z-index:999;
	background: #F0F0F0;
	color:	#B02419;
	padding:5px 10px;	
	font-size:0.916em;	
	white-space:nowrap;
	border:1px solid #888;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0 0 5px #888;
	-webkit-box-shadow:0 0 5px #888;
	box-shadow:0 0 5px #888;
}

div#info {
	font-family:Arial;
	font-size:0.916em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#333333;
}

div#message {
	left:225px;
	top:-175px;
	width:300px;
	position:relative;
	background: #F0F0F0;
	z-index:100;	
	padding:0px 5px;	
	font-size:1em;
	white-space:nowrap;
	border:1px solid #888;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0 0 5px #888;
	-webkit-box-shadow:0 0 5px #888;
	box-shadow:0 0 5px #888;
	color: #666666;
    font-family: Arial;
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
 }

div#maincontainer{
	width: 840px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

div#header {
    clear: both;
    height: 70px;
    width:975px;
    padding: 10px;
}

div#section {
    clear: both;
    padding: 10px;
	background: #eeeeee; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background-image: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Webkit (Chrome 11+) */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
	background-image: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* IE10 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
    height:60px;
    width:975px;
    font-family:Arial;
    font-size:1.333em;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    color:#666666;
	display: table-cell;
    vertical-align: middle;
}

div#left {
    float: left;
    padding: 10px;
    width: 600px;
    border: 0px solid gray;    
}

div#right {
	float: right;
    padding: 10px;
    width: 300px;
    border: 0px solid gray;         
}

div#footer {
    clear: both;
    font-family:Verdana;font-size:0.75em;font-weight:normal;font-style:normal;text-decoration:none;color:#666666;
}

.submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%); /* Webkit (Chrome 11+) */
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%); /* IE10 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:1em;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

.submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%); /* Webkit (Chrome 11+) */
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%); /* IE10 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.submit:active {
	position:relative;
	top:1px;
}

.submit.disabled, button.disabled:focus, button.disabled:hover, button.disabled:active {
    border-color: #bec3cd;
    color: #394148;
    background-color: #e4e5e9;
    cursor: default;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter: alpha(opacity=50); /* IE 6/7 */
}

.autoWidthImportant{
	width: auto !important;
}

.marginLeft44Pixel{
	margin-left: 44px !important;
}
.twoColumnsWrapper .paddingLeft0Pixel{
	padding-left: 0px !important;
}

.header .jpmSUALogo {
	display: inline-block;
	float: left;
	margin-left: 28px;
	margin-top: 28px;
	background-image: url('../images/sua_header_logo.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	border: none;
	height: 40px;
	width: 450px;
}
.defaultMinHeight {
	min-height: 0px !important;
}
.marginTop40Pixel {
	margin-top: 40px !important;
}

span.icon_clear1{
	position:absolute;
	right: 7px;
	padding-top : 2px;
	*padding-top : 6px; /* Only for IE7 */
	z-index: 2000;
	/*padding-top: 5px;
	padding-top: 2px\0;*/    

	/* now go with the styling */
	cursor:pointer;
	font: bold 1em sans-serif;
	color:#38468F;  
}

span.icon_clear1:hover{
	color:#f52;
}
input.formTextBoxPassword {
	width: 155px; /* use for User password text fields */
	border: 1px solid #C0C0C0;
	font-family: Arial, Helvetica;
	height: 20px;
	line-height: 20px;
}
/*CSS for textbox that has maxlength property>20 */
input.formTextBoxLong {
	width: 200px; /* use for long text feilds */
	border: 1px solid #C0C0C0;
	font-family: Arial;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}

.searchTextBox.formTextBoxLong {
    height: 15px !important;
}

input.formTextBoxLongReadOnly {
	width: 200px; /* use for long text feilds */
	border: 1px solid #C0C0C0;
	font-family: Arial, Helvetica;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}

/*overriding css for Blue Theme*/
body > .header {
    color: #fff;
    background-color: #00477b !important;
    background-image: url(../img/header_bg.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}
body .header .jpmComCard {
    font: bold 20px/normal "Open Sans",Arial,Helvetica,sans-serif !important;
}
.footer > .centerWrap {
    padding-top: 15px;
}
.footer > .centerWrap > p {
    text-align: center;
    font-size: 13px;
}
.footer > .centerWrap > p > a:first-child {
    margin-left: 15px;
}