/* ########## Layout ########## */
html,body {
margin:0;
padding:0;
width: 100%;
height:100%; /* needed for container min-height */
font-family: arial, verdana,arial,sans-serif;
text-align: center;
background-image: url("/e-signatures/images/site/background.gif");
background-repeat: repeat-x;
background-color: #efefef;
}
TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px; border-spacing: 0
}
TD {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px; border-spacing: 0
}
TH {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px; border-spacing: 0
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
A {
COLOR: #2083d2;
TEXT-DECORATION: none
}
A:link {
COLOR: #2083d2;
TEXT-DECORATION: none
}
A:hover {
COLOR: #f8490c;
TEXT-DECORATION: none
}
A:visited {
COLOR: #2083d2;
TEXT-DECORATION: none
}
A:active {
TEXT-DECORATION: none
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
HR {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
CLEAR: both
}
SELECT {
FONT-SIZE: 11px; color: #666666;
}
INPUT {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; color: #666666; FONT: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
div#pagewidth {
width: 984px;
height: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div#wrapper {
position: relative;
width: 100%;
}
h1,h2,h3,h4,p,ul,li { margin:0; padding:0; }
img { border: none; }
/* ########## Master Divs ########## */
div#header {
height: 100px;
margin-bottom: -25px;
width: 100%;
overflow: hidden;
}
div#header_nar {
height: 100px;
margin-bottom: -25px;
width: 100%;
overflow: hidden;
}
div#header1 {
height: 70px;
background-image: url(/e-signatures/images/site/logo_lp.gif);
background-repeat: no-repeat;
width: 100%;
overflow: hidden;
}
div#header2 {
height: 70px;
background-image: url(/e-signatures/images/site/logo_header2.gif);
background-repeat: no-repeat;
width: 100%;
overflow: hidden;
}
div#nav {
height: 25px;
}
#home div#banner {
border-bottom: none;
width: 984px;
height: 358px;
background-image: url("/e-signatures/images/site/background_home_title.png");
padding-top: 3px;
padding-left: 0px; padding-right: 0px;
}
#home div#banner_new {
border-bottom: none;
width: 984px;
background-image: url("/e-signatures/images/site/background_home_title.png");
padding-top: 3px;
padding-left: 0px; padding-right: 0px;
}
#banner_new {
border-bottom: none;
width: 984px;
background-image: url("/e-signatures/images/site/background_home_title.png");
padding-top: 3px;
padding-left: 0px; padding-right: 0px;
}
td.box_enterprise {
border-bottom: none;
width: 235px;
height: 152px;
background-image: url("/e-signatures/images/home1/box_enterprise.gif");
background-repeat: no-repeat;
font-size:12px;
font-weight: normal;
line-height: 18px;
font-color: #666666;
text-align: left;
padding-bottom: 12px;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px;
}
td.box_webinar {
border-bottom: none;
width: 235px;
height: 152px;
background-image: url("/e-signatures/images/home1/box_webinar.gif");
background-repeat: no-repeat;
font-size:12px;
font-weight: normal;
line-height: 18px;
font-color: #666666;
text-align: left;
padding-bottom: 12px;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px;
}
td.box_smb {
border-bottom: none;
width: 235px;
height: 152px;
background-image: url("/e-signatures/images/home1/box_smb.gif");
background-repeat: no-repeat;
padding-left: 0px; padding-right: 0px;
font-size:12px;
font-weight: normal;
line-height: 18px;
font-color: #666666;
text-align: left;
padding-bottom: 12px;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px;
}
td.box_ind {
border-bottom: none;
width: 235px;
height: 152px;
background-image: url("/e-signatures/images/home1/box_ind.gif");
background-repeat: no-repeat;
font-size:12px;
font-weight: normal;
line-height: 18px;
font-color: #666666;
text-align: left;
padding-bottom: 12px;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px;
}
.box_logos {
border-bottom: none;
width: 950px;
height: 84px;
background-image: url("/e-signatures/images/home1/logos.png");
background-repeat: no-repeat;
font-size:12px;
font-weight: normal;
padding-left:3px;
font-color: #666666;
text-align: left;
}
td.box_re {
border-bottom: none;
width: 235px;
height: 152px;
background-image: url("/e-signatures/images/home1/box_realestate.gif");
background-repeat: no-repeat;
padding-left: 0px; padding-right: 0px;
font-size:12px;
font-weight: normal;
line-height: 18px;
font-color: #666666;
text-align: left;
padding-bottom: 12px;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px;
}
td.box_re1 {
border-bottom: none;
width: 235px;
height: 152px;
background-image: url("/e-signatures/images/home1/box_realestate1.gif");
background-repeat: no-repeat;
padding-left: 0px; padding-right: 0px;
font-size:12px;
font-weight: normal;
line-height: 18px;
font-color: #666666;
text-align: left;
padding-bottom: 12px;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px;
}
td.box_re_afp {
border-bottom: none;
width: 235px;
height: 152px;
background-image: url("/e-signatures/images/home1/box_realestate_afp.gif");
background-repeat: no-repeat;
padding-left: 0px; padding-right: 0px;
font-size:12px;
font-weight: normal;
line-height: 18px;
font-color: #666666;
text-align: left;
padding-bottom: 12px;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px;
}
.text_homebox {
color: #666666;
text-align: right;
font-size: 12px;
}
.dsmessage {
font-size:16px;
font-weight: bold;
color: #666666;
text-align: right;
font-size: 12px;
}
div#title { display: none; }
div#footer {
position: relative;
height: 55px;
color: #02659d;
text-align: right;
font-size: 10px;
padding-bottom: 12px;
}
div#tracking {
position: absolute;
bottom: 0;
left: 0;
}
/* ########## Home Columns ########## */
#home #content {
padding-top: 0px;
padding-right: 40px;
padding-left: 40px;
width: 890px;
}
/* ########## Columns ########## */
div#main, div#columns {
margin:0; padding:0;
}
div#main { background-image: url(/e-signatures/images/site/background_subpage_dropshadow.png); background-repeat: repeat-y; }
#home div#main { background-image: url(/e-signatures/images/site/background_dropshadow.png); }
div#columns {
background-image: url(/e-signatures/images/site/background_subpage_dropshadow_bottom.png); background-position: 0% 100%;
background-repeat: no-repeat;
margin: 0;
padding:0;
}
#home div#columns { background-image: url(/e-signatures/images/site/background_dropshadow_bottom.png); }
div#main div#columns {
padding-top: 2px;
padding-left: 5px;
padding-right: 6px;
}
#columns div#column_left {
float:left;
width:172px;
margin:0; padding-bottom:0;
padding-right: 0px;
padding-left: 5px;
padding-top: 7px;
}
#columns div#column_right {
float:right;
width:170px;
margin:0; padding:0;
padding-right: 12px;
}
#content {
font-family: verdana,arial, helvetica,sans-serif;
font-size: 11px;
color: #666666;
float: left;
margin:0; padding:0;
padding-top: 0px;
padding-right: 20px;
padding-left: 20px;
width: 550px;
}
#content_full {
font-family: verdana,arial, helvetica,sans-serif;
color: #666666;
position: relative;
float: left;
margin:0; padding:0;
padding-top: 0px;
padding-right: 20px;
padding-left: 20px;
width: 982px;
}
/* ########## Column Left ########## */
#columns div#column_left #quotes {
margin-top: 50px;
}
#columns div#column_left h2 {
color: #666666;
font-weight: bold;
font-size: 13px;
text-transform: capitalize;
margin-bottom: 4px;
margin-left: 6px;
}
/* ########## Column Right ########## */
#columns div#column_right a {
text-decoration: none;
font-weight: normal;
FONT-SIZE: 10px;;
COLOR: #2083d2;
TEXT-DECORATION: none
}
#columns div#column_right a:hover {
text-decoration: underline;;
}
/* ########## Sub Nav Other ########## */
#column_left div.three-ways {
border: 1px solid #cce5ff;
height: 27px;
background-color: #f4fafe;
margin-top: 28px;
margin-bottom: 3px;
padding-top: 3px;
padding-left: 3px;
white-space: nowrap;
background-image: url("/e-signatures/images/site/nav/subnav_3ways_bkg.gif");
}
#column_left div.three-ways h2 {
font-family:arial,helvetica,sans-serif;
font-size: 13px;
color: #0066cc;
display: inline;
position: relative;
left: -1px;
top: 5px;
}
#column_left div.web-pro-embedded {
border: 1px solid #cce5ff;
padding: 1px;
padding-bottom: 0;
padding-top: 0;
background-color: #f4fafe;
font-size: 10px;
}
#column_left div.web-pro-embedded ul {
margin: 0; padding: 0; list-style-type: none;
}
#column_left div.web-pro-embedded a {
font-family:arial,helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 12px;
text-decoration: none;
display: block;
margin-top: 1px;
margin-bottom: 1px;
padding-left: 16px;
padding-top: 4px;
padding-bottom: 3px;
border: 1px solid #f4fafe;
color: #0066cc;
}
#column_left div.web-pro-embedded a:hover, #column_left div.web-pro-embedded a.selected {
text-decoration: none;
border: 1px solid #7696cc;
background-color: #daedfe;
color: #003399;
background-image: url("/e-signatures/images/site/nav/subnav_web-pro-embedded_bkg.gif");
}
#column_left div.web-pro-embedded a span.small {
font-size: 10px;
font-weight: normal;
}
/* ########## Random Text ########## */
.smallbluetext {
color: #6699ff;
margin-bottom: 5px;
}
.smallgraytext {
color: #5a5a5a;
font-size:11px;
font-weight:bold;
margin-bottom: 5px;
}
.headertext {
color: #0066cc;
font-size: 18px;
font-family:arial,helvetica,sans-serif;
font-weight: normal;
padding-bottom: 8px;
}
.headertextsmall {
color: #888888;
font-size: 15px;
font-family:arial,helvetica,sans-serif;
font-weight: bold;
padding-bottom: 3px;
}
/* ########## Breadcrumbs ########## */
div#breadcrumbs {
color: #666666;
font-size: 9px;
text-align: right;
right: 208px;
margin-top: 5px;
text-transform: capitalize;
margin-right: 50px;
}
div#breadcrumbs a {
color: #666666;
text-decoration: none;
}
div#breadcrumbs a:hover {
color: #666666;
text-decoration: underline;
}
/* ########## Footer ########## */
#footer div#footerlinks {
color: #666666;
padding-top: 24px;
padding-right: 7px;
}
#footer div#footerlinks a {
font-weight: bold;
color: #666666;
}
#footer div#footerlinks a:hover {
color: #888888;
}
#footer div#copyright {
padding-right: 7px;
padding-top: 3px;
font-size: 9px;
color: #666666;
}
#footer .counter { float: left; width: 315px!important; height: 50px!important; margin-left: 6px; border: 1px solid #cacaca; width: 316px; height: 50px; margin-top: 5px; text-align: left; position: relative; }
#footer .counter .signature_events { margin-top: 22px; margin-left: 10px; }
#footer .counter .flash { width: 150px; height: 27px; float: right; }
/* #home .counter { width: 195px; border: 1px solid #cacaca; height: 95px; margin-left: 30px; margin-top: 0px; text-align: center; position: relative; margin-bottom: 30px; background-image: url(/e-signatures/images/home/gray_gradient.gif)!important; }
#home .counter .signature_events { margin-top: 22px; margin-bottom: 10px; margin-left: 30px;}
#home .counter .flash { width: 150px; height: 27px; background-color: #e6e6e6; margin-left: auto; margin-right: auto; margin-top: 42px}
*/
/* ########## Header ########## */
div#header a#logo {
position: absolute;
left:49px;
top:9px;
margin:0;
}
/* Hide the text in the header (which is contained in the span)
*/
h1#firt span { display: none; }
h1#firt {
height: 58px;
width: 300px;
background-image: url("/e-signatures/images/site/logo-trans.gif");
background-repeat: no-repeat;
}
/*
#header form {
width: 260px;
color: #0073cf;
position: absolute;
right: 0px;
top: 0px;
line-height: 27px;
font-size: 10px;
}
#header form input {
width: 195px;
}
#header form .go {
width: 40px;
background-image: url(/e-signatures/images/site/buttons/go.gif);
text-transform: uppercase;
color: white;
font-size: 10px;
height: 20px;
}
*/
/* ########## Home Specific Content ########## */
/* ########## Content ########## */
#content p { margin-bottom: 10px; font-size: 11px; line-height:16px; font-family: verdana, arial, san-serif}
#content .right { float: right; }
#content .right-padding { float: right; margin-left: 20px; }
#content img.padding-left { margin-left: 12px; padding-top: 200px; margin-bottom: 5px; }
#content img.center { margin-left: 30px; margin-bottom: 5px; }
.left { float: left; }
#content img.padding-right { margin-right: 12px; margin-bottom: 5px; }
#content a { color: #2083d2; font-size:11px; font-family: verdana, arial;}
#content a:hover { color: #f8490c; font-size:11px; }
img.icon { vertical-align: middle; margin-right: 5px; }
img.iconspaced { vertical-align: middle; margin-right: 5px; margin-bottom: 11px;}
#content .violator { position: absolute; }
#content .large { font-size: 14px; }
#content .med { font-size: 13px; }
#content { font-size: 11px; }
#content .small { font-size: 11px; }
#content .xsmall { font-size: 10px; line-height: 14px; font-style: arial, verdana, san-serif; }
#content .xxsmall { font-size: 9px; }
#content .leading-medium { line-height: 17px; }
#content .caps { text-transform: uppercase; }
#content .tiny { font-size: 9px; }
#content .gray { color: #666666; }
#content .black { color: #000000; }
#content .black a { color: #000000; }
#content .black a:hover { color: #666666; }
#content .blue { color: #0073cf; }
#content .blue a { color: #0073cf; }
#content .blue a:hover { color: #666666; }
#content .green { color: #758b5c; }
#content .orange { color: #ff6600; }
#content .orange a { color: #ff6600; }
#content .orange a:hover { color: #ff6600; }
#content .center { text-align: center; margin-left: auto; margin-right: auto;}
#content .darkgray { color: #333333; }
#content .darkgray a { color: #333333; }
#content .darkgray a:hover { color: #007dc3; }
#content .smallgraytext { font-size: 12px; font-weight:bold; color:#5a5a5a;}
#content .headline {
display: block;
color: #ff6600;
font-size: 22px;
font-family:verdana,sans-serif;
font-weight: bold;
margin-bottom: 20px;
}
#content h1 {
color: #2083d2;
font-size: 22px;
font-family: arial,sans-serif;
font-weight: normal;
padding-bottom: 10px;
line-height: 22px;
}
/*
#content h1 {
color: #000000;
font-size: 14px;
font-weight: bold;
line-height: 20px;
font-family: arial,verdana,sans-serif;
padding-bottom: 10px;
}
*/
#content h2 {
color: #2083d2;
line-height:20px;
font-size: 13px;
font-family: arial,sans-serif;
font-weight: bold;
padding-bottom:8px;
}
#content h3 {
color: #000000;
font-size: 14px;
font-weight: bold;
line-height: 20px;
font-family: arial,verdana,sans-serif;
padding-bottom: 10px;
}
#content h4 {
color: #1376ae! important;
font-size: 11px;
font-weight: bold;
font-family: arial,sans-serif;
padding-top: 3px;
padding-bottom: 3px;
}
#content h5 {
color: #2083d2;
line-height:20px;
font-size: 13px;
font-family: arial,sans-serif;
font-weight: bold;
padding-bottom:8px;
}
br.clear { clear: both; }
div.clear { clear: both; }
/* ########## Boxes ########## */
.box { }
.box.next-steps {
width: 205px;
font-family: arial;
font-size: 12px;
}
#main .box.next-steps h2 { background-image: url(/e-signatures/images/boxes/next-steps-h2.gif); height: 27px; padding-top: 15px; font-family: arial; color: white; padding-left: 25px; font-size: 16px; font-weight: normal; }
#main .box.next-steps a { background-image: url(/e-signatures/images/boxes/next-steps-a.gif); height: 21px; padding-top: 7px; display: block; padding-left: 25px; text-decoration: none; }
#main .box.next-steps a.last { background-image: url(/e-signatures/images/boxes/next-steps-last.gif); height: 32px; padding-top: 7px; display: block; }
#main .box.next-steps a:hover { background-image: url(/e-signatures/images/boxes/next-steps-a_mo.gif); color: white; }
#main .box.next-steps a.last:hover { background-image: url(/e-signatures/images/boxes/next-steps-last_mo.gif); color: white; }
/* ## Blue Left Column (260px one left column) ## */
div.blue-1col-l { background-image: url("/e-signatures/images/boxes/blue-1col.gif");
width: 260px;
margin-bottom: 12px;
float: left;
}
div.blue-1col-l span.close { background-image: url("/e-signatures/images/boxes/blue-1col-end.gif");
bottom: -8px;
height: 8px;
}
#content div.blue-1col-l div.boxcontent {
padding-top: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
#content div.blue-1col div.boxcontent h2 {
color: #0066cc;
}
/* ## Blue Right Column (260px one right column) ## */
div.blue-1col-r { background-image: url("/e-signatures/images/boxes/blue-1col.gif");
width: 260px;
margin-bottom: 12px;
float: right;
z-index: 2;
}
div.blue-1col-r span.close { background-image: url("/e-signatures/images/boxes/blue-1col-end.gif");
bottom: -8px;
height: 8px;
}
#content div.blue-1col-r div.boxcontent {
padding-top: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
#content div.blue-1col div.boxcontent h2 {
color: #0066cc;
}
/* ## Blue Wide (540px full center column) ## */
div.blue-wide { background-image: url("/e-signatures/images/boxes/blue-wide.gif");
width: 540px;
margin-bottom: 12px;
}
div.blue-wide span.close { background-image: url("/e-signatures/images/boxes/blue-wide-end.gif");
bottom: -8px;
height: 8px;
}
#content div.blue-wide div.boxcontent {
padding-top: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
#content div.blue-wide div.boxcontent h2 {
color: #0066cc;
}
/* ########## Box - general ########## */
.box span.close {
position: relative;
display: block;
background-position: bottom left;
background-repeat: no-repeat;
}
.box {
}
div#columns div#content .box ul { list-style-image: url(images/site/icons/bullet-blue.gif); }
/* ########## Buttons ########## */
#content a.button { padding-left: 10px; padding-right: 10px; text-align: center; background-repeat: no-repeat; font-weight: bold; text-decoration: none; white-space: nowrap; display: block; font-family:verdana,arial,sans-serif; text-transform: uppercase; }
#content a.button.white {
width: 202px;
font-size: 11px;
height: 33px;
padding-top: 19px;
background-image: url(images/buttons/white.gif);
color: #ff6600;
}
#content a.button.white:hover {
background-image: url(images/buttons/orange.gif);
color: white;
}
#content a.button.white-blue {
width: 150px;
font-size: 11px;
height: 29px;
padding-top: 15px;
background-image: url(images/buttons/white-blue.gif);
color: #0073cf;
}
#content a.button.white-blue:hover {
background-image: url(images/buttons/white-blue_mo.gif);
color: #0073cf;
}
#content .left-padding-right {
float : left;
margin: 12px!important;
}
/* Jim Olse Edits */
.itemColumns {
float: left;
width: 278px;
margin-top: 10px;
height: auto;
background-color: #FFFFFF;
margin-left: 6px;
}
.itemChild {
color: #FFFFFF;
width: 274px;
border-right-color: #4574B7;
border-bottom-color: #4574B7;
border-left-color: #4574B7;
background-image: url(images/site/3column_bkgnd.gif);
background-repeat: repeat-x;
height: 140px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-position: bottom;
}
.itemHeader {
background-image: url(images/site/3column_header.png);
background-repeat: no-repeat;
color: #FFFFFF;
padding-left: 26px;
height: 24px;
line-height: 24px;
font-size: 12px;
font-weight: bold;
vertical-align:bottom;
}
.headerTitle {
font-size: 24px;
color: #FFFFFF;
margin-left: 30px;
margin-top: 20px;
}
.itemColumns p {
font-size: 14px;
color: #666666;
line-height: 20px;
padding-top: 10px;
margin: 10px;
margin-top: 0px;
height: 100px;
}
.itemColumns h6 {
font-size: 10px;
color: #007BC0;
line-height: 12px;
padding-top: 10px;
margin: 10px;
margin-top: 0px;
height: 100px;
}
.itemFooter {
text-align: right;
margin-right: 10px;
font-size: 12px;
}
.itemFooter a {
color: #007CC2;
text-decoration: none;
}
div#columns div#content .itemFooter a:hover {
color: #007CC2;
text-decoration: underline;
}
.headerNav ul {
padding: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left: 30px;
float: left;
list-style-position: inside;
}
.headerNav li {
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
.headerSubNav ul {
list-style-image: none;
list-style-type: none;
padding: 0px;
margin-top: 65px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-right: 30px;
float: right;
}
.headerSubNav li {
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: right;
text-decoration:underline;
}
.headerSubNav li a:link, .headerSubNav li a:visited {
color: #FFFFFF;
text-decoration: underline;
}
.newsBar {
background-color: #02659d;
padding: 4px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border: 4px solid #02659d;
}
.ticker {
font-weight: bold;
color: white;
font-size: 12px;
position: relative;
top: 1px;
}
.ticker a { color: white; text-decoration: underline; }
#scrollup {
position: relative;
overflow: hidden;
height: 28px;
width: 600px;
margin: 0px; padding: 0px;
/* white-space: none;*/
top: -8px;
}
.newsheadline {
position: absolute;
top: 28px;
left: 0px;
height: 28px;
width:600px;
margin: 0; padding: 0;
font-size: 12px;
font-weight: bold;
}
/* ## style for salesforce pages ## */
.sf_bar {
margin: 0; padding: 0;
background-color: #02659d;
margin-bottom: 20px;
width: 100%;
height: 25px;
}
.sf_title {
padding: 4px;
padding-left: 20px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.sf_content {
margin-top: 15px;
color: #999;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
/* ########## 3 columns - full width ########## */
* HTML .clearfix {
HEIGHT: 1%
}
.clearfix {
DISPLAY: block;
margin-top: 0px;
}
.mainrev_contents {
width: 970px; color: #666666; PADDING-RIGHT: 10px; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; PADDING-LEFT: 15px; Z-INDEX: 5; BACKGROUND: url(images/site/bg_main.jpg) no-repeat 0px 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 440px
}
.mainrev_contents_afp {
width: 970px; color: #666666; PADDING-RIGHT: 10px; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; PADDING-LEFT: 15px; Z-INDEX: 5; BACKGROUND: url(images/site/bg_main.jpg) no-repeat 0px 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 40px
}
.mainrev_contents1 {
width: 935px; color: #666666; PADDING-RIGHT: 10px; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; PADDING-LEFT: 10px; Z-INDEX: 5; BACKGROUND: url(images/site/bg_main.jpg) no-repeat 0px 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 320px
}
.mainrev_contents2 {
width: 935px; color: #666666; PADDING-RIGHT: 10px; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; PADDING-LEFT: 10px; Z-INDEX: 5; BACKGROUND: url(images/site/bg_main.jpg) no-repeat 0px 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 450px
}
.mainrev_contents img {
padding-right:5px; pudding-bottom:5px; float:left;
}
.mainrev_contents1 img {
padding-right:5px; pudding-bottom:5px; float:left;
}
.mainrev_contents .div1{
PADDING-LEFT: 0px; PADDING-RIGHT: 14px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 300px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.mainrev_contents .div2 {
PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 290px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.mainrev_contents .div3{
PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 320px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.mainrev_contents img {
padding-right:5px; pudding-bottom:5px; float:left;
}
.mainrev_contents1 .div4{
PADDING-LEFT: 0px; PADDING-RIGHT: 14px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 300px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.mainrev_contents1 .div9{
PADDING-LEFT: 0px; PADDING-RIGHT: 14px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 550px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.mainrev_contents2 .div9{
PADDING-LEFT: 0px; PADDING-RIGHT: 14px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 550px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.mainrev_contents1 .div5 {
PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 280px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.mainrev_contents2 .div5 {
PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 300px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.mainrev_contents1 .div6{
PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 310px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.mainrev_contents1 .div7{
PADDING-LEFT: 0px; PADDING-RIGHT: 14px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 280px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.mainrev_contents1 .div8 {
PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 470px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.h7content {
display: block; PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 200px; PADDING-TOP: 0px; TEXT-ALIGN: left;font-size: 11px; line-height:16px; font-family: arial, verdana
}
.h8content {
display: block; PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 450px; PADDING-TOP: 0px; TEXT-ALIGN: left;font-size: 11px; line-height:16px; font-family: arial, verdana
}
.hcontent {
display: block; PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 280px; PADDING-TOP: 0px; TEXT-ALIGN: left;font-size: 11px; line-height:16px; font-family: arial, verdana
}
.hcontent1 {
display: block; PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 270px; PADDING-TOP: 0px; TEXT-ALIGN: left;font-size: 11px; line-height:16px; font-family: arial, verdana
}
.hcontent2 {
display: block; PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 270px; PADDING-TOP: 0px; TEXT-ALIGN: left;font-size: 11px; line-height:16px; font-family: arial, verdana
}
.hcontent3 {
display: block; PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 550px; PADDING-TOP: 0px; TEXT-ALIGN: left;font-size: 11px; line-height:16px; font-family: arial, verdana
}
.mainrev_contents h2 {
font-size: 14px;
font-color: #0ab9e5;
font-family: arial narrow, univers, verdana, arial,sans-serif;
font-weight: bold;
padding-bottom: 10px;
padding-top: 15px;
}
.mainrev_contents h1 {
font-size: 14px;
font-color: #0ab9e5;
font-family: arial narrow, univers, verdana, arial,sans-serif;
font-weight: bold;
padding-bottom: 10px;
padding-top: 15px;
}
A.more:link {
PADDING-RIGHT: 15px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: url(/e-signatures/images/icons/arrow_blue.gif) no-repeat right 1px ; PADDING-BOTTOM: 0px; COLOR: #2083d2; PADDING-TOP: 0px
}
A.more:visited {
PADDING-RIGHT: 15px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: url(/e-signatures/images/icons/arrow_blue.gif) no-repeat right 1px ; PADDING-BOTTOM: 0px; COLOR: #2083d2; PADDING-TOP: 0px
}
A.more:hover {
PADDING-RIGHT: 15px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: url(/e-signatures/images/icons/arrow_orange.gif) no-repeat right 1px ; PADDING-BOTTOM: 0px; COLOR:#f8490c; PADDING-TOP: 0px
}
A.more:active {
PADDING-RIGHT: 15px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: url(/e-signatures/images/icons/arrow_blue.gif) no-repeat right 1px ; PADDING-BOTTOM: 0px; COLOR: #2083d2; PADDING-TOP: 0px
}
.content_top {
clear:both;
BACKGROUND: url(/e-signatures/images/site/content_top.gif) no-repeat;
height: 5px;
margin: 4px 0px 0px 0px;
overflow: hidden;
}
/* ########## promofooter ########## */
#promofooter_outer {
/* MARGIN-TOP: 18px;*/
height: 160px;
WIDTH: 984px;
BACKGROUND: url(/e-signatures/images/site/promofooter_bottom2.gif) no-repeat 0px 100%;
}
#promofooter_inner {
BACKGROUND: url(/e-signatures/images/site/promofooter_top2.gif) no-repeat;
height: 20px;
clear: both!important;
}
.promo {
float: left;
padding-bottom: 20px!important;
}
.promo_h4 {
width: 230px;
padding: 18px 0px 10px 15px
}
.promo_text {
width: 224px!important;
padding: 0px 10px 0px 10px!important;
FONT-SIZE: 11px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.promo_text A {
COLOR: #797c80!important;
TEXT-DECORATION: none;
}
.promo_text A:hover {
COLOR: #08c!important;
}
/* ########## promofooter for press releases and blog ########## */
#promofooter_blog_outer {
/* MARGIN-TOP: 18px;*/
height: 220px;
WIDTH: 984px;
BACKGROUND: url(/e-signatures/images/site/promofooter_blog_bottom2.gif) no-repeat 0px 100%;
}
#promofooter_inner {
BACKGROUND: url(/e-signatures/images/site/promofooter_top2.gif) no-repeat;
height: 20px;
clear: both!important;
}
.promo {
float: left;
padding-bottom: 20px!important;
}
.promo_blog_h4 {
width: 470px;
padding: 20px 0px 10px 15px;
color: #333333! important;
font-size: 11px;
font-weight: bold;
font-family: arial,sans-serif;
padding-top: 3px;
padding-bottom: 0px;
}
.promo_blog_text {
width: 450px!important;
padding: 0px 10px 0px 20px!important;
FONT-SIZE: 11px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.promo_blog_text A {
COLOR: #666666!important;
TEXT-DECORATION: none;
}
.promo_blog_text A:hover {
COLOR: #08c!important;
}
/*#promofooter:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px;
}*/
/*
#promofooter_outer UL#promos {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; WIDTH: 980px;
}
#promofooter_outer UL#promos LI.promo {
PADDING-RIGHT: 1px;
WIDTH: 220px; FLOAT: left; POSITION: relative; /* margin-bottom: -17px */
/* LIST-STYLE-TYPE: none;!important;
height: 160px
}
/*
#promofooter_outer UL#promos LI.buy {
PADDING-RIGHT: 1px; MARGIN-TOP: -17px; FLOAT: left; WIDTH: 244px; POSITION: relative; /* _margin-bottom: -17px */
}/*
#promofooter_outer UL#promos LI P {
MARGIN-BOTTOM: 0px
}
#promofooter_outer UL#promos LI.promo:hover P A {
COLOR: #08c
}
#promofooter_outer UL#promos LI.promo:hover A.more {
TEXT-DECORATION: underline
}
#promofooter_outer UL#promos LI H4 A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; width: 244px;
}
#promofooter_outer UL#promos LI P A {
PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 20px; TEXT-ALIGN: left
}
#promofooter_outer UL#promos LI UL {
PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 0px; TEXT-ALIGN: left
}
#promofooter_outer UL#promos LI H4 A {
FONT-SIZE: 14px; COLOR: #252525; PADDING-TOP: 17px;
}
#promofooter_outer UL#promos LI H4 A:hover {
TEXT-DECORATION: none
}
#promofooter_outer UL#promos LI P A {
PADDING-RIGHT: 12px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; COLOR: #797c80; LINE-HEIGHT: 16px
}
#promofooter_outer UL#promos LI P A.more {
DISPLAY: inline; PADDING-BOTTOM: 1px; COLOR: #0088cc
}
#promofooter_outer UL#promos LI P A:hover {
COLOR: #08c; TEXT-DECORATION: none
}
#promofooter_outer UL#promos LI P.last A {
PADDING-BOTTOM: 4px
}
/*
#promofooter_outer UL#promos LI.bleed P.last A {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px
}
#promofooter_outer UL#promos LI.buy H4 A {
PADDING-BOTTOM: 8px
}
#promofooter_outer UL#promos LI.buy UL {
FONT-SIZE: 11px; MARGIN: 40px 0px 9px; COLOR: #797c80; LIST-STYLE-TYPE: none
}
#promofooter_outer UL#promos LI.buy LI SPAN {
COLOR: #666
}
#promofooter_outer UL#promos LI.buy .button {
DISPLAY: inline; MARGIN: -4px 8px 0px 0px
}
#promofooter_outer UL#promos LI.buy .product {
LEFT: 110px; POSITION: absolute; TOP: 40px
}
*/
/* ########## form and box style ########## */
.boxreg {
WIDTH: 385px
}
.boxreg_top {
BACKGROUND: url(/e-signatures/images/boxes/form_top.gif) #fff no-repeat left top;
}
.boxreg_top_title {
PADDING-RIGHT: 5px; PADDING-LEFT: 30px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #4d85c5; PADDING-TOP: 10px; FONT-FAMILY: Arial Narrow, Helvetica, sans-serif; LETTER-SPACING: 1px
}
.boxreg_body {
BACKGROUND: url(/e-signatures/images/boxes/form_body.gif) repeat-y; WIDTH: 385px; PADDING-TOP: 0px;
}
.boxreg_relatedlinks {
PADDING-RIGHT: 5px; PADDING-LEFT: 30px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(/e-signatures/images/boxreg_relatedlinks.gif) repeat-y; COLOR: #fff; PADDING-TOP: 5px; FONT-FAMILY: Arial Narrow, Helvetica, sans-serif; LETTER-SPACING: 1px; HEIGHT: 21px
}
.boxreg_text {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-SIZE: 10px! important; PADDING-BOTTOM: 5px; COLOR: #666; LINE-HEIGHT: 16px; PADDING-TOP: 5px; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left
}
TABLE .boxregform {
MARGIN-LEFT: 10px; WIDTH: 97%; MARGIN-RIGHT: 10px
}
.boxregform TD {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-SIZE: 10px! important; PADDING-BOTTOM: 5px; COLOR: #666; LINE-HEIGHT: 16px; PADDING-TOP: 30px; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left
}
.boxreg_bottom {
BACKGROUND: url(/e-signatures/images/boxes/form_bottom.gif) ;
}
.boxreg A {
FONT-SIZE: 10px! important; COLOR: #107ec9; TEXT-DECORATION: none
}
.boxreg A:hover {
COLOR: #e35f31; TEXT-DECORATION: underline
}
.boxreg LI {
MARGIN-LEFT: -5px; LIST-STYLE-TYPE: square
}
.boxreg UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 18px; PADDING-BOTTOM: 3px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 3px
}
.boxreg UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 20px; PADDING-TOP: 0px; LIST-STYLE-TYPE: square
}
.boxreg UL LI {
PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
.boxreg UL LI A {
PADDING-LEFT: 5px
}
.error_prompt {
COLOR: #f8490c; FONT-WEIGHT: bold;
}
input.redbordertext {
border: solid 1px #f8490c;
}
select.redborder {
border : 1px solid #f8490c;
}
.redtext {
color: #f8490c;
}
#home_new {
height: 210px;
}
#home_new H1 {
color: #666666;
padding-left: 50px;
padding-right: 60px;
padding-top: 0px;
font-size: 18px!important;
font-family: arial,sans-serif;
font-weight: normal;
padding-bottom:10px;
}
.home_boxes {
padding-left: 10px! important;
}
#home_new H2 {
color: #666666;
text-align: left;
font-family: Arial;
font-size: 12px;
font-weight: normal;
}
#home_new H2 A {
color: #666666;
text-align: left;
font-family: Arial;
font-size: 12px;
font-weight: normal;
}
td .homebanner_main {
width: 608px;
height: 338px;
}
td .homebanner_bottom {
width: 608px;
height: 35px;
}
.hbox {
width: 497px;
}
.hbox_top{
background-image: url(/e-signatures/images/home/box_top.png);
BACKGROUND-REPEAT: no-repeat!important;
height: 36px;
width: 497px;
PADDING-RIGHT: 20px; PADDING-LEFT: 20px;
}
.hbox_top1_new{
background-image: url(/e-signatures/images/home/box_top1_new.png);
BACKGROUND-REPEAT: no-repeat!important;
height: 36px;
width: 497px;
PADDING-RIGHT: 20px; PADDING-LEFT: 20px;
}
.hbox_top1{
background-image: url(/e-signatures/images/home/box_top1.png);
BACKGROUND-REPEAT: no-repeat!important;
height: 36px;
width: 497px;
PADDING-RIGHT: 20px; PADDING-LEFT: 20px;
}
.hbox_body {
background-image: url(/e-signatures/images/home/box_body.png);
background-repeat: repeat-y
width: 497px;
PADDING-RIGHT: 20px; PADDING-LEFT: 20px;
}
.hbox_bottom {
background-image: url(/e-signatures/images/home/box_bottom.png);
BACKGROUND-REPEAT: no-repeat!important;
width: 497px;
height: 38px;
PADDING-LEFT: 95px;
}
.homecontent {
FONT-SIZE: 11px; COLOR: #666666; FONT-WEIGHT: normal; FONT-FAMILY: arial,verdana,helvetica; line-height:16px;
}
h2.hometitle {
display: block; PADDING-LEFT: 55px; PADDING-BOTTOM: 5px; PADDING-TOP: 2px; FONT-SIZE: 14px; COLOR: #666666; FONT-WEIGHT: bold; FONT-FAMILY: arial narrow,verdana,helvetica;
}
p.caption {
padding:10px 20px;
}
/*
bright: rgb(234,242,255);
normal: rgb(120,172,255);
dark: rgb(0,66,174);
*/
.dynamic-tab-pane-control.tab-pane {
position: relative;
width: 700px;
}
.dynamic-tab-pane-control .tab-row .tab {
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
cursor: Default;
display: inline;
margin: 1px -5px 1px 5px;
float: left;
padding: 3px 8px 3px 8px;
background: rgb(212,224,225);
border: 1px solid;
border-color: rgb(255,255,255);
border-left: 0;
border-bottom: 0;
border-top: 0;
cursor: hand;
cursor: pointer;
z-index: 1;
position: relative;
top: 0;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
border: 1px solid rgb(255,255,255);
border-bottom: 0;
z-index: 3;
padding: 2px 6px 5px 6px;
margin: 1px -6px -2px 0px;
top: -2px;
background: white;
}
.dynamic-tab-pane-control .tab-row .tab a {
font-family: Arial, Verdana, Helvetica, Arial;
font-size: 12px;
font-color: #ffffff! important;
font-weight: bold;
color: rgb(255,255,255);
text-decoration: no;
cursor: hand;
cursor: pointer;
}
h2 .tab {
font-family: Arial, Verdana, Helvetica, Arial;
font-size: 12px;
font-color: #ffffff! important;
font-weight: bold;
color: rgb(255,255,255);
}
.dynamic-tab-pane-control .tab-row .hover a {
font-size: 12px;
font-color: #ffffff! important;
font-weight: bold;
}
.dynamic-tab-pane-control .tab-row .tab.selected a {
font-size: 12px;
font-color: #ffffff;
font-weight: bold;
}
.dynamic-tab-pane-control .tab-page {
clear: both;
border: 1px solid rgb(120,172,255);
background: white;
z-index: 2;
position: relative;
top: -2px;
color: Black;
font-family: Arial, Verdana, Helvetica;
font-size: 10px;
padding: 3px;
}
.dynamic-tab-pane-control .tab-row {
z-index: 1;
white-space: nowrap;
background: rgb(255,255,255);
height: 1.25em;
width: 100%;
}
.tab_text {
display: block;
color: #5a5a5a;
font-size:12px;
font-weight: normal;
margin-bottom: 5px;
padding-left: 20px;
padding_right: 20px;
line-height: 20px;
}
p .tab_text {
color: #5a5a5a;
font-size:12px;
font-weight: normal;
margin-bottom: 5px;
padding-left: 20px;
padding_right: 20px;
line-height: 20px;
}