/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #5c87b2;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    background-attachment: fixed;
    background-color: #CCCCCC;
    background-image: url("../../Images/PageBG.jpg");
    background-position: left top;
    background-repeat: repeat-x;
    font-family: verdana;
    margin: 20px;
}
 
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 98%;
    max-width: 1190px;
    margin-left: auto;
    margin-right: auto;
    min-width: 1000px;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    background-color: #fff;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}
.mainpad
{
    padding: 10px 10px 15px 10px;
}

.requiredfield
{
    border: 10px double red !important;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
}



#footer table
{
    border:0px ;
}
#footer td
{
    border:0px;
}

#footer
{   
    color: #999;
    text-align: center;
    line-height: normal;
    font-size: .9em;
    margin-bottom: 30px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td 
{
    padding: 5px;   
    border: solid 1px #e8eef4;
}

table th
{
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4; 
    border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

#menucontainer
{
    margin-top: 40px;
}

div#title
{
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px 10px -10px;
    margin-bottom:-15px;
    color:White;
}

#timestampdisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 15px 10px -10px;
    margin-bottom: -15px;
    color: White;
    /* padding-right: 290px;*/
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

#PageLoadingIndicator
{
    left: 900px;
    width:33px;
    height:33px;
    position:relative;
}

.busy 
{
    background: #ffffff url('../../Images/ajax_arrows.gif') no-repeat center top !important;
    border: 1px solid #7F9DB9;
    z-index: 1300 !important;
}
.neutral 
{
    background: #ffffff !important;
    border: 0px  ;
}
.busyLarge 
{
    background: #ffffff url('../../Images/ajax-loader-large.gif') no-repeat center top !important;
    z-index: 1300 !important;
}

.busyDialog 
{
    background: #F8F9FE url('../../Images/ajax_arrows.gif') no-repeat center top !important;
    border: 1px solid #7F9DB9;
}
.neutralDialog
{
    background: #F8F9FE !important;
    border: 1px solid #7F9DB9;
}

.dialog_details
{
    display:none;
}

.float_left
{
    float:left;
}
.float_right
{
    float:right;
}
.clearsides
{
    clear:both;
}

/* Show only to IE PC \*/
* html .boxhead h2 
{
    height: 1%; /* For IE 5 PC */
} 

.sidebox 
{
	margin: 0 auto; /* center for now */
	/*width: 17em;   ems so it will grow */
	background: url(../../Images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead 
{
	background: url(../../Images/sbhead-r_new.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 
{
	background: url(../../Images/sbhead-l_new.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody 
{
	background: url(../../Images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
.boxbody-left 
{
	background: url(../../Images/sbbody-l-middle.gif) repeat-y bottom left;
	margin: -5px 0 0;
	padding-left: 30px;
}
.boxbody-right
{
	margin: 0 auto; /* center for now */
	/*width: 17em;   ems so it will grow */
	background: url(../../Images/sbbody-r-middle.gif) repeat-y bottom right;
	font-size: 100%;
}
.boxbody-left-end
{
	background: url(../../Images/sbbody-l.gif) no-repeat bottom left;
	margin: -5px 0 0;
	padding-left: 30px;
}
.boxbody-right-end
{
	margin: 0 auto; /* center for now */
	/*width: 17em;   ems so it will grow */
	background: url(../../Images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	padding-bottom:30px;
}
.boxbody-left-end table , .boxbody-left-end .txtcomments ,.boxbody-left table

{
 width:90%;
 
}
.ucctext{width:300px;}
.leadingcell{width:40px;}
#system_message
{
    width:80%;
    margin:auto;
}


/*-------------MENU -----------------*/

 
.mainbody 
{
    background-attachment:fixed;
    background-color:#CCCCCC;
    background-image:url(../../Images/PageBG.jpg);
    background-position:left top;
    background-repeat:repeat-x;
    font-family:verdana;
    margin:20px;
}
body.ops 
{
    background-color:#CCCCCC;
}
table 
{
    border-collapse:collapse;
}
.opsheader 
{
    background-color:#CCCCCC;
    margin-top:40px;
    padding-top:20px;
}
td 
{
    font-family:verdana;
    font-size:8pt;
    line-height:12pt;
}
.opsheader 
{
    margin-top:10px;
}
.branchheader 
{
    background-color:#002441;
    color:#FFFFFF;
    font-weight:bold;
    padding:5px;
    text-transform:uppercase;
}
.branchheader a 
{
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
}
.header 
{
    padding-bottom:5px;
}
.header a:visited 
{
    color:#002441;
}
.header a:active 
{
    color:#002441;
}
.header a:hover 
{
    color:#A1924F;
}
.header a 
{
    color:#002441;
    font-family:verdana;
    font-size:8pt;
    font-weight:bold;
    text-decoration:none;
}
.topmenu 
{
    background-color:#002441;
    background-image:url(../../Images/menu_bg.jpg );
    background-position:center center;
    border-bottom:1px solid #002441;
    border-right:2px solid #002441;
    color:#FFFFFF;
    font-size:8pt;
    width:100%;
}
.topmenu2 
{
    background-color:#002441;
    background-image:url(../../Images/menu_bg.jpg );
    background-position:left top;
    border-bottom:1px solid #002441;
    border-right:1px solid #002441;
    padding:0;
}
.topmenu a:visited 
{
    color:#FFFFFF;
}
.topmenu a:active 
{
    color:#FFFFFF;
}
.topmenu a:hover 
{
    color:#A1924F;
}
.topmenu a 
{
    color:#FFFFFF;
    font-family:verdana;
    font-size:8pt;
    font-weight:normal;
    text-decoration:none;
}
.content 
{
    background-color:#FFFFFF;
    border-left:1px solid #002441;
    border-right:1px solid #002441;
    color:#000000;
    height:450px;
    min-height:450px;
    padding:10px;
}
li 
{
    color:#002441;
    list-style:square outside none;
}
.contentlist li 
{
    color:#002441;
    list-style:square outside none;
    margin-left:15px;
}
a:visited 
{
    color:#002441;
}
a:active 
{
    color:#002441;
}
a:hover 
{
    color:#A1924F;
}
a 
{
    color:#002441;
    font-family:verdana;
    font-size:8pt;
    font-weight:normal;
    text-decoration:underline;
}
.contentops 
{
    background-color:#FFFFFF;
    border-left:1px solid #002441;
    border-right:1px solid #002441;
    color:#000000;
    padding:10px;
}
.contentops td 
{
    color:#000000;
}
.about 
{
    background-color:#16669A;
    border-bottom:1px solid #002441;
    border-left:1px solid #002441;
    color:#FFFFFF;
    height:100%;
    padding:10px;
}
.about td 
{
    background-color:#16669A;
    color:#FFFFFF;
    height:100%;
    padding:3px;
}
.about li 
{
    color:#FFFFFF;
    list-style:square outside none;
    margin-left:15px;
}
.about a:visited 
{
    color:#FFFFFF;
}
.about a:active 
{
    color:#FFFFFF;
}
.about a:hover 
{
    color:#A1924F;
}
.about a 
{
    color:#FFFFFF;
    font-family:verdana;
    font-size:8pt;
    font-weight:bold;
    text-decoration:underline;
}
.about hr 
{
    color:#FFFFFF;
    height:1px;
}
.left 
{
    background-color:#16669A;
    border-left:1px solid #002441;
    color:#FFFFFF;
    height:100%;
    padding:10px;
}
.left td 
{
    background-color:#16669A;
    color:#FFFFFF;
    height:100%;
    padding:3px;
}
.left li 
{
    color:#FFFFFF;
    list-style:square outside none;
    margin-left:15px;
}
.left a:visited 
{
    color:#FFFFFF;
}
.left a:active 
{
    color:#FFFFFF;
}
.left a:hover 
{
    color:#A1924F;
}
.left a 
{
    color:#FFFFFF;
    font-family:verdana;
    font-size:8pt;
    font-weight:bold;
    text-decoration:none;
}
.left hr 
{
    color:#FFFFFF;
    height:1px;
}
.REImage 
{
    border-left:1px solid #002441;
    border-right:1px solid #002441;
    border-top:1px solid #002441;
}
.motto 
{
    background-color:#FDFDFE;
    border-top:1px solid #002441;
    color:#FFFFFF;
    padding:1px;
}
.locator 
{
    background-color:#FDFBF5;
    border-bottom:1px solid #002441;
    border-left:1px solid #002441;
    border-right:1px solid #002441;
    color:#000000;
    padding:10px;
}
.news 
{
    background-color:#FDEED0;
    border-bottom:1px solid #002441;
    border-right:1px solid #002441;
    color:#000000;
    padding:10px;
}
.calculator 
{
    background-color:#E3D8C6;
    border-left:1px solid #002441;
    border-right:1px solid #002441;
    color:#000000;
    padding:10px;
}
.footer 
{
    background-color:#002441;
    border:1px solid #002441;
    color:#FFFFFF;
    font-size:7pt;
    text-align:center;
}
.footer td 
{
    font-size:7pt;
    padding:4px 10px;
}
.footer a:visited 
{
    color:#FFFFFF;
}
.footer a:active 
{
    color:#FFFFFF;
}
.footer a:hover 
{
    color:#A1924F;
}
.footer a 
{
    color:#FFFFFF;
    font-family:verdana;
    font-size:7pt;
    font-weight:normal;
    text-decoration:none;
}
h1 
{
    font-family:verdana;
    font-size:13pt;
    font-weight:bold;
    letter-spacing:-1pt;
    margin-bottom:10px;
}
h2 
{
    font-family:verdana;
    font-size:12pt;
    font-weight:bold;
    margin-bottom:2px;
}
input 
{
    font-family:verdana;
    font-size:8pt;
}
textarea 
{
    font-family:verdana;
    font-size:8pt;
}
hr 
{
    color:#002441;
    height:1px;
}
#header
{
    z-index: 20;
}

#topmenu
{
    position: relative;
    height: 108px;
    left: -10px;
    top: 10px !important;
    z-index: 1;
}
#img_cap
{
    position:absolute; right:-10px;top:15px;
}
#img_banner
{
    position:absolute; left:10px;top:29px;z-index:152;
}
#img_banner_resize
{
    position:absolute; right:-10px;top:29px;z-index:140;
}
#img_bottom
{
    position:absolute; left:10px;top:79px;z-index:150;
}
#img_menu
{
    left:10px;
    position:absolute;
    top:72px;width:100%;
    z-index:100;
}
#firstlinkoffsett
{
    margin-left:80px;
}

 
.content 
{
    background-color:#FFFFFF;
    border-left:1px solid #002441;
    border-right:1px solid #002441;
    color:#000000;
    height:450px;
    min-height:450px;
    padding:10px;
}
.footer
{
    background: url("../../Images/footer_bg.jpg") repeat-x scroll left top rgb(1, 36, 66);
    border:1px solid #002441;
    color:#FFFFFF;
    font-size:7pt;
    text-align:center;
}
 
.footer td 
{
    font-size:7pt;
    padding:4px 10px;
}
.nopad
{
    padding:0px;
}
#footer tr
{
    margin-left:5px;
}

.center_margin
{
    margin:auto;
}
.header_table
{
    font-weight:bold;
    margin:auto;
    text-align:center;
}

#progressmsg 
{
    display:none;
    position:absolute;
    bottom:10px;
    right:10px;
    background-color:Aqua;
}
.show_field_error
{ 
    border: 10px double red !important;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
}

.short_text
{
    width:100px !important;
}
.long_text
{
    width: 400px !important;
}
.long_text_final{width: 500px !important;}
.ui-pg-input
{
    width:53px !important;
}
.myicon 
{   
    cursor:pointer;
}
.myiconul
{
    margin:0;
    padding:0;
    white-space:normal;
}
.myiconul li 
{
    cursor:pointer;
    float:left;
    list-style:none outside none;
    margin:2px;
    padding:4px 0;
    position:relative;
}
.myiconul span.ui-icon
{
    float:left;
    margin:0 4px;
}

#submitinfolist
{
    margin:auto;padding-bottom:20px;width:90%;overflow: auto;
}

.confirmation
{
    padding:10px;
}

#prelimtemplatelist
{
    overflow:auto; width:90%;
}

.show_status_code_box 
{
    cursor:pointer;
}
#showstatuscodeinfo
{
    position:absolute; bottom:30px;right:30px;display:none;z-index:10000;
}
#showstatuscodeinfo_shadow
{
    bottom:-10px;
    height:220px;
    position:absolute;
    right:-18px;
    width:440px;
}
#status_code_list
{
    padding:10px;
}
#statuscode_close_button
{
    position:absolute;top:5px;right:5px;cursor:pointer;
}

.even_row_css
{
    background-color:#EFEFE0;
}
.odd_row_css
{
    background-color:#FFFFEF;
}

.linktype
{
    cursor:pointer;
    text-decoration:underline;
}
.linktype:hover
{
    background-color: #fff;
}

.linktype:active
{
    background-color: #a6e2a6;
}

/*---quick table view for some results */
.quick_table_list
{
    overflow:auto;width:90%;padding:10px;
}
.quick_table_list table
{
    border:1px solid #C3D1DF;
}
.quick_table_list table th
{
    padding:15px;
}


#img_banner_combined{overflow:hidden; width:100%; position:absolute; left:10px;top:29px;z-index:152;}
#img_banner_resize_combined{ position:absolute; right:-10px;top:29px;z-index:155;}
#combined_logo_margin{margin-bottom:30px}
#img_banner_Commonwealth div{margin:auto;width:1000px;}
#img_banner_Commonwealth,#img_banner_Fidelity{background-color:Black}
#img_banner_Fidelity div{width:1000px;}


#img_banner{overflow:hidden; width:100%; position:absolute; left:0px;z-index:152;background-color:white;}


#img_banner div{margin-left:0;width:1000px}
#img_banner.branch_raleigh, 
#img_banner.branch_greensboro,
#img_banner.branch_asheville 
{background-color:white;}


#USERFIRMLISTTOPLEVEL{width:200px;margin-right:15px;}

.confirm_text{font-weight:bold; font-size:1em;}

#user_revision_list .sectionName{text-align:center;font-weight:bold;}
#user_revision_list .newrevision{padding-left:5px;text-align:center;border-bottom: 1px solid;}


.formsDisclaimer {
    margin-top: 1em;
    font-size: 0.80em;
    font-style: italic;
    text-align: center;
    width:95%;
}


.printRestricted {
    color: Red;
}

.ck-editor__editable {
    min-height: 200px;
}