/* Dual Support for Legacy Styles */
@import url(/styles/style_dual.css);

/* Main Style Sheet for Corp Site 2007 */
body{
	margin:0;
	padding:10px 0 0 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff;
	text-align:center
}
.maincontainer{
	margin:0 auto;
	padding:0;
	width:860px;
	text-align:left;
}
.header{

}
.maincontainer img{
	border:none
}
.headerleft{
	height:53px;
	width:50%;
	float:left;
}
.headerright{
	width:50%;
	text-align:right;
	float:right;
	height: 53px;
}
.salesNumber, .salesBlank{
	margin-left: 125px;
	width: 300px;
	font:bold 13px/15px Arial, Helvetica, sans-serif ;	
	color:#5d5d5d;
	cursor: pointer;
	height: 15px;
}
.salesBlank{/* Replaces the div above when not displayed */
	cursor:default
}
.headerright span{
	font: 12px/15px Arial, Helvetica, sans-serif ;
	font-weight: 600;
	color:#2f62c9;
}
.popupContainer{
	height:100%;
	width:100%
}
.popupHeader{
	padding:8px 10px 0px 10px;
	background:#fff;
	border:none;
	text-align:left
}
.popupHeaderBar{
	height:14px;
	background:url(/img/corp_2007/bg/headerbar.gif) repeat-x bottom
}
.hbarstart{
	margin:5px 0 0 0;
	float:left
}
.hbarend{
	margin:5px 0 0 0;
	float:right
}
.clear{
	margin:0;
	padding:0;
	clear:both
}
#login_widget{
   display:block;
   position: relative;
   top: 19px;
}
a.login, a.login:hover{
	background:url(/img/corp_2007/bg/login.png) no-repeat bottom right;
	text-decoration:none;
	float:right
}
a.login span, a.login:hover span{
	padding:0 20px 0 30px;
	font:11px/19px Arial, Helvetica, sans-serif;
	background:url(/img/corp_2007/bg/loginstart.png) no-repeat bottom left;
	color:#000;
	float:left
}
a.login:hover{
	background:url(/img/corp_2007/bg/login.png) no-repeat top right;
	cursor:hand
}
a.login:hover span{
	background:url(/img/corp_2007/bg/loginstart.png) no-repeat top left;
	color:#fff
}
.mainmenu{
	list-style:none;
	margin:0;
	padding:0;	
	height:26px;
	/*This needs a hack for the mac */
	font: bold 12px/26px Arial, Helvetica, sans-serif;
	background: url(/img/corp_2007/bg/mainmenu.gif) repeat-x
}
.mainmenu li{
	margin:0;
	padding:0;	
	display:block;
	float:left
}

li.first{
	width: 100px
}
li.second{
	width: 110px
}
li.third{
	width:111px
}
li.fourth{
	width:175px
}
li.fifth{
	width:122px
}
li.sixth{
	width:107px
}
li.seventh{
	width:123px
}

.mainmenu a, .mainmenu a:hover, .mainmenu a.selected, .mainmenu a.selected:hover, .mainmenu a.left, .mainmenu a.left:hover, .mainmenu a.right, .mainmenu a.right:hover{
	text-align:center;
	height:26px;
	color:#fff;
	text-decoration:none;
	display:block;
	cursor: hand
}
.mainmenu a:hover, .mainmenu a.selected, .mainmenu a.selected:hover{
	background: url(/img/corp_2007/bg/mainmenuov.gif) repeat-x
}
.mainmenu a.left span{
	background: url(/img/corp_2007/bg/home.png) no-repeat bottom left;
	display: block
}
.mainmenu a.left:hover span, .mainmenu a.lselected span{
	background: url(/img/corp_2007/bg/home.png) no-repeat top left;
	display: block
}
.mainmenu a.right span{
	background: url(/img/corp_2007/bg/contact.png) no-repeat bottom right;
	display: block
}
.mainmenu a.right:hover span, .mainmenu a.rselected span{
	background: url(/img/corp_2007/bg/contact.png) no-repeat top right;
	display: block
}

.contentcontainer{
        clear:both;
}
.masthead, .contentcontainer{
	padding: 5px 0 5px 0;
}
.contentleft{
	margin:0 8px 0 0;
	padding:0 0 8px 0;
	width:196px;
	border:solid 1px #c8c8c8;
	float:left
}
.clickableoff{
	padding: 5px 0 4px 0;
}
.clickableov{
	padding: 5px 0 4px 0;
	background:#d5e1ed
}
.contentMenuLeft{/* Left column in the interior pages */
	position: relative;
	padding:1px 0 0 0;
	width:160px;
	background:#78aef0 url(/img/corp_2007/bg/leftmenu.gif) repeat-x bottom;
	text-align:center;
	float:left
}
.MenuLeft{
	margin:0 auto;
	width:156px;
	background:#fff;
	border:solid 1px #fff;
	border-top:none;
	text-align:left
}
.MenuLeft span{/* title for link groups */
	padding:0 0 0 12px;
	background:#f6f9ff;
	font-weight:bold;
	line-height:15px;
	display:block
}
.bluebkg, .fade{
	padding:2px 0 12px 3px;
	background:#dce7f6;
}
.fade{
	background:url(/img/corp_2007/bg/fade.gif) repeat-x top;
}
#larrow{
       position: absolute; 
	left: 5px; 
	margin-top: 6px; 
}
.MenuLeft a{
	color:#3270d3;
	text-decoration:none;
	display:block;
	padding: 2px 0 2px 9px;
}
.MenuLeft a:hover{
	text-decoration:underline
}
.MenuLeft a.selected, .MenuLeft a.selected:hover{
	background:url(/img/corp_2007/bg/bullet3.gif) no-repeat top left;
}
.MenuLeft a.AwardsLeft, .MenuLeft a.AwardsLeft:hover{
	padding:2px 0 2px 0;
}
.contentRight{
	width:750px;
	float:right
}
.contentrightA{
	margin:0 10px 0 0;
	width:460px;
	float:left
}
.contentRightInterior{/* Right column for the interior pages */
	width:690px;
	float:right
}
.smallMastHead{
	height:52px;
	margin-bottom: 10px;
}
.BreadCrumbs{
	padding:4px 0 0 10px;
	color:#898989;
}
.BreadCrumbs a{
	text-decoration:none;
	color:#898989
}
.BreadCrumbs a:hover{
	text-decoration:underline
}
div.smallMastHead div#title{
  margin:0 0 0 10px;
  padding:0;
  font:19px/36px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#000;
  float: left;
}
div.smallMastHead div#tagline{
  float: left;
  margin: 13px 0 0 10px;
  font-style: italic;
  font-weight: bold;
  font-size: 12px;
  color: #1C4D92;
  width: auto;
}

/* Headings */

h2{ /* Is this used?*/
	margin:0;
	padding:2px 0 0 10px;
	font:bold 25px Arial, Helvetica, sans-serif;
}
h5{
   font-weight: bold;
   font-size: 13px;
   margin:0;
   padding:0;
}
.contentcontainer h4, .contentcontainer h4.plain, .contentcontainer h4.blue{
	margin:0;
	padding:0 0 0 8px;
	height:24px;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	background:url(/img/corp_2007/bg/h4.gif) repeat-x;
	text-align:left
}
.contentcontainer h4.plain{
	background:transparent
}
.contentcontainer h4.blue{
	padding:0 0 0 15px;
	border-left: solid 1px #78aef0;
	border-right: solid 1px #78aef0;	
	color:#fff;
	background:url(/img/corp_2007/bg/h4_blue.gif) repeat-x
}
/* End Headings */

/* Page Layout */
.mainColumn{
   margin-left: 170px; 
   width: 682px; 
   clear:right;
}
.sideColumn{
   width: 160px;
   float: right;
   margin-left: 15px;
}

.contentrightB{/* Right column on Homepage */
	width:184px;
	float:left
}
.envelope{
	border:solid 1px #c8c8c8;
	border-bottom:none
}
.contentcontainer p{
	margin:10px 0;
}
.contentcontainer dt{
	font-weight:bold
}
.contentcontainer dd{
	margin:0 0 20px 0;
}
.contentleft div.title{
	padding:10px 14px 0 10px;
	font:12px Arial, Helvetica, sans-serif;
	color:#3372d5;
	text-align:center;
	display:block;
	clear:both
}
.contentleft div.title b{
	float:left
}

/* Sign Up Buttons*/
a.smallbutton, a.smallbutton:hover{
	margin:0;
	background:url(/img/corp_2007/bg/smallbutton.png) no-repeat bottom right;
	height:15px;
	/*letter-spacing:-0.5px;
	word-spacing:-2px;*/
	color:#fff;
	text-decoration:none;
	float:right
}
a.smallbutton span, a.smallbutton:hover span{/* creates the left part of the button in this manner with a wide bkg for the a.smallbutton, a.smallbutton:hover the button will become broader or narrower depending only on the text inside, no css modifications needed */
	padding:0 3px;
	font:9px/15px  Arial, Helvetica, sans-serif;
	height:15px;
	background:url(/img/corp_2007/bg/smallbuttonstart.png) no-repeat bottom left;
	font-weight:bold !important;
	float:left
}
a.smallbutton:hover{
	background:url(/img/corp_2007/bg/smallbutton.png) no-repeat top right;
	cursor:pointer
}
a.smallbutton:hover span{
	background:url(/img/corp_2007/bg/smallbuttonstart.png) no-repeat top left
}
a.bigbutton, a.bigbutton:hover{
	margin:0 0 15px 0;
	background:url(/img/corp_2007/bg/bigbutton.png) no-repeat bottom right;
	height:24px;
	letter-spacing:-0.5px;
	word-spacing:-2px;
	color:#fff;
	text-decoration:none;
	float: left;
}
a.bigbutton span, a.bigbutton:hover span{/* same as the a.smallbutton span */
	padding:0 9px;
	font:14px/24px Arial, Helvetica, sans-serif;
	background:url(/img/corp_2007/bg/bigbuttonstart.png) no-repeat bottom left;
	font-weight: bold !important;
	float: left;
}
a.bigbutton:hover{
	background:url(/img/corp_2007/bg/bigbutton.png) no-repeat top right;
	cursor:hand
}
a.bigbutton:hover span{
	background:url(/img/corp_2007/bg/bigbuttonstart.png) no-repeat top left
}
/* END Sign Up Buttons*/

a.textLink{
        font-size: 20px;
	display: block;
	width: auto;
	text-align:center;
}

.contentrightB p{
	margin:0;
	padding:4px 0 12px 8px;
}
.contentrightB p a{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#3272d3;
	text-decoration:none;
	display:block
}
.contentrightB p a:hover{
	text-decoration:underline
}

/* Link Styles */
a.learn, a.learnBlack, a.learnFloat{
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(/img/corp_2007/bg/bullet2.gif) no-repeat left;
	font:11px Arial, Helvetica, sans-serif;
	color:#3372d5;
	text-decoration:none
}
a.learnBlack{
	color:#000
}
a.learn:hover, a.learnBlack:hover{
	text-decoration:underline
}
a.learnFloat{/* class for the products page */
	floating:left
}
a.learnBig{
	margin:130px 5px 0 15px;
	padding:0 5px 0 12px;
	background:url(/img/corp_2007/bg/bullet2.gif) no-repeat left;
	font: 13px Arial, Helvetica, sans-serif;
	color:#3372d5;
	display: block;
	text-decoration:none
}
a.learnBig:hover{
	text-decoration:underline
}
a.awards, a.awards:hover{
	margin:2px 0 0 8px
}
/* END Link Styles */

.contentcontainer ul{
	margin:0;
	padding:13px 0 13px 25px;
}
.contentcontainer ul li{
	margin:0;
	line-height:15px;
	list-style-image: url(/img/corp_2007/bg/bullet.gif);
}
.contentcontainer ol li{
	list-style-image: none !important;
	list-style-type: decimal !important;
}
.contentcontainer ul ol {
	margin: 5px;
}
.solution{
	background:url(/img/corp_2007/bg/solutionsbg.gif) repeat-x bottom;
	margin-bottom: 15px;
        height: 210px;
}
.solutionLeft{
	margin-left: 10px;
	width:29%;
	background:url(/img/corp_2007/bg/research.gif) no-repeat center top;
	float:left;
	height: 165px;
}
.solutionLeft p{
	margin:0;
	padding:105px 10px 0;
	text-align:center
}
.solutionRight{
	padding:3px;
	width:66%;
	font-size:13px;
	float:right;
	line-height: 22px;
}
.supporting{
	text-align:center
}
.solutionBottom{
	height:3px;
	clear:both
}
.contentcontainer h3{
	margin:0;
	padding:0 10px;
	font:16px/42px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#326fe1
}
.bottomCell{
	width:153px;
	float:left
}
.bottomCell p{
	margin:0;
	padding:4px 6px 8px 8px
}
.bottomCell p span{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#3372d5;
	display:block
}
.separationRight{
	margin:20px 0 8px 0;
	padding:0;
	height:3px;
	background:url(/img/corp_2007/bg/separationRight.gif) repeat-y
}
/* Text Styles */
.tiny {
	font-size: 11px;
}

table.tiny td {
	font-size: 11px;
}

.small {
	font-size: 12px;
}

.big {
	font-size: 16px;
}

.jumbo {
	font-size: 19px;
}

.error{
   color:#AB4047;
   font-size : 11px;
   font-weight:bold;
}

/*Product Index Page Styles*/
.productTile{
  width: 323px;
  float: left;
  margin-bottom: 5px;
}

.productTile img{
  float: left;
}

.productTile div.desc{
  margin-left: 55px;
}

.productTile div.controls{
  margin-top: 5px;
  margin-left: 55px;
  width:auto /* added in order to get the small button closer to the links on the left */
}

.pt_right{
  float: right;
}

.gray_bar{
  background-color: #F5F5F5;
  height: 5px;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
  clear:right;
}
/*Product Page*/

div.sideColumn div.MenuRight h1{
   background-color: #F4F4F4;
   color: #000;
   line-height: normal;
   font-size: 12px !important;
   font-weight: bold !important;
   padding: 3px !important;
   margin: 0 0 0 0;
   border-right: 1px solid white;
   border-left: 1px solid white;
}
div.sideColumn div.MenuRight h1.first{
   border-top: 1px solid white;
}
div.MenuRight{
   background:#E0E0E0 url(/img/corp_2007/bg/MenuRightFade.jpg) repeat-x center bottom;
   padding: 1px 1px 60px 1px;
}
div.MenuRight div.MenuRightSection{
   border-right: 1px solid white;
   border-left: 1px solid white;
   padding: 3px;
}

div.MenuRightSection ul{
   padding: 5px 0 10px 5px;
}
div.MenuRightSection ul li{
   list-style-type:none;
   list-style-image:none;

}
          /* Testimonials */
div.sideColumn div.testimonial {
	font-style: italic;
	font-size: 12px;
	color: #82A6CB;
	font-weight: bold;
	font-family: Helvetica, Arial, sans serif;
	margin-bottom: 20px;
	}

div.sideColumn div.testimonial div.words {
	background: url(/img/corp_2007/testimonial_openquote.gif) top left no-repeat;
	padding-top: 10px;
	padding-left: 10px;
	}

div.sideColumn div.testimonial div.name {
	background: url(/img/corp_2007/testimonial_closequote.gif) top right no-repeat;
	padding-top: 15px;
	text-align: right;
	font-size: 12px;
	}

/* Product Section Main Content*/
.productImage{
  float: left; 
  margin: 5px 10px 30px 5px;
  width: 120px;
  text-align:center;
}
.productImage img{
  margin-bottom: 20px;
}

div.featureList li{
  margin-bottom: 8px;
}

div.mainColumn h1, div.contentcontainer h1{
  margin:0;
  margin-top: 15px;
  padding:0;
  font:18px/24px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#326fe1;
  border-bottom: 0px solid #FFF;
}
div.mainColumn h2, div.contentcontainer h2, .subheadBlue, .headBlue{
  margin:0;
  padding:0;
  font:16px/24px Arial, Helvetica, sans-serif;
  color:#326fe1
}

div.mainColumn p {
	margin-bottom: 10px;
}

/* FOOTER STYLES */
.footer{
	padding:20px 0 0 0;
	clear: both;
	font-size: 11px;
}
.footerborder{
	height:16px;
	background:#c8d8ee url(/img/corp_2007/bg/footerr.gif) no-repeat right
}
.footer p{
	margin:0;
	padding:6px;
	line-height:19px
}
.footer p a, footer p a:hover{
	margin:0 6px 0 6px;
	color:#000;
	text-decoration:none;
}
.footer p a:hover, .footer p a.home:hover{
	color:#3270d3
}
.footer p a.home, .footer span a{
	margin:0 6px 0 0
}
.popupFooter{
	padding:0 10px 0 0;
	height:27px;
	border:solid 1px #999;
	background:url(/img/corp_2007/bg/footerbar.gif) repeat-x top;
	text-align:left;
	color:#3272d7
}
.popupFooter a{
	margin:0 10px 0 10px;
	font:11px Arial, Helvetica, sans-serif;
	color:#3272d7;
	text-decoration:none
}
.popupFooter a:hover{
	text-decoration:underline;
}
.footer p a.truste{
	margin:0
}
.copyright, span.copyright a{
	margin:0;	
	padding:0;
	font-size:10px;
	color: #999;
}
span.copyright a{
        text-decoration: underline;
}

/* ERRORS: FORM SUBMISSION */
.errorbox {
	list-style:none;
	background: #ffffcc;
	padding: 5px;
	margin: 5px 10px 5px 10px;
	border: #cccc99 solid 1px;
	font-size: 10pt;
	color: #cc0000;
	
}
div.errorbox li{
        list-style-image: none;
	line-height: 14px;
}

/** TABLE STYLES **/

div.tabletitle{
  margin:0;
  padding:0;
  font:16px/18px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#326fe1
}
.toolBar{
  background:transparent url(/img/corp_2007/bg/dataInToolbarbg.gif) repeat-x scroll 0% !important;
  padding: 3px 3px 3px 17px;
}
.tbTop{
  border-bottom: 1px solid #999;
}
.tbBottom{
  border-top: 1px solid #999;
}

.button{
  border: 1px solid #393;
  background:#093 url(/img/corp_2007/bg/buttonbg.gif) repeat-x scroll 0%;
  color: #FFF;
  font-weight: bold !important;
  font:12px/14px Arial, Helvetica, sans-serif;
}
a.closebutton, a.closebutton:hover{
	margin:0;
	border:1px solid #707070;
	padding:0 5px;
	background:url(/img/corp_2007/bg/close.gif) repeat-x top;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#707070;
	text-decoration:none;
	float:right
}
a.closebutton:hover{
	background:url(/img/corp_2007/bg/close.gif) repeat-x bottom;
}
.pageIntro {
	padding-left: 5px;
}

/* infoTable */

.infoTable {
         border: #878787 solid 1px;
         background: #EDEDED;
         position: relative;
 }

.infoBox {
	margin: 1px;
	padding: 5px;
	background: #FFFFFF;
}
.infoTable table {
         width: 100%;
  }
 
.infoTable tr.even {
         background: #FFFFFF;
 }
 
.infoTable th {
 padding: 5px;
}
 
.infoTable td {
         padding: 5px;
}
 
.topLeft {
 position: absolute;
 top: -1px;
 left: -1px;
}
 
.topRight {
 position: absolute;
 top:-1px;
 right: -1px;
}
.bottomLeft {
 position: absolute;
 bottom:-1px;
 left: -1px;
}
 
.bottomRight {
 position: absolute;
 bottom:-1px;
 right: -1px;
}

/*IE6 hacks */
* html body .topLeft {
  display:none;
}
* html body .topRight {
  display:none;
}
* html body .bottomLeft {
  display:none;
}
* html body .bottomRight {
  display:none;
}
/* Data In Table */
.dataIn {
	border: 1px #999 solid;
	background:#FFF url(/img/corp_2007/bg/dataInbg.jpg) repeat-x bottom;
}

.dataIn td {
	padding: 3px 5px 3px 17px;
	background:#FFF url(/img/corp_2007/bg/dataInfields.jpg) repeat-y top left;
}

.label {
	width: 150px;
	padding: 3px 5px 3px 0px !important;
	text-align: right;
	border-right: 1px #999999 solid;
        background: none !important;
}

.dataIn input, .dataIn select, .dataIn textarea{
        border: 1px #096 solid; 
        margin: 1px;
}
/*Service Promo Box on Edu Articles*/
div.servicePromo{
   width: 250px;
   float:right;
   margin: 0 5px 5px 5px;
   padding: 1px;
   border: 1px solid #326FE1;
}

div.servicePromo div{
   background-color: #ddecff;
   padding: 3px;
   margin: 1px;
}

div.servicePromo h1{
   margin-top: 0px;
   margin-bottom: 0px;
   font-size:16px;
   padding-left:5px;
}    


/* Vendio Registration */
.regheader {font-size: 16px; font-weight: bold; color: #999999;}
.regnumber {font-size: 24px; font-weight: bold; color: #666666;}
.regprefilled {background-color: #FFCC7F;}
.yellowalert { border: #999933 1px solid; padding: 3px; background: #fff9c4; }
.promohead {color: #009933; font-size: 12pt; font-weight: bold;
font-family: arial, helvetica, sans-serif;}

/* For the pricing page. Used to be called "rightTdBody," which really
 * made no sense. */
.backToTop {
 	float: right; 
 	font-size: 10pt; 
 	font-family: arial; 
 	color: #000000; 
 	font-weight: normal; 
 	margin-right: 3px;
}


/* DEBUG - This should be the last style*/
.test {
        border: red dotted 2px; 
}