/******************
Base (Whitelabel) styles - don't change this section

Last updated: 13:30 10-Feb-10 
*******************/
.viper .viper {font-size:100%;}

.viperform div,.viper div{overflow:hidden;}
.viperform .loc,
.viperform .corereg{margin-bottom:0;}
.viper .base{display:none;}

.viper .header_desc,
.viper .mandatory_desc,
.viper .footer_desc{margin-bottom:.6em;}
.viper .mandatory_flag { color:#FF0000}

.viper table {width:30%;}
.viper > table{width:100%;}
.viper table.aut-logincontrol,.viper table.inner{width:100%;} /*to resolve issues with spurious .net tables*/
.viper .mandatory-flag {color:#f00;font-weight:bold;}

.viper .form_item {margin:0 0 .6em;clear:both;}
.viper .form_item label {float:left;width:30%;font-weight:bold;}
.viper .form_item input,
.viper .form_item textarea {float:left;width:30%;}
.viper .form_item select {float:left;}
.viper #OtherTxt {float:left;}
.viper #OtherTxt input {width:70px;}
.viper .form_subitem {}
.viper .item_error {float:left;width:36%;color:red;margin:0 0 .3em;clear:right; padding-left:4px}
.viper .form_error {color:red;}
.viper .strength_indicator {float:left;width:30%;}
.viper .strength_caption {background-image:url(/Global/Viper/CSSImages/pw_strength_indicator.gif);display:block;/*width:0;*/}

/* 'cols' Not currently used, dev on backlog*/
.viper ul li{width:100%;padding:0 0 .6em 0;}
.viper ul.cols_2 li{width:49.9%;float:left;}
.viper ul.cols_3 li{width:33.3%;float:left;}
.viper ul.cols_4 li{width:24.9%;float:left;}

.viper .checkboxlist input{width:auto;}
.viper .form_item table td{padding-bottom:.3em;}
.viper .form_item table td input{width:auto; margin-right:0.5em;}
.viper .form_item table td label{width:auto;}

.viper table.form_list {width:100%;}
.viper table.form_list td {width:50%;}
.viper .form_list input{width:auto;}
.viper .form_list label{width:auto;}
.viper li label {font-weight:bold;}
.viper li span {font-weight:normal;}
.viper li span.desc {display:block;}

.viper li .tristatecheckbox {clear:none;float:left;width:20px;padding-left:1px;}
.viper li .tristatecheckbox input {width:auto;}
.viper li .label {margin-left:20px;}
.viper li .label label {}
.viper li .detailed {display:block;width:5%; padding-left:20px}
.viper li .detailedname {margin-left:0; float:left; width:70%; display:block}
.viper li .detailedimage { float:right; display:inline; width:15%; text-align:center;  }
.viper .subfieldset {display:block; padding-bottom:8px; width:100%}

.viper .form_actions,
.viperform .form_actions{width:100%;}
.viper .form_actions .cancel,
.viperform .form_actions .cancel{width:58px;cursor:pointer;background:#bbb;float:left;}
.viper .form_actions .submit,
.viperform .form_actions .submit{width:58px;cursor:pointer;background:#f00;color:#fff;float:right;}

/*****
START of Editable region
Publication specific styles
******/
body { padding:0px; margin:0px; width:100%}
.MasterNoLayout { width:100%}

.viperform .corereg { font-family:Arial, Helvetica, sans-serif; font-size:12px}

div.flx-welcome{ background-color:#f6f6f6; border-top:#9b9b9b 2px solid; padding-top:20px; padding-left:30px; padding-bottom:20px; width:90%}

/* grey box with grey top border*/
div.flx-welcome2{ background-color:#f6f6f6; border-top:#9b9b9b 2px solid; padding-top:20px; padding-left:30px; padding-bottom:20px; width:95%; margin-right:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px }
div.flx-welcome2inner{ background-color:#ffffff; padding-top:20px; padding-left:30px; padding-bottom:20px; width:725px; border-top:1px solid #e1e1e1;border-bottom: 1px solid #d8d8d8; font-family:Arial, Helvetica, sans-serif; font-size:12px}

/* white box with grey borders*/
div.flx-welcome3inner{ background-color:#ffffff; padding-top:20px; padding-left:0px; padding-bottom:20px; width:100%; border-top:1px solid #e1e1e1;border-bottom: 1px solid #d8d8d8; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

div.flx-dpa { width:800px;}
.flx-welcome2inner .corereg .inner { font-family:Arial, Helvetica, sans-serif; font-size:12px}
.flx-welcome2inner .dmg .inner { font-family:Arial, Helvetica, sans-serif; font-size:12px}
.flx-welcome2inner .loc .inner { font-family:Arial, Helvetica, sans-serif; font-size:12px}
.flx-welcome2inner .flx .inner { font-family:Arial, Helvetica, sans-serif; font-size:12px}

.viper .rbi-flx-inner {padding-left:0px; margin-left:0px}

div.flx-welcomeinner{ background-color:#ffffff; border-top:#e5e5e5 1px solid; padding-left:10px; padding-top:20px; border-bottom:#e5e5e5 1px solid; width:95%; padding-bottom:20px}

div.flx-vipercontainer {border-top:solid 4px #d2232a;overflow:hidden;font-size:1.4em;line-height:1.4; width:100%; padding-top:20px; padding-left:40px; padding-right:40px}

.viper{font-size:1.5em;margin:0;}
.viper .viper {font-size:80%;margin:0;}
.viper .rtx h2 span,.viper h2 {color:#E4343B;font-size:1em}
.viper h3 {font-size:1.1em;} 
.viper .dpa-configurabletext {font-size:.94em;}
.viper a{color:#0F70C5}

.viper .inner{padding:8px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.viper .viper .inner{border:none;padding:0}
.viper li .label {margin-left:2px;}
.viper li .tristatecheckbox {margin-top:1px;}

/* .viper .rbi-flx-col1-inner .control h2{background:url(/Global/CssImages/FWi/logo.gif) 0 0 no-repeat;padding-top:70px} */
.viper .dpa-checkboxlist input{margin-right:5px}
.viper .dpa-checkboxlist label{font-weight:normal;}
.viper div.flx-vipercontainer .rbi-flx-vipercontainer-inner{border:solid 1px #E4343B;}
.viper .rbi-flx-vipercontainer-col1-inner,.viper .rbi-flx-vipercontainer-col2-inner{border-right:dashed 1px #e1e1e1;margin-right:.3em}
.viper .form_actions input {border:0;font-weight:bold;}
.viper .form_item {margin:0;clear:none;}
.viper .form_item .subfieldset label { display:block; width:100%}
.viper .form_item label,.viper .form_item table td label{display:block; width:100%; margin:0 0 .3em .2em;}
.viper .form_item input{width:40%} /* set width to allow space for error messages */
.viper .passwordstrength label{width:20%}
.viper .form_item input{width:40%;border:solid 1px #7f9db9; padding-bottom:5px}
.viper .form_item input[type="checkbox"]{width:16px;border:0;background:transparent;}
.viper .form_item table td input{border:none;}
.viper .form_item select{width:23em;margin:0 0 .6em}
.viper .form_item select.salutationdropdown{width:9em;}

/*.viper .form_actions .cancel {color:#E4E4E4;background:#fff url(/Global/CssImages/FWi/cancel_btn.gif) no-repeat scroll left 2px;}
.viper .form_actions .submit {color:#FFF;background:#fff url(/Global/CssImages/FWi/signup_btn.gif) no-repeat scroll left 2px;}*/

/* Rich Text Style for FWi - */
div.rtx-regintrotext { background-color:#f2f3f3; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; width:690px}
div.rtx-nospace { padding:0px; margin:0px}

/* yellow box for FWi - */
div.flx-welcome3 {clear:both;margin-bottom:20px;border-top: 1px solid #eedc83;border-bottom: 1px solid #eedc83; padding-top:20px;background-color:#fffcd5; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding-left:20px}

/* green box for FWi - */
div.flx-welcome4 {clear:both;margin-bottom:20px;border-top: 1px solid #c0e390;border-bottom: 1px solid #c0e390; padding-top:20px;background-color:#edfbda; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding-left:20px}

div.rtx-normaltext { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}
div.rtx-textwithline { border-bottom:#e5e5e5 solid 1px; font-size:14px; padding-left:0px; margin-left:0px}
div.rtx-link a { font-size:14px; font-weight:bold; color:#FFFFFF; background: url(/Global/CssImages/FWi/img/login_button.jpg) no-repeat; width:157px; height:43px; padding-left:25px; padding-right:25px; padding-top:15px; padding-bottom:15px}

div.rtx-line { margin-left:0px; border-bottom:#CCCCCC 1px solid; margin-right:10px; padding-top:10px}


.flx-vipercontainer div.flx-vipercontainer{border:none;font-size:1em} 
.flx-vipercontainer .rtx-ViperLoginStyle {color:#fff;background:#E32B33 url(/Global/CssImages/FWi/topBkg.gif);}
.flx-vipercontainer .rtx-ViperLoginStyle h2{margin-left:1.2em}
div.aut-vertical-signin{}
div.rtx-signinReg{}
div.rtx-signinPassword{}
div.viper aut aut-signinExisting {}



/*hiding extra question lable within dmg check boxes*/
div.viper dmg dmg-checkwithsub {}
.dmg-checkwithsub .form_item table { width:100%}
.dmg-checkwithsub .form_item table td label { display:inline; float:left; width:80%; color:#000000; font-size:12px}
.dmg-checkwithsub label { color:#ffffff; font-size:1px}
.dmg-checkwithsub .form_item .subfieldset label { color:#000000; font-size:12px}
.dmg-checkwithsub .form_item .subfieldset select { color:#000000; font-size:12px; width:120px}
.dmg-checkwithsub .form_item table td input { display:inline; float:left; width:20px}

div.viper dmg dmg-checkwithsub1 {}
.dmg-checkwithsub1 .form_item table { width:100%}
.dmg-checkwithsub1 .form_item table td label { display:inline; float:left; width:80%;}
.dmg-checkwithsub1 .form_item table td input { display:inline; float:left; width:20px}


div.viper dmg dmg-checkwithsub2 {}
.dmg-checkwithsub2 .form_item table { width:30%; float:left}
.dmg-checkwithsub2 .form_item table td label { display:inline; float:left; width:80%;}
.dmg-checkwithsub2 .form_item table td input { display:inline; float:left; width:20px}

.dmg-checkwithsub2 .form_item .subfieldset { float:left; width:70%}

.aut-vertical .form_actions .submit { float:left; margin-left:20px; margin-top:10px; background: url(/Global/CssImages/FWi/img/submit_button.jpg) no-repeat; width:145px; height:43px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; text-align:center}

.aut-vertical .username { padding-left:5px}
.aut-vertical .username label { font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:left}
.aut-vertical .username input { width:200px; height:15px}

.aut-vertical .password { padding-top:10px; padding-left:5px}
.aut-vertical .password label { font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:left}
.aut-vertical .password input { width:200px; height:15px}

.aut-vertical .rememberme { padding-top:10px; padding-left:5px}
.aut-vertical .rememberme label { font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; display:inline; width:90px}
.aut-vertical .rememberme input { display:inline; padding-left:0px}

.aut-vertical .createuser { visibility:hidden}

.flx-vipercontainer .rbi-flx-vipercontainer-inner .rbi-flx-vipercontainer-col2 .rbi-flx-vipercontainer-col2-inner .rtx-signinReg .rbi-rtx-inner h2 { background-color:#cccccc; width:460px; height:29px;  font-size:20px; font-weight:normal; margin-left:10px}

.viper .inner .aut-logincontrol .aut-vertical { background-color:#d9f0ff}
.viper .inner .aut-logincontrol .aut-vertical .remembermedesc span { background-color:#d9f0ff;}
.viper .inner .aut-logincontrol .aut-vertical h2 { background-color:#d9f0ff; color:#000000; text-align:left; padding-left:10px}

.viper .inner .loggedin .aut-vertical { height:150px; background-color:#d9f0ff; padding:10px; text-align:left}
.viper .inner .loggedin .aut-vertical .welcome {display:block; background-color:#d9f0ff; color:#000000; font-size:22px; border-bottom: #CCCCCC 1px solid; width:100%; padding-left:0px; margin-left:0px}
.viper .inner .loggedin .aut-vertical .loginName {color:#000000; font-size:14px; font-weight:bold; background-color:#d9f0ff; float:left; width:200px}
.viper .inner .loggedin .aut-vertical .loginstatus {float:left; width:50px; font-size:14px; font-weight:bold; padding-left:10px}
.viper .inner .loggedin .aut-vertical .hyperlinkprofile{float:left; width:50px; font-size:14px; font-weight:bold;}

div.viper nlt nlt-smscontrol {}
div.viper nlt nlt-smscontrol { width:50%}
.nlt-smscontrol li .detailedimage { float:right; display:inline; width:18%; text-align:center; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px }
.nlt-smscontrol .detailed {display:block;width:5%; padding-left:0px}
.nlt-smscontrol .detailedname {margin-left:0; float:left; width:67%; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.nlt-smscontrol li .detailedimage a { visibility:hidden}
.nlt-smscontrol li .detailedfrequency { visibility:hidden} 

div.viper nlt nlt-nltcontrol {}
div.viper nlt nlt-nltcontrol { width:50%}
.nlt-nltcontrol li .detailedimage { float:right; display:inline; width:18%; text-align:center; text-align:center;  font-family:Arial, Helvetica, sans-serif; font-size:11px }
.nlt-nltcontrol .detailed { display:block;width:5%; padding-left:0px}
.nlt-nltcontrol .detailedname {margin-left:0; float:left; width:67%; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.nlt-nltcontrol li .detailedname label { font-weight:bold;}

/*ting*/
div.viper dmg dmg-radiowithsub {}
.dmg-radiowithsub table { width:300px }


div.viper dmg dmg-labelinput {}
.dmg-labelinput table { width:70%; display:inline; float:left;}
.dmg-labelinput .form_item table td label { float: left; display: inline; text-align:left; width:100px; }
.dmg-labelinput .form_item table td input { float: left; display: inline; width:20px; padding-top:2px }
.dmg-labelinput .item_error { display:inline; float:right; padding-left:4px; width:30%}

div.viper dmg dmg-correction {}
.dmg-correction label { font-size:12px}
.dmg-correction .form_item table { width:100%}
.dmg-correction .form_item table td label { display:inline; float:left; width:80%; font-size:12px}
.dmg-correction .form_item table td input { display:inline; float:left; width:20px}

/* style login box */
.flx-vipercontainer div.aut-signinExisting {}
.flx-vipercontainer div.aut-signinExisting {border-left:none;overflow:hidden;width:99.5%} 
.flx-vipercontainer div.aut-signinExisting .inner{border:none;padding:0;} 
.flx-vipercontainer .aut-signinExisting .recoverpassword { font-family:Arial, Helvetica, sans-serif; font-size:11px; display:block; color:#12569f; text-align:left; margin-left:15px; font-weight:bold; margin-top:10px}
.flx-vipercontainer .rbi-rtx-inner p{padding-left:0px; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
.flx-vipercontainer .aut-signinExisting  h2,
.flx-vipercontainer .aut-signinExisting  span{color:#000000;background:#d9f0ff;padding-left:0px}
.flx-vipercontainer .flx-vipercontainer .rbi-rtx-inner h2{padding-left:5px;} 
.flx-vipercontainer .aut-signinExisting  .rbi-flx-vipercontainer-col1-inner {border-left:none;}

.flx-vipercontainer .aut-signinExisting .form_item {margin-left:.8em;font-size:86%}

.flx-vipercontainer .aut-signinExisting { margin-bottom:20px}
/*style Register and Forgotten Password */
.flx-vipercontainer  .rtx-signinReg .rbi-rtx-inner,
.flx-vipercontainer  .rtx-signinPassword .rbi-rtx-inner{min-height:300px;}

/* style Register box */
.flx-vipercontainer  .rtx-signinReg .rbi-rtx-inner span{color:#000000}
.flx-vipercontainer .rtx-signinReg .rbi-rtx-inner{border-left:none;}
/* style link as button in registration column -*/
.flx-vipercontainer .rtx-signinReg .rbi-rtx-inner p a {color:#12569f;font-size:18px; height:28px;margin:20px 0 0 0px;display:block;text-transform:capitalize;}
 /* style Forgotten Password box */
.flx-vipercontainer  .rtx-signinPassword .rbi-rtx-inner {}
 .flx-vipercontainer  .rtx-signinPassword .rbi-rtx-inner p{font-size:80%;}  
/* style link as button in forgotten password column -*/
.flx-vipercontainer .rtx-signinPassword .rbi-rtx-inner p a {color:#000;font-size:130%;font-weight:700;width:120px;height:28px;margin:20px 0 0 18px;padding-left:.8em;display:block;text-transform:capitalize;background:#E9E3D9 url(/Global/CssImages/FWi/blue_btn_wide.gif) 0 -2px no-repeat}
/*Authentication - section to be copied to publication CSS e.g. FWi.css*/
div.viper aut aut-loginsummary {}
div.aut-loginsummary {height:auto;margin-bottom:0;}
.aut-loginsummary .inner {text-align:right;}
.aut-Login,.loggedin {}
.aut-loginsummary a,.loggedin a {text-transform:capitalize;}
.loginstatus {padding-left:20px; color:#12569f; font-size:18px}
.loginName {font-weight:700;}

div.rtx-headertext { clear: both; font-size:20px; line-height: 40px;padding-bottom:8px;font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

/*submit and cancel*/
/*
.viper .cancel { float:left; margin:90px; margin-top:0px; background: url(/Global/CssImages/FWi/img/back_button.jpg) no-repeat; width:105px; height:31px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; text-align:center }
.viper .inner .form_actions .cancel { float:left; margin:90px; margin-top:0px; background: url(/Global/CssImages/FWi/img/back_button.jpg) no-repeat; width:105px; height:31px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; text-align:center }
*/
.viperform .inner .form_actions .cancel { float:left; margin:90px; margin-top:0px; background: url(/Global/CssImages/FWi/img/back_button.jpg) no-repeat; width:105px; height:31px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; text-align:center}
.viperform .inner .form_actions .viperform-submitbutton { float:right; margin:90px; margin-top:0px; background: url(/Global/CssImages/FWi/img/submit_button.jpg) no-repeat; width:145px; height:43px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; text-align:center; }

/* style dmg to two columns*/
div.viper dmg dmg-twocolumn {}
.dmg-twocolumn { width:100%; padding: 8px 0px 0px 0px;}
.dmg-twocolumn .form_item label { display:inline; width:150px; float:left}
.dmg-twocolumn .form_item input { display:inline; width:150px; float:left}

/* style corereg to two columns*/
/*hide the all about you text bits*/
div.viper corereg corereg-twocolumn {}

.corereg-twocolumn h2 span { display:none}
.corereg-twocolumn .header_desc { display:none}
.corereg-twocolumn .mandatory_desc { display:none}

.corereg-twocolumn .form_item label { display:inline; width:150px; float:left}
.corereg-twocolumn .form_item input { display:inline; width:150px; float:left}

.corereg-twocolumn .corereg-field-username { float:left; width:50%; display:inline; clear:left}

.corereg-twocolumn .corereg-field-username-confirmemail { float:right; width:45%; display:inline; clear:right; margin-right:5px}
                   

.corereg-twocolumn .password { float:left; width:50%; padding:8px 0px 5px 0px; display:inline; clear:left}

.corereg-twocolumn .confirmpassword { float:right; width:45%; padding:8px 0px 5px 0px; display:inline; clear:right; margin-right:5px}
.corereg-twocolumn .passwordstrength { float:left; width:50%; padding:8px 0px 0px 0px; display:inline; clear:left; height:22px;}

.corereg-twocolumn .salutation { float:right; width:45%; height:22px; padding:8px 0px 0px 0px; display:inline; clear:right; margin-right:5px}
.corereg-twocolumn .firstname { float:left; width:50%; padding:8px 0px 0px 0px;}
.corereg-twocolumn .lastname { float:right; width:45%; padding:8px 0px 0px 0px; margin-right:5px}
div.flx-nospace { width:100%; padding:0px; margin:0px}

div.viper loc loc-hide {}
<!--hide the address text bits-->
.loc-hide .inner .header h2 span {display:none; color:}
.loc-hide .header_desc { display:none}

/*Local image 
.rtx-ViperLoginStyle {background:#E32B33 url(images/topBkg.gif);}

.viper .form_actions .cancel {color:#E4E4E4;background:#fff url(images/cancel_btn.gif) no-repeat scroll left 2px;}
.viper .form_actions .submit {color:#FFF;background:#fff url(images/signup_btn.gif) no-repeat scroll left 2px;}
*/
/* .flx-vipercontainer .rbi-flx-vipercontainer-col1-inner .control  .rbi-flx-vipercontainer-inner .rbi-flx-vipercontainer-col2-inner p a {font-size:75%;width:128px;background:#E9E3D9 url(images/blue_btn_wide.gif) no-repeat}
.flx-vipercontainer .control .control  .rbi-flx-vipercontainer-col2-inner p a {background:#E9E3D9 url(images/rt_orange_btn.gif) no-repeat} */


/*****
END of Editable region
******/

/*END - Publication specific styles*/


/*IE 6 layout fixes - should always be the last section*/
* html div.flx-vipercontainer,
* html div.flx-vipercontainer .rbi-flx-vipercontainer-inner,
* html .viper,
* html .form_item,
* html .form_actions {height:1%;}
* html .pwrec table  {width:100%;}  /* Temp fix until spurious tables .net are removed */
* html .viper .inner{position:relative} /* Fix disappearing border */
* html .viper div.rememberme input,
* html .viper span.corereg-change-password-checkbox input{border:0;width:16px}
/* mac hide \*/
* html .flx-vipercontainer div.aut-signinExisting,
.flx-vipercontainer  .rtx-signinReg .rbi-rtx-inner,
.flx-vipercontainer  .rtx-signinPassword .rbi-rtx-inner{height:300px}
/* end hide */