﻿/* CSS Reset - Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background:transparent; border:0; margin:0; padding:0; vertical-align: baseline;}
h1, h2, h3, h4, h5, h6 {clear:both; font-weight:normal;}
ol, ul {list-style:none;}
blockquote {quotes:none;}
blockquote:before, blockquote:after {content:''; content:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a img {border:none;}
a {outline:0;}
/* End CSS Reset */


html { height:100%; width:100%; min-height:560px; min-width:800px; }
body 
{
    margin:0px;
    padding:0px;
    font-family: Arial;
    /*background-color:#f8f8f8;*/
    width:100%;
    height:100%;
    min-width:859px;
    font-size:12px; 
}

.overlay
{
    text-align:left;
    position:absolute;
    width:100%;
    height: 100%;
    max-height:100%;
    max-width:100%;
    min-width:400px;
    display:none;
    z-index:50 !important;
    overflow-y:auto;
}
.stdOverlay
{
    background-color:Gray;
}
.overlay:before
{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
    margin-right:-0.25em;
}
.popup
{
    display:inline-block;
    vertical-align:middle;
    text-align:initial;
}
.stdPop
{
    padding:16px;
    border-radius:11px;
    background-color:White;
    display: none;
}

.pageLink
{
    margin: 0 5px;
}

.attachment_name
{
    font-weight:bold;
    margin-right: 10px;
}

/*
.upperDiv
{
    background: url('/assets/backgradient.jpg') repeat-x;
    min-height: 65px;
    vertical-align:top;
    min-width:800px;
}
*/

.loading
{
    background-image: url(//www.namebrightstatic.com/images/loading_anim.gif);
    background-repeat: no-repeat;
    background-position:center;
}

.xBtn
{
    float: right;    
}
.stdBtn
{
    padding:5px 15px;
    background-color:Orange;
    color:White;
    border-radius:5px;
}
.mnuBtn
{
}

.help
{
    display: none !important;
    font-size:10pt;
    text-decoration: underline !important;
    color: Blue !important;
}

.title
{
    color:#ff9000;
    font-weight:normal;
    font-size:24px;
    font-family:Arial, Helvetica, Sans-Serif;
    height:28px;
}

#webmail .popupTitle
{
    //overflow:hidden;
    background:url("/assets/grad_1_11.gif") bottom repeat-x;
    min-height:46px;
    height:auto;
}

.popupDiv > div
{
    margin: 3px;
}

.notifDiv
{
    background-color:transparent;
    width:100%;
    z-index:50;
    position:absolute;
    pointer-events:none;
    text-align:center;
}
.errMsg
{
    padding: 5px 10px;
    border: 1px solid red;
    background-color: #ffb2b2;
    color:Red;
}
.confMsg
{
    padding: 5px 10px;
    border: 1px solid Green;
    background-color: #adebad;
    color: Green;
}
.infoMsg
{
    padding: 5px 10px;
    border: 1px solid black;
    background-color: #e6e6e6;
    color: Black;
}

.fitlabel
{
    width:25%;
    display:inline-block;
    text-align:right;
}

.perm_notif
{
    pointer-events:all;
}

/*

.progBar
{
    margin: 3px;
    display:inline-block;
    width:100%;
    max-width: 175px;
    border: 1px solid black;
    height: 10px;
    border-radius: 5px;
    background-color: #e6e6e6;
    text-align:left;
    vertical-align:bottom;
}
.progbarBar
{
    display:inline-block;
    height:100%;
}
*/

.spclTxt
{
    color:#fc5700;
    font-weight:bold;
}

/*
.midBtn
{
    padding: 6px 15px;
    border: none;
    margin: 0;
    font-weight:bold;
    background-color: transparent;
}
.midBtn:hover
{
    font-weight:bold;
    background-color: #b2b2b2;
}
.midBtn:active
{
    color:#fc5700;
    background-color: #b2b2b2;
}
*/

.jumpBtn
{
    padding: 6px 15px;
    border: none;
    margin: 0;
    font-weight:bold;
    vertical-align:bottom;
    background-color: transparent;
    background-image: url('assets/calendar.png');
    background-position: center;
    background-repeat:no-repeat;
}
.jumpBtn:hover
{
    font-weight:bold;
    background-color: #b2b2b2;
    background-image: url('assets/calendar.png');
    background-position: center;
    background-repeat:no-repeat;
}
.jumpBtn:active
{
    color:#fc5700;
    background-color: #b2b2b2;
    background-image: url('assets/calendar-active.png');
    background-position: center;
    background-repeat:no-repeat;
}

/*
.unreadMsg
{
    color:Black;
    background-color: #FFB870;
}

.selectedMsg
{
    color:Black;
    background-color: #99CCFF;
}

*/

.ordrBtn
{
    padding: 6px 10px;
    border: none;
    margin: 0;
    font-weight:bold;
    display:inline-block;
    background-color:transparent;
    height: 100%;
}
.ordrBtn:hover
{
    background-color: #E1E1E1;
}
.ordrBtn:active
{
    color:#fc5700;
    background-color: #E1E1E1;
}

/*
.sortSpan
{
    font-size: small;
    margin: 0 6px;
}


.scrollDiv
{
    overflow-y:scroll;
    height:100%;
    /*border-left:1px solid #b2b2b2;*/
}

*/

.ellipses
{
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.headerField
{
    height:23px;
    padding: 0;
    margin: 0;
    border: none;
    white-space:nowrap;
}

.headerField label
{
    display: inline-block;
    font-size: small;
    width: 35px;
    margin-right: 6px;
    color: #888;
}

.headerField span
{
    font-size:small;
    color: #888;
}

/*
.cbDiv
{
    height:100%;vertical-align:top;
    float:left;
    height:57px;
    float:left;
}

.cbDiv Input[Type='checkbox']
{
    position: relative;
    top: 22px;
}

.flagArea
{
    background-color:#ccc;
    height:100%;
    vertical-align:top;
    margin: 0 3px;
    height:57px;
    float:left;
}

.checkedFlagArea
{
    background-color:Red;
    background-image:url('assets/flagged.gif');
    background-repeat: no-repeat;
    background-position: center;
    height:100%;
    vertical-align:top;
    margin: 0 3px;
    height:57px;
    float:left;
}

.attachArea
{
    height:100%;
    vertical-align:top;
    margin: 0 3px;
    height:57px;
    float:left;
}

.attachedAttachArea
{
    background-image:url('assets/attach.gif');
    background-repeat: no-repeat;
    background-position: center;
    height:100%;
    vertical-align:top;
    margin: 0 3px;
    height:57px;
    float:left;
}


.msgInfoLnk
{
    display:block;
    margin-left:96px;
}
/*

.dateSpan
{
    display:inline-block;
    width:49%;
    font-size:small;
}

.sizeSpan
{
    display:inline-block;
    width:49%;
    text-align:right;
    font-size:small;
}

.msgLineUpper
{
    font-weight:bold;
}

.msgLineMid
{
    
}

.msgTable
{
    width:100%;
    min-width: 150px;
    border-spacing:0;
}


/*

.msgTable td
{
    border-spacing: 0;
    border-collapse:collapse;
    border-bottom: 1px solid #b2b2b2;
    max-width:400px;
    min-width:150px;
    padding:0;
}



.msgTable tr:hover
{
    background-color: #ffffa3;
}


#lower_left_div
{
    //width:33%;
    min-width:375px;
    height:100%;
    margin:3px;
    display:inline-block;
    float:left;
}

#lower_right_div
{
    //width:66%;
    min-width:425px;
    display:block;
    height:100%;
    overflow:hidden;
    margin:3px;
    vertical-align:bottom;
}

#folder_div
{
    background-color:#fc5700;
    display:inline-block;
    margin:3px;
    padding:3px;
    min-width:175px;
    border-radius:5px;
    vertical-align:top;
    position:fixed;
}



#msg_lst_div
{
    margin-left: 190px;
    margin-top: 3px;
    min-width:440px;
    height:100%;
}



#folder_div ul
{
    list-style-type: none;
    padding-left: 10px;
}

#folder_div ul li a
{
    font-weight:bold;
}

#folder_div ul li span
{
    font-size:small;
}

*/

.subItem
{
    padding-left: 20px;
}

#no_msg_div
{
    text-align:center;
    width:100%;
    height: 100%;
}
#no_msg_div:before
{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
    margin-right:-0.25em;
}
#no_msg_msg
{
    display:inline-block;
    vertical-align:middle;
}

/*
a.wmlink:link, a.wmlink:visited, a.wmlink:hover, a.wmlink:active 
{
    text-decoration:none;
    color:Black;
 }
*/
 
 /*
 .scrollDiv::-webkit-scrollbar,.spcScroll::-webkit-scrollbar{
    width:10px;
    height:10px;
    background-color:#fff;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);
}


.scrollDiv::-webkit-scrollbar:hover,.spcScroll::-webkit-scrollbar:hover{
    background-color:#eee;
}
.scrollDiv::-webkit-resizer,.spcScroll::-webkit-resizer{
    -webkit-border-radius:4px;
    background-color:#666;
}
.scrollDiv::-webkit-scrollbar-thumb,.spcScroll::-webkit-scrollbar-thumb{
    min-height:0.8em;
    min-width:0.8em;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);
}
.scrollDiv::-webkit-scrollbar-thumb:hover,.spcScroll:::-webkit-scrollbar-thumb:hover{
    background-color: #bbb;
}
.scrollDiv::-webkit-scrollbar-thumb:active,.spcScroll::-webkit-scrollbar-thumb:active{
    background-color:#888;
}

*/

.info, .success, .warning, .err, .validation {
border: 1px solid;
border-radius: 10px;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
min-width: 75px;
max-width: 275px;
text-align:left;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/assets/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/assets/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/assets/warning.png');
}
.err {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/assets/error.png');
}

.flash
{
    background-color:Yellow;
}

.selBtn
{
    text-decoration: overline underline;
    //color:#FD9A66;
}

/*
.selFldBtn
{
    padding-left:13px;
    background-image: url("/assets/select.png");
    background-repeat: no-repeat;
    background-position: left center;
}

.srchFldBtn
{
    padding-left:13px;
    background-image: url("/assets/search_select.png");
    background-repeat: no-repeat;
    background-position: left center;
}
*/

.compFld
{
    width: calc(100% - 175px);
}

.compFld_locked
{
    width: calc(100% - 175px);
    background-color:#fff5ec;
    border:0px;    
}

.compFld_email_edit
{
    width: calc(100% - 350px);
}

.compFldSpan
{
    display:block;
}

.compFldLbl
{
    width: 75px;
    display: inline-block;
}

.settingsRowLbl
{
    display: inline-block;
    width: 200px;
    text-align: right;
    margin-right: 12px;
}

.fullscreen
{
    width: 100%; 
    height: 100%; 
    display: block;
}

fieldset
{
    margin: 0;
    padding: 0;
}

.popupHelpTitle
{
    color: #fc5700;
    font-size:1.4167em;
    font-weight:bold;
}

.popupHelp p
{
    padding-top: 1.4615em;
    font-size: 1.08333em;
    line-height: 1.4615em;
}

h3
{
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}



.nbWebMail .w100 { width:100%; }
.nbWebMail .email_main_content { position:relative; min-width: 1050px; /*height:calc(100% - 124px); width:100%; */}

.nbWebMail .sortArrow { background: url(//www.namebrightstatic.com/images/mark_arrow_8x25_black.gif) no-repeat 100% -30px; padding-right: 14px;}
.nbWebMail .sortDown { background-position: 100% -7px; }

.nbWebMail .wmlink { color: #000; text-decoration: none; }
.nbWebMail .ellipsisOverflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display:inline-block; } 

.nbWebMail .header { position:relative; background: #f8f8f8 url(//www.namebrightstatic.com/images/header_bg.gif) repeat-x; min-width:859px; height:79px; }
.nbWebMail .header_wrap { height:43px; }
.nbWebMail .header_logo { display:inline-block; margin: 4px 0 4px 16px; }
.nbWebMail .header_acctInfo { position: absolute; right:0px; top:0px; padding: 12px; }
.nbWebMail .header_acctInfo i { color: #b2b2b2; }
.nbWebMail .header_acctInfo_item { margin: 0 4px; max-width:400px; }

.nbWebMail .notelink {color:Black; text-decoration:none;border-bottom:1px dashed black; cursor:pointer; }

.nbWebMail .wm_header_link { color:Blue; }
.nbWebMail .wm_footer_link { color:Blue; }
.nbWebMail .wm_header_link:hover { color:#fc5700; }

.nbWebMail .subHeader { min-width:900px; border-top:1px solid #b2b2b2; height:40px; position: relative; background: url(/assets/button_gradient.jpg) repeat-x 100% 0; padding-left:16px; }
.nbWebMail .subHeader_search { position: absolute; right:0px; margin-right:16px; display:inline-block;}

.nbWebMail .email_nav { min-width:80px; float:left; height:100%; } /* display:inline-block; position:absolute; top:0px */
.nbWebMail .email_list { width:30%; min-width:300px; height:100%; float:left; } /* display:inline-block; margin-left:209px;  */
.nbWebMail .email_pane_splitter { width: 10px; height:100%; position: absolute; cursor: e-resize;}
.nbWebMail .email_body { /*width: calc(70% - 202px); */min-width:525px; float:left;}
.nbWebMail .email_nav_number { font-weight: normal; padding-left: 6px; }

.nbWebMail .email_ps_container { height:100%; position:absolute; left: 492px; /*width: calc(100% - 700px); */z-index: -1;}
.nbWebMail .email_ps_ns_container { height:100%; width:100%; position:absolute; z-index:-1; }

.nbWebMail .email_pane_dragging { background-color: #c1c1c1; }

.nbWebMail .email_folder_wrap { background: #fff5ec url(//www.namebrightstatic.com/images/frON_bg.gif) top repeat-x; margin: 16px; border-radius:16px; }
.nbWebMail .email_folder_first { border: 1px solid #ffc383; border-radius:16px 16px 0 0; border-bottom:none; }
.nbWebMail .email_folder_first.email_folder_active { border:1px solid #768a93; border-bottom:none; }
.nbWebMail .email_folder_last { border: 1px solid #ffc383; border-radius: 0 0 16px 16px; border-top:none; }
.nbWebMail .email_folder_last.email_folder_active { border-radius: 0 0 16px 16px; border:1px solid #768a93; border-top:none; }
.nbWebMail .email_folders { min-width:158px; border: 1px solid #ffc383; border-top:none; border-bottom:none; }
.nbWebMail .email_folder { padding: 8px 8px 8px 12px; font-size:13px;}

.nbWebMail .email_folder .wmlink { color:#000; text-decoration:none; font-weight:bold; }
.nbWebMail .email_folder.email_folder_active .wmlink { color:#FFF; }
.nbWebMail .email_folder.email_folder_active { background-color: #768a93; color:#FFF; }



.nbWebMail .email_folder_other:not(:last-child) { border-bottom: 1px solid #ffc383; }
.nbWebMail .folder_indent { padding-left:24px; }

.nbWebMail .email_nav_extra_buttons_wrap { margin:16px; }
.nbWebMail .email_nav_extra_button { margin:8px 0; display:none; }

.nbWebMail .email_box_size_wrap { height:48px; border:1px solid #c1c1c1; border-radius: 16px; background: #F5F5F5; margin: 16px; font-size: 13px; padding:16px; position:absolute; bottom:0px; }

.nbWebMail .msgLstDiv { margin-top:16px; /*height: calc(100% - 70px); */ }
.nbWebMail .msgLstDivHeader { border:1px solid #c1c1c1; background-color:#f2f2f2; border-radius:16px 16px 0 0; position:relative; padding: 8px 0 24px 0;}
.nbWebMail .msgLstDivViewWrap { position:absolute; left:0px; margin-left:8px; cursor:pointer; }
.nbWebMail .msgLstDivSortWrap { position:absolute; right:0px; margin-right:8px; cursor:pointer; }
.nbWebMail .msgLstDivView, .nbWebMail .msgLstDivSort { font-weight:bold; }
.nbWebMail .msgLstDivViewWrap { margin-left:8px; }
.nbWebMail .msgLstDivSortWrap { margin-right:8px; }

.nbWebMail .email_list_sort_display { position:absolute; display:none; border:1px solid black; border-radius:8px; background-color:#FFF; color:#000; z-index:500; padding:8px; width:84px;}
.nbWebMail .email_list_sort_wrap { margin:2px 0; }
.nbWebMail .email_list_sort_wrap .email_list_sort_order { visibility:hidden; display:inline-block; position:relative; top:-3px; margin-right:8px; height:10px; }
.nbWebMail .email_list_sort_wrap.email_active_sort .email_list_sort_order { visibility:visible; cursor:pointer; }
.nbWebMail .email_list_sort_option { display:inline-block; }
.nbWebMail .email_list_sort_wrap:hover, .nbWebMail .email_list_filter_wrap:hover { background-color:#c3c3c3; cursor:pointer;}

.nbWebMail .email_list_filter_display { position:absolute; display:none; border: 1px solid black; border-radius:8px; background-color:#FFF; color:#000; z-index:500; padding:8px; width: 84px; }
.nbWebMail .email_list_filter_wrap { margin:2px 0; }
.nbWebMail .email_list_filter_wrap .email_list_filter_order { visibility:hidden; display:inline-block; position:relative; top:1px; height:10px; width:8px; background:url(//www.namebrightstatic.com/images/mark_arrow_4x8.gif) no-repeat; }
.nbWebMail .email_list_filter_wrap.email_active_filter .email_list_filter_order { visibility:visible; cursor:pointer; }
.nbWebMail .email_list_filter_option { display:inline-block; cursor:pointer; }


.nbWebMail .email_list_wrap { /*height:calc(100% - 24px); */border-bottom: 1px solid #b2b2b2; border-right:1px solid #b2b2b2; border-radius: 0 0 0 16px; border-left:1px solid #b2b2b2; font-size:12px; }

.nbWebMail .email_body { height:100%;}

.nbWebMail .footer { font-size: 12px; border-top:1px solid #b2b2b2; color:#b2b2b2; padding:17px; height:9px; }

.nbWebMail .msgTable .email_short_row:last-child .email_short_wrap { border-bottom:1px solid #d7d7d7;; }

.nbWebMail .msgTable .email_short_row:not(.selectedMsg):hover { background-color: #fff4d8; }

.nbWebMail .scrollDiv { overflow-y:scroll; overflow-x: hidden; height:100%; border-radius: 0 0 0 16px; }

.nbWebMail .msg_disp_div {  /*width: calc(100% - 32px); height: calc(100% - 16px); */display: none; margin:16px 0 0 16px; }


.nbWebMail .email_short_row.unreadMsg { font-weight:bold; font-size:13.5px; }
.nbWebMail .email_short_row.selectedMsg { background-color: #99ccf1; }


.nbWebMail .pbarImage { height:12px !important; }
.nbWebMail .pBar { margin: 0; height:16px; padding-top:2px; }
.nbWebMail .pBar div { height:12px !important; margin-right:14px; }
.nbWebMail .pbarPercentStatus { color: Green; }
.nbWebMail .pbarPercentStatus.red { color: Red; }
.nbWebMail .email_box_size_text { margin-bottom:8px; }

.nbWebMail .pBar div div { background: url(http://www.namebrightstatic.com/images/pbar_bg.gif) top repeat-x; border: 0; padding: 0; float: none; margin: 0; }

.nbWebMail .header_button { height:32px; text-decoration: none; color:Black; border-left: 1px solid #c5c5c7; padding:0 8px; display:inline-block; position: relative; top:-1px; }

.nbWebMail .inner_button { display:inline-block; margin-top:3px; }

.nbWebMail .purge_button_inner { background: url(/assets/purge.png) no-repeat 100% -17px; display:inline-block; height:18px; width:22px; position:relative; top:4px; }
.nbWebMail .purge_button:hover .purge_button_inner { background-position: 100% 0px; }

.nbWebMail .date_range_button_inner { background: url(/assets/date.png) no-repeat 100% -18px; display:inline-block; height:18px; width:22px; position:relative; top:4px;}
.nbWebMail .date_range_button:hover .date_range_button_inner { background-position: 100% 0px; }
.nbWebMail .search_button { padding-right: 0px; }

.nbWebMail .subheader_button { padding: 3px 12px; border: none; margin: 5px 3px; font-weight:bold; background-color: transparent; font-size:12px; }
.nbWebMail .subheader_button:not(.inactive):hover { background-color: #fefefe; border:1px solid #cacaca; border-radius:4px; margin:4px 2px; cursor: pointer;}
.nbWebMail .subHeader_email_actions .subheader_button.inactive { color: #b0b0b0; cursor:default; }


/* Email List Styles */

.nbWebMail .msgInfoLnk:hover { cursor: pointer; }

.nbWebMail .email_short_row { height:50px; }
.nbWebMail .email_short_wrap { border-top:1px solid #d7d7d7; border-bottom:none; height: 50px; position:relative; }

.nbWebMail .email_checkboxes { display:inline-block; height:30px; padding:10px; width: 50px; vertical-align:top; }
.nbWebMail .cbArrow { background: url(/Assets/up_down_11x11_on.gif) no-repeat 0 0; height:11px; width:11px; display:inline-block; margin:0 2px; position:relative; top:-1px; }
.nbWebMail .cbArrow.cbUp { background-position: 0 0; }
.nbWebMail .cbArrow.cbUp:hover { background-position: 0 -11px; }
.nbWebMail .cbArrow.cbDn { background-position: -11px 0; }
.nbWebMail .cbArrow.cbDn:hover { background-position: -11px -11px; }

.nbWebMail .email_short_info { display:inline-block; /*width: calc(100% - 200px); */border-left:1px solid #c5c5c5; height:33px; padding:8px 10px; min-width:50px; }
.nbWebMail .email_short_subject, .nbWebMail .email_short_from { width: 100%; }
.nbWebMail .email_short_from { margin-top:4px; }

.nbWebMail .email_short_additional_display { display: inline-block; height:100%; vertical-align:top; }
.nbWebMail .email_s_add_top { padding-top:8px; }
.nbWebMail .email_s_add_bottom { padding-top:8px; text-align:right; }

.nbWebMail .email_short_attach { display:inline-block; width: 13px; height:14px; vertical-align:top; margin-left:8px; }
.nbWebMail .email_has_attachment { background: url(/Assets/attachment_13x14.png) no-repeat; }

.nbWebMail .email_short_flag_wrap { display:inline-block; vertical-align:top; width: 12px; cursor:pointer; margin-left:8px;}
.nbWebMail .email_short_flag { display:inline-block; background: url(/Assets/flag.png) no-repeat 0 0; width:12px; height: 14px; }

.nbWebMail .email_short_row.selectedMsg .email_short_flag { background-position: 0 -28px; }
.nbWebMail .email_short_row:hover .email_short_flag { background-position: 0 -14px; }
.nbWebMail .email_short_row .email_short_flag.email_has_flag { background-position: 0 -42px; }

.nbWebMail .email_short_sort_display { display: inline-block; max-width:55px; }
.nbWebMail .email_short_cbx { margin: 0 6px 0 0; }


.nbWebMail .email_paging_wrap { position:relative; display:none; height: 15px; padding:14px 0; font-size: 12px; }
.nbWebMail .email_paging_wrap div { display:inline-block; }
.nbWebMail .email_paging_range, .nbWebMail .email_paging_total { font-weight:bold; }
.nbWebMail .email_paging_buttons_wrap { position: absolute; right:0px; }
.nbWebMail .email_paging_seperator { color:#c2c2c2; margin:0 4px; }
.nbWebMail .email_goto_link { color:Blue; margin-right:8px; }

.nbWebMail .email_button { display:inline-block; height:18px; width:18px; vertical-align: top; margin: 0 2px; }
.nbWebMail .email_button_first { background: url(/Assets/pagination_first.png) no-repeat; }
.nbWebMail .email_button_prev { background: url(/Assets/pagination_previous.png) no-repeat; }
.nbWebMail .email_button_next { background: url(/Assets/pagination_next.png) no-repeat; }
.nbWebMail .email_button_last { background: url(/Assets/pagination_end.png) no-repeat; }
.nbWebMail .email_button.btn_inactive { cursor: default; opacity: .5; }

/* End Email List Styles */

/* Email Body Styles */

.nbWebMail .email_msg_header { min-height:60px; }
.nbWebMail .email_msg_header_text { color:#000; }
.nbWebMail .email_msg_header_info { display: inline-block; width: 100%; min-height: 60px; }

.nbWebMail .email_msg_wrap { /*height: calc(100% - 185px);*/ }
.nbWebMail .email_msg_frame { display: inline-block; border: none; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; width: 100%; height: 100%; }
.nbWebMail .email_msg_buttons_wrap { padding-top: 6px; min-width: 480px; height:38px; position: relative; }
.nbWebMail .email_msg_buttons { position:absolute; right:0px; margin-right:16px; }
.nbWebMail .email_msg_button { display:inline-block; margin:0 2px; }

.nbWebMail .email_subject_text { font-size:18px; font-weight:bold; margin-bottom:8px; }

/* End Email Body Styles */

/* popup styles */

.nbWebMail .popup { width:712px; margin:59px auto 0 auto; position:absolute; background:#fff; padding:15px 16px 16px 16px;  border:1px solid #6e777e; border-radius:11px; -webkit-border-radius:11px; -moz-border-radius:11px; z-index:101; overflow:hidden;}
.nbWebMail .popTitle {height:45px; overflow:hidden; background:url(//www.namebrightstatic.com/images/grad_1_11.gif) bottom repeat-x; margin-bottom:4px;}
.nbWebMail .popTitle h3 {color:#ff9000; font:24px Arial, Helvetica, sans-serif; padding:0; float:left;}
.nbWebMail .popTitle a.x {padding:1px 21px 0 0; float:right; font-weight:bold; font-size:11px; color:#000; background:url(//www.namebrightstatic.com/images/x_note2.gif) right top no-repeat; height:15px; margin-top:3px;}
.nbWebMail .popTitle a.x:hover { background-position:right bottom; }
.nbWebMail .popup div.popTitle h3 { cursor: move; display:inline-block; float:none; }
.nbWebMial .popup p {font-size:1.0833333em; line-height:1.46153846em;}

.nbWebMail .popup.ui-state-disabled { opacity:1; }

.nbWebMail a.help {background:url(//www.namebrightstatic.com/images/i_question.png) left top no-repeat; width:17px; height:17px; text-indent:-9999px; display:block;}
.nbWebMail a.help:hover {background-position:left bottom;}

.nbWebMail .helpArrowMarker { display:none !important; }
.nbWebMail .bodyInput { width:250px; }

.nbWebMail .b_login_btn { background:url(//www.namebrightstatic.com/images/b_login.png) left top no-repeat; width: 58px; height:42px; border:none; }
.nbWebMail #ui-datepicker-div { position:absolute; top:0;}

.nbWebMail .email_popuphelp { display:none; margin-top:16px; border:1px solid #b6bbbe; border-radius:10px; padding:16px; }
.nbWebMail .popupHelpClose { color: gray; float: right; }
.nbWebMail .email_helplink { display:inline-block; background:url(//www.namebrightstatic.com/images/i_question.png) left top no-repeat; width:17px;height:17px;margin-left:8px;}
.nbWebMail .email_helplink:hover { background-position: left bottom; }
/* End popup styles */

.nbWebMail #blacklist_emails { width:280px; }
/*.nbWebMail #cat_controlEdit { width: 677px; padding: 16px; }*/
.nbWebMail .bl_labels div a.helpRight { background-position-x: right; }
