/* Global style */

html
{ overflow: -moz-scrollbars-vertical; overflow-y: scroll; }

html,
body
{
margin: 0;
padding: 0;
height: 100%;}

body {
text-align: center;
font-family:'Lucida Grande', LucidaGrande, Lucida, Arial, sans-serif;
background-color: #c3cad4;
color: #333;
}

.italic { font-style: italic; }

.bold { color: #000; font-weight: bold; }

sup { font-size: .65em; vertical-align: text-top; }

.emph {
font-weight: bold}



form {
margin:0px;padding:0px;}

input, textarea {
background-color:#EEEEEE;
border:1;
border-color: #ffffff; 
font-size:11px; 
color:000000;
}

#container {
margin: 0 auto;
position: relative;   
min-height: 100%;
height: auto !important;
height: 100%;
background-color: white;
background-image: url(../images/bg-line.gif);
background-repeat: repeat-y; 
width: 880px;
text-align: left;
}

#branding img{padding-left: 10px;
}

#navigation {float: right;
margin-top: 28px;
clear:both; background-color:#bba106; height:30px; padding:10px 0 0 5px;}

.navitem { float:left; font-size: 8pt; font-weight: bold; margin-right: 10px; }

.navitem a { color: #282828; text-decoration: none; border-left:thin #c3a807 solid; height:20px; display:block; margin-top:-10px; padding:10px; }

.navitem a:hover { text-decoration: none; background-color:#c3cad4; height:15px; display:block; border-left:#c3cad4 thin solid; background-position:bottom; padding:17px 10px 15px 10px; position:relative; top:-7px; }



#subnavigation {
width: 222px;  
font-size: 11px; 
font-weight: bold;
padding-top: 5px;}

.subnavitem {
padding-right: 40px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 20px;
background-image: url(../images/arrow-white.gif); 
background-repeat: no-repeat; 
background-position: 190px center;}

.subnavitem a {
color: white; 
text-decoration: none; }

#subnavseparator {
border-bottom: 1px solid black;}

a:hover div.subnav, a:active div.subnav {
background-color: black;
}

#spacer {
height: 4em; 
}

#footer {color: #626262;
font-size: 11px;
position: absolute;
bottom: 0 !important;
height: 42px !important;
width: 100%;
border-top: 1px solid rgb(204,204,204);
background-color: #fff;
}

#footerlinks {
padding-left: 10px;
}

#footerlinksitem {
float:left;
margin-right: 15px;}

#footerlinksitem a, #copyright a {
color: #626262;
text-decoration: none;}

#footerlinksitem a:hover, #copyright a:hover {
color: black;
text-decoration: underline;}

#copyright {
padding-left: 230px;}

#centralsec {
margin-top: 10px;
}

#subnavigation{
float: left; 
background-color: #3d3e38; }


#content {
margin-left: 223px;
background-repeat: no-repeat;
padding-top: 145px;
font-size: 12px;
 }

#content_sg_col { font-size: 11px; line-height: 1.7em; margin-right: 30px; margin-left: 30px; }

#content_sg_col a {
color: #3d3e38;
border-bottom: 1px dotted black;
text-decoration: none;
}

#content_sg_col a:hover {
color: #7083a0;
}

#header { height: 23px; background-image: url(../images/header.gif); background-repeat: no-repeat; margin: 0 0 20px; padding-left: 45px; text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing: 0.25em; padding-top: 1px; width:613px;  }

h1 { height: 23px; text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing: 0.25em; width:613px; margin-top:0px;  }

#header_end { float: right; background-image: url(../images/indicator.gif); background-repeat: no-repeat;  width: 200px; height: 25px; margin-bottom: 10px; margin-left: 20px; border-top: 1px solid #eaeaea; }

.subpageheader {
color: gray;
font-size: 16px;
margin-bottom: 20px;
clear: left;
line-height: 22px;
}

h2 {
color: gray;
font-size: 16px;
margin-bottom: 20px;
clear: left;
line-height: 22px;
}
.subpageheaderpublishdate {
color: gray;
font-size: 12px;
margin-bottom: 10px;
clear: left;
}
li.solid { color: black; list-style-image: url(../images/bullet-solid.gif); 
margin-top: 20px; font-weight: bold}

li.solid a { 
color: black;
text-decoration: none; }

li a:hover {text-decoration: underline;}

li.indent { margin-left: 20px; list-style-image: url(../images/bullet-outline.gif); }

li.indent2 { margin-left: 40px; list-style-image: url(../images/bullet-outline.gif); }

li.indent3 { margin-left:-25px; list-style-image: url(../images/bullet-outline.gif); }

li.indent a, li.indent2 a {
color: #333;
text-decoration: none;
}
li a:hover {text-decoration: underline;}

.normal {font-weight: normal;}

#seclinks { float: right; background-color: #f0f2f4; background-image: url(../images/indicator.gif); background-repeat: no-repeat; padding-left: 20px; width: 180px; margin-bottom: 50px; margin-left: 20px; padding-bottom: 1em; border-top: 1px solid #eaeaea; }

#seclinks #title { font-size: 11px; font-weight: 900; line-height: 2em; letter-spacing: 0.25em;  }

#seclinks .link { font-size: 11px; line-height: 2em; border-bottom: 1px solid #ccc; }

#seclinks .link a {color: black;
text-decoration: none; }

#seclinks .link a:hover { color: gray;}

#seclinks .link2 {background-color: white;
margin-bottom: 1px;
padding-left: 15px;}

h2 {font-size: 14px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #7083a0;
text-transform: uppercase;}

.form td {
font-size: 11px;
padding-bottom: 0.5em;
padding-right: 0.5em;
}

.required {
color: #c49e00;
font-weight: bold;
 }
 
 #contact1 { font-style: italic; float: left;  padding-top: 1em; margin-bottom: 2em; margin-right: 1em;}
 #contact2 {font-weight: bold; padding-top: 1em; margin-bottom: 2em; }
 
#viewmore {
margin-top: 3em;
padding-left: 10px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
background-image: url(../images/arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 center;}

#presscontact {margin-bottom: 4em;}

#download {
border: solid 1px gray;
margin-bottom: 4em;
margin-top: 4em;
background-color: #ece2c2;
width: 50%;
text-align: center;
padding-top:1em;
padding-bottom: 1em;}

#pdf {color: gray}

.q { color-yellow: #191970; color: #69869c; font-size: 12px; font-weight: bold; }

.errormessage {font-weight: bold;
color: #3884a8;}

#line {border-bottom: 5px solid #f0f2f4;}

.screenshots { border: solid 1px rgb(204,204,204); margin-top: 2em; width: 468px; clear: both; }

#out { width: 80%; margin-left: auto; margin-right: auto; border: 1px dashed gray; padding: 10px; font-size: 12px; background-color: #eee }

#header-out {color: white; background-color: #527579; font-weight: bold;padding: 3px;}

.caption
{
color: #666666;
font-size: 10px;
}

.floatright
{
float: right;
width: 142px;
margin: 0 0 10px 10px;
background-color: #F0F2F4;
padding: 10px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

.floatright3
{
float: right;
width: 150px;
margin: 0 0 10px 10px;
background-color: #F0F2F4;
padding: 10px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

div.floatright img
{
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

.floatright2
{
float: right;
width: 105px;
margin: 0 0 10px 10px;
background-color: #F0F2F4;
padding: 10px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

.floatleft
{
float: left;
width: 127px;
margin-right: 10px;
background-color: #F0F2F4;
padding: 10px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

#footnote {
clear: all;
padding-left: 30px;
margin-top: 50px;
font-size: 11px;
color: #333;
}

#table { font-size:12px; color:#333; }

div#mailing_list { width:222px; top:240px; position:absolute; }

div#mailing_list2 { width:222px; top:240px; position:absolute; }

div#mailing_list3 { width:220px; top:240px; position:absolute; }

div#librarylinks a { line-height:35px; font-size:14px; font-weight:bold; outline:none; border-bottom:none; color: #7083a0; text-decoration:none; margin-left:45px; margin-right:45px; position:relative; top:-20px; }

#librarylinks a:hover { text-decoration: none; border-bottom:none; color: #333; }

#librarylinks a img   {border: none; text-decoration:none; }

#content_sg_col_clients { font-size: 11px; line-height: 1.7em; margin-right: 30px; margin-left: 30px; width:608px; }

#content_sg_col_clients a {
color: #3d3e38;
border-bottom: 1px dotted black;
text-decoration: none;
}

#content_sg_col_clients a:hover {
color: #7083a0;
}

#content_sg_col_resources { font-size: 11px; line-height: 2em; margin-right: 155px; margin-left: 45px; }

#header_ylw2 {
color: #bba106;
text-decoration: none; font-size:14px; font-weight:bold;
}

#pric_bi {position:relative; top:32px; background-image:url(../images/pricing_bottom.jpg); display:block; height:277px; width:657px; left:-30px; }

#ym_image { background-image:url(../images/young_man_texting.png); position:absolute; top: 380px; left:700px; display:block; height:324px; width:183px; background-repeat:no-repeat;}

#trial_button a { background-image:url(../images/trial_button.jpg); display:block; width:350px; height:100px; text-indent:-9999px; position:absolute; top:1760px; text-decoration:none; border-bottom-width:0px; }

#trial_button2 a { background-image:url(../images/trial_button.jpg); display:block; width:350px; height:100px; text-indent:-9999px; position:relative; top:0px; left:-12px; text-decoration:none; border-bottom-width:0px; }

#get_started a { background-image:url(../images/get_started_button.jpg); display:block; width:250px; height:100px; text-indent:-9999px; position:relative; top:0px; left:-16px; text-decoration:none; border-bottom-width:0px; }

ul#resource_library_graphic { background-image:url(../images/resource_library_graphics.jpg); width:650px; height:350px; display:block; position:relative; left:-30px; list-style-type:none; background-repeat:no-repeat; }

ul#resource_library_graphic a { font-size:16px; color:#bba106; }

li#newsletter_archive { position:relative; top:120px; left:20px; }

li#press_releases { position:relative; top:20px; left:435px; }

li#case_studies { position:relative; top:35px; left:435px; }

li#whitepapers { position:relative; top:50px; left:435px; }

li#mobile_statistics { position:relative; top:200px; left:65px; }

li#mb_blog { position:relative; top:180px; left:410px; }

h3#whats_included a iframe { position:absolute; left:-5000px;}

h3#whats_included a:hover iframe {display:block; min-width:650px; min-height:460px; overflow:hidden; position:absolute; top:300px; left:30px;}