body 
{
    background:#ececec;
    font-family:Verdana;       
    background-color:#f9fcf7;
    /*background-image: url(../Assets/Images/bkgnd.png);
    background-position: center center;
    background-repeat: repeat;*/
}

.leaves
{
    position: fixed;
    left: 0px;
    top: 12%;
    width: 100%;
    height: 68%;
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
    background-image: url(../Assets/Images/gdcc_leaves.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.highlight-text
{
    color: #3c8c41;
}

.right-float-grid-button
{
    float:right;    
    padding-right:3px;
}

a
{
    color:#54a759;  
    cursor:pointer;
    text-decoration:underline;
}

a:hover
{
    text-decoration:none;
}

div#outerwrap
{
    max-width:1024px;
    margin-left:auto;
    margin-right:auto;   
    text-align:center;     
}

.site-container
{
    margin: 15px auto -0px auto;        
    min-width: 1024px;
}

.last-refresh
{
    font-size:65%;
    color: #54A759;
    opacity:0.9;
    font-weight:bold;
    padding-top:10px;
}

div#wrap
{ 
    width:auto;
    padding:27px 10px;   
    min-height:700px;    
    min-width: 1004px;
    /*
    width:100%;
    background:#ffffff;    
    border:1px solid #cccccc;
    margin:15px auto 0px auto;    
    */
}



.debug-mode
{    
    width:100%;     
    border:1px dashed red;
    float:left;
}

ul.menu .debug-mode
{
    width:auto;    
    
}

P
{
    text-align:left;
}

.upper
{
    text-transform:uppercase;
}

div#footer
{
  width:1004px;    
  min-width:1004px;
  max-width:1024px;
  margin-left:auto;
  margin-right:auto;
  /*padding-left:70px;*/
  clear:both;
}

div#main
{
    height:auto;   
    float:left;
    width:100%;
}

div#content
{    
    clear:both;
    padding:20px 5px;
    color:#666666;
    line-height:1.9;
    overflow-x:hidden;
}

div#logo
{  
    padding:0px 0px 10px 10px;       
    float:left;
}

div#logo div#strapline
{
    clear:both;
    font-size:15px; 
    letter-spacing:4px;
    padding-left:4px;
    text-transform:lowercase;
}

div#logo a
{
    color:White;
}

.centreit
{
    text-align:center;
}


/* Footer */

div#footer P
{
    text-align:center;
    padding: 11px 150px 0px 0px;  
    font-size:70%;
}
   
div#footer P img
{
    margin-top:0px;
}   

div#footerlinks
{
    text-align:center;
    font-size:70%;
    color:#666666;
    clear:both;
    
}

div#footerlinks a
{
    color:#666666;
    text-decoration:none;
    padding:4px;
}

div#footer a.mrasco-logo 
{
    background-image: url('../assets/images/RECCo logo.png');
    width: 69px;
    height: 30px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 7px;
    margin-left: -10px;
}

div#footer a.candc-logo
{
    background-image:url('../assets/images/candc-logo.png');
    width:128px;
    height:94px;
    background-repeat:no-repeat;
    float:right;    
    margin-right:-15px;    
    margin-top:6px;   
}


div#footer .w3c-logo
{
    float:left;
    margin-top:6px;
    margin-left:14px;    
}



/* Login */

div#login
{
    text-align:center;
    width:100%;
}

div#login .failure-text-login
{
    margin-top:36px;
}

/* Font Size Setter */
div.fontsize-setter
{
    margin-top:12px;
    text-align:right;
    float:right;   
}

div.fontsize-setter input
{
    color:#54a759;
    background:transparent;
    background-color:#ffffff;
    border:none;
    cursor:pointer;
    padding:1px;
}

div.fontsize-setter input.first
{
    font-size:14px;
}

div.fontsize-setter input.second
{
    font-size:20px;
}

div.fontsize-setter input.third
{
    font-size:26px;
}

/* login display */
.login-display, .login-display a
{
    color:#54a759;
    font-size:90%;
}

/* generic styles */

.spacer
{    
    clear:both;    
}

div#content fieldset
{
    border:1px solid #ececec;
    text-align:center;    
    padding:15px 20px 30px 30px;
    font-size:90%;     
    float:none;
}

div#content fieldset table tr td
{
    padding:0px 10px 6px 0px;
}

div#content legend
{
    margin:15px 0px 15px -15px;
    text-align:left;
}

div#content h2
{
    font-size:110%;
    text-align:left;    
    margin-bottom:1px;
    margin-top:6px;
}

div#content
{
    font-size:90%;
}

.error
{
    color:Red;
    padding-left:4px;
    font-size:80%;
}

.singleError
{
    color:Red;
    font-size:80%;
    padding-left:0px;
}


div#content input[type="text"], input[type="password"], select
{
    padding:4px;    
    width:180px;    
    color:#666666;
    border:1px solid #cccccc;
    font-size:inherit;    
}

div#content input[type="text"].input-short, select.input-short
{
    min-width:40px;
    max-width:40px;
}

div#content input[type="text"].input-medium, select.input-medium
{
    min-width:80px;
    max-width:80px;
}

div#content input[type="text"].input-mpan-sized, select.input-mpan-sized
{
    min-width: 128px !important;
    max-width: 128px !important;
}

div#content input[type="text"].auto-sized, select.auto-sized
{
    width: auto !important;
}

div#content textarea
{
    color:#666666;
}

div#content input[type="submit"], div#content input[type="reset"], .green-button
{
    background-image: url(../Assets/Images/button_bkgnd.png);
    background-position: top left;
    background-repeat: repeat-x;
    background-color:#54a759;
    border: 1px solid #54a759;
    padding:4px 0px;
    min-width:91px;
    color:#ffffff;
    cursor:pointer;
    font-size:11px;     
    margin-left:0px;     
}

div#content input[type="submit"]:hover
{
    background-image: url(../Assets/Images/button_bkgnd_hover.png);
    background-color:#36a13c;    
    border: 1px solid #36a13c;
}

div#content input[type="submit"].aspNetDisabled, 
div#content input[type="reset"].aspNetDisabled, 
input[type="submit"].aspNetDisabled:hover
{
    background-color:#ececec !important;
    color:#cccccc;
}

/* Grid View Pager */
.pager-header
{
    font-size: 85%;
    text-align: center;
}

div#content input[type="submit"].pager-button,
div#content span.pager-button
{
    background-image: none;
    background-color: White;
    color: #666666;
    font-size: 110%;
    text-decoration: underline;
    border: 1px dotted #cccccc;
    min-width: 35px;
    height: 29px;
    margin: 12px 5px 0px 5px;
    display: inline-block;
}

div#content input[type="submit"].pager-button:hover,
div#content span.pager-button
{
    background-image: none;
    background-color:#e3ecdc !important;
}

div#content span.pager-button
{
    font-weight: bold;
    text-decoration: none; 
}

.right-align-button
{    
    text-align:right;
}

.right-align-button input
{
    float:none;
}

.col,
.col-wider
{
    float:left;
    width:auto;
    text-align:left;
    padding:4px;
}

.col-validator
{
    float:left;
    width:10px;
    margin-right:10px;
}

.col label
{
    min-width:170px;
    float:left;
}

.col-wider label
{
    min-width:195px;
    float:left;
}

.row
{    
    clear:both;
    float:left;    
}

.button-holder
{   
    text-align:right;  
    margin-top:1px;
    padding-top:12px;
}
.grid-view
{            
    width:100%;    
    padding:10px;
    table-layout:fixed;  
}

.table-layout-auto-override
{
    table-layout:auto !important;
}

  /*
    word-break:  break-all;        
    word-wrap: break-word;*/

.flow-timestamp-wrap
{
    width:180px !important;    
    padding-right:10px !important;
    word-break:  break-all;        
    float:left;
    word-wrap: break-word;
}

.grid-view-mpr
{
    table-layout:auto;
}

.grid-view-auto
{
    table-layout:auto;
    width:100%;
}

.grid-view-row
{        
    border:1px solid #ececec;    
    border-top:0px;
}

.column-narrow
{
    width:15px;
}

div#content fieldset table tr.grid-view-row td,
div#content fieldset table tr.grid-view-row-alt td,
div#content fieldset table tr.grid-view-row-selected td,
div#content fieldset table.tr.disabled-row td
{
    padding:3px 6px 3px 10px;
    text-align:left;    
    vertical-align:top;

}

.grid-view-header th
{
    background-image: url(../assets/images/menu-grad.gif);
    padding:8px 8px 8px 12px;    
    background-repeat: repeat-x;     
    font-size:90%;
    line-height:115%;    
    text-align:left;
}

.grid-view-row-alt,
.grid-view-row-selected
{
    background-color: #e3ecdc;
    border-left:1px solid #ececec;
    border-right:1px solid #ececec;
}

.grid-view-row-selected
{
    background-color: #d3dccc;
}

/* Change password screen */
.change-pass label
{
    width:200px;
}

table#ctrlChangePassword
{
    float:left;
    clear:both;
}

.change-pass-validate
{
    position:absolute;
    text-align:left;
    margin-top:3px;    
    margin-left:580px;
    float:right;
    }

.change-pass-regex
{
    margin-left:-11px;
}

.pwd-strength-result
{
    position:absolute;
    color:Red;
    background:#ffffcc;
    font-size:80%;    
    width:360px;
    border:1px solid #54a759 !important;
    padding:5px 7px;
    float:left;
    z-index:100;
    margin-top:40px;   
}

div.pwd-progress-wrap
{
    border:1px solid #54a759 !important;
    width:356px;
    float:left;
    position:absolute;
    font-size:80%;    
    padding:9px;         
    background-color:White;
    overflow:auto;
    z-index:10;    
}

div.pwd-progress-wrap span
{
    float:left;
    width:160px;
    padding-top:2px;
}

div.pwd-progress-bar-wrap
{
    float:left;
    width:190px;   
    border:1px solid #54a759;
    height:20px; 
    margin-right:4px;       
}

div.pwd-progress-bar
{         
    position:absolute;
    max-width:170px;
    height:20px;   
    float:left;          
}

.progress-bar-green
{
    background-image: url(../assets/images/prog-bar-back.jpg); 
}

.progress-bar-red
{
    background-image: url(../assets/images/prog-bar-back-red.jpg); 
}

div.valid-password
{
    float:right;
    position:absolute;    
    margin:-26px 0px 0px 200px;    
}

div.pwd-progress-status
{
    position:absolute;
    width:190px;   
    text-align:center;
}

div.pwd-change-error
{
    float:left;
    margin-top:-2px;
    position:absolute;
}

.alert-info
{
    color: #2e8611;   
}

.alert-warn,
.alert-error
{
    color: #f00;
}

.alert-img
{
    float:left;
    margin-right:12px;
}

.alert-warn, 
.alert-error,
.alert-info
{   
    position:absolute;
    float:left; 
    font-size:90%;    
    padding-top:3px;
}

/* New user screen */
div.new-user-wrap fieldset
{
    padding-top: 1px !important;
    padding-bottom: 19px !important;

}

div.new-user-wrap .button-holder
{
    padding-top:20px;
}

div.new-user-wrap .grid-view
{  
    width:940px;
}

div.new-user-wrap #pnlAlert
{
    float:left;
    padding-top:11px;
}


/* Password History Screen */
.change-pass-instruct,.change-pass-instruct span
{
    color:Red;
    text-align:left;
    clear:both;
    padding-bottom:20px;    
    padding-top:0px;
    margin:0;
    margin-top:-10px;
}

/* User Search */

.user-search fieldset
{
    padding-top:0px !important;
    padding-bottom:16px !important;
}

.user-search-button 
{
    width:500px;    
    float:left;
    margin-left:178px; /* accommodate label */
    
    text-align:left;
    
    
}

/* Non Js Override Buttons */
.non-js-item
{    
    position:absolute;
}

.comp-drop-refresh
{
    width:70px !important;
    min-width:70px !important;
}

/* User Message Admin */

.message-text
{
    width:650px;
    height:120px;
    margin-bottom:-15px;
    float:left;
}

.user-message-wrap .button-holder
{
    padding:25px 0px 0px 83px;
}

/* Important Messages */

div.important-message-wrap 
{
     
     margin-top:0px;         
     padding:15px;
     float:left;
     width:95%;
     border:1px solid #f1d7ee;
     height:170px;
     margin-bottom:-5px;
     overflow-y:scroll;    
     font-size:90%;
     line-height:145%; 
}

div.important-message-wrap h4
{
    color:#36a13c;
    text-align:left;        
}

div.important-message-wrap hr
{
    
    border: none;
    background-color: #f1d7ee;   
    height: 1px;     
}

div#content fieldset div.ajax__calendar tr td
{
    padding: 0px;
}

/* Flow message detail */

div#flow-message-detail-wrap
{
    margin-bottom:10px;
}

div#flow-message-detail-wrap textarea
{
    min-width:660px;
    color:#666666;
}

div.review-panel
{
    margin-bottom:10px;
    margin-top:10px;
}

div.review-panel fieldset
{
    border-color:#CCCCCC !important;
}

div.review-panel fieldset legend
{
    font-size:12px;
}

/* Market Participant Detail Screen Overrides*/
.mpd-col 
{    
    padding-top:0px;
    float:left;
    height:30px;
    padding-right:14px;
    min-width:120px;
}

.mpd-col .date-box
{
    width:80px;
    min-width:80px !important;
}

.mpd-col select
{
    width:120px;
    min-width:120px !important;
}

/*Fix alignment issues when editing or */
.mpd-col input[type="text"]
{
    /*width: 110px !important;*/
    width: 65px !important;
}

.mpd-col-button-holder
{
    width:240px;
}

.mpd-col-button
{
    float:right;
    margin-right:5px;        
}

.mpd-add-button
{
    float:right;
    margin-right:16px;     
}

.mpd-view-bank-row
{    
    float:left;
}

.mpd-view-bank-row .col
{
    min-width:130px;   
    width:130px;    
    float:left;
    padding:0px;
}

.mpd-view-bank-row .col label
{    
    min-width:74px;
}

/* Bank edit */
.bank-edit-row label
{
    min-width:80px;    
}

.bank-edit-row
{
    height:35px;
}

div#content .bank-edit-row .sort-code-col
{
    float:left;
}

div#content .bank-edit-row .sort-code-col .col
{
    float:left;
    width:37px;
    padding:0px;
}

.bank-edit-row .col
{
    width:160px;
    padding:0px;    
}

div#content .bank-edit-row  input[type="text"]
{
    min-width:103px;
    width:103px;
    float:left;
}

/* Bank holiday screen */
.bank-hol-date-wrap
{
    float:left;
    width:210px;
}

/* ONS Data Load Screen */
select.ons-edition
{
    width:110px;
    min-width:20px;
    padding:4px;
}


/* Sort Code Control */

div#content input[type="text"].sort-code
{
    min-width: 20px;
    width: 20px;
}

/* Permitted Remittance Processors */
.permitted-remittance-processors .grid-view .date-box
{
    min-width:85px !important;
    width:85px;
}

/* Green Deal Tabs */
.green-deal-tab-holder 
{
    float:left;
    width:98%;
    background-color:#f9fcf7;
    border:1px solid #ececec;
    padding-top:8px;
    padding-bottom:13px;
    padding-left:2%;
    min-height:200px;
}

.green-deal-tab-holder div:first-child
{
    clear:both;        
}

.status-timeline 
{    
    float:left;
    padding-bottom:13px;
    
}

/* UpdateProgress styles */
.background-mask
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
    background-color: #fff;
    z-index: 9998;
}


.update-progress
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 9999;
}

.update-progress div#progressMsg
{
    display: block;
    width: 30%;
    margin-top: 20%;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}

.update-progress div#progressMsg span
{
    display: block;
    margin-bottom: 10px;
}

.update-progress div#progressMsg img
{
    width: 48px;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
}

/* Green Deal Search */
.green-deal-search .grid-view
{
    font-size:90% !important;
}

/* Green Deal Confirm */
.green-deal-confirm 
{
    border:1px solid #ececec;
    padding:24px 10px;        
}

.green-deal-confirm .notice
{
    clear:both;
    
    text-align:justify;
    margin-left:auto;
    margin-bottom:10px;
    margin-right:auto;
}

.green-deal-confirm .grid_6
{
    text-align:left;
}

.green-deal-confirm input[type="submit"]
{
    margin-top:10px;
}


/* Validator call out extenders */
/*.ajax__validatorcallout tr
{
    padding: 0px;
}*/

.rem-col, .bank-col
{
  margin-top:0px;
}

.mpd-col table.ajax__validatorcallout, .sort-code-col table.ajax__validatorcallout, 
.rem-col table.ajax__validatorcallout, .sort-code-col table.ajax__validatorcallout,
.bank-col table.ajax__validatorcallout, .sort-code-col table.ajax__validatorcallout
{
    top:auto !important;
    margin-top:-19px;
    right:auto !important;
    left:auto !important;
    margin-left:100px;
    word-break :  normal;        
    word-wrap: normal;
    word-break:  normal !important;        
    word-wrap: normal !important;

}

div#content fieldset table.ajax__validatorcallout tr td.ajax__validatorcallout_callout_cell
{
    padding: 0px;
    text-align: right;
    border-color: #54a759;
}

div#content fieldset table.ajax__validatorcallout tr td.ajax__validatorcallout_icon_cell
{
    padding: 5px;
    border-color: #54a759;
}

div#content fieldset table.ajax__validatorcallout tr td.ajax__validatorcallout_error_message_cell
{
    padding: 5px;
    border-color: #54a759;
    vertical-align:top;
}

div#content fieldset table.ajax__validatorcallout tr td.ajax__validatorcallout_close_button_cell
{
    padding: 0px;
    border-color: #54a759;
}

div#content fieldset table.ajax__validatorcallout_callout_table tr td.ajax__validatorcallout_callout_arrow_cell
{
    padding: 8px 0px 0px 0px;
    border-color: #54a759;
}


div#content fieldset table.ajax__validatorcallout td,
div#content fieldset table.ajax__validatorcallout div
{
    background-color:#f1fee6;
    border-color: #54a759;
}

.hide
{
    display:none;
    visibility:hidden;
}

.dash-wrap .grid-view
{
    text-align:left;
}

.dash-wrap .grid-view td
{
    padding-left:12px;
}

/* Access Keys */
.access-key-wrap
{
    text-align:left;
    font-size:90%;
}

.access-key-wrap .access-nav-list
{
    float:left;
    margin-left:343px;
    padding:20px 0px;
}

.access-key-wrap ul
{
    list-style:disc;
}

.access-key-wrap ul.sub-menu
{
    margin-left:28px;
}

.access-key-wrap .selected-menu
{
    background-image:none;
}

.access-key-wrap .selected-menu a, .access-key-wrap .selected-menu .sub-menu a
{
   color: #54A759 !important;
}

/* CAS Contact Details */

.cas-contact-wrap
{
    clear:both;    
}

.cas-contact-wrap 
{
    font-size:90%;
    padding:10px;
    background-color:#f4f9f4;
    text-align:center;
    border:1px solid #ececec;
    border-top:none;
}

/* SIT test fix - extra long desc not wrapping*/

.user-role-desc, 
.user-user-role-desc, 
.comp-user-role-desc
{
    float:left; 
    word-break:  break-all;        
    word-wrap: break-word;  
}

.user-role-desc     {width:500px;}
.user-user-role-desc{width:300px;}
.comp-user-role-desc{width:320px;}

.green-deal-flow-detail
{color: #666666; 
    height: 150px; 
    width: 705px; 
    margin-bottom:5px;
    overflow-y: scroll;     
    word-wrap: break-word; 
    border: 1px solid #CCCCCC;
    clear:both;
}

.green-deal-dbp-detail
{
    color: #666666;
    background-color: White;
    height: 100px; 
    width: 180px; 
    margin-bottom:5px;
    overflow-y: scroll;     
    word-wrap: break-word; 
    border: 1px solid #CCCCCC;
    font: 14px/1.2 Times;
    clear:both;
}

.notice
{
    color:Red;    
    font-size:12px;
}

.custom-text-box-disabled
{
   background-color:#ececec;
}

.custom-check-box-disabled
{
   background-color:#ececec;
}

.custom-label-disabled
{
    /* BLANK FOR NOW - MAY DECIDE TO GREY OUT / HIDE */
}

/* For the new Green Deal Details tab which was previously the advisory tab. */
div.col > label.small-label
{
    min-width: 122px !important;
}

/* For Yes No radio buttons.*/
span.small-label > label
{
    min-width: auto !important;
}

table.grid-view > caption
{
    text-align: left;
    margin-bottom:11px;    
    font-weight: bolder;
}

div.sh-time-line
{
    float: left;
}

.confirmation-warning
{
    float:left;
    text-align:left;
    color:Red;
    font-size:12px;
}


.green-deal-tab-holder label
{
    width:217px;
}


.green-deal-tabs ul.menu li
{
    padding:5px 6px;
}

.green-deal-header-info, .green-deal-tab-detail
{
    margin:12px 5px 8px 5px;
    border:1px solid #ececec;
    padding:10px 13px 10px 10px;
    width:94%;
    overflow:hidden;
    padding-bottom:14px;    
    float:left;
}

.green-deal-header-info .col
{
    padding:2px 4px !important;
}