/***********************************
          REUSABLE STYLES
************************************/

.collapsibleSection h3
{
    background:url(/bt_main/content/images/bg-h3.gif);
    margin:0;
    font-size:1.17em;
    height:22px;
    line-height:22px;
    color:#fff;
}

.collapsibleSection h3 span
{
    padding:0 0 0 5px;
    display:inline;
    height:22px;
}

/* collapsible section header description */
.collapsibleSection h3 em
{
    font-size:11px;
    font-style:normal;
}

/* collapsible section content */
.collapsibleSection .sectionContent
{
    background:#e9e9e9;
overflow:hidden;
    padding:15px 0 11px 20px;
}


/***********************************
          COMMON HEADER
************************************/

.logo
{


position:relative;
    top:12px;
    left:29px;
}

#messageBox
{
    position: absolute;
bottom: 3px;
right: 29px;
    width: 425px;
    text-align: center;
}

#outstandingPackages
{
    position:absolute;
    padding:5px;
    right:0px;
    font:14px Arial;
    font-weight:bold;
    text-align: right;
}
.serviceName
{
    position:relative;
    margin-top:15px;
    left:29px;
    width:250px;
    font:16px Arial;
    font-weight:bold;
}

#header h1
{
    font:bold 18px 'Lucida Grande', Arial, Helvetica, sans-serif;
    margin:0;
    position:absolute;
    top:99px;
    left:22px;
    color:#fff;
}

#nav
{
    margin:0;
    padding:0;
    position:absolute;
    top:59px;
    right:5px;
    list-style:none;
}

#nav li
{
    float:left;
    margin:0 0 0 5px;
    display:inline;
}

#nav li a
{
    float:left;
    color:#e3e3e3;
    font:bold 13px/30px 'Lucida Grande', Arial, Helvetica, sans-serif;
    background:url(/bt_main/content/images/bg-a.gif) no-repeat 0 0;
}

#nav li a span
{
    float:left;
    padding:0 9px;
    cursor:pointer;
    height:30px;
    background:url(/bt_main/content/images/bg-span.gif) no-repeat 100% 0;
}

#nav li.active a
{
    background:url(/bt_main/content/images/bg-a-hover.gif) no-repeat 0 0;
    text-decoration:none;
}

#nav li a:hover
{
}

#nav li.active a span
{
    background:url(/bt_main/content/images/bg-span-hover.gif) no-repeat 100% 0;
}

#nav li a:hover span
{
}

.sub-nav
{
    margin:0;
    padding:0 0 0 1px;
    list-style:none;
    position:absolute;
    top:132px;
    left:5px;
    border-right:1px solid #a7a7a7;
}

.sub-nav li
{
    float:left;
    height:20px;
    border-left:1px solid #a7a7a7;
}

.sub-nav li a
{
    color:#69757e;
    float:left;
    background:url(/bt_main/content/images/bg-a-sub.gif) no-repeat 0 0;
}

.sub-nav li a span
{
    height:20px;
    float:left;
    padding:0 8px 0 8px;
    cursor:pointer;
    line-height:20px;
    background:url(/bt_main/content/images/bg-a-sub.gif) no-repeat 100% 0;
}

.sub-nav li.active a,
.sub-nav li a:hover
{
    text-decoration:none;
    color:#fff;
    background:url(/bt_main/content/images/bg-a-sub-hover.gif) no-repeat 0 0;
}

.sub-nav li a:hover span
{
    background:url(/bt_main/content/images/bg-span-sub-hover.gif) no-repeat 100% 0;
}


.pagewidth
{
    width:960px;
    margin:0 auto;
}

.pagewidthfull
{
    min-width:960px;
    margin:0 auto;
}

#tabheader
{
    position:relative;
}


#header
{
    height:162px;
    background:url(/bt_main/content/images/bg-header.gif);
    overflow:hidden;
}

/*****login styles start*****/

#publicheader
{
    /*height:60px;*/
    /*width:960px;*/
    color:darkcyan;
    position:relative;
    padding:22px 0px 0px 0px;
    width:100%;
    background:url(/bt_main/content/images/bg-public-header.gif) repeat-x bottom;
}

#publicheader #logo-wrapper
{
    padding:5px 0px 0px 0px;
    float:left;
    display:inline;
    margin:-14px 0px 0px 17px;
    font-size:25px;
    font-weight:bold;
}

#publicheader .catch_phrase
{
    text-align:center;
    position:absolute;
    width:100%;top:50px;font-size:16px;
    color:darkcyan;
    font-weight:bold;
    left:0px;
}

.clear
{
    clear:both;
    height:0px;
    overflow:hidden;
}

.new_message_box
{
    width:760px;
    margin:0px auto 0px auto;
}

.new_message_box h2
{
    width:760px;
    font-weight:normal;
    padding-top:30px;
    font-size:20px;
    color:#000;
    background-color:#ffffff;
    /*border-bottom:solid 1px #ccc;*/
}

.new_message_box a.head_link
{
    float:right;
    margin-top:6px;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
}

.new_message_box .content
{
    background-color:#f5f5f5;
    border-bottom:solid 1px #ccc;
    border-top:solid 1px #ccc;
    padding-bottom:40px;
    padding-top:25px;
    color:#555;
    clear:both;
}

.new_message_box a.head_link:hover
{
    text-decoration:underline
}

.new_message_box .content p
{
    margin:0 0 0px 0
}

.new_message_box form
{
    margin:0px;
    padding:0px;
}

.new_message_box dt
{
    font-size:13px;
    display:block;
    float:left;
    padding-right:0px;
    width:190px;
    text-align:left;
    margin-left:20px;
    margin-bottom:10px;
    margin-right:0px;
    padding-right:0px;
}

.new_message_box dd
{
    width:190px;
    float:left;
    margin-bottom:0px;
    padding-right:10px;
}

.new_message_box dd.bigger
{
    width:190px;
    padding-top:4px;
    padding-left:30px;
}

.new_message_box dd.securityicon
{
    width:40px;
}

.new_message_box dl
{
    clear:both;
    padding:0px;
    margin-bottom:6px;
}

.new_message_box dt em
{
    font-size:11px;
    font-style:italic;
    display:block;
    line-height:11px;
    color:#777;
    float:right
}

.new_message_box dd em
{
    font-size:11px;
    font-style:italic;
    line-height:11px;
    color:#777;
}

.new_message_box dd strong
{
    color:#000;
}
/*.new_message_box dd input {padding:0px}*/
/*.new_message_box .buttons {margin:25px 0px 10px 0px}*/

.new_message_box .form
{
    text-align:left;
    margin:0px 0px 20px 30px;
    line-height:36px
}

.new_message_box .form p
{
    margin:5px 0px 10px 125px;
}

.new_message_box .form p.legal
{
    font-weight:bold;
    font-size:11px;
}

/*.new_message_box .form .buttons {margin:15px 0px 10px 125px}*/

.new_message_box dt.image
{
    width:auto;
}

.new_message_box dt.image img
{
    padding:3px;
    border:solid 1px #ccc;
    background-color:#fff;
    margin-right:20px
}

.something
{
    text-align:center;
}


ul.loginbutton
{
    margin:0;
    padding:10px 22px 10px 0;
    list-style:none;
    clear:both;
    width:740px;
    background:#094269 url(/bt_main/content/images/bg-submit-t.gif) no-repeat 0 0;
    overflow:hidden;
}

ul.loginbutton li
{
    float:right;
    margin:0 40px 0 5px;
    height:27px;
    background:url(/bt_main/content/images/bg-submit.gif) no-repeat 0 0;
}

ul.loginbutton a
{
    color:#69757e;
    line-height:27px;
    padding:0 8px 0 9px;
    height:27px;
    float:left;
    white-space:nowrap;
    background:url(/bt_main/content/images/bg-submit-r.gif) no-repeat 100% 0;
    overflow:hidden;
}

ul.loginbutton li.print
{
    background:url(/bt_main/content/images/bg-submit-p.gif) no-repeat 0 0;
}

ul.loginbutton li.print a
{
    background:url(/bt_main/content/images/bg-submit-p-r.gif) no-repeat 100% 0;color:#e9e9e9;
}

*+html ul.loginbutton li.print a
{
    width: 74px;
}

ul.login
{
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    right:15px;
    top:12px;
}

ul.login li
{
    float:left;
    display:inline;
    margin:0 0 0 4px;
}

ul.login li.help span
{
    float:left;
    color:#fff;
    margin:0 0 0 10px;
    background:url(../images/a-help.gif);
    line-height:18px;
    padding:0 10px;
}

ul.login li.prefs span
{
    float:left;
    color:#fff;
    margin:0 0 0 10px;
    background:url(../images/a-prefs.gif);
    line-height:18px;
    padding:0 10px;
}

ul.login li.home span
{
    float:left;
    color:#fff;
    margin:0 0 0 10px;
    background:url(../images/a-prefs.gif);
    line-height:18px;
    padding:0 10px;
}

/***********************************
          COMMON FOOTER
************************************/
#footer
{
    height:70px;
    padding:1px 0 0 0;
    overflow:hidden;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#footer p
{
    margin:0;
    text-align:center;
    font: 12px Arial, Helvetica, sans-serif;
}

#footer table
{
    border:0;
    width:100%;
    padding:0;
}

.powered_text
{
    font: 10px Arial, Helvetica, sans-serif;
    padding: 5px 0 0 5px;
    color: grey;
}

.powered
{
    float:right;
    margin:10px 22px 5px 0;
}


.companyweburl
{
    float:left;
    margin:1px 0 0 23px;
}

.customerLogo
{
    float:left;
    margin:1px 0 0 23px;
}

/***********************************
          GENERAL
************************************/

*
{
    font-size: 100.01%;
}

html
{
    font-size: 62.5%;
}

body
{
    margin:0;
    background:#000 url(/bt_main/content/images/bg-blackarts.gif) repeat 0 0;
    font:1.2em Arial, Helvetica, sans-serif;
    color:#666 !important;
}

textarea,select,input
{
    font:13px Arial, Helvetica, sans-serif;
    color:#666;
}

a
{
    color:#0573be;
    text-decoration:none;
    font-weight:bold;
}

a:hover
{
    text-decoration:underline;
}

img
{
    border:none;
}

form
{
    margin:0;
    padding:0;
}

dl,dt,dd
{
    margin:0;
    padding:0;
}

fieldset
{
    margin:0;
    padding:0;
    border:none;
}

/* Primary form buttons: submit/cancel/reset */
div.submit
{
    margin:0;
    padding:10px 22px 9px 0;
    list-style:none;
    clear:both;
background:#094269 url(/bt_main/content/images/bg-submit-t.gif) no-repeat 0 0;
    overflow:hidden;
}

div.submit div.floatleft
{
    float:left;
}

div.submit div.floatright
{
    float:right;
}

div.submit span
{
    float:left;
    margin:0 0 0 5px;
    height:27px;
    background:url(/bt_main/content/images/bg-submit.gif) no-repeat 0 0;
}

div.submit a
{
    color:#69757e;
    line-height:27px;
    padding:0 8px 0 9px;
    height:27px;
    float: left;
    white-space:nowrap;
    background:url(/bt_main/content/images/bg-submit-r.gif) no-repeat 100% 0;
    overflow:hidden;
}

div.submit span.print
{
    background:url(/bt_main/content/images/bg-submit-p.gif) no-repeat 0 0;
}

div.submit span.print a
{
    background:url(/bt_main/content/images/bg-submit-p-r.gif) no-repeat 100% 0;color:#e9e9e9;
}

div.submit span.print .span_link
{
    background:url(/bt_main/content/images/bg-submit-p-r.gif) no-repeat 100% 0;
    color:#e9e9e9;
    padding-left:4px;
    padding-right:10px;
    padding-top:6px
}

div.bottom-bar
{
    height:12px;
    list-style:none;
    clear:both;
    /* 2021-12-07 JAM width:960px; */
    background-color:gray;
    overflow:hidden;
}


/* generic container (i.e. div) for floating buttons */
.clear
{
    overflow: hidden;
    width: 100%;
}

a.button
{
    background: transparent url('/bt_main/content/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a
{
    cursor:pointer;
}

button
{
    cursor:pointer;
}

a.button:hover
{
    text-decoration: none;
}

a.button span
{
    background: transparent url('/bt_main/content/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active
{
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span
{
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* Anchor Styles for the [Find] links */
a.find_link {
    color: #0573BE;
    text-decoration: none;
}
a.find_link:link {
    color: #0573BE;
    text-decoration: none;
}
a.find_link:visited {
    color: #0573BE;
    text-decoration: none;
}
a.find_link:hover {
    color: #0573BE;
    text-decoration:underline;
}

/* Simple Class Styles for the [Find] links */
.find_link {
    color: #0573BE !important;
    text-decoration: none;
    cursor: pointer;
}
.find_link:link {
    color: #0573BE;
    text-decoration: none;
}
.find_link:visited {
    color: #0573BE;
    text-decoration: none;
}
.find_link:hover {
    color: #0573BE;
    text-decoration:underline;
}


.backButton
{
    font:12px Arial;

}

.white
{
    background:white;
    color:gray;
}

.errorMsg
{
    background-color:yellow;
    border-width: 2px 2px 2px 2px;
    text-align:center;
}


.add
{
    background-image : url('/bt_main/content/images/add.png') !important
}

.content-list-icon
{
    background-image : url('/bt_main/content/images/content.gif') !important
}

#resultsList-status-msg
{
    float: right;
    margin-right:10px;
}

/* Task Management readOnlyCls */
.read-only {
    background-image: none !important;;
    border: none !important;
}

/* Used in Change Password from Switchboard */
.message
{
    background-color: yellow;
    color: black;
    font:16px Arial;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-right: 55px;
    left: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: silver;
}

/* Use class for employee lookup */
.search_icon
{
    background-image: url(/bt_main/content/images/magglass.gif) !important;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-left: 10px;
    zoom: 1;
}

.search_icon:hover
{
    cursor: pointer;
}

label {
    display: unset;
    max-width: unset;
    font-weight: inherit;
}

legend {
    width: unset;
    padding: 0;
    margin-bottom: unset;
    border-bottom: unset;
    font-size: unset;
}

div.ricoLG_cell
{
    height: 24px !important;
}

/***********************************
          Grey rounded buttons
 Moved from Counter Delivery page 2021-12-07 JAM
************************************/

.bt-bottom-btn-left
{
    float: left;
    color: white !important;
    background: linear-gradient(rgb(147, 156, 162), rgb(104, 117, 126) 100%);
    border-radius: 8px;
    border: none;
    height: 22px;
    padding: 5px 16px;
    margin-top: 8px;
    margin-left: 10px;
    cursor: pointer;
}

.bt-bottom-btn-left:disabled{
    color: rgb(192, 192, 192);
    cursor: not-allowed;
}

a.bt-bottom-btn-left:hover
{
    text-decoration:underline;
}


.bt-bottom-bar
{
    height:38px;
    /*background: linear-gradient(rgb(116, 81, 149), rgb(62, 14, 108) 100%);*/
}

.bt-bottom-btn-right
{
    float: right;
    color: white;
    background: linear-gradient(rgb(147, 156, 162), rgb(104, 117, 126) 100%);
    border-radius: 8px;
    border: none;
    height: 22px;
    padding: 5px 16px;
    margin-top: 8px;
    margin-right: 10px;
    cursor: pointer;
}

.bt-bottom-btn-right:disabled{
    color: rgb(192, 192, 192);
    cursor: not-allowed;
}

a.bt-bottom-btn-right:hover
{
    text-decoration:underline;
}
input::placeholder{
    color: lightgrey;
}