﻿html {
	overflow-y: scroll; 
}

body
{
    font-family: FS Albert Web, calibri, tahoma, Arial;
    font-size: 13px;
    background-color: #817773;
    margin:0px;
    padding:0px;
}

th
{
    background-color: #666666;
    font-weight: normal;
    text-align:center;
    color: White;
    font-family: FS Albert Web,calibri, tahoma, Arial;
    font-size: 13px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4pt;
    padding-right: 4px;
    white-space:nowrap;
}

td
{
    font-size: 11px; padding:3px;
}

a{font-size: 11px;text-decoration:none;color:#4c0066;}
a:hover{color:#4c0066;text-decoration:underline;}
a:active{color:#4c0066;}
a:visited{color:#4c0066;}

select, button
{
    font-family: FS Albert Web, calibri, tahoma, Arial;
    font-size: 11px;
    border:1px;
    outline:1px;
    padding:3px;
    }

button {
    cursor: pointer;
}

input, textarea
{
    font-family: FS Albert Web, calibri, tahoma, Arial;
    font-size: 11px;
    border:1px solid #afa9a5;
    padding-left:5px;
    outline:0;
    }

.checkbox {margin:0}

#container_account_qp{float:right;padding:0}



 .account-view-history{
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
     background-color: #aaaaaa;
    height: 20px;
    margin-right: 2px;
    margin-left: 2px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    font-size: 9px;
    }

  .account-view-history-pinned{
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
     background-color: #cc3333;
    height: 20px;
    margin-right: 2px;
    margin-left: 2px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    font-size: 9px;
    }

 a.menu-link-white-no-underline:link
  {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 9px;
    }
 a.menu-link-white-no-underline:visited
  {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 9px;
    }
 a.menu-link-white-no-underline:hover
 {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 9px;
    }
 a.menu-link-white-no-underline:active
 {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 9px;
    }



.borderlessinput {
    font-family: FS Albert Web, calibri, tahoma, Arial;
    font-size: 11px;
    padding:0;
    outline:0;
    margin:0;
    border-top:0;
    border-right:0;
    border-bottom: 1px dashed #999;
    border-left:0;
  display: inline;
  height:14px;
}


.borderlessbutton{
    font-family: FS Albert Web, calibri, tahoma, Arial;
    font-size: 11px;
    padding:0;
    outline:0;
    margin:0;
    border-top:0;
    border-right:0;
    border-left:0;
  display: inline;
  height:14px;
}

input:disabled{background:#dfdfdf;}

.editablerow {
    height: 20px;
}

#container_page
{
    width: 1000px;
    height: auto;
    margin-top:0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #FFFFFF;
}

#container_banner
{
    background: url("../images/headernl.gif");
    background-repeat: no-repeat;
    height:50px;
    background-color:#330066;
}

#container_menu_top
{
    position: fixed; 
    height:53px;
    width:1000px;
    top:0px;
    font-size: 13px;
    line-height:53px;
    z-index:5;
    }
    
#menu_top_left
{
    color: #808080;
    float: left;
    width: 475px;
    height: 25px;
    padding-left: 20px;
    font-size: 13px;

}

#menu_top_right {
    position:relative;
    color: #FFFFFF;
    font-size: 11px;
    font-weight:bold;
    vertical-align:middle;
    padding-top:7px;
}

#logouticon {padding-right: 15px;padding-top:7px;}

#container_window_padding_1 {height:8px; width:1000px;}
#container_window_padding_2 {height:5px; width:1000px;}

#logout_link{color:#ffffff;font-weight:bold;}
#logout_link:hover{color:#ffffff;text-decoration:underline;font-weight:bold;}
#logout_link:active{color:#ffffff;font-weight:bold;}
#logout_link:visited{color:#ffffff;font-weight:bold;}

#reload_link{color:#ffffff;font-weight:bold;}
#reload_link:hover{color:#ffffff;text-decoration:underline;font-weight:bold;}
#reload_link:active{color:#ffffff;font-weight:bold;}
#reload_link:visited{color:#ffffff;font-weight:bold;}


#refreshdata_link{width:70px;}

.bw-link{color:#ffffff;}
.bw-link:hover{color:#ffffff;text-decoration:underline;}
.bw-link:active{color:#ffffff;}
.bw-link:visited{color:#ffffff;}

.wb-link{color:#000000;}
.wb-link:hover{color:#000000;text-decoration:underline;}
.wb-link:active{color:#000000;}
.wb-link:visited{color:#000000;}


.ttab-selected{padding:3px; background-color:black; color:white; font-weight:bold;margin-left:0px;margin-right:4px;}
.ttab-unselected{padding:3px; color:black; font-weight:bold;margin-left:0px;margin-right:4px;}
a.ttab-unselected:active{padding:3px; color:black; font-weight:bold;margin-left:0px;margin-right:4px;}

.window_menu_link {font-size:12px;color: #ffffff;font-weight:bold; height:20px}
.window_menu_link:hover{font-size: 12px;color:#ffffff;text-decoration:none;font-weight:bold; height:20px}
.window_menu_link:active{color:#ffffff;font-weight:bold; height:20px}
.window_menu_link:visited{color:#ffffff;font-weight:bold; height:20px}

.sim_menu_link, .sim_menu_link:active, .sim_menu_link:visited  {padding-left:7px; padding-right:7px; font-size:12px;color: #ffffff !important;font-weight:bold;background-color:black;}
.sim_menu_link:hover{padding-left:7px; padding-right:7px; font-size: 12px;color:#ffffff !important; text-decoration:underline;font-weight:bold;}

#container_window_account_history {height:17px;width:990px; overflow:hidden; display:none}

.editablefield{border-bottom: 1px dotted gray;vertical-align: bottom;}

table.simsubtable
{
border-width: 1px 1px 1px 1px;
border-spacing: 0;
border-collapse: collapse;
border-style: solid;
background-color:white;
border-color:white;
}
.simsubtable td, .simsubtable tr{
margin: 0;
padding: 3px;
border-width: 0;
border-style: solid;
}

table.simtabtable
{

    border-spacing: 0;

}
.simtabtable td, .simtabtable tr{
margin: 0;
padding: 3px;
border-width: 0;
border-style: solid;
}

.simpage {
    margin-left:17px;
}

.table-header {background-color:black; font-weight:bold; color:white; padding:0}
.fake-link {cursor: pointer;}

#simplemodal-container {padding:3px; border-style:solid; border-color:black; background-color:white; border-width:1px 1px 1px 1px; resize:vertical}

#simplemodal-container a.modalCloseImg
{
    background: url(../images/x.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -8px;
    right: -8px;
    cursor: pointer;
}

button {font-size:11px;margin:1px;}

.tableheader {background-color:#817773; color:white; font-weight:bolder;}

#container_window_menu
{
    height:14.5px;
    width:1000px;
    }

.window_menu_div    
{
    padding-left:5px;
    padding-right:5px;
    white-space: nowrap;
    }
    
.window_menu_div_bottom {height:2px;background-color:white;}
.window_menu_div_bottom_hover {
    height: 2px;
    background-color: #FFBA00;
}
.window_menu_div_bottom_selected {height: 2px;background-color: #808080;}
.window_menu_div_bottom_selected_hover {height: 2px;background-color: #99CCFF;}

.accountqp_link_active:link {font-weight: bold;color:#FFFFFF;padding-left:2px;padding-right:3px;text-decoration:none;}
.accountqp_link_active:hover{font-weight: bold;color:#FFFFFF !important;background-color:#ff9933;padding-left:2px;padding-right:3px;text-decoration:none;}
.accountqp_link_active:visited{font-weight: bold;color:#FFFFFF;padding-left:2px;padding-right:3px;text-decoration:none;}
.accountqp_link_active:active{font-weight: bold;color:#FFFFFF !important;padding-left:2px;padding-right:3px;text-decoration:none;}

.accountqp_link_active_selected:link {font-weight: bold;color:#FFFFFF !important;background-color:#ff9933;padding-left:2px;padding-right:3px;text-decoration:none;}
.accountqp_link_active_selected:hover{font-weight: bold;color:#FFFFFF !important;background-color:#ff9933;padding-left:2px;padding-right:3px;text-decoration:none;}
.accountqp_link_active_selected:visited{font-weight: bold;color:#FFFFFF !important;background-color:#ff9933;padding-left:2px;padding-right:3px;text-decoration:none;}
.accountqp_link_active_selected:active{font-weight: bold;color:#FFFFFF !important;background-color:#ff9933;padding-left:2px;padding-right:3px;text-decoration:none;}

.accountqp_link_inactive {color:#afa9a5}

.menu_div {
    padding-left: 7px;
    padding-right: 7px;
    white-space: nowrap;
}
.menu_div_selected {
    padding-left: 7px;
    padding-right:7px;
    white-space: nowrap;
    background-color:#cc3333;
}

#menu_table {
    width:1000px;height:15px; border:0px;border-spacing:0px;border-collapse:collapse;background-color:#330066
}



.menu_table_td {
    padding: 0;
    margin: 0;
    border-width: 0px;
    height:14.5px;
}

.menu_div:hover {font-weight: bold;color:#FFFFFF !important;background-color:#cc6633;text-decoration:none;}
.menu_div:hover a{font-weight: bold;color:#FFFFFF !important;background-color:#cc6633;text-decoration:none;}
.menu_div_selected a:link {font-weight: bold;color:#FFFFFF !important;background-color:#cc3333;text-decoration:none;}
.menu_div_selected a:hover {font-weight: bold;color:#FFFFFF !important;background-color:#cc3333;text-decoration:none;}
.menu_div_selected a:visited {font-weight: bold;color:#FFFFFF !important;background-color:#cc3333;text-decoration:none;}
.menu_div_selected a:active {font-weight: bold;color:#FFFFFF !important;background-color:#cc3333;text-decoration:none;}

.menu_div a:link{font-weight: bold;color:#FFFFFF;text-decoration:none;}
.menu_div a:hover{font-weight: bold;color:#FFFFFF !important;background-color:#cc6633;text-decoration:none;}
.menu_div a:visited{font-weight: bold;color:#FFFFFF;text-decoration:none;}
.menu_div a:active{font-weight: bold;color:#FFFFFF !important;text-decoration:none;}


.simti {
    text-align: right; color:#817773;width:40px; font-size:9px;
}

.simti a {
    text-align: right; color:#817773;width:40px; font-size:9px !important;
}

.simta {
    text-align: right; width:60px; font-weight:bold;border-right-color: #dfdfdf; border-right-width: 1px; border-right-style: solid;padding-right:15px;
}

.whitelink a {color:white !important;
}

.customername {
    text-align: left; font-weight:bold;border-right-color: #dfdfdf; border-right-width: 1px; border-right-style: solid;
}

.tariffname {
    text-align: left; font-weight:bold;border-right-color: #dfdfdf; border-right-width: 1px; border-right-style: solid;
}

#simsearch-bulksearch {
    margin-left: 17px;
}

#accountsearch-box{
    margin-left: 17px;
}



.customerlist {
    width:968px;
    margin-left:17px;
    margin-top:10px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.simpage {

}

.nolink {
    color: lightgray;
}

.userlist {
    width:968px;
    margin-left:17px;
    margin-top:10px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.addaccount {
    width:968px;
    margin-top:10px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.tariffsummarylist {
    width:968px;
    margin-left:17px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.tariffsummarylist{
    margin-top: 10px;
}

.tariffsummarylist-tr {
    height: 20px;
    border-bottom-color: rgb(207, 207, 207);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: white;
}

.window_menu_div_selected
{
    padding-left: 10px;
    padding-right: 10px;
    background-color: #000099;
}

.window_menu_link_selected
{
    font-size: 13px;
}

.simsearcherrors {
    width: 960px;
    margin-left: 17px;
    margin-top:10px;
}

#simdetail-loader{margin-right:10px; margin-top:10px;}

#ajaxactive{width:32px;text-align:center;}

#sim_menu_div {
    width:160px;
}

.shadow {
-webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.78);
-moz-box-shadow:    3px 3px 3px 0px rgba(50, 50, 50, 0.78);
box-shadow:         3px 3px 3px 0px rgba(50, 50, 50, 0.78);
}

.bulkoptions {
    width:964px;
    margin-left:17px;
    margin-top:5px;
    margin-bottom:5px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-top:0;
    padding-bottom:0;
    height:26px;
}

.columndisplay {
    width:964px;
    margin-left:17px;
    margin-top:5px;
    margin-bottom:5px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height:26px;
}

.accountsearch-box-header {
    width:964px;
    margin-left:0;
    margin-top:10px;
    margin-bottom:5px;
    white-space: nowrap;
    padding-top:8px;
    padding-bottom:0;

}


#accountsearch-error-message {clear:both;font-weight:bold;color:#cc3333;font-size:9px;height:12px;padding-left:195px;}
#createaccount-warning {font-weight:bold;color:#cc3333;font-size:9px;height:12px}


.simlist {
    width:964px;
    margin-left:17px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.simlist_header {
    width:964px;
    margin-left:17px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-style: none;
}

.align-right {
    text-align: right
}

.align-center {text-align:center}

.rotate-90-degrees-right{
        -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.pagedtable-no-offset {
    width:964px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cfcfcf;
}

.note {
    font-size: 9px;
    color:grey;
}

.searcheslist {
    width:964px;
    margin-left:17px;
    margin-top:10px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.tarifflist {
    width:964px;
    margin-left:17px;
    margin-top:10px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.tariffroutelist {
    width:964px;
    margin-left:0px;
    margin-top:0px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}


.simwildcardsearchtable {width:964px;
    margin-top:10px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}



.userdetailtable {
    width:964px;
    margin-left:17px;
    margin-top:10px;
    white-space: nowrap;
    border-spacing: 0;
    border-top-color: #cfcfcf;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #cfcfcf;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #cfcfcf;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}





#container_window_main
{
    width: 1000px;
    vertical-align: middle;
    min-height:240px;
    height:auto !important;
    height:420px;
}
    
#container_footer
{
    margin: 20px 0px 0px 20px;
    height: 50px;
    color: #333333;
    font-size: 9px;
    text-align:center;
    vertical-align:middle;
    clear:both;
}

.DTTT_button{font-size:13px;margin-right:7px;margin-bottom:7px; float:right;padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px}
.DTTT_container{float:right !important}
.DTTT_PrintMessage{font-size:16px; font-weight:bold; width:100%; text-align:center;}
.sInfoCustom{font-size:16px; font-weight:bold; width:100%; height:100%; text-align:center; vertical-align:middle;}

/*      IMAGES      */
#m2mpartnerlogo
{
    border:0px; height:43px; width:176px
}

#pinned_account_code {
    font-weight: bold;
    margin-right:10px;
    color:white;
}

#menu_notice {
        width:100%;
        text-align:right;
}

#menu_loader {
    margin:0;
    padding:0;
    border:0;
    width:90px;
    margin-right:10px;
}

/*!
 * jQuery confirmOn Plugin
 * https://github.com/invetek/jquery-confirmon
 *
 * Copyright 2013 Loran Kloeze - Invetek
 * Released under the MIT license
 */


.confirmon-overlay {
        background-color: black;
        background-color: rgba(0, 0, 0, 0.60);        
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
        position: fixed;
        z-index: 150;
        display: none;
        
}

.confirmon-box {
        background-color: #cc3333;
        color: #ffffff;
        border: solid 1px #666666;  
        box-shadow: 0px 1px 10px #222;
        padding: 20px 10px 35px 10px;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        z-index: 151;
        display: none;
        position: absolute;
        margin-left: -15%;
        width: 30%;
        left: 50%;
        top: 185px;
        
}

.confirmon-box button {
        margin: 10px 5px;
        padding: 5px 10px;
        text-align: center;
        background-color: #cc3333;
        border: 1px solid #ddd;
        color: #ddd;
        font-weight: bold;
}

.confirmon-box button:hover {
        background-color: #ff9933;
        cursor: pointer;
}


.tariff-tab-holder {margin-left:17px; width:960px; }
.content-holder{margin-left:17px; width:960px; }
.footer-holder{margin-left:17px; width:960px; }
.applet-header-table{margin-left:17px; width:960px;}
.applet-header-text {
    margin-left: 17px;
    width: 960px;
    color: white;
    background-color: black;
    padding: 3px;
    font-weight: bold;
    font-size: 11px;
    margin-top:10px
}
.applet-refresh-link{
    float:right !important;
    margin-right:17px !important;
    font-size: 11px !important;
    background-color:white !important;
    color:black !important;
    
    font-weight:bold !important;
    cursor: pointer !important;
}
.applet-refresh-link:hover{text-decoration: underline;}
.table-header {color: #ffffff; background-color: #000000; font-weight: bold; padding: 3px 8px 3px 8px; white-space: nowrap}
.table-list-default {margin:0; border-collapse:collapse; width:970px}

ul.tab-list { list-style-type: none; padding-left:0px; margin-bottom:2px;}
ul.tab-list li { display: inline;}
ul.tab-list li a { color: #000000; background-color: #ffffff;font-weight: bold;  padding: 3px 8px 3px 8px}
ul.tab-list li a:hover { color: #ffffff; background-color: #808080; font-weight: bold; padding: 3px 8px 3px 8px}
ul.tab-list li a.selected { color: #ffffff; background-color: #000000; font-weight: bold; padding: 3px 8px 3px 8px }
div.tabContent { }
div.tabContent.hide { display: none; }


/*thepu*/
#thepu {padding:0}
.thepu-header {font-size:11px; background-color: #cc3333; font-weight:bold; color:white; text-align:left; padding:3px; margin:0}
.thepu-buttons {text-align:right}
.thepu-validate {font-size:9px; color:red; font-weight:bold}

/*microsoft office specific styles for copy/paste*/
.mso-num {mso-number-format:General;}
.mso-curr{mso-number-format:"_-\0022£\0022* \#\,\#\#0\.00_-\;\\-\0022£\0022* \#\,\#\#0\.00_-\;_-\0022£\0022* \0022-\0022??_-\;_-\@_-";mso-style-name:Currency;mso-style-id:4;}
.mso-text{mso-number-format:"\@";}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}