/* --------------------------------------- */
/* --------------------------------------- */
/* -------- begin general styles --------- */
/* --------------------------------------- */
/* --------------------------------------- */

body{
background:#ffffff;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;
margin:0;
padding:0
}
em{
font-style:italic
}
form{
margin:0;
padding:8px 0 8px 0
}
hr{
background:repeat;
color:#cccccc;
height:1px;
margin:0;
padding:0;
text-align:left;
width:100%
}
input{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
margin:0;
padding:0
}
select{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1em;
margin:0;
padding:0
}
strong{
background:inherit;
color:#444444;
font-weight:bold
}
textarea{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
margin:0;
padding:0
}
table{
margin:0;
padding:0
}
tr{
vertical-align:top;
}
td{
margin:0;
padding:0
}

/* --------------------------------------- */
/* ---------- end general styles --------- */
/* --------------------------------------- */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* --------------------------------------- */
/* --------------------------------------- */
/* ----- begin header specific styles ---- */
/* --------------------------------------- */
/* --------------------------------------- */

.skipnav{
display:none
}
#banner{
background:#99CCFF;
color:#000000;
border-bottom:1px solid #000000
}
#banner img{
display:block
}
#headlayout{
height:72px;
color:#CCCCCC;
background-color:#99CCFF;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#headlogo{
height:72px;
width:557px;
background-color:#99CCFF;
float:left;
color:#000000;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:x-large;
}
#pageheader{
height:72px;
color:#000000;
margin:0px 0px 0px 255px;
padding:0px 0px 0px 0px
}
.headtitle{
height:72px;
background-color:#99CCFF;
background-repeat:no-repeat;
float:right;
margin:0px 0px 0px 0px;
padding:0px 4px 0px 0px;
}
#pageheader h1{
display:none;
background:#ffffff;
color:#000000;
font-size:x-large;
margin:0;
padding:0
}
#pageheader h2{
display:none;
background:#ffffff;
color:##004080;
font-size:large;
margin:0;
padding:0
}
#utilitybar{
height:16px;
background:#efefef;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
color:#000000;
margin:0;
padding:1px 7px 3px 4px
}
#utilitybar ol{
margin:0 0 0 6px;
padding:0
}
#utilitybar li{
background:#efefef;
color:#000000;
display:inline;
margin:0;
padding:0 5px 0 0
}
#utilitydetailsleft{
float:left;
background:#efefef;
color:#000000;
margin:0;
padding:0
}
#utilitydetailsright{
text-align:right;
margin:0;
padding:0
}
a.mainoption:link{
text-decoration:underline;
margin:0px 0px 0px 0px;
padding:1px 3px 2px 3px;
color:#000000
}
a.mainoption:visited{
text-decoration:underline;
margin:0px 0px 0px 0px;
padding:1px 3px 2px 3px;
color:#000000
}
a.mainoption:hover{
text-decoration:underline;
color:#000000;
margin:0px 0px 0px 0px;
padding:1px 3px 2px 3px;
background:#ffffff
}

/* --------------------------------------- */
/* ------ end header specific styles ----- */
/* --------------------------------------- */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* --------------------------------------- */
/* --------------------------------------- */
/* ----- begin leftnav specific styles ---- */
/* --------------------------------------- */
/* --------------------------------------- */
#container{
margin:0 0 0 0;
padding:0 0 0 0
}
/* contentcell adjusts the vertical line below the image in the left nav area */
#contentcell{
text-align:right;
background-color:#ffffff;
color:#000000;
margin:0 0 0 212px;
padding:0 0 0 0
}
#leftbox{
background-color:#999999;
color:#000000;
margin:0 0 0 0;
padding:0 0 0 0
}
#leftnavigation{
width:202px;
height:100%;
float:left;
background-color:#ffffff;
background-repeat:repeat;
border-right:1px solid #000000;
color:#000000;
margin:0 0 202px 0;
padding:0 0 0 0
}
/* navprimary adjusts the vertical line in the left nav area */
#navprimary	{
width:202px;
background-color:#ffffff;
color:#000000;
margin:0 0 0px 0;
padding:0 0 0 0
}
#navprimary ol {
width:212px;
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0
}	
#navprimary li {
border-bottom:1px solid #000000;
margin:0 0 0 0;
padding:0 0 0 0
}
#navprimary li.selected a {
display:block;
text-decoration:none;
background:#ffffff;
border-left:6px solid #000000;
border-right:1px solid #ffffff;
color:#000;
margin:0 0 0 0;
padding:3px 0 3px 7px
}
#navprimary li.selected a:hover {
background-color:#ffffff;
border-left:6px solid #000000;
border-right:1px solid #ffffff;
color:#00000;
margin:0 0 0 0;
padding:3px 0 3px 7px
}
#navprimary li a {
width:202px;
display:block;
text-decoration:none;
background:#efefef;
border-left:1px solid #000000;
border-right:1px solid #000000;
color:#000000;
margin:0 0 0 0;
padding:3px 0 3px 7px;
}
#navprimary li a:hover {
background-color:#ffffff;
border-left:1px solid #000000;
border-right:1px solid #000000;
color:#000000;
margin:0 0 0 0;
padding:3px 0 3px 7px
}
#navimage{
margin:0px 0px 0px 0px;
padding:2px 0px 0px 5px;
height:323px;
background-color:#fff;
background-image:url(/images/smscrnwalking.JPG);
background-repeat:no-repeat;
}
/* --------------------------------------- */
/* ---------- end leftnav styles --------- */
/* --------------------------------------- */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* --------------------------------------- */
/* --------------------------------------- */
/* ---- begin content specific styles ---- */
/* --------------------------------------- */
/* --------------------------------------- */

/* begin contact info - used for setting display style for all contact information - wrap each contact info line with a span tag and wrap the entire block of contact information with a dive tag with a class of contactinfo */

.skipnav{
visibility:hidden
}
.contactinfo{
line-height:150%;
margin:0 0 10px 20px;
padding:0
}
.contactinfo span{
display:block
}
.valignbottom{
vertical-align:bottom
}

/* begin content container - wrap all standard page content with one content container. use two containers only if you want to stack two or more blocks of content. wrap the block of content with a div tag with a class of content. */

.content{
margin:0;
text-align:left;
border-left:1px solid #000000;
padding:16px 20px 16px 20px
}
.content dd{
margin:0 0 10px 15px;
padding:0
}
.content dl{
line-height:150%;
margin:0 0 10px 0;
padding:0
}
.content dt{
background:none;
color:#444444;
font-weight:bold;
margin:0;
padding:0
}
.content h2{
background:#ffffff;
color:#004080;
font-size:large;
font: bold arial;
margin:0 0 0 0;
padding:0
}

.content h3{
background:#ffffff;
color:#000000;
font-size:medium;
margin:0 0 0 0;
padding:0
}
.content h4{
background:#ffffff;
color:#000000;
font-size:medium;
margin:20px 0 0 0;
padding:0
}
.content h5{
background:#ffffff;
color:#000000;
font-size:small;
margin:20px 0 0 0;
padding:0
}
.content h6{
background:#ffffff;
color:#3333CC;
font-size:large;
margin:0 0 0 0;
padding:0
}
.content li{
margin:0;
padding:0
}
.content ol{
list-style:none;
line-height:150%;
margin:5px 0 0 20px;
padding:0
}
.content p{
line-height:150%;
margin:5px 0 0 0;
padding:0
}
.content ul{
line-height:150%;
margin:5px 0 0 30px;
padding:0
}
.content table{
background:#cccccc none;
color:#000000;
margin:5px 0 0 0;
padding:0
}
.content td{
background:#ffffff none;
color:#000000;
margin:0;
padding:2px 4px 3px 4px;
vertical-align:top
}
.content th{
background:#efefef none;
color:#444444;
margin:0;
padding:1px 3px 2px 3px;
text-align:center;
vertical-align:bottom
}

/* begin horizontal list container - use this when you want to format a list of items along a horizontal line. wrap the list block in a div tag with the class listhoriz. */

.indent{
margin:0 0 0 20px;
padding:0
}
.listhoriz{
margin:0;
padding:0
}
.listhoriz ol{
margin:0 0 10px 15px;
padding:0
}
.listhoriz li{
background:#ffffff;
color:#000000;
display:inline;
margin:0;
padding:0 10px 0 10px;
}
.search{
margin:0 0 20px 6px;
padding:0 0 0 0
}
#searchtext{
font-weight:bold;
margin:0 0 0 0;
padding:0 0 0 14px
}
#searchbox{
float:left;
margin:0 0 0 0;
padding:1px 0 0 0
}
.searchbutton{
margin:0 0 0 0;
padding:0 0 0 0
}
.searchbutton input{
background:#efefef;
border:1px solid #bbbbbb;
font-weight:bold;
color:#000000;
margin:0 0 0 0;
padding:1px 0 0 0;
text-decoration:none
}
.search fieldset{
border:1px solid #bbbbbb;
margin:0 0 10px 0;
padding:0 0 10px 10px;
width:500px
}
.search legend{
margin:0 0 10px 0;
padding:0 0 0 0
}
.tablecolumncontent{
margin:0;
padding:0 0 10px 0
}
.tablecolumncontent table{
margin:0;
padding:0
}
.tablecolumncontent tr{
margin:0;
padding:0;
vertical-align:top
}
.tablecolumncontent td{
margin:0;
padding:0 50px 0 0
}

/* end listhoriz */

/* --------------------------------------- */
/* ----- end content specific styles ----- */
/* --------------------------------------- */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* --------------------------------------- */
/* --------------------------------------- */
/* ------ begin form specific styles ----- */
/* --------------------------------------- */
/* --------------------------------------- */

/* begin action buttons - wrap all form action buttons with a div tag with the class button. if using two rows of buttons, each row would be wrapped with the button class div tag */

.button{
margin:10px 0 10px 0;
padding:0
}
.button input{
background:#efefef;
border:1px solid #bbbbbb;
color:#000000;
margin:0;
padding:1px 0 0 0;
text-decoration:none
}

/* clear and search buttons - wrap clear and search buttons with this unique class since they are typically located inside a fieldset. */

#buttonsearch{
margin:0;
padding:0
}
#buttonsearch input{
background:#efefef;
border:1px solid #bbbbbb;
color:#000000;
margin:0;
padding:0;
text-decoration:none
}

/* begin error message - wrap error message block with error id div - use p tag for first sentance and ol-li tags for each individual error message */

#error{
background:#ffffff;
color:#ff0000;
margin:0 0 10px 0;
padding:0
}
#error p{
font-weight:bold;
line-height:150%;
margin:0;
padding:0
}
#error ol, ul{
list-style-type:disc;
line-height:150%;
margin:0 0 0 30px;
padding:0
}
#error li{
margin:0;
padding:0
}

/* begin tablformdatacollect - use this class to format tables being used to layout labels and input boxes that are being used to collect information. wrap the table with a div tag with the class tableformdatacollect */

.tabledatacollect table{
background:#ffffff;
color:#000000;
margin:0 0 10px 0;
padding:0
}
.tabledatacollect td{
background:#ffffff;
color:#000000;
margin:0;
padding:0 0 3px 3px;
vertical-align:top
}
.tabledatacollect th{
background:#ffffff;
color:#444444;
margin:0;
padding:0 0 3px 0;
text-align:left;
vertical-align:top
}

/* begin textarea definition list format container - wrap list of texareas and statements with a div with the class textarea. */

.textarea{
margin:0;
padding:0
}
.textarea dd{
margin:5px 0 0 0;
padding:0
}
.textarea dl{
margin:5px 0 0 0;
padding:0
}
.textarea dt{
margin:0 0 3px 0;
padding:0
}

/* begin user note - wrap all user notes with div with class usernote */

.usernote{
background:#ffffff;
color:#ff9900
}

/* begin custom form style - return screen detail formatting */
.branches th{
background:#ffffff;
color:#000000;
margin:0;
padding:0 0 3px 3px;
text-align:left;
vertical-align:top
}
.branches td{
background:#ffffff;
color:#000000;
margin:0;
padding:0 0 3px 3px;
vertical-align:top
}
.banks td{
background:#ffffff;
color:#000000;
margin:0;
padding:0 0 3px 3px;
vertical-align:top
}
.banks th{
background:#ffffff;
text-align:left;
color:#000000;
margin:0;
padding:0 0 3px 3px;
vertical-align:top
}
table.dynamic{
background:#cccccc none;
color:#000000;
margin:5px 0 10px 30px;
padding:0 0 0 5px;
}
table.dynamicnoheading{
background:#cccccc none;
color:#000000;
margin:5px 0 10px 60px;
padding:0 0 0 5px;
}
h4.dynamicnoheading{
background:#eeeeee;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
color:#000000;
font-size:medium;
margin:20px 0 0 0;
padding:2px 5px 3px 5px;
}
h5.instname{
background:#ffffff;
color:#000000;
font-size:medium;
margin:10px 0 0 30px;
padding:2px 5px 3px 5px;
}
.tdalignleft{
text-align: center;
background-color: #ccc
}
/* --------------------------------------- */
/* ------- end form specific styles ------ */
/* --------------------------------------- */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* --------------------------------------- */
/* --------------------------------------- */
/* ----- begin footer specific styles ---- */
/* --------------------------------------- */
/* --------------------------------------- */

#footer{
background:#efefef;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
color:#000000;
margin:0 0 0 0;
padding:1px 5px 1px 5px
}
a.footeroption:link{
background:#efefef;
text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px 3px 2px 3px;
color:#000000
}
a.footeroption:visited{
background:#efefef;
text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px 3px 2px 3px;
color:#000000
}
a.footeroption:hover{
background:#ffffff;
text-decoration:none;
color:#000000;
margin:0px 0px 0px 0px;
padding:0px 3px 2px 3px;
}
#footer p{
margin:0 0 0 0;
padding:0 0 0 0
}
#footer ol{
margin:0 3px 0 5px;
padding:0 0 0 0
}
#footer li{
background:#efefef;
color:#000000;
display:inline;
margin:0 0 0 0;
padding:0 4px 0 0
}
#legalinfo{
margin:0 0 0 0;
padding:0 0 0 0
}
#legalinfo p{
margin:0 0 0 0;
padding:0 0 0 0
}
#mandatory{
margin:0 0 0 5px;
padding:0;
float:left;
color:#000000
}
#copyright{
text-align:right;
margin:2px 0 2px 0 ;
padding:0 0 0 0
}
#stickers{
background:#ffffff;
color:#000000;
margin:2px 0 0 0;
padding:0 0 0 0
}
#footercompliancy{
text-align:right
}
#stickersadobe{
margin:0 0 0 0;
padding:0;
float:left;
color:#000000
}
/* --------------------------------------- */
/* ----- end footer specific styles ------ */
/* --------------------------------------- */