html { 			      
	 overflow:-moz-scrollbars-vertical;
}
body {
        background:#41474C url(../../images/background.gif) ;
	font-family:Verdana, Arial, sans-serif;
	margin: 0 auto;
        text-align:center;
	font-size:12px;
}
#container {
	position:relative;                                                        
	margin: auto;
	/* width:820px; */
	height:100%;
        background:#41474C url(../../images/container_background.gif) repeat-y;
	text-align:center;
}

#logo {
	position:absolute;
	left:28px; 
	top: 32px; 
}

/* footer links */
div.footer a:link,div.footer a:visited,div.footer a:active,div.footer a:hover  {
	font-size:10px;
}

/* this removes underlines from image links */
a.sidebar_btn:link,a.sidebar_btn:visited,a.sidebar_btn:hover,a.sidebar_btn:active {
	text-decoration: none;
	border-bottom:none;
}

a.small {
	font-size:11px;
}

a#plans {
	position:absolute;
	bottom:31px;
	left:49px;
}
a#find {
	margin-left:306px;
}
a.customize {
	font-size:14px;
	font-weight:bold;	
}
a.site {
	margin-left:30px;
	line-height:1.4em;	
}

/* has left margin and bottom padding */
h2.pagetitle {
	font-size: 30px;
	font-weight:normal;
	color: #F78E1F;
	margin:25px 0 0;
	padding:0 0 10px 0;
}
h2.form {
	margin:0;
	padding-bottom:3px;
}
h2.press {
	font-size: 22px;
	margin-top: 27px
}
h3.pagesubhead_home {
	font-size: 18px;
	font-weight:normal;
	color: #676767;
	margin:5px 0;
}
h3.pagesubhead {
	font-size: 18px;
	font-weight:normal;
	color: #999;
	margin: 0;
	padding:0;
}

/* instructions during the join process */
h3.join_instructions {
	font-size:24px;
	font-weight:normal;
        margin-bottom:0;
        padding-bottom:0;
	margin-top:0;
	padding-top:0;
}


h2.join_pagetitle_custom {
	font-size: 30px;
	font-weight:normal;
	color: #909090;
	margin:32px 0 0; 
	padding:0 0 10px 0;
}

/* subject titles have no automatic space underneath them */
h4.subject_title {
	font-size:18px;
	font-weight:normal;
	color:#00529B;
        margin-bottom:0;
        padding-bottom:0;
	margin-top:0;
	padding-top:0;
}
h4.orange {
	color:#F78E1F;
}	

/* used in tutorial */
span.small_title {
	font-size:12px;
	font-weight:bold;
	padding:0;
}


/*****  FORMS *****/
table {
text-align: left;
}

/* font for all new areas of the site is Verdana */

.formInput {
border-right: #999999 1px solid;
border-bottom:#999999 1px solid;
border-top:#999999 1px solid;
border-left:#999999 1px solid;
color:#000000;
font-size:11px;
font-family:Arial;
}

.formText {
color: #000000;text-decoration: none;
font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
table.form {
	margin:10px;
	font-size:12px;
	font-family: Verdana;
}
td.form_label {
    padding: 1em;
	font-size:15px;
    vertical-align: top;
	color:#000;
}

div.formpad table {
    background: inherit;
}

span.form_detail {
	font-size:10px;
	color:#999;
}
.formtxt {
       	font-size:12px;
	font-family: Verdana;
	border:1px solid #999;
} 
input.formtxt, select.formtxt {
	padding: 3px 1px;
}
/*subscribe - select # of subscriptions */
.qtybox {
	text-align:right;
	padding-right:3px;
	border-style:none;
	border-right:1px solid #999;
}
/*used on subscribe form */
input.payment  {
	border:none;
	font-size:10px;
	font-family:Verdana;
	text-align:right;
	letter-spacing:-0.05em;
}
input.price  {
	border:none;
	font-size:12px;
	font-family:Verdana;
	background-color:#FCF9CE;
}

/* positions text below form (outside subbox), to left of water */
.formnote {
	margin-top:75px;
	width:250px;
}
/* also as td.formlable and td.form_background */
.form_label {
	font-size:14px;  /*16px;*/
	color:#000;
}
.form_background {
	background-color: #e3e3e3;
}
/* stirling / bootstrap design clobbers td padding */
td.form_background, td.form_lable {
    padding: 10px;
}
div.formbutton {
	padding:10px 0;
	text-align:right;
}
/*  can be used for inputs */
.flex {
	width:95%;
}
/* free trial summary */
div.address {
	margin:30px auto;
	width:280px;
	font-size:18px;
	color:#000;
}
td.audio_label
{
	font-weight: bold;
	font-size:12px;
	color:#000;
}
td.audio_value
{
	font-weight: bold;
	font-size:12px;
	color:#00529B;
}

	
/* water background - upper left */
div.formback {
       /*background:#FFF url(../../site/images/formbackL.gif) 0px 140px no-repeat;*/
}
div.form_wrapper {
	margin: 6px auto 20px;	    
	padding-top:15px;
	width:482px;
	position:relative;
	z-index:2; 
}
div.form_wrapper_wide {
	margin: 6px auto 20px;	    
	padding-top:15px;
        width:670px;
	text-align:center;
}

div.formpad {
	padding:10px 14px;
}

/*form page lower right background */
div.background_waterR {
       /*background:#FFF url(../../site/images/formbackR.gif) 283px 26px no-repeat;   */
       height: 200px;
       margin-top:-100px;
       z-index:1;
       position:relative;
       width:620px;
       margin-left:180px;
}

span.wizard-progress {
	font-size:10px;
	margin:0;
	color:#999;
}

span.progress_current {
	margin:      0;
	font-size:   10px;
	font-weight: bold;
	color:       #F78E1F;
}

div.errorbox {
      /*  background-color:red;*/
	padding:10px;
	margin-bottom:5px;
}


/***** TABLES *****/
/*** for getglance and whichplan pages ***/
table.gradient {
    background:url(../../images/gradient.gif) repeat-x;
       width:610px;
       text-align:center;
       background-size: contain;
}

td.vert_border {
	vertical-align:top;
	border-right:1px solid #00529B;
} 

td.hilite {
	background-color: #FFFFCC;
}

td.gradient_left {
	background:#FFF;
	text-align:right;
	font-size:10px;
	vertical-align:top;
	padding-right:10px;
}

td.gradient_rt {
	background:#FFF;
	text-align:left;
	font-size:10px;
	color:red;
	vertical-align:top;
	padding-left:10px;
}
td.left_border {
	background:#FFF url(../../images/subBox_side_lft.gif) repeat-y;
	width:3px;
}
td.rt_border {
	background:#FFF url(../../images/subBox_side_rt.gif) repeat-y;
	width:4px;
}

td.gradient 
{
    background:url(../../images/gradient.gif) repeat-x;
}

/*** Competitors page - table w/ gray borders around and between columns ***/
table.comp {
	border:1px solid #999;	
}
td.comp {
	border-right:1px solid #999;
}

/*** tables with left side topic (bold), right side description ***/
table.topics {
	width:580px;
	margin-top:14px;
}
td.topic {
	text-align:right;
	vertical-align:top;
	width:112px;
	font-weight:bold;
	padding:8px 10px;
}

td.highlight {
	background-color:#F6F6F6;
	vertical-align:top;
	padding:8px 10px;
}


/*** used in canyouglance ***/
/* horizontal white border between rows */
td.low_border {
	border-bottom:2px solid white;
}
td.pad_lft {
	padding-left:45px;
}

/*centered table */
table.centered {
	margin:0 auto;
}
/*******************************************/



/*** TEXT ***/
.large_txt {
	font-size: 18px;
	font-weight:normal;
	color: #999;
}
.dk_gray {
	color: #555;
}
.lt_gray {
	color: #999;
}
/* also h4.orange */
.orange {
	color:#F78E1F;
}


/* appears on canyouglance page - used in news page*/
.tag_txt {
        font-size:14px;
	font-weight:bold;
	color:#999;
}
.small {
	font-size:11px;
}
.very_small {
	font-size:8px;
}
.xsmall {
	font-size:6px;
}	
.extra_height {
	line-height:1.3em;
}
.extra_height2 {
	line-height:2em;
}
.intro {
	color: #555;
	font-weight:normal;
}
.tight {
	letter-spacing:-0.05em;
}

/*** paragraphs ***/
p {
	font-size:12px;
	color:#000;
	margin:1em 0;
	padding:0;
}
p.indent {
	margin-left:135px;
}
p.indent2 {
	margin-left:245px;
}
p.indent_sm {
	margin-left:25px;
}
p.team {
	margin-left:140px;
	margin-right:10px;
}
p.sidebar {
	margin-bottom:1.2em;
}
p.sm_indent {
	margin-left:20px;
}
p.highlight {
	background-color:#F6F6F6;
	padding:10px;
}
/* back to top on tutorial pages */
p.tutorial_top {
	width:300px;
	margin-left:135px;
	font-size:10px;
	text-align:right;
	padding-bottom:2px;
}
p.contact_address {
	margin-top:15px;
	padding:8px 10px;
	background-color:#F6F6F6;
	line-height:1.3em;
}
/****************/

.highlight {
	background-color:#F6F6F6;
}
/* code.asp */
.codebox  {
	border:1px solid gray; 
	padding: 8px;	
}
.faq_header {
	font-size:24px;
	color: #00529B;
        padding-bottom: 17px;
}
.faq_question {
	font-size:18px;
	color: #333;
	padding-bottom:4px;
}
.faq_answers {
	margin-left:25px;
	margin-top:-12px;
	margin-bottom:25px;
}

/* gray background text boxes */
div.highlight_box {
	background-color:#F6F6F6;
	padding:0 10px;	  
	margin-left:135px;
	margin-top:10px;	 
        border:1px solid white;
}
/*used in tutorial */
div.highlight_box2 {
	background-color:#F6F6F6;
	padding:0px 10px;	   
        margin-left: 25px;	
	margin-top:0px;   
	margin-bottom:1px; 
        border:1px solid white;
	width: 410px; 
}
div.highlight_box3 {
	background-color:#F6F6F6;
	padding:0 10px;	  
	margin-left:25px;
	margin-top:10px;	 
        border:1px solid white;
}

/*MAIN CONTENT AREA CONTAINERS ****/
div.main_wrapper {
	width:800px;
	background:#FFF;
	margin:0 auto;
	padding:40px 0 8px 0;
	text-align:left;
}

div.main_fullwidth {
	width:800px;
	background:#FFF;
	margin:0 auto;
	text-align:left;
}

.maincontent_internal {
	width:578px;	   
	text-align:left;
        margin-left:25px;
	min-height:300px;
}
.maincontent_wide {
	width:750px;	   
	text-align:left;
        margin-left:25px;
	min-height:300px;
}
.maincontent_wide2 {
	width:600px;	   
	text-align:left;
        margin-left:25px;
        min-height:300px;
}

.main_left {
	width:280px;
        margin-top:4px;
	border-top:1px solid white;
}
/* gray box on what's glance page */
.main_center {
	background-color: #F6F6F6;
	width:250px;
	position:absolute;
	right:212px;
	top:209px; /*rev 264px;*/
}
.main_center2 {
	width:284px;
        position:absolute;
	left:315px;
	top:68px;
}
/* used for sitemap */
.main_indent {
	margin-left:285px;
}

/*used in canyouglance page */
div.medium_center {
	width:410px; 
	margin: 20px auto;
}

div.wide_center {
	width:470px;
	margin: 20px auto;
	text-align:center;
}
.xwide {
	width:482px;
}
/* centered text, vert padding */
div.centered_txt {
	width:100%;
	text-align:center;
	padding:10px 0;
}
div.highlight_center_top {
	width:190px;
	margin:auto;
}
      
div.highlight_center_bottom {
	background-color:#FFF;
	width:204px; 
	border:1px solid #999;
	margin:0 auto 40px;
	text-align:center;
}
div.team {
       /*background: url(../../site/images/TeamFish.jpg) 500px 30px no-repeat;*/
}

div.session {
	width:500px;
	margin:0px auto 50px;
/*	height:300px; */
	text-align:left;
}
div.session_try {
	margin-top:60px;
	font-size:10px;
}
span.trynow {
	float:left;
	margin-top:12px;
}

/* contains center column and right image */
/* container2 doesn't have top margin for tight vertical spacing */
/* NOTE on container boxes: uses height settings only to prop them open if not enough text */
div.tutorial_container {
	width:100%;
	position:relative;
	margin-top:10px;
}
div.tutorial_container2 {
	width:100%;
	position:relative;
	margin-top:0px;
}

div.headquarters {
	float:left; 
	margin-right:30px;
	width:300px;
}
div.pressbox {
	position:relative;
	padding-bottom:50px;
}
/*bottom of whichplan page */
div.plan {
	margin:10px auto 20px;
	padding-left:10px;
	width:482px;
}
/* code page  - contains cut and paste code */
div.codebox {
	border:1px solid black;
	padding:0 6px;
}
/****** CANYOUGLANCE page **********/
div.topgroup {
	margin-top:30px;
	position:relative;
}
div#gtest {
	position:absolute; 
	left:152px; 
	top:35px;
}
/* used w/subBox - contains subBox table to position it */
div#glancetest {
	position:absolute; 
	left:132px; 
	top:15px;
}
/* contents of canyouglance test box */
div.testtxt {
	margin:11px 10px 15px 15px;	
}
span.test {
	font-size:18px;
	color:#F78E1F;
}
span.result {
	font-size:14px;
	color:#33CC33;
	font-weight:bold;
}
/* used in canyouglance/compatibilitybody */
div#conditional {
	position:absolute;
	left:635px;
	top:30px;
	margin-right:-25px;
	letter-spacing:-0.05em;
	font-size:10px;
	line-height:1.3em;
}
div.conditional {
	/*position:absolute;
	left:505px;
	top:15px;*/
	letter-spacing:-0.05em;
	font-size:10px;
	line-height:1.3em;
      /*  width: 110px;*/
}
   
 /* used in install.asp */
div#install {
	margin: 20px auto 12px;
	width:250px;
}


/*** SIDEBARS *****/


/*** internal pages  ***/
div.rt_sidebar {
	background: #FFF url(../../site/images/ActionBtnSidebar.gif) no-repeat;
	width:155px;
	height:230px;
	text-align:center;
	position:absolute;
	right:22px;
	top:198px;
	font-size:10px;
	color:#999;
}
div.tutorial_sidebar {
	background: #FFF url(../../site/images/tutorial/tutorial_sidebar.gif) no-repeat;
	width:303px;
	height:130px;
	border:1px solid white;
	margin-top:18px;  
	margin-right:-6px;
	position:absolute;
	top:205px;
	left:495px;
} 
div.tutorial_sidebar_text {
        margin:20px 18px 20px 20px; 
	line-height:1.2em;  
} 
div.news_sidebar {
	width:130px;
	margin:20px 16px;
	text-align:left;
}    

/* under rt_sidebar */
div.rt_sidebar_quote {
	width:148px;
	text-align:left;
	position:absolute;
	right:26px;
	top:430px;
	font-size:10px;
	background-color: #F6F6F6;
}

div.rt_sidebar_quote_header {
	color:#00529B;
	font-size:10px;
	font-weight:bold;
	margin-bottom: 10px;	
}


/* border gets IE and Firefox to behave the same re margins and padding */
div.customize {
	margin:0 10px 40px 0;
	border:1px solid white;
}
/* getglance page */
div#togglediv {
	display:none;
} 

/* eliminate bottom space on last item - used in Customize */
div.last {
	margin-bottom:0;
}

/*  no space above */
div.top {
margin-top:0;
}
.top {
margin-top:0;
}
div.divider {
	border-bottom:1px dotted #999;
	margin-bottom:6px;
}
/* puts padding at either end */
.lpad {
	padding:0 0 0 6px;
}  
.rpad {
	padding:0 6px 0 0;
} 

.rlpad {
	padding:0 10px;
} 
.rpad_more {
	padding-right:12px;
}
.rt_align {
	text-align:right;
}
/* the prop and clear are used to "prop" a div open since IE doesn't support min-height */ 
.prop {
    height:50px;
    float:right;
    width:1px;
}
.prop2 {
    height:835px;
    float:right;
    width:1px;
}
.prop3 {
    height:142px;
    float:right;
    width:1px;
}


.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}   

/* FOOTER */ 					      
div.footer {
       	text-align:right;
	color:#000;
	font-size:10px;
	background-color:#FFF;
	padding:45px 10px 25px 10px;
	width:780px;
        margin:0 auto;
	line-height:1.5em;
}

/* Identical to FOOTER, but without width */
div.inlinefooter {
       	text-align:right;
	color:#000;
	font-size:10px;
	background-color:#FFF;
	padding:45px 10px 25px 10px;
	margin:0 auto;
	line-height:1.5em;
}

/* For custom footer and header, enforce width */
div.customfooter {
	width:800px;
	margin:0 auto;
}

div.customheader {
	width:800px;
	margin:0 auto;
}

div.customfooter a:link, div.customfooter a:visited, div.customfooter a:active, div.customfooter a:hover  
{
	text-decoration: none;
	border-bottom : none;
}

div.customheader a:link, div.customheader a:visited, div.customheader a:active, div.customheader a:hover  
{
	text-decoration: none;
	border-bottom : none;
}

/* TEXT BUTTONS */
input.txtbtn, input.txtbtn_over {
	height:21px;
	font-size:12px; 
	font-weight:bold;
	color:white;
	text-decoration:none;
	border:none; 
       	background-color:#F78E1F;
        padding:0px 10px 2px 10px;
	font-family:Verdana, Arial, sans-serif;	   
}

input.txtbtn_over {
       	background-color:#F46129;
}

input.txtbtn_plain, input.txtbtn_plain_over {
	height:21px;
	font-size:12px; 
	font-weight:bold;
	color:black;
	text-decoration:none;
	border:none; 
       	background-color:#999; /*#D9D9D9;*/
        padding:0px 10px 2px 10px;
	font-family:Verdana, Arial, sans-serif;	  
}
input.txtbtn_plain_over {
	color:white;
       	background-color:#585858; /*#D9D9D9;*/
}

button.txtbtn {
	height:21px;
	font-size:12px; 
	font-weight:bold;
	color:white;
	text-decoration:none;
        border:none; 
       	background-color:#F78E1F;
        font-family:Verdana, Arial, sans-serif;
	text-align:center;
}
button.txtbtn_plain {
	height:21px;
	font-size:12px; 
	font-weight:bold;
	color:black;
	text-decoration:none;
        border:none; 
       	background-color:#999;
        font-family:Verdana, Arial, sans-serif;
	text-align:center;
}

/* IMAGES */
img {
	border:none;
}

/* right sidebar */

#support_download_btn {
	margin-top:30px;
	margin-bottom:10px;
}
#price {
	position:absolute;
	bottom:62px;
	left:35px;
}
/* whats_glance page illustration */
img#browse, img#they_see {
	margin-top:10px;
}
img.team {
	float:left;
	border:1px solid black;
	margin-right:10px;
}
img#quickstart {
	margin-left:5px;
}
/* bottom of getglance page */
#tog_arrow {
	margin-top:5px;
} 

/* tutorial images */
img.ttrl {
	position:absolute;
	top: 0;
}


/* User Stories   */
img.user_stories {
	float:left;
	margin-top:18px;
}
/* used in Customize (so far nowhere else) */
img.left {
	float:left;
	margin-top:10px;
}
img.subscribe_price {
	margin-top:2px;
}

img.wizard-progress {
	margin-bottom:-1px;
}

/* LISTS */
 
 /* default is 14px margin above list */
ul.basic {
	margin-left:0;
	margin-top:14px;
	padding-left:0;
        padding-top:0;
	/* list-style-type:none; */
}

/* no margin on top */
ul.top {
	margin-top:0;
}
/* see how most uls align */
ul.subscribe {
	margin-top:0;
	text-align:left;
	width:200px;
}
ul.error {
	margin:0;
	padding:0;
	color: red; 
	font-weight:bold;
	/* list-style-type:none; */
}
ol.tutorial {
	margin-top:0;
}
ol.tutorial li, ol.alpha li, ol.roman li {
        background-image: none;
}
ol.alpha {
	list-style-type:lower-alpha;
	margin: 0 27px;
	padding-left:0;
}
ol.roman {
	list-style-type:lower-roman;
}
ol.alpha li, ol.roman li {
	padding:.5em;
}

/* list items were done with a background image in order to overcome browser inconsistensies w/indentation -- HotKnife
@@@efh this seems impossible to get consistent with pixelMedia styles, trying to remove it */
li.basic {
	margin-left:0em;
	/*
    background-image: url(../../site/images/list_btn_blk.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	*/
	padding-left: .8em;
	padding-top: 0;
	padding-bottom: 0;
	/* line-height:1.2em;  -- @@@efh before this made the lines slightly taller, now in PixelMedia site it makes the shorter.  Some things seem a bit cramped */
}
li.errormsg {
	margin-left:0em;
	/*
	background-image: url(../../site/images/list_btn_rd.gif);
	background-repeat: no-repeat;
	background-position: 0 .35em;
	*/
	/* padding-left: 1em; */
}

li.home {
	 /* background-image: url(../../site/images/list_btn.gif); */
}
li.faq {
	 /* background-image: url(../../site/images/list_btn_blue.gif);  */
	 padding-bottom:.4em;
}
li.tutorial {
	/* background-image: url(../../site/images/list_btn_blue.gif); */
	font-size:10px; 
	line-height:1.4em;
}
li.subscribe {
	padding-left:15px;
}
li.W {
	padding-bottom:.8em;
	padding-left:1em;
}
li.bpad {
	padding-bottom:.6em;
}

/*****FOR EXAMPLE PAGES**************/

body.example {
	background-color: #F0F0F0;
	font-family:Verdana, Arial, sans-serif;
	margin: 0 auto;
        text-align:center;
	font-size:12px;
	background-image:none;
}
#container_ex {
	position:relative;
	margin: auto;
	width:820px; 
	height:100%;
	background:#D9F0F7 url(../../site/images/example/coral_background.gif) repeat-y;
	text-align:center;
}

h2#example {
	color: #999;
}
#header_example {
	margin:0 auto;
	height:126px;
	width:800px;
	z-index:2;
}
ul.example {
	color:#00529B;
	font-size:14px;
}


/***** User (My Account) area ********/
h1.myaccount {
	font-size: 24px;
	font-weight:600;
	color: #676767;
	margin:10px 0;
}


td, td td {
font-size: 13px;
}

li, li li {
font-size: 13px;
}

#container #content {
	text-align: left;
	}