html {
overflow-y: scroll; /* forces firefox scrollbar on */
}
IMG{
border: 0px;
outline: none;
}
A{
border: 0px;
outline: none;
}
#bodyId {
background-color: #716fb3;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
height: 100%;
}
div#outerWrapDiv {
position: relative;
height: 100%;
width: 100%;
}
div#innerWrapDiv {position: relative;
background: #ffffff url(../images/mc-bg.gif) 0 0 repeat-x;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 35px;
margin-bottom: 0px;
text-align: left;
height: 100%;
}
/* Width of Full Page */
div#innerWrapDiv {
width: 900px;
}
/* Main Content Area - Controls height of page */
div#mktContent {
position: relative;
height: 100%;
width: 100%;
}
img.topHeaderPurple {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 90px;
}
/* Thin Column in Content */
div#mktColumn {
width: 200px;
position: absolute;
left: 5px;
top: 0px;
background: #eaeced url(../images/columnE.gif) repeat-y right;
color: #333333;
}
div#mktColumn img { position: absolute;}
div#mktColumn a { text-decoration: none;}
img.columnCapE {top: 0px; right: 0px; height: 90px;width: 15px;}
img.columnCapW {top: 0px; left: 0px; height: 90px; width: 9px; }
img.columnN {top: 0px; left: 0px; width: 100%; height: 90px; }
img.columnE {top: 0px; right: 0px; height: 100%; width: 13px; }
img.columnW {top: 0px; left: 0px; height: 100%; width: 9px; }
img.columnS {bottom: 0px; right: 0px; height: 13px; width: 100%; }
img.columnSW {bottom: 0px; left: 0px; height: 13px; width: 13px; }
img.columnSE {bottom: 0px; right: 0px; height: 13px; width: 13px;}
div#mktColumn h1 {
color: white;
padding: 0px;
font-size: 16px;
font-weight: bold;
margin: 10px 0px 15px 0px
}
div#mktColumn a.h2 {
font-size: 12px;
/* font-weight: bold;*/
color: #43545e;
margin-left: -5px;
padding:4px 0px 4px 7px;
border: 1px solid #eaeced;
display:block;
}
div#mktColumn a.h2:hover {
background-color: white;
border: 1px solid #cccccc;
}
div#mktColumn a.h3 {
font-size: 12px;
font-weight: bold;
padding: 0px;
}
div#mktColumn a.h4 {
color: #43545e;
text-decoration: none;
font-size: 11px;
padding: 4px 0px 4px 20px;
background: url(../images/newBullet.gif) no-repeat 7px 8px;
border: 1px solid #eaeced;
display:block;
margin-left: -5px;
}
div#mktColumn a.h4:hover {
background-color: white;
border: 1px solid #cccccc;
display:block;
}
div#mktColumn a.on {
color: #525099;
font-weight: bold;
}
div#mktColumn a.sub-on {
background-color: #d2d4d5;
font-weight: bold;
}
div.pad {
position: relative;
z-index; 1;
padding: 15px 10px 10px 15px;
margin-bottom: 10px;
}
div#mktColumn hr {
height: 2px;
border: 0px;
background-color: #FFFFFF;
border-top: 1px solid #cccccc;
width: 95%;
position: relative;
left: -5px;
}
/* Column on right */
div#mktColumn2 {
height: 100%;
width: 200px;
position: absolute;
right: 10px;
top: 0px;
background: #eaeced url(../images/innerNPurple.gif) repeat-x top;
}
div.colLow {
width: 200px;
position: absolute;
right: 0px;
top: 360px !important;
background: #eaeced;
}
div#mktColumn2Low {
width: 200px;
height: 65%;
position: absolute;
right: 6px;
top: 360px;
}
div#mktColumn2 img, div#mktColumn2Low img { position: absolute;}
img.innerNEPurple {top: 0px; right: 0px; height: 90px;width: 9px;}
img.innerNWPurple {top: 0px; left: 0px; height: 90px; width: 9px; }
img.innerSW {bottom: 0px; left: 0px; height: 5px; width: 5px; }
img.innerSE {bottom: 0px; right: 0px; height: 5px; width: 5px; }
img.innerNW {top: 0px; left: 0px; height: 5px; width: 5px; }
img.innerNE {top: 0px; right: 0px; height: 5px;width: 5px;}
div#mktColumn2 h1 {
font-size: 14px;
font-weight: bold;
padding: 5px 0px 0px 2px;
color: #45555f;
margin: 9px 0px 9px 0px;
}
div#mktColumn2 span.h2 {
display: block;
font-size: 18px;
font-weight: bold;
}
a.actionButton {
width: 172px;
height: 79px;
display:block;
background-repeat: no-repeat;
background-image: url(../images/actionButtonSprite.gif);
color: white;
text-decoration: none;
font-size: 12px;
font-weight: bold;
position: relative;
}
a.actionButton span.pad {
padding: 10px 0px 0px 15px;
margin: 0px;
display:block;
}
/*div#mktColumn2 a.contact { background-position: 0px 0px;}
div#mktColumn2 a.demo { background-position: 0px -79px;}
div#mktColumn2 a.trial { background-position: 0px -158px;}
div#mktColumn2 a.contact:hover { background-position: -175px 0px;}
div#mktColumn2 a.demo:hover { background-position: -175px -79px;}
div#mktColumn2 a.trial:hover { background-position: -175px -158px;}*/
a.contact { background-position: 0px 0px;}
a.demo { background-position: 0px -79px;}
a.trial { background-position: 0px -158px;}
a.contact:hover { background-position: -175px 0px;}
a.demo:hover { background-position: -175px -79px;}
a.trial:hover { background-position: -175px -158px;}
div#mktColumn2 div.assets {
width: 175px;
position: relative;
background: #FFFFFF url(../images/assetBack.gif) repeat-y;
font-size: 12px;
color: #43545e;
padding: 5px 0px;
margin-top: 10px;
}
div#mktColumn2Low div.assets {
position: relative;
background: none;
font-size: 12px;
color: #43545e;
margin: 0px;
padding; 0px;
}
div#mktColumn2 div.assets h2, div#mktColumn2Low div.assets h2{
font-size: 14px;
font-weight: bold;
padding: 7px 0px 3px 0px;
border-bottom: 1px solid #cccccc;
width: 150px;
margin: 0px 0px 5px 10px;
}
div#mktColumn2 div.assets img.assetN, div#mktColumn2Low div.assets img.assetN {
top: 0px; position: absolute;
}
div#mktColumn2 div.assets img.assetS, div#mktColumn2Low div.assets img.assetS {
bottom: 0px; position: absolute;
}
div#mktColumn2 div.assets a, div#mktColumn2Low div.assets a, div.assets A {
display:block;
text-decoration: none;
padding: 5px 0px 5px 35px;
color: #43545e;
background-repeat: no-repeat;
background-image: url(../images/assetSprite.gif);
}
div#mktColumn2Low div.assets a{
margin-left: -12px;
}
div#mktColumn2 div.assets a:hover, div#mktColumn2Low div.assets a:hover {
text-decoration: underline;
}
div.assets a.pdf { background-position: 13px 4px; background-repeat: no-repeat }
div.assets a.monitor { background-position: 13px -25px; }
div.assets a.megaphone {background-position: 13px -58px; }
div.assets a.magnify { background-position: 15px -91px; }
div.assets a.print {background-position: 13px -127px; }
div#mktHeader { height: 85px;position: relative;}
a.logo {
position: absolute;
top: 13px;
left: 40px;
width: 136px;
height: 59px;
}
div#mktFooter {
height: 80px;
position: relative;
background-color: #716fb3;
color: white;
font-weight: bold;
}
div.footerLinks {
line-height:18px;
padding-bottom:20px;
position:relative;
text-align:center;
top:20px;
}
div.footerLinks a { text-decoration: none; color: white;}
div.footerLinks a:hover { color: #ff9d28;}
div.footerLinks span { margin: 0px 1px;}
/* TOM: div.outerShadow img, Was called, but it punted all Images on page so I set specific calls */
div.footerShadow img, IMG.outerN, IMG.outerNE, IMG.outerNW {
position: absolute;
}
div.outerShadow {
width: 100%;
height: 100%;
position: relative;
}
div.outerSide {
height: 100%;
position: absolute;
top: 0px;
width: 16px;
background-repeat: repeat-y;
}
div.outerW {left: -7px; background-image: url(../images/outerW.gif); top: 9px; z-index: 1;}
div.outerE {right: -7px; background-image: url(../images/outerE.gif); top: 9px; z-index: 1;}
div.columnW {left: 0px; width: 9px;background-image: url(../images/columnW.gif)}
div.columnE {right: 0px; width: 13px; background-image: url(../images/columnE.gif)}
img.outerNE {right: -7px; top: -7px;}
img.outerN {width: 100%; top: -7px;}
img.outerNW {left: -7px; top: -7px;}
img.outerSE {right: -7px; top: 0px;}
img.outerS {width: 100%; top: 0px}
img.outerSW {left: -7px; top: 0px;}
img.outerN, img.outerS {width: 100%; height: 16px;}
img.outerE, img.outerW {width: 16px; height: 100%;}
div.nav-global {
right:10px;
position:absolute;
bottom:-10px;
}
div.nav-global ul {
margin: 0px;
padding: 0px;
list-style: none;
}
div.nav-global li {
float: left;
white-space: nowrap;
position: relative;
padding: 0px 24px 0px 24px;
}
div.nav-global li a {
height: 32px;
color: #333333;
text-decoration: none;
font-weight: bold;
font-size: 14px;
margin-right: 10px;
display:block;
position: relative;
padding: 5px 0px 0px 0px;
border-top: 3px solid #ffffff
}
div.nav-global li a:hover {
border-top: 3px solid #B1B1B1
}
div.nav-global li a.on,
div.nav-global li a.on:hover {
border-top: 3px solid #D9862D
}
div.search {
position: absolute;
right: 15px;
top: 15px;
height: 30px;
text-align: right;
color: #223640;
font-size: 12px;
font-weight: bold;
}
div.search * {
float:left;
margin-left: 5px;
}
div.search input.text {
background-color: #f3f3f3;
border: 1px solid #999999;
border-color: #999999 #FFFFFF #FFFFFF #999999;
padding: 3px;
font: 13px Corbel,'Trebuchet MS',Verdana,Arial,sans-serif;
vertical-align: bottom;
}
div.search div { padding-top: 3px}
div.topLinks {
position: absolute;
right: 20px;
top: -25px;
width: 400px;
height: 25px;
text-align: right;
color: white;
}
div.topLinks a {
color: white;
text-decoration: none;
font-weight: bold;
padding: 0px 3px;
font-size: 11px
}
div.topLinks a:hover {
color: #ff9700;
}
div.mainContent {
position: relative;
width: 465px;
margin-left: 211px;
height: 100%;
z-index: 10;
color: #333333;
font-size: 12px;
min-height:450px; /* added for short pages and IE6 fix */
height:auto !important;
height:450px;
}
div.fullWidth {
width: 680px;
margin-bottom: -6px;
}
div.breadcrumbs {
color: white;
margin-left: 18px;
padding-top:20px;
font-size: 11px;
font-weight: bold;
}
div.breadcrumbs a {
color: white;
font-size: 11px;
}
div.breadcrumbs a:hover { color: #ff9d28 ;}
div.mainContent h1,
div.mainContent h2,
div.mainContent h3,
div.mainContent h4,
div.mainContent h5,
div.mainContent h6 {
margin: 0px;
}
div.mainContent h1 {
font-size: 24px;
padding-left: 18px;
color: white;
margin: 10px 0px;
}
div.mainContent h1.onpage {
font-size: 24px;
padding-left: 0px;
color: #000000;
margin: 25px 0px 10px 0;
line-height: 25px;
}
div.mainContent div.block {
position: relative;
padding: 5px 10px 5px 10px;
font-size: 11px;
margin-bottom: 5px;
line-height: 140%;
}
div.mainContent div.block ul {
padding-left: 0px;
margin-left: 0px;
}
div.mainContent div.block LI {
padding: 0 0 4px 11px;
line-height: 120%;
background: url(../images/newBullet.gif) no-repeat 0px 2px;
list-style: none;
}
div.mainContent div.blogLink H2 A {
text-decoration: underline;
}
div.mainContent h3 {
font-size: 12px;
font-weight: bold;
}
div.mainContent div.first h2 {
color: #333333;
font-size: 16px;
font-weight: bold;
padding-top: 8px;
}
div.mainContent div.first{
font-size: 12px;
padding: 15px 10px 10px 10px;
}
div.mainContent div.customer{
padding-top: 0px;
margin-top: 0px;
}
div.tint {
background: #e3e3e3 url(../images/back_tint.gif) 0 0 repeat-x;
border: 1px solid #ebebeb;
}
.ie7 div.tint {
margin: 30px 0 30px 0;
}
div.tintShort {
background: url(../images/back_tint.gif) 0 -35px repeat-x;
border: 1px solid #ebebeb;
}
div.blockShort {
height: 60px;
margin: 0 0 0 0 !important;
}
div.tint div.corner {
position: absolute;
background-repeat: no-repeat;
height: 5px;
width: 5px;
}
div.tint div.NE {top: -1px; right: -1px; background-image: url(../images/innerNE.gif);}
div.tint div.NW{top: -1px; left: -1px; background-image: url(../images/innerNW.gif);}
div.tint div.SE {bottom: -1px; right: -1px; background-image: url(../images/innerSE.gif);}
div.tint div.SW {bottom: -1px; left: -1px; background-image: url(../images/innerSW.gif);}
div.block a { color: #5a5887; text-decoration: none;}
div.block a:hover { color: #FF9700; text-decoration: underline;}
div.mainContent a.h2 {
font-size: 14px;
color: #716fb3;
margin: 7px 0px;
font-size: 14px;
font-weight: bold;
displaY:block;
}
div.tint div.cornerTen {
position: absolute;
height: 8px;
width: 8px;
}
div.TL {
background: url(../images/innerTL.gif) 0 0 no-repeat;
top: -1px;
left: -1px;
}
div.TR {
background: url(../images/innerTR.gif) 100% 0 no-repeat;
top: -1px;
right: -1px;
}
div.BL {
background: url(../images/innerBL.gif) 0 0 no-repeat;
bottom: 0px;
left: -1px;
}
div.BR {
background: url(../images/innerBR.gif) 0 0 no-repeat;
bottom: 0px;
right: -1px;
}
div.block a.highslide {
float:right;
margin: 10px 10px 10px 10px;
position: relative;
border: 1px solid #CCCCCC;
}
div.block a.highslide img {
border: 0px;
width: 163px;
height: 111px;}
div.block a.highslide:hover {
border: 1px solid #ffa300;
}
div.clear{
clear: both;
}
/* HOME STYLES */
div.hmMain{
background: url(../images/hm_back_top.gif) 0 0 repeat-x;
width: 515px;
float: left;
}
div.hmMain IMG.anchor{
margin-top: -8px;
}
div.hmRight{
background: url(../images/hm_back_top.gif) 0 0 repeat-x;
float: left;
width: 384px;
}
*html div.hmRight{
margin-right: -3px;
}
div.hmRight div.hmBoxTop{
background: url(../images/hm_box_top.gif) 0 0 no-repeat;
width: 378px;
height: 10px;
margin-top: 20px;
}
div.hmRight div.hmBoxMid{
background: url(../images/hm_box_mid.gif) 0 0 repeat-y;
margin-top: -2px;
width: 378px;
height: 307px;
padding: 0 8px 0 2px;
}
div.hmRight div.hmBoxBot{
background: url(../images/hm_box_bot.png) 0 0 no-repeat;
width: 378px;
height: 250px;
}
div.hmRight div.box01{
background: url(../images/hm_box01_back.gif) 0 100% repeat-x;
width: 328px;
padding: 10px 15px 0px 25px;
font-size: 19px;
letter-spacing: -1px;
line-height: 28px;
font-weight: bold;
}
div.hmRight div.box01 A {
color: #51606a;
text-decoration: none;
display: block;
}
div.hmRight div.box01 A SPAN{
color: #ff9f00;
font-size:24px;
letter-spacing: 0px;
}
div.hmRight div.box01 A:hover IMG {
opacity: .7;
filter: alpha(opacity=70);
}
div.hmRight div.box01 IMG{
float: right;
margin: -5px 0 12px 0;
}
/*.chrome div.hmRight div.box01{
padding-bottom:13px;
}
.chrome IMG.learnmore {
padding-top: 10px;
}
.ie8 div.hmRight div.box01{
padding-bottom:7px;
}
.ie8 IMG.learnmore{
padding-top: 20px;
}
*/
div.hmRight a.box02-header{
color: #ff9f00;
margin-top: -26px;
background: url(../images/hm_box02_header.gif) no-repeat -1px 0px;
text-decoration: none;
padding: 5px 0 0 25px;
font-size: 16px;
font-weight: bold;
width: 113px;
height: 21px;
display:block;
}
div.hmRight div.box02{
background: #43545e url(../images/hm_box02_back.gif) 0 100% repeat-x;
width: 329px;
padding: 18px 15px 9px 25px;
line-height: 20px;
font-weight: bold;
}
.ie8 div.hmRight div.box02{
padding-bottom: 20px;
}
div.hmRight div.box02 A{
color: #ffffff;
background: url(../images/newBullet.gif) no-repeat 0px 6px;
display: block;
text-decoration: none;
padding: 0 0 0 10px;
}
div.hmRight div.box02 A:hover{
color: #ff9f00;
text-decoration: underline;
}
div.hmRight div.box02 div.left{
float: left;
width: 140px;
}
div.hmRight div.box02 div.right{
float: left;
width: 170px;
}
/* Box 3 Tabs */
.shadetabs{
margin: 0 0 0 0;
font: bold 14px Arial;
list-style-type: none;
text-align: left;
background: url(../images/hm_box03_top.gif) 0 0 repeat-x;
height: 28px;
width: 329px;
}
*+html .shadetabs{
width: 369px;
}
*html .shadetabs{
width: 369px;
}
.shadetabs li{
display: inline;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(../images/hm_tabs_sprite.gif) 0 0 no-repeat;
}
.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 6px 7px 3px 14px;
width: 143px;
height: 19px;
display: block;
float:left;
color: #2d2b2b;
background: url(../images/hm_tabs_sprite.gif) 0 0 no-repeat;
outline: none;
margin: 0 0 0 -41px;
}
*+html .shadetabs li a{
margin: 0 0 0 0px;
}
*html .shadetabs li a{
margin: 0 0 0 0px;
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}
.shadetabs li a.selected{
position: relative;
color: #ff9f00;
top: 1px;
z-index: 111;
}
.shadetabs li a.right{
margin-left: -10px;
}
.shadetabs li a.selected{
background: url(../images/hm_tabs_sprite.gif) 0 -28px no-repeat;
border-bottom-color: white;
position: relative;
outline: none;
margin: 0 0 0 -41px;
}
*+html .shadetabs li a.selected{
margin: 0 0 0 0px;
}
*html .shadetabs li a.selected{
margin: 0 0 0 0px;
}
.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontent{display:none; overflow: hidden;height: 193px;padding: 0px 10px 0 10px;}
.belt{
overflow: hidden;
height: 193px;
padding: 0px 10px 0 10px;
}
.tabcontent A, .belt A{text-decoration: none;color: #333333;}
.tabcontent SPAN, .tabcontent SPAN A, .belt SPAN, .belt SPAN A{color: #ff9900;font-weight: bold;}
.tabcontent A:hover, .belt A:hover{color: #ff9900;}
@media print {
.tabcontent {
display:block !important;
}
}
div#homeBlog {
margin:0px 0 0 0;
}
/*
.ie div#homeBlog { margin:-15px 0 0 0;}
*/
/*div.homeBlog li {
margin: 7px 10px 7px 0px;
list-style: none;
background: url(../images/newBullet.gif) 0 4px no-repeat;
font-weight: bold;
padding: 0 0 0 12px;;
}
*//*
div.news{
border: 1px solid #999999;
width: 367px;
overflow: hidden;
}
div.blog{
border: 1px solid #999999;
width: 367px;
overflow: hidden;
}
*/
div.hmMain a.actionButton {
width: 163px;
height: 79px;
display:block;
background-repeat: no-repeat;
background-image: url(../images/hm-actionButtonSprite.gif);
color: white;
text-decoration: none;
font-size: 12px;
font-weight: bold;
position: relative;
}
DIV.actionButtonsHorz {
margin-left: 50px;
text-align:center;
}
DIV.actionButtonsHorz a.actionButton {
float: left;
margin: 0 35px 0 0;
}
div.hmMain a.actionButton span.pad {
padding: 10px 0px 0px 15px;
margin: 0px;
display:block;
}
DIV.actionButtonsHorz span.pad {
padding: 12px 10px 0px 10px;
margin: 0px;
display:block;
}
div.hmMain span.h2, DIV.actionButtonsHorz SPAN.h2 {
display: block;
font-size: 18px;
font-weight: bold;
}
div.hmMain a.contact { background-position: 0px 0px;}
div.hmMain a.demo { background-position: 0px -79px;}
div.hmMain a.trial { background-position: 0px -158px;}
div.hmMain a.contact:hover { background-position: -175px 0px;}
div.hmMain a.demo:hover { background-position: -175px -79px;}
div.hmMain a.trial:hover { background-position: -175px -158px;}
div.hmMain div.left {
float: left;
}
div.hmMain div.right {
float: right;
padding: 1px 3px 0 0;
}
div.hmMain div.ad-box {
width: 338px;
height: 115px;
background: url(../images/hm_ad-box.gif) 0 0 no-repeat;
/* padding: 10px 0 0 15px;*/
margin: 0 0 0 10px;
font-size: 11px;
}
div.hmMain div.ad-box H2{
font-size: 18px;
color: #314751;
margin:0 0 -10px 0;
padding: 15px 0 0 20px;
}
div.hmMain div.ad-box P{
font-size: 13px;
margin:0 0 0 0;
padding: 15px 0 0 20px;
font-weight: bold;
}
div.hmMain div.ad-box p.link{
color: #716fb3;
text-decoration: underline;
font-size: 11px;
margin-top: -2px;
}
div.ad-box:hover {
cursor: pointer;
color: #716fb3;
}
div.hmMain div.ad-box p.link A {
text-decoration: underline;
color: #716fb3;
}
div.hmMain div.ad-box H2 SPAN{
color: #716fb3;
}
div.hmMain div.ad-two H2{
font-size: 18px;
}
div.hmMain div.ad-box A{
text-decoration: none;
color: #314751;
display: block;
height: 115px;
}
div.hmMain div.ad-box A:hover, div.hmMain div.ad-box A:hover H2 {
color: #716fb3;
}
div.hmMain div.ad-one {
background: url(/images/b2bGuide_tn.png) 100% 26px no-repeat;
width: 331px;
height: 112px;
}
div.hmMain div.ad-two {
background: url(/images/lead-mgmt-tn.png) 100% 46px no-repeat;
width: 330px;
height: 112px;
}
div.block h2{
font-size: 14px;
color: #716fb3;
margin:15px 0px 5px 0px;
font-size: 14px;
font-weight: bold;
display:block;
line-height: 21px;
}
div.tint h2, div.block h2.top{
margin-top: 0px;
}
IMG.blockIcon{
float: right;
margin: 0px 10px 20px 10px;
}
IMG.blockIconTall{
float: right;
margin: 5px 10px 20px 10px;
}
h2.purple {
font-size: 14px !important;
color: #716fb3 !important;
margin: 7px 0px !important;
font-weight: bold;
display:block;
}
h2.purpleSubHead {
font-size: 18px !important;
color: #716fb3 !important;
margin: 7px 0px !important;
font-weight: bold;
display:block;
}
div.customers div.block {
position: relative;
border-bottom: 0px dotted #cccccc;
clear: both;
padding-bottom: 15px;
margin-bottom: 15px;
}
div.mainContent div.hr {
height: 1px;
border: 0px;
background-color: #FFFFFF;
border-top: 1px dotted #cccccc;
width: 95%;
position: relative;
left: 10px;
padding-bottom: 10px
}
div.customers div.first {
border-bottom: 0px dotted #cccccc;
clear: both;
padding-bottom: 0px;
margin-bottom: 15px;
}
div.customers div.block div.left {
float: left;
width: 190px;
position: relative;
}
/* customer video callout blocks*/
div.customers div.block div.right {
float: right;
width: 236px;
position: relative;
}
div.customers div.block div.rightThreeUp {
position: relative;
float: right;
width: 200px;
}
div.customers div.block div.calloutLogo {
position: relative;
float: left;
width:150px;
}
div.customers div.block div.calloutLogo IMG {
margin: 50px 0px 10px 0px
}
div.customers div.block div.calloutText {
float:left;
width: 260px
}
div.customers div.block div.calloutText H2 {
margin: 10px 0 -10px 0;
}
div.customers div.block div.calloutText P.title {
text-align:right;
margin-top:-10px;
}
div.customers div.block div.left IMG.logo{
margin-bottom: 6px;
}
div.customers div.logos { /* css for logos on bottom of customers page*/
float: left;
text-align: center;
width: 200px;
}
div.customers div.logoFourUp {
width: 100%;
margin-left: -5px;
}
div.customers div.logoFourUp IMG.logoFeatured{
margin: 0px 10px 0px 10px;
}
div.customers div.logoFourUp DIV {
float: left;
width: 25%;
height: 70px;
text-align: center;
padding: 0px 0 0px 0;
margin: -5px 0px -5px 0px;;
}
div.customers div.logoContainer {
width: 85%;
}
div.customers div.logoContainer DIV{
float: left;
width: 33%;
height: 70px;
text-align: center;
padding: 10px 0 0px 0;
margin: 0px;
}
div.customers div.logoContainer DIV IMG, div.customers div.logoFourUp DIV IMG{
margin: 0px;
padding:0px;
}
div.customers div.logos2 { /* css for logos on bottom of customers page*/
float: left;
text-align: left;
width: 150px;
}
div.customers div.logos IMG{
padding: 15px 0 15px 0;
}
div.block a.highslide-video {
float:right;
margin: 10px 0px 10px 0px;
position: relative;
}
div.block a.highslide-video IMG {
border: 0px;
/*width: 236px;
height: 176px;*/
}
table.grid{
border: 0px;
background: #eaeced;
border-collapse: collapse;
}
table.grid TD{
border: 1px solid #e3e3e3;
background: #ffffff;
padding: 3px 2px 3px 5px;
}
table.grid td.header{
background: #bbbae4;
border-bottom: 1px solid #525099;
}
div.roundTable {
width: 450px;
position: relative;
background: #FFFFFF url(../images/new-table-mid.gif) repeat-y;
font-size: 12px;
color: #43545e;
padding: 7px 0px 11px 0px;
margin-top: 5px;
}
div.roundTable img.top {
top: 0px; position: absolute;
}
div.roundTable img.foot{
bottom: 0px; position: absolute;
}
table.roundTable{
width: 444px;
border: 0px;
border-collapse: collapse;
margin-bottom: 5px;}
table.roundTable TH{
background: #716fb3 url(../images/new-table-head.gif) repeat-x;
color: #ffffff;
padding: 4px 2px 3px 5px;
}
table.roundTable TD{
border: 1px solid #d9d9d9;
padding: 3px 2px 3px 5px;
}
table.roundTable TR.on, IMG.on{
background: #e3e2f0;
}
div.roundBigTable {
width: 650px;
position: relative;
background: #FFFFFF url(../images/new-table-big-mid.gif) 100% 0 repeat-y;
font-size: 12px;
color: #43545e;
padding: 7px 0px 11px 0px;
margin-top: 5px;
}
div.roundBigTable img.top {
top: 0px;
right: 0px;
position: absolute;
}
div.roundBigTable img.foot{
bottom: 0px;
right: 1px;
position: absolute;
}
table.roundBigTable{
width: 643px;
border: 0px;
margin: 4px 0 0 0;
border-collapse: collapse;
}
table.roundBigTable TH{
background: #716fb3 url(../images/new-table-head.gif) repeat-x;
color: #ffffff;
padding: 3px 0px 3px 0px;
text-align:center;
border: 0px solid #716fb3;
width: 70px;
}
*+html table.roundBigTable TH{
width: 78px;
}
table.roundBigTable TH.description{
width: 116px;
border-left: 1px solid #8987c6;
font-weight: bold;
}
table.roundBigTable TH.blank{
background: url(../images/spacer.gif);
}
table.roundBigTable TD{
border: 1px solid #d9d9d9;
padding: 3px 2px 3px 5px;
text-align: center;
}
table.roundBigTable TD.features{
text-align: left;
line-height: 14px;
font-weight: bold;
}
IMG.icon{
width: 20px;
height: 20px;
}
table.roundBigTable TR.on{
background: #e3e2f0;
}
table.roundBigTable td.head{
background: #ffffff;
font-weight: bold;
/*writing-mode: tb-rl;
filter: flipv fliph;*/
width: 79px;
/* padding: 3px 2px 3px 5px;*/
text-align: center;
border-left: 1px solid #ffffff;
}
*+html table.roundBigTable td.head{
width: 91px;
}
LI P{
margin: 4px 0 4px 0;
}
/* table for form - http://marketo.nkv1.com/demo.php */
tr.errorRow td.label { }
tr.errorRow td.field input { border: 2px solid red; background-color: #FFFFD5; margin: 0px; }
div.formError { color: #FF0000; display:none; }
tr.errorRow div.formError { display:block; font-weight: normal; }
div.error { color: red;}
div.error a { color: #336699; font-size: 12px; text-decoration: underline }
td.label { white-space: nowrap;
padding-right: 5px; }
div.halfForm {
float:right;
width: 45%;
margin: 0 10px 0 15px;
}
div.halfForm input {
width: 140px;
font-size:12px;
}
div.halfForm SELECT {
width: 145px;
font-size:12px;
}
div.halfForm textarea {
width: 150px;
height: 120px;
}
div.halfForm TABLE {
padding-right: 10px;
}
div.halfForm TABLE TD{
padding: 4px 3px 4px 0;
font-size: 12px;
font-weight: bold;
}
label.error {
color: red;
padding-left: 10px;
font-style: italic;
font-weight: normal;
}
input.error {
border: 2px solid red;
}
div.box_top{
background: url(../images/box_top.gif) 0 0 no-repeat;
width: 181px;
height: 14px;
}
div.box_mid{
background: url(../images/box_mid.gif) 0 0 repeat-y;
width: 151px;
padding: 0 15px 5px 15px;
font-size: 12px;
font-style: italic;
}
div.box_bot{
background: url(../images/box_bot.gif) 0 0 no-repeat;
width: 181px;
height: 14px;
}
/* basic button */
div.halfForm input.submitBut, input.submitBut {
background: url(/images/button-submit.gif) no-repeat;
border: 0px;
width: 150px;
height: 37px;
cursor: pointer;
color: #ffffff;
font-size: 15px;
font-weight: bold;
}
input.submitBut:hover {
opacity: .7;
filter: alpha(opacity=70);
}
/* For buttons - added by Glen 3/20 4:21 */
div.buttonSubmit {
position:relative;
float:left;
}
div.buttonSubmit input, div.buttonSubmit span {
background-image:url(/images/button-submit10.gif);
background-position:right 0px;
background-repeat:no-repeat;
border:0px none;
color:#FFFFFF;
cursor:pointer;
float:left;
font-weight:bold;
height:36px;
margin:0px;
padding:0px 15px 2px;
position:relative;
z-index:5;
}
div.buttonSubmit span {
background-position:left -36px;
left:0px;
padding:0px;
position:absolute;
top:0px;
width:4px;
z-index:10;
}
div.buttonSubmit input {
width:auto;
padding-left: 10px !important;
padding-right: 10px !important;
}
#mktFrmSubmit{
color: #FFFFFF !important;
}
div.buttonSubmit:hover input { background-position: right -72px;}
div.buttonSubmit:hover span { background-position: left -108px;}
div.disabled input, div.buttonSubmit span {
color:yellow;
cursor:auto;
}
div.disabled span {
}
div.disabled:hover input { background-position: right -0px;}
div.disabled:hover span { background-position: left -36px;}
/* End buttons */SUP, div.sup{
line-height: 11px;
}
div.news {
font-weight: bold;
font-size: 13px;
font-style: italic;
float: left;
width: 460px;
}
div.newslogo {
float: right;
width: 180px;
text-align: center;
clear: both;
}
/*div.news {
font-weight: bold;
font-size: 13px;
font-style: italic;
}
*/div.news P, div.news div.description{
font-weight: normal;
font-size: 11px;
font-style: normal;
margin: 3px 0px 15px 0px;
}
a.more{
padding-left: 10px;
white-space: nowrap;
font-weight: bold;
}
#homeBlog div.news div.description {
display:none;
}
#homeBlog div.news A {
display: block;
margin: 0px 0 10px 0;
font-size: 12px;
font-style: normal;
}
div.press LI{
margin: 0 0 5px 0;
}
div.press UL{
margin-top: -5px;
}
ol.alpha li {
list-style-type: lower-roman;
}
/* TOM 100908 browser spacing */
.gecko div.hmRight div.box02{
padding: 18px 15px 28px 25px;
}
.webkit div.hmRight div.box01{
font-size: 18px;
letter-spacing: -1px;
line-height: 25px;
font-weight: bold;
padding-bottom: 23px;
}
.webkit div.hmRight div.box02{
padding: 18px 15px 28px 25px;
border-bottom: 11px solid #2f3d46;
}
.gecko a.lowbut{
margin-top: -1px;
}
.gecko div.hmMain div.left{
margin-top: -2px;
}
.gecko div.hmMain div.right{
margin-top: -2px;
}
/* TOM 092508 remove red dot from LEFT of forms */
ul.mktLblLeft LI{
background: transparent url(/images/spacer.gif) no-repeat 0px 0px !important;
}
/* TOM 092508 New Partner Page */
.purple {
color: #716fb3;
}
.purple {
color: #716fb3 !important;
}
div.partner-box
{
width: 222px;
height: 190px;
background: url(../images/partner-box.gif) 0 0 no-repeat;
margin: 0px 0 0px 0;
}
.ie div.partner-box
{
margin: -10px 0 0px 0;
}
div.partner-box p
{
font-size: 12px;
margin:0 0 0 0;
padding: 15px;
}
div.partners-box
{
background: url(../images/partner-box.gif) 0 0 no-repeat;
}
div.expert-box
{
background: url(../images/partner-box_expert.gif) 0 0 no-repeat;
}
div.agency-box
{
background: url(../images/partner-box_agency.gif) 0 0 no-repeat;
}
div.solutions-box
{
background: url(../images/partner-box_solutions.gif) 0 0 no-repeat;
}
div.reseller-box
{
background: url(../images/partner-box_reseller.gif) 0 0 no-repeat;
}
/* TOM 101308 adjustement to Partenr CSS*/
div.mogul-box
{
background: url(../images/partner-box-mogul.gif) 0 0 no-repeat;
}
div.partner-box H3
{
font-size: 15px;
color: #716eb3;
margin: 0px 0 -10px 0;
padding: 15px 0 0 15px !important;
}
/*div.block H3
{
font-size: 15px;
color: #716eb3;
margin: 0px 0 -10px 0;
padding: 10px 0 0 0px;
}
*/
div.partner-box a
{
/* stephen edit */
color: #5a5887;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
div.partner-box a:hover
{
/* stephen edit */
color: #FF9700;
text-decoration: underline;
}
div.partner-box .link
{
margin: -10px 0 0 15px;
}
.textSmall{
font-size: 10px;
}
/* TOM 101308 Resources CSS*/
.textBig{
font-size: 1.2em;
line-height: 1.4em;
}
DIV.centerCol{
margin-top: -20px;
width: 440px;
}
DIV.centerCol H2{
margin-bottom: -5px;
}
.ie DIV.centerCol H2{
margin-bottom: -12px;
}
.textDefault, DIV.textDefault P, DIV.textDefault UL{
font-size: 12px;
line-height: 140%;
}
div.topicContent div.block P {
padding:0px;
margin: 10px 0 10px 0;
}
div.topicContent div.tint{
margin-bottom: 15px;
}
div.topic-box
{
width: 231px;
height: 360px;
margin: 0 0 10px 0;
background: url(../images/partner-box-long.gif) 0 0 no-repeat;
}
div.topic-box a.h4 {
color: #43545e;
text-decoration: none;
font-size: 11px;
padding: 6px 0px 6px 20px;
background: url(../images/newBullet.gif) no-repeat 7px 8px;
display:block;
margin-left: -5px;
}
div.topic-box a.h4:hover {
background-color: white;
display:block;
}
table.tableMogul TD{
vertical-align: top;
}
/* a.orange {
color: #ff975f !important;
}
*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 366px; /*Width of Carousel Viewer itself*/
height: 226px; /*Height should enough to fit largest content's height*/
margin-left: 2px;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 5px;
height: 230px; }
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 25px 0px 25px; /*margin around each panel*/
width: 330px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel H3{
color: #ff9f00;
font-size: 16px;
margin: 5px 0 0px 0;
}
.stepcarousel .panel H2{
color: #ff9f00;
font-size: 14px;
margin: 10px 0 10px 0;
}
.stepcarousel .centerBox{
text-align: center;
}
.stepcarousel .centerBox IMG{
padding: 10px 0 10px 0;
}
.stepcarousel .centerBox H3{
text-align: left;
}
.stepcarousel div.BestMktAutomation{
width: 305px;
height: 206px;
background: url(../images/best_ma_final.png) 0 0 no-repeat;
cursor: pointer;
margin-top: -8px;
}
.ie6 .stepcarousel div.BestMktAutomation{
background: url(../images/best_ma_final.jpg) 0 0 no-repeat;
margin-top: 0px;
}
.ie7 .stepcarousel div.BestMktAutomation{
background: url(../images/best_ma_final.png) 0 0 no-repeat;
margin-top: -8px;
}
ol.eula li ol.alphatwo{
padding:0;
margin:0 0 0 20px;
}
ol.eula li ol.alphatwo li {
list-style-type: lower-alpha;
text-align:left;
padding:0;
}
/* TOM: TIER full page round anchor box 081509 */
DIV.anchor{
position: relative;
padding: 0px;
width:655px !important;
height: 165px;
}
IMG.anchorPic{
position: absolute;
bottom: 0px;
left: 0px;
}
DIV.anchorText{
position: relative;
margin: 0px 0 0px 210px;
height: 162px;
/*min-height: 180px;*/
}
DIV.anchorText P{
margin: 8px 30px 5px 0;
font-size: 15px;
font-style: italic;
line-height: 20px;
}
.gecko DIV.anchorText P{ /* fix for Mac FF*/
font-size: 14px;
}
DIV.anchorText P IMG{
margin-bottom: 4px;
}
DIV.anchor A.learnMore{
position: absolute;
bottom: -8px;
right: -5px;
float: right;
font-weight:bold;
margin: 15px 30px 0 0;
color:#6f6eb0;
text-decoration: none;
display: none;
}
A.learnOnpage{
float:right; padding-right: 25px; margin-top: -8px;
}
DIV.anchor DIV.randomcontent A.learnMore{
display: inline;
}
DIV.anchor DIV.randomcontent DIV.anchorText{
margin-bottom: 30px;
}
DIV.anchor A.learnMore:hover{
color: #fd6f03;
}
SPAN.name{
font-weight:bold;
font-size: 12px;
}
SPAN.title{
font-size: 12px;
color: #909092;
font-style: italic
}
DIV.customerType{
float: left;
width: 195px;
margin: 25px 0 0 -205px;
text-align: right;
font-weight: bold;
font-size:14px;
text-transform: uppercase;
color: #716fb3;
}
DIV.custLinks{
position: absolute;
bottom: 5px;
right: 25px;
font-weight:bold;
color:#6f6eb0;
}
DIV.custLinks A{
color:#6f6eb0;
text-decoration: none;
float: right;
}
DIV.custLinks A:hover{
color:#ff9700;
text-decoration: none;
}
DIV.custLinks SPAN{
padding: 0 5px 0 5px;
}
DIV.custLogo{
width: 190px;
vertical-align:top;
text-align:center;
float: left;
}
DIV.custText{
float: left;
width: 320px;
height: 100%;
vertical-align: middle;
padding-top: 14px;
font-size: 1.3em;
font-weight: bold;
}
TD.custLogo{
width: 130px;
vertical-align:top;
text-align:center;
}
TD.custText{
padding-left: 25px;
}
TD.custText H2{
font-size: 1.5em;
}
DIV.customerBlock HR{
background: none;
color: #ffffff;
border: 0px;
border-bottom: 1px solid #cccccc;
margin-bottom: 10px;
}
DIV.custIcons{
float: right;
margin: 0 0 0 10px;
}
TABLE.gridLogo{
border-collapse: collapse;
margin: 0px;
padding: 0px;
width: 100%;
}
TABLE.gridLogo TD{
margin: 0px;
padding: 15px 0 15px 0;
width: 33%;
text-align: center;
vertical-align: middle;
border: 1px dotted #eeeeee;
}
DIV.featuredTile{
float: left;
width: 195px;
height: 60px;
margin: 5px 0 0 -205px;
text-align: right;
font-weight: bold;
font-size:14px;
text-transform: uppercase;
color: #61524f;
padding-right: 10px;
border-right: 1px solid #000000;
}
DIV.featuredLogos{
float: left;
margin: 0 0 30px 0;
}
IMG.logoFeatured{
margin: 0 10px 0 10px;
}
div.customerBlock img{
padding:32px;
width:130px;
height:60px;
}
DIV.assetHorz{
float: left;
width: auto;
margin-right: 14px;
font-weight: bold;
}
.fleft{
float: left
}
.fright{
float: right
}
/*BLOG FEED BACGROUNDS*/
.gfc-result.alt {
background:url(../images/sprite_bg_blog_blurb.png) no-repeat 0 bottom;
}
.gf-result.alt {
background:url(../images/sprite_bg_blog_blurb.png) no-repeat -460px top;
}
.gf-result {
padding:5px 10px;
}