
/******************
Base (Whitelabel) styles - don't change this section

Base style updated:        16:30 04-Feb-10
Publication style updated: 16:50 26-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 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:right;width:36%;color:red;margin:0 0 .3em;clear:right;}
.viper .form_error {color:red;}
.viper .strength_indicator {float:left;width:30%;}
.viper .strength_caption {background-image:url(https://www.computerweekly.com/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:100%;}
.viper li .detailedname {margin-left:0;}
.viper .subfieldset {display:block;}

.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
******/
.viper {font-size:1.2em;}
.viper h2 {color:#e65900; font-size:1.2em;margin-bottom:.8em;}
.viper .item_error {float:left;width:100%;clear:both;}
.viperform .form_actions .submit{background:#E65900;color:#fff;}
.viperform .rtx ul, .viperform .rtx ol, .viperform .rtx h2, .viperform .rtx p {margin-left:8px;}
.viperform .rbi-flx-col1-inner .rbi-rtx-inner h2{margin:0}
.viperform .flx-vipercontainer .rtx ul, .viperform .flx-vipercontainer .rtx ol, .viperform .flx-vipercontainer .rtx h2, .viperform .flx-vipercontainer .rtx p {margin-left:0px;}
.viperform .rtx li {padding:0 0 3px 12px;}
.viper div.flx-vipercontainer{margin-bottom:.8em;width:auto;}
.viper div.flx-vipercontainer .rbi-flx-vipercontainer-inner{border:solid 1px #e65900;padding:1em .75em;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.viper .dpa-checkboxlist input{margin-right:5px}
.viper .dpa-checkboxlist label{font-weight:normal;}
.viper .rtx h2{color:#e65900}
.viper .rtx li{color:#000}
.viper #OtherTxt{margin-left:10px}
.aut-logincontrol,.pwrec .inner {background-color:#F5F3F4;clear:left;margin-bottom:2em;}
.aut-logincontrol {width:100%;}
.aut-logincontrol .aut-vertical,.pwrec .inner{padding:8px;}

.aut-logincontrol .aut-vertical .rememberme input{width:14px;}  
.aut .form_actions {float:right;text-align:right;}
.aut-logincontrol .aut-vertical .form_actions {margin-bottom:0.8em;margin-top:-20px;padding-right:20px;width:auto;}
.aut-logincontrol .aut-vertical .support_actions .recoverpassword{padding-left:20px;float:left}

.aut-logincontrol .aut-vertical .support_actions .createuser{float:left}  

/* Override font size for confirmation page text- define viper rich text control */
div.rtx-viper{}
.rtx-viper p{font-size:1.2em}
.viper .nlt .form_list li.form_item {font-weight:700}
.viper .mandatory_desc{font-size: 85%}
.viper .mandatory_flag{color:#F00}
.viper .subfieldset {width:69%;margin:0 0 .6em;margin-left:30%;clear:both;}
.viper .form_item .subfieldset label {width:20%}
.viper .form_item label{width:80%;margin:0 0 .3em .2em}
.viper .aut-logincontrol .rememberme label{width:25%;}
.viper .form_item input{width:80%;border:solid 2px #e1e1e1;margin-bottom:.5em}
 .pwrec .inner .form_item input{width:100%;} 
.viper .form_item select{width:23em}
/* login box classes */
.viper table.aut-logincontrol{width:70%}
.aut-logincontrol .aut-vertical label {text-align:right}
.viper .form_item label{flat:left;font-weight:700;width:25%}
.aut-logincontrol .aut-vertical input{margin-left:30px;width:250px;}
.aut-logincontrol .aut-vertical .rememberme input{margin-left:30px;width:14px;}
.viper .form_actions .submit{color:#FFFFFF;cursor:pointer;float:right;width:58px;}
.aut-logincontrol .aut-vertical .support_actions .recoverpassword{float:left;padding-left:20px;}
.aut-logincontrol .aut-vertical .support_actions .createuser{float:right;padding-right:20px}
/* end login box */


.viper .form_item .salutationdropdown{width:8em}
.viper .passwordchangetext label{width:100%}
.viper .form_item span.corereg-change-password-checkbox  input{width:16px}
.viper .email span.email{font-weight:700}
.viper .passwordstrength label{width:20%}
.viper .form_actions input {font-size:1.1em;border:0;height:21px;width:58px;font-weight:bold;}
.viper .form_actions .cancel {color:#FFF;background:#BBB;}
.viper .form_actions .submit {color:#FFF;background:#015A84;}

/*Authentication - section to be copied to publication CSS e.g. ew.css*/
.viper {font-size:1.2em;}
div.viper aut aut-loginsummary {}
div.aut-loginsummary {height:auto;margin-bottom:0;}
.aut-loginsummary .inner {text-align:right;}
.aut-loginsummary a,.loggedin a {text-transform:capitalize;}
.loginstatus{border-left:1px solid #e75700;padding-left:5px;}
.loginName {font-weight:700;}

/* Temporary fix for the Newsletter control START*/
.viper ul.form_list .form_item{
clear:none;
}
.viper ul.form_list .form_item .desctitle{
font-size:12px;
}
.viper ul.form_list .form_item .detailedtitle{
font-size:12px;
}
.viper ul.form_list .form_item .frequencytitle{
font-size:12px;
}
.viper ul.form_list .form_item .nlt-desc-title{
font-size:12px;
}
/* Temporary fix for the Newsletter control END*/

/*****
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 */
