/* s0.0 - Page definition */
html {
 overflow-y: scroll;   /* forces firefox scrollbar on */
 padding-bottom: 20px;
}
body {
        font-size: 80%;
        margin: 0em auto;
        padding: 0em;
        font-family: tahoma, geneva, sans-serif;
          background-color: #000000;
}
a  {
color: #0653AB;
outline: 0px;
text-decoration: none;
}
a:hover  {
outline: 0px;
text-decoration: underline;
}
img{
border: 0px;
}

/* s1.0 - Page Containers */
#myloginbox{
  margin: 10px auto;
 width: 883px;
 background-color:#364158;
 border: 8px solid #D4D4D4;
 padding: 1px 1px 10px 1px;
 min-height:100px;
}
#mylargebox{
  margin: 10px auto;
 width: 883px;
 background-color:#364158;
 border: 8px solid #D4D4D4;
 padding: 1px 1px 10px 1px;
 min-height:800px;
}
#mylargebox2{
  margin: 10px auto;
 width: 883px;
 background-color:#364158;
 border: 8px solid #D4D4D4;
 padding: 1px 1px 10px 1px;
 min-height:400px;
}
/* s1.0 - Page Containers */
#mylargebox3{
  margin: 10px auto;
 width: 883px;
 background-color:#364158;
 border: 8px solid #D4D4D4;
 padding: 1px 1px 10px 1px;
 min-height:575px;
}
#header-background {
  background: url(images/back_nav_blue.gif) repeat-x;
  margin: 0px auto;
  padding: 0px;
  height: 73px;
 width: 883px;
  border-top: 4px solid #CCEAFE;
  border-bottom: 4px solid #D4D4D4;
}
#page-container {
  width: 866px;
  margin: 0px auto;
  margin-top: 33px;                 /* pad from top menu to actions buts*/
  margin-bottom: -11px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #D4D4D4;         /* light grey*/
  border-right: 1px solid #464646;
  min-height:400px;
}
#page-container2 {
  width: 846px;
  margin: 0px auto;
  margin-top: 33px;                 /* pad from top menu to actions buts*/
  margin-bottom: -11px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left:10px;
  padding-right:10px;
  background-color: #FFFFFF;         /* light grey*/
  border-right: 1px solid #464646;
  min-height:400px;
}
#page-content-inner {
  width: 849px;
  margin: 0px auto;
  border-top: 1px solid #9F9FA0;
  border-left: 1px solid #A2A09A;
  background-color: #F4F1E9;
  position: relative;
}
#page-content-inner #col-left {
  width: 210px;
  float: left;
  background-color: #F4F1E9;
}
*html #page-content-inner #col-left {   /* ie6 fix*/
  width: 210px;
}
#page-content-inner #col-main {
  width: 639px;
  background-color: #ffffff;
  position: absolute; right: 0px; top: 0px;
}
#footer-container {
  width: 866px;
  position: relative;
  left: 8px;
padding: 2px 0px 10px 0px;
  background-color: #D4D4D4;         /* light grey*/
  margin-top: 10px;
}
 /* s2.0 - Global navigation bar */
.nav-global-container {
 width: 880px;
margin: 0px auto;
position: relative;

}
*html .nav-global-container  {   /* ie6 fix*/
margin-bottom: -6px;
}

.login {
position: absolute; right: 20px;
text-align: center;
}
.login a,
.login a span {
display: block;
height: 18px;
font-size: 11px;
background: url(images/login-sprite.gif) right -5px no-repeat;
text-decoration: none;
font-weight: bold;
padding: 5px 10px 5px 10px;
position: relative;
}
.login a:hover {
color: #000000;
text-decoration: underline;
}
div.login a span {
  background-position: left -105px;
  width: 4px;
  position: absolute;
  top: 0px; left: 0px;
  padding: 5px 0px 5px 0px;;
}
div.login a:hover span {
}


.login2 {
position: absolute; right: 90px;
text-align: center;
}
.login2 a,
.login2 a span {
display: block;
height: 18px;
font-size: 11px;
background: url(images/login-sprite.gif) right -5px no-repeat;
text-decoration: none;
font-weight: bold;
padding: 5px 10px 5px 10px;
position: relative;
}
.login2 a:hover {
color: #000000;
text-decoration: underline;
}
div.login2 a span {
  background-position: left -105px;
  width: 4px;
  position: absolute;
  top: 0px; left: 0px;
  padding: 5px 0px 5px 0px;;
}
div.login2 a:hover span {
}

.logo {
        float: left;
        margin: 0px 0px -5px 0px;   /* neg marging for ie6 */
}
.logo img {
border: 0px;
margin-left: -1px;
}
.nav-global {
        float: left;
    width: 645px;
        margin: 40px 0px 0px 40px;
    background-color: transparent;
}
.nav-global ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
}
.nav-global li {
        float: left;
        white-space: nowrap;
}

div.nav-global li a,
div.nav-global li a span {
  background-image: url(images/tab-sprite.gif);
  background-position: right 100px;
  background-repeat: no-repeat;
  height: 32px;
  color: #666666;
  text-decoration: none;
  font: bold 14px 'trebuchet ms';
  margin-right: 15px;
  display:block;
  position: relative;
  padding: 7px 7px 0px 7px;
}
div.nav-global li a:hover {
  background-position: right 0px;
  color: #333333;
}
div.nav-global li a:hover span {
  background-position: left -100px;
  display:block !important;
}
div.nav-global li a span{
  background-position: left 150px;
  width: 4px;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 7px 0px 0px 0px;
}
body.safari div.nav-global li a span {
display:none;
}


div.nav-global li a.on,
div.nav-global li a.on:hover {
  background-position: right -55px;
  color: #FFFFFF;
}
div.nav-global li a.on span,
div.nav-global li a.on:hover span {
  background-position: left -155px;
  display:block !important;
}

div.action-container {
  position: relative; top: -45px; cursor: pointer;
}
div.action-icon-container {
  position: absolute; top: -17px; left: -17px; z-index: 10; width: 100px; height: 100px; overflow:hidden;
}
div.action-icon {
  border: 0px; position: absolute; top: -0px; left: 0px;
}
div.action-button-container {
  height: 106px; width: 180px; overflow:hidden;  position: absolute; top: 0px; left: 0px; z-index: 5;
}
img.action-icon {
  border: 0px; position: absolute; top: 0px; left: 0px; z-index: 0
}
div.action-text {
  z-index: 20;
  color: #FFFFFF;
  position: absolute;
  left: 40px;
  top: 12px;
  font: 14px tahoma, geneva;
  padding-top: 30px;
}
div.action-header {
 z-index: 21;
 position: absolute;
 left: 40px;
 top: 10px;
}
div.action-header b {
  font: bold 17px tahoma, geneva;
  display:block;
  margin-bottom: 10px;
  color: #0b2c89;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 130px;
}
div.action-header b.shadow {
  top: 1px;
  left: 1px;
  color:#d5d5d5;
}
img.action-button {
  position: relative;
}
div.hover img.action-button{
top: -131px;
}
div.on img.action-button {
  top: -261px;
}


/* s3.0 - top of content Action Buttons */
.action-buttons  {
width: 100%;                            /* ie6 requires */
}
.action-buttons ul {
        position: relative;
        padding: 0px;
}
.action-buttons li {
        position: relative;                  /* ie6 fix */
        float: left;
        list-style: none;
        text-align: center;
        line-height: 16px;
        margin: -61px 0px 0px 0px;
}
.action-home li{
        margin: -49px 0px 0px 0px;
}
.action-buttons  a  {
        display: block;
        height: 110px;
        width: 175px;
        padding: 14px 0px 0px 25px;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
}
.action-buttons li span {
        color: #053880;
        line-height: 47px;
        font-size: 17px;
}
div.action-bottom {
  margin: 15px 0px 10px 0px;
  float:left;
}
div.action-bottom a {
  height: 61px;
  width: 178px;
  border: 0px;
  background: url(images/action-bottom.gif) no-repeat 0px 0px;
  color: #0b2c89;
  float:left;
  position: relative;
  font: bold 17px tahoma, geneva;
  text-decoration: none;
  margin-right: 10px;
}
div.action-bottom a span {
position: absolute;
top: 15px;
left: 40px;
}
div.action-bottom a span.shadow {
top: 16px;
left: 41px;
color: #d4d4d4;
}


.line-grey{
        background: url(images/line-grey.gif) 0 0 repeat-x;
        height: 2px;
        margin: 8px 25px 20px 0;
}
 /* s4.0 - Home Hero Area */
.hero-background {
position: relative;
width: 880px;
background:  url(images/back_home-hero2.png) 10px 0px no-repeat;
height: 211px;
margin: -20px 0px 45px 0px;
}
.hero-text{
float: right;
width: 626px;
margin-top: 26px;
}
.hero-text a{   /* Sign Up Now Button */
padding: 5px 32px 0px 0px;
float: right;
}

.hero-text h1{
font-size: 2.3em;
line-height: 1.2em;
color: #333333;
font-family: Trebuchet MS;
margin: 12px 0px 10px 10px;
}
.hero-text h2{
margin: 0px;
font-weight:normal;
font-size: 1.35em;
margin: 5px 0px 13px 10px
}

 /* s4.1 - Home Left Header tab */
.col-left-header-tab {
position: relative;                  /* ie6 fix */
background: url(images/tab_green.gif) 0 0 no-repeat;
height: 30px;
width: 166px;
text-align: center;
color: #ffffff;
font: 20px 'trebuchet ms';
padding-top: 2px;
margin-top: -41px;
margin-left: 20px;
line-height: 29px;
margin-bottom: 8px;
display: block;
}

.col-left-header-tab a {
  color: #FFFFFF;
}


.callout-green {
background: url(images/back_green-fade.gif) 0 0 repeat-x;
font-size: 1.2em;
padding: 10px 15px 20px 13px;
color: #303B52;
line-height: 1.4em;
}

 /* s4.2 - Home Left Quote */
.callout-tan {
color: #666666;
}
.callout-tan h1{
background: #F4F1E9 url(images/back_tan-fade.gif) 0 0  repeat-y;
font-size: 1.1em;
text-align: center;
margin: 0px;
padding: 11px 5px 11px 2px;
color: #333333;
}
.callout-tan p {
 margin: 0px;
margin-top: 5px;
line-height: 1.4em;
padding: 5px 10px 7px 13px;
}
.callout-tan p img {
float: left;
margin: 5px 10px 5px 0px;
}
.callout-tan div {
text-align: left;
padding: 5px 10px 7px 0px;

}
 /* s4.3 - purple home boxes */
.box-purple{
background: #C6C8E3 url(images/back_home-icons.png) 0px 0px  repeat-x;
border-left: 1px solid #ffffff;
color: #333333;
width: 581px;
padding: 10px 15px 20px 15px;
}
div.box-purple a {
}
.box-purple h1{
font-size: 1.5em;
margin: 10px 0px -15px 0px;
}
.box-purple li{
margin: 0px 0px 0px -23px;
line-height: 1.6em;
font-size: 1em;
}
.box-purple  div {
 padding: 0px 0px 0px 110px;
}
.icon-text01
{
background-image: url(images/icon_measure.png);
background-repeat: no-repeat;
}
* html .icon-text01
{
width:460px;   /* must have a width or heigh tag for ie6*/
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icon_measure.png", sizingMethod="crop");
}
.icon-text02{
        background: url(images/icon_people.png) 0 0 no-repeat;
}
* html .icon-text02{
width:460px;   /* must have a width or heigh tag for ie6*/
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icon_people.png", sizingMethod="crop");
}
.icon-text03{
        background: url(images/icon_execute.png) 0 0 no-repeat;
}
* html .icon-text03{
width:460px;   /* must have a width or heigh tag for ie6*/
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icon_execute.png", sizingMethod="crop");
}

 /* s4.4 - news home boxes */
.callout-news {
color: #555555;
float: left;
width: 49%;
margin: 10px 1px 0px 0px;
padding-bottom: 20px;
text-align: left;
}
.line-news-r{
border-right: 1px solid #D4D4D4;
}
.callout-news h1{
background-color: #EEEEEE;
font-size: 1.2em;
margin: 0px;
padding: 11px 5px 11px 15px;
color: #333333;
}
.callout-news p {
margin: 10px 0px 0px 10px;
padding: 0px 10px 7px 20px;
background: url(images/news.gif) no-repeat left 1px;
}
.callout-news p a {
}
.callout-news ul {
list-style-type: none;
padding: 0;
margin: 10px 0 0 10px;
}
.callout-news li {
background: url(images/icon_news.gif) no-repeat left 2px;
padding: 0px 5px 5px 20px;
}
.callout-news li a {
display:block;
margin-bottom:5px;
}
.callout-news div {
text-align: right;
}
#scrollup {
  position: relative;
  overflow: hidden;
  height: 440px;
  width: 200px
}
.headline {
  position: absolute;
  top: 600px;
   left: 5px;
  height: 585px;
  width:190px;
  font: normal 12px tahoma, geneva !important;
}
div.more  {
margin: 5px 0px 0px 0px;
padding: 0px 10px 0px 0px;
letter-spacing: inherit;
}
div.more a{
background:transparent url(images/arrow_r-blue.gif) no-repeat right 2px;
font-weight:bold;
padding:0px 20px 0px 0px;
font-weight:bold;
text-decoration: none;
}
div.more a:hover{
text-decoration: underline;
}

 /* sX.0 - Left Nav */
.nav-left-back{
background: url(images/back_nav_side.gif) 0 0 repeat-x;
}
div.empty {
background: #F1F0E5 url(images/back_green-fade.gif) 0 0 repeat-x;
}
div.empty div.callout-green {
}

.nav-left  {
padding-top: 12px;
/*background: url(images/logo_marketo_square.gif) 0 0 no-repeat;*/
width: 210px;
}
.nav-left ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
}

.nav-left li a {
        display: block;
        height: 24px;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
         color: #ffffff;
        border-top: 1px solid #B3D38D;
        border-bottom: 1px solid #7CA84E;
        border-left: 1px solid #97B973;
        padding: 6px 0px 0px 20px;
}

.nav-left a:hover, .nav-left a.active:hover, #nav-left-sub a:hover {
        color: #4C6F28;
        background-color: #F4F1E9;
}
.nav-left-header-tab {
position: relative;                  /* ie6 fix */
background: url(images/tab_green.gif) 0 0 no-repeat;
height: 32px;
width: 166px;
text-align: center;
color: #ffffff;
margin: -41px 0px 0px 22px;
line-height: 22px;
margin-bottom: 8px;
display: block;
}
div.empty div.nav-left-header-tab {
background: url(images/tab_green2.gif) 0 0 no-repeat;
}
.nav-left a.active {
        /* background: url(images/arrow_d-green.gif) 5px 10px no-repeat; */
        display: block;
        height: 24px;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        background-color: #F4F1E9;
        color: #4C6F28;
        border-top: 1px solid #D1E5BB;
        border-bottom: 1px solid #B0CB95;
        border-left: 1px solid #DADADA;
         padding: 6px 0px 0px 20px;
}
#nav-left-sub a  {
        display: block;
        height: 24px;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        background-color: #D6E8C4;
        color: #4C6F28;
        border-top: 1px solid #D6E8C4;
        border-bottom: 1px solid #B0CB95;
        border-left: 1px solid #97B973;
        border-right: 1px solid #8DBE5A;
         padding: 6px 0px 0px 30px;
}
*html #nav-left-sub   {   /* ie6 fix */
margin-top: -1px;
}
*+html #nav-left-sub   { /* ie7 fix */
margin-top: -1px;
}
#nav-left-sub a.active-page {
        display: block;
        height: 24px;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        background-color: #ffffff;
        color: #666666;
        border-top: 0px solid #7CA84E;
        border-bottom: 1px solid #B0CB95;
        border-left: 1px solid #97B973;
        border-right: 0px solid #8DBE5A;
         padding: 6px 0px 0px 30px;
        cursor: default;   /* turns off hand icon for link */
}

 /* sX.0 -  Main Content */

.main-content{
        color: #666666;
        position: absolute; right: 20px;
        padding-top: 20px;
        width: 585px;
        padding-bottom: 60px;
        zoom:1;

}
div.main-content div.main-content {
  position: relative;
  height: auto !important;
  width: 550px;
  right: 0px;
  margin: 20px 0px;
}

div.main-content div.main-content {
  height: 240px;
}
.main-content h1{
        color: #5890D1;
        font-size:1.9em;
        font-family: Trebuchet MS;
        border-bottom: 1px solid #cccccc;
        margin: 0px 10px 0px 0px;
}
.main-content h2{
        color: #666666;
        font-size:1.3em;
        font-weight: normal;
        margin: 10px 10px 5px 0px;
}
.main-content p{
        margin: 10px 10px 10px 0px;
        line-height: 1.55em;
}
         /* sX.1 -  Main Content Sub Styles */
        .sub-grey{
        border-top: 1px solid #D4D4D4;
        border-bottom: 1px solid #D4D4D4;
        background-color: #F4F4F4;
        margin: 10px 10px 0px 0px;
        padding: 0px 10px 20px 15px;
        }
        .sub-white{
        margin: 10px 10px 0px 0px;
        padding: 0px 10px 20px 15px;
        }
        img.screen-grab-r{
        margin-right:-8px;
        text-align: right;
        padding: 0px 0px 0px 10px;
        }
div.main-content a.screenshot {
  float:right;
  padding:10px 10px 0px 0px
}
.content-foot{
border-top: 1px solid #D4D4D4;
font-size: .9em;
line-height: 1.45em;
margin: 10px 20px 0px 0px;
padding: 10px 10px 30px 0px;
}
div.main-content ul {
position: relative;
left: 0px;
}
div.main-content li {
 margin-bottom: 5px;
  list-style-type: disc
}
div.main-content li a {
 color: #6A6CB0;
}
 /* sX.0 - Footer */
div.footer{
color: #666666;
font-size: .85em;
font-weight: normal;
height: 18px;
margin: 0px auto;
font-family: Tahoma, Geneva, sans-serif;
margin-top: 10px;
}
.footer ul{
list-style-type: none;
}
.footer li {
float: left;
border-right: 1px solid #666666;
padding: 0px 7px 0px 7px;
margin-top: 3px;
}
.footer a{
color: #666666;
text-decoration: none;
}
.footer a:hover{
color: #0653AB;
text-decoration: none;
}
.footer li.line-off{
border-right: 0px solid #ffffff;
}
div.footer strong {
font-weight: normal;
}


 /* sX.0 - General Colors */
.line-grey, .line-grey-tier{
border-top: 1px solid #A3A3A2;

}
.line-grey-tier{
padding-bottom: 25px;

}


.bottom{
height: 10px;
}
div.p10bottom{
padding-bottom: 10px;
}
.clear{
clear: both;
}

table.grid {
  background: #EEEEEE;
}
table.grid th {
  background-color: #F4F4F4;
}
table.grid td {
  background-color: #FFFFFF;
}

a.demoLink {
  padding: 1px 10px 0px 17px;
  height: 24px;
  background: url(images/bullet_triangle_blue.gif) no-repeat 0px 4px;
  display:block;
  float:left;
}

div.callout-tan a {
background: none;
color: #0653AB;
margin: auto;
display:block;
}
div.callout-tan a:hover {
background: none;
color: #0653AB;
}
label.error {
  color: red;
  padding-left: 10px;
  font-style: italic;
  font-weight: normal;
}
input.error {
  border: 2px solid red;
}
p.demoBlock {
  border-bottom:1px solid #DDDDDD;
  padding-bottom:10px;
}

div.left-nav-callout {
  height: 200px;
  width: 190px;
  top: 55px;
  left: 5px;
  position: relative;
  padding-left: 9px;
  padding-top: 13px;
}
div.left-nav-callout img.png {
 position: absolute;
 z-index: 0;
 top: 0px; left: 0px;
}
div.left-nav-callout h6 {
  font: bold 14px tahoma, geneva; color: #333333;
  height: 36px;
  padding-left: 5px;
  margin: 0px;
  position: relative; z-index: 10;
}
div.left-nav-callout a {
  background: url(images/monitor24.gif) no-repeat 0px center;
  padding: 5px 0px 5px 30px;
  display:block;
  font: bold 12px tahoma, geneva;
  color: #336699;
  margin-bottom: 5px;
  position: relative; z-index: 10;
}


textarea {
  width: 400px
}


tr.required td {
  font-weight: bold
}

ul#homeBlog li div.description {
  display:none;
}


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 }


div.halfForm {
  float:left; width: 45%; margin-left: 20px; margin-top: -10px;
}
div.halfForm input {
  width: 150px;
}

div.halfForm textarea {
  width: 150px; height: 120px;
}

.postLP {
  display:none
}
.nav-left a.open {
background-image:url(images/arrow_d-green.gif);
background-position:6px 11px;
background-repeat:no-repeat;
}


.inlineLink {
  text-decoration: underline; cursor: pointer;
}

ul.blogUL {
  background: url(images/loading.gif) no-repeat center center;
}

div.buttonSubmit {position: relative; display:block;}
div.buttonSubmit input,
div.buttonSubmit span,
a.buttonSubmit,
a.buttonSubmit span {
  height: 36px;
  position: relative;
  background-image: url(images/button-submit.gif);
  background-repeat: no-repeat;
  background-position: right 0px;
  float:left;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px 15px 2px 15px;
  margin: 20px 0px 20px 0px;
  border: 0px;
  cursor: pointer;
  z-index: 5;
}

a.buttonRed,
a.buttonRed span {
  background-image: url(images/button-submit-red.gif);
}


div.buttonSubmit input {
width: auto;
}

div.buttonSubmit span,
a.buttonSubmit span {
  width: 4px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-position: left -36px;
  padding: 0px 0px 0px 0px;
  z-index: 10;
  margin: 0px;
}

a.buttonSubmit div.label {
  top: 10px;
  position: relative;
  cursor: pointer;
  display:inline
}

a.buttonSubmit:hover {
  text-decoration: none;
  background-position: right -72px;
}

a.buttonSubmit:hover span {
background-position: left -108px;
}



body.safari div.buttonSubmit span {
  display:none
}

div.buttonSubmitHover input {  background-position: right -72px;}
div.buttonSubmitHover span {  background-position: left -108px;}

div.left-nav-callout a.buttonSubmit {
  margin-bottom: 0px;
  background-image: url(images/button-submit.gif);
  background-position: right 0px;
  color: #FFFFFF;
  padding: 0px 15px 2px;
}

div.left-nav-callout a.buttonSubmit:hover {
  background-position: right -72px;

}