/* 
INBOX HQ
born on 08/2006 for ableHR.com modified for inboxHQ.com on 9 Jan 2007 as per ABT

*/
html,body {
	height: 100%;
	background: #E1E1E1 url(/images/bg.gif) repeat;
/*    background-color: #E1E1E1;	/*#C6CEC9; /*#004000 #484848;*/
	margin: 0px;
}
/*
-----------------------------------------------------------------------------
Content containers (two column)
---------------------------------------------------------------------------*/
div#mainWrapper{
	border-right: 0px dotted #FF00FF;
	background: #fff;
	width: 800px;
}
div#mainLeft{
	background: #fff;
	width:570px;
	border:0px dashed red;
	float:left;
/*	margin-left:10px;*/
/*	min-height: 650px;*/

}
div#mainLeftFull{
	background: #fff;
	width:800px;
	border:0px dashed red;
/*	margin-left:10px;*/
/*	min-height: 650px;*/
}
/* one off b/c i am feeling lazy right now and i have like 20 days left at nethere */
.my25Margin{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #333;
	margin-left:25px;
}


/******** alt style for content that i want a line for w/ min height 650px */
div#mainLeftLineRight{
	background: #fff;
	width:570px;
	border:0px dashed red;
	float:left;
	border-right:1px dashed #ADCBC4;
	min-height: 650px;
}
div#mainLeftLineRight p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	line-height: 20px;
	margin:15px 25px 10px 25px;
/*	text-align: justify;*/
}
/* **** end alt Style*************************************************** */
div#mainRight {
	width:200px;
	background: #ffffff !important;
	border:0px dashed blue;
	float:right;
	margin: 10px 8px 0 0;
}
div#mainRight .stickie{
	height:290px;
	background: url(/images/stickie.png) no-repeat!important;
	background: url(/images/stickie.gif) no-repeat; /* for IE */
	background-color: #FFFFFF;
}
div#mainRight .stickieAlternate {
	background-color:#fffff0;
	border-left: 2px solid #E2DAA7;
}
div#mainRight span {
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;	
}
div#mainRight li,
div#mainRight ul
{

}
div#mainRight p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.shadowDiv {
	border: 0px solid red;
	background:url(/images/shadowAlpha2.png) repeat-y left top;
	width:806px; /* wider than div#mainWrapper by 6px */
}
.splashImgWrap{
	border-top:1px dotted #ADCBC4; width:800px!important;
	border-top:1px solid #ADCBC4; width:800px; /* IE */
}
/* DEMO / PRODUCT page styles for containers */

#screenShotsTableDiv{
	border-bottom: 2px solid #5C8E82;/*#C7E891;*/
	width: 750px;
	position: relative;
	left:25px;
}
		
/*#screenShotsTableDiv a,
#screenShotsTableDiv visited{*/
#screenShotsTableDiv a{
	color: #666666;
	display: block;
	text-decoration : none;
	padding :0 0 0 3px;
}
#screenShotsTableDiv a:hover{
	background-color : #EBEBDA;
	color:#000000;
	text-decoration : none;
}
#screenShotsTable th{
	background-color : #006A5A; /*#33a02c;*/
    border-bottom: 3px solid #5C8E82; /*#72BA30;*/
    color : #fff;
    font-family: arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight: 600;
    text-align :left;
}
#screenShotsTable td{
	 background: #F8F8EF;/*#f3fae7;*/
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size : 10px;
     line-height: 1.5em;
}    
#screenShotsTable ul {
    list-style : none;
   /* list-style : url(../images/10x10/arrow_rt.gif);
    list-style-position : outside;*/
    margin: 0;
    padding: 0;
}
#screenShotsTable li{
/*	background-image : url(../images/arrow_rt.gif);
    background-repeat: no-repeat;
    background-position: 0.4em;*/
    border-bottom: 1px dotted #ccc;
  /*  padding-left: .8em;*/
    margin-left: 3px;
}
#screenShotsTable .sectionTitle {
	border-bottom: 2px solid #E6E6C4;
	font-weight: bold;
} 
/* Q & A */
div.qaBox{
	background:#F8F8EF;
	position:relative;
	left:30px;
	border: 1px solid #d7dac5;
	width: 525px;
	-moz-border-radius:5px;
}
.qaWrapper{
	border-bottom:2px solid #fff;
}
.qaBox h5{
	font-family: Georgia, "Times New Roman", Times, serif !important;
/*	font-size:12px;*/
	color: #000 !important;
	padding: 5px 5px 0 15px;!important;
}
div.answer{ 
 	background: #fffff0 url(../images/answerIcon.gif) no-repeat top;
    display: block;
/*	padding: 0px 5px 2px 25px;*/
    background-position : 3px 5px;

	margin:0 60px 5px 2px;
/*	border-left: 2px solid #E2DAA7;
*/	position: relative;
	left:30px;
}
div.answer p{
	color: #000!important;
}
/* Added from base.css. A style from the original site. */
#callOutBox{
	border: 1px solid #bababa;
    float : left;
    margin: 20px 0 10px 15px;
    background-color: #F9F9F9;
    position: relative;
    width: 180px;
    -moz-border-radius: 8px;
}
#callOutBoxImg{
	border: 0px dotted red;
    float : left;
    margin: 0px 0 10px 15px;
    background-color: transparent;
    position: relative;
    width: 180px;
    -moz-border-radius: 8px;
}
#callOutBox ul{
	list-style-image: url(/images/bullet2.gif);
    list-style-type : square;
    list-style-position :outside;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#callOutBox li{
	font-family :  Helvetic,sans-serif;
    font-size: 11px;
    margin-right: 5px;
    line-height : 1.2em;
    border-bottom: 1px dotted #ccc;
}
/* from base.css */
a:link {
	color: Blue;
	text-decoration: none;
}
a:visited {
	color: Blue;/*#33A02C;*/
	text-decoration: none;
}
a:hover {
	color: #333; /*99cc33*/
	text-decoration: underline;
}
/* end from base */
#callOutBox a, visited{
	color: #33a02c;  
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height : 1.2em;
    margin: 5px;
}



/* tweak the sIFR styles ******************************************************/
.sIFR-hasFlash .ProdScreenShots {
	visibility: hidden;
	font-size:16px;
}
.sIFR-hasFlash .intro{
	visiblilty: hidden;
	font-size:30px;
	clear:none;
}
.sIFR-hasFlash .myrPro{
	font-size: 18px;
}
.sIFR-hasFlash .qaHeader{
	font-size: 16px;
}
.sIFR-hasFlash .termsOfUse{
	font-size: 14px;
}
/* 
-----------------------------------------------------------------------------
        SUPPORT WALKTHROUGHS 
-----------------------------------------------------------------------------
*/ 
#supportMoviesTableDiv{
    border-bottom: 2px solid #C7E891;
    width: 500px;
	margin-left:20px;
}
#supportMoviesTableDiv a, visited{
   color: #333;
    display: block;
    text-decoration : none;
    padding :0 0 0 3px;
}
#supportMoviesTableDiv a:hover{
    background-color : #c7e891;
    color: #000;
    text-decoration : none;
}

#supportMoviesTable th{
	background-color : #33a02c;
    border-bottom: 3px solid #72BA30;
    color : #fff;
    font-family: arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight: 600;
    text-align :left;
}
#supportMoviesTable td{
	 background: #f3fae7;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size : 10px;
     line-height: 1.5em;
}    
#supportMoviesTable ul {
    list-style : none;
   /* list-style : url(../images/10x10/arrow_rt.gif);
    list-style-position : outside;*/
    margin: 0;
    padding: 0;
}
#supportMoviesTable li{
	background-image : url(/images/10x10/arrow_rt.gif);
    background-repeat: no-repeat;
    background-position: 0 .4em;
    border-bottom: 1px dotted #ccc;
    padding-left: .6em;
    margin-left: 3px;
} 
 .icon_pdf{
    background: transparent url(/images/pdf.gif) no-repeat;
    background-position : 0 0px;
    padding: 0px 5px 2px 28px;
    display: block; 
    /*border-bottom: 1px dotted #ccc;*/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height : 1.2em;
    margin: 5px;
}
 .icon_html{
    background: transparent url(/images/html.rec.gif) no-repeat;
    background-position : 0 2px;
    padding: 0px 5px 2px 28px;
    display: block; 
    /*border-bottom: 1px dotted #ccc;*/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height : 1.2em;
    margin: 5px;
}
.borderDottedCCC{
	border-bottom: 1px dotted #ccc;
} 
/*
-----------------------------------------------------------------------------
		ORDER
-----------------------------------------------------------------------------
*/
/* Styles for the data tables which are within the fs legends*/
.FieldKey {
	font-family:  Arial, Helvetica, sans-serif;
    color: #515151;  /*#848484;*/
    font-size : 11px;
    font-weight: normal;
    background-color: #F1F2ED;
    /*text-indent: 3px;*/
    padding: 5px;
    border-bottom: 1px solid #Dfe1d7;
    width: 33%;
}
.rightJustify{
	text-align: right;
}
.FieldValue .fixedCol{ /* use if a fixed w/ is necess */
    width: 100px;
}
.FieldValue.thirtythree{
	width : 33%;
    background-color : red;
}
.FieldValue{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    border-bottom: 1px solid #Dfe1d7;
    padding: 5px;
}
.FieldValue .antiwrap{
	white-space : nowrap;
}
/* end field set legend styles */

/*
-----------------------------------------------------------------------------
		DEMO PAGE STYLES
---------------------------------------------------------------------------*/
/* movie thumb nail container */

#featureHL_wrap{
	background-color: #FCFCF9;
	border-top: 2px solid #ccc;
	width: 700px;
	margin: 0 auto 0 auto;
	padding: 0 0 5px 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}
#featureHL {
	/*background-color:#FCFCF9; */
	padding:5px 0 0 15px;
	width: 515px;
}
#featureHL h3{
	color: #333333;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#movieTN{
	float:right;
	position:relative;
	top: 8px;
	right: 8px;
	/*left: -15px;*/
	width: 150px;
	height: 150px;
}
#movieTN img{
	border: 1px solid #999999;
	/*margin-left: 8px;*/
}
 .icon_triBullet{
    background: transparent url(/images/bullet3.gif) no-repeat;
    background-position : 0% 0%;
    padding: 0px 5px 2px 10px;
    display: block;
    color: #333;
    border-bottom: 1px dotted #ccc;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height : 1.2em;
    margin: 5px;
}
.lastBullet{
	border-bottom: 0;
}
.bulletTxt{
	font-family :  Helvetic,sans-serif;
    font-size: 11px;
    margin-right: 5px;
    line-height : 1.2em;
    border-bottom: 1px dotted #ccc;
}

/*
-----------------------------------------------------------------------------
navigation include nav.inc.php
---------------------------------------------------------------------------*/
#navContainerDiv{
	background:#fff;
	display:table-row;
	width:800px;
}
/*#navDiv {*/
.navDiv {
/*	width:83px;*/
	width:73px;
	height:25px;
	text-align:left;
	vertical-align: text-bottom;
	float:left;
	border-left: 1px solid #BEBEBE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*#navDiv a, visited{*/
.navDiv a, visited{
    color: #797979;
    display: block;
    text-decoration : none;
    padding:10px 0 0 5px;
	border-top: 3px solid #fff; /*#878787*/
}
/*#navDiv a:hover{*/
.navDiv a:hover{
/*    background-color : #E4F0F0;
*/	border-top: 3px solid #33a02c/*#9B9B9B*/;
    color: #000;
    text-decoration : none;
}
/* highlight current section */
/* switched to using class vs ID for navDiv */
body.product .navDiv #product,
body.product .navDiv #product a,
  body.demo .navDiv #demo,
  body.demo .navDiv #demo a,
    body.order .navDiv #order,
    body.order .navDiv #order a,
      body.support .navDiv #support,
      body.support .navDiv #support a,
        body.about .navDiv #about,
        body.about .navDiv #about a,
          body.contact .navDiv #contact,
          body.contact .navDiv #contact a
{
/*    background-color : #E4F0F0;
*/	border-top: 3px solid #33a02c;
    color: #000;
    text-decoration : none;
}
/* Added for error messages div below navigation in nav include */
#errorMsg_div {
	background:#ffffcc;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px;
	width:80%;
	margin:8px;
}
#errorMsg_div span{
 	background: transparent url(/images/16X16/alert.gif) no-repeat top;
    background-position : 0% 0%;
    padding: 0px 5px 2px 25px;
    display: block;
	color:#333;
}

/*
-----------------------------------------------------------------------------
TYPE STYLES
---------------------------------------------------------------------------*/
/* Edits 10-30-2006 */ 
div#mainLeftFull p,
div#mainLeft p {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; /*13px;*/
	color: #333333;
	line-height: 18px; /* 20px;*/
	margin:15px 25px 10px 25px;
/*	padding: 0 0 0 15px;*/
/*	text-align: justify;*/
}

/* EDITS 10-30-2006 */
/*		div#mainLeft p {
			/*font-family: Georgia, "Times New Roman", Times, serif;*/
			/*font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px; /*13px;*/
			/*color: #000000; /*#60634E;*/
			/*line-height: 18px;/*20px;*/
			/*margin-left: 25px;
		/*	padding: 0 0 0 15px;*/
		/*	text-align: justify;*/
		/*}
*/
div#mainLeft h4,
div#mainLeftFull h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #585858;
	margin-left: 25px;
}
div#mainLeft .intro,
div#mainLeftFull .intro,
div#mainLeftLineRight .intro{
	font-family: Helvetica, Arial, sans-serif;
	font-weight:600;
	letter-spacing:0.02em;
	color: #33a02c/*#4B746A*/;
	font-size: 17px;
	line-height: 24px;
	/* border-left: 3px solid #79A89C; /*#959479; */
	padding-left: 0px;
}
#indent{
	margin-left : 25px;
    size: 11px;
	position: relative;
	left:12px;
	width: 450px;
}
.icon_ck{
    background: transparent url(/images/16x16/checkG.gif) no-repeat top;
    background-position : 0% 0%;
    padding: 0px 5px 1px 25px;
    display: block;
    color: #333;
}
div#mainLeftFull .termsBodyTxt{
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	line-height: 18px;
}
div#termsListWraper ul,
div#termsListWraper li{
	list-style: url(/images/bullet2.gif);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 25px;
	margin: 0 25px 0 10px;;
}
.scen h3{

}
/*
-----------------------------------------------------------------------------
sifr styles (tweaks to sIFR styles found in the TYPE STYLES defs above)
---------------------------------------------------------------------------*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*
Hide Adblock Object tab: the text should show up just fine,
not poorly with a tab laid over it.
*/
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/*
These "decoy" styles are used to hide the browser
text before it is replaced... the negative-letter spacing
in this case is used to make the browser text metrics match
up with the sIFR text metrics since the sIFR text in this
example is so much narrower... your own settings may vary...
any weird sizing issues you may run into are usually fixed
by tweaking these decoy styles
*/

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}*/

/*.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}*/

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
/* ---------------------------------------------*/
/* --------------- end sifr --------------------*/
/* ---------------------------------------------*/


/*
-----------------------------------------------------------------------------
footer styling
---------------------------------------------------------------------------*/
#footerDiv{
	border-top: 3px solid #33a02c;
	width: 800px;
/*	background: #353535;*/
	background:url(../../images/footerBG3.jpg) repeat-x;
	height:auto;
	padding-bottom:6px;
}
#footerDiv span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A0A0A0;
}
#navLinkDiv{
	position:relative;
	top: 20px;
	left: 10px;
}
#footerDiv a:link,
#footerDiv a:visited
{
	color: #727272 /*#333*/;
	text-decoration: none;
/*	border-bottom: 1px dotted #ADCBC4;
*/	padding:0 2px;
}
#footerDiv a:hover{
	background:#9EE39B/*#ADCBC4*/;
	color: #333/*#005447*/;
}
#addBlockDiv{
	float:left;
	width:180px;
	padding:5px 15px 0 25px;
	border-right:1px solid #A0A0A0;
	margin-right: 10px;
}
#addBlockDiv span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333;
}
.termsCondIcn {
	background: transparent url(/images/10x10/file.gif) no-repeat;
    background-position : 0px 1px;
    padding: 0px 3px 2px 15px;
/*    display: block; */
    /*border-bottom: 1px dotted #ccc;*/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height : 1.2em;
    margin: 5px;
}
.termsCondIcn a:link,
.termsCondIcn a:visited{
	text-decoration: none;
	border-bottom: 0px dotted red;
}
.termsCondIcn a:hover{

}