/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
 
html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}



/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

body {
	/* For breathing room between content and viewport. */
	/* margin:10px; */
}

h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 138.5%;
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}


h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	/* margin: 1em 0; */
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
h4 {
	font-size: 13px;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	/*list-style: disc outside;*/
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	border: 1px solid #000;
	padding: .5em;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}
@charset "UTF-8";
/*
 *	name:			typography.css 
 *	description:	defines typography for www.yousendit.com
 *					styles based on YSI Website Style Guide - 8/6/2009
 *	author:			werner glinka
 *	email:			werner@bussedesign.com
 *	dependencies:	reset.css (part of YUI 2.x)
 *
 */


/* default types */

html { 
	}

body {
	font-family:Arial, sans-serif;	/* default font family */
    font-size:13px;												
	color:#676767;  /*medium gray */
	margin: 10px 0px;
}
p {
   font-size:13px;												
	line-height:1.385;
	margin-top: 18px;
	margin-bottom: 18px;
}
p.tight {
	margin-top:5px;
	margin-bottom:5px;
}
table.compare p {
	margin:0;
}
small {
	font-size:11px;
}
h1 {
	font-family: "Lucida Grande", sans-serif;
	font-size: 24px;
	line-height: 1.125;
	color:#8dc63f;
}
h1.left {
	padding-right:20px;
}
h2 {
	font-family: "Lucida Grande", sans-serif;
	font-size: 16px;
	line-height: 1;
	color:#333333;
}
h2.tight {
	margin-bottom:0;
}
h3 {
	font-family: "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.29;
	color:#676767;
}
h3.tight {
	margin:5px 0;
	}
.box196Header {
	text-align:center;
}
div.innerTab h4 {
	font-weight:normal;
	color:#666;
	margin-top:10px;
}
	
.greenHeader {	
	font-size: 15px;
	line-height: 1.2;
	color:#8dc63f;
}
.intro {
	font-family:Arial, sans-serif;
    font-size:14px;												
	line-height:1.385;
	color:#676767;
}
.body{
	font-family:Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.385;
	color:#676767;
	}



/* customer quotes */
	
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	margin: 10px;
	color:#676767;
}
.bqstart {
     float: left;
     height: 30px;
     margin-top: 0;
	  margin-left:-20px;
     padding-top:10px;
     margin-bottom:-20px;
     font-size: 50px;
     color: #676767;
 }

 .bqend {
     float: right;
     height: 20px;
     margin-top: 0;
     padding-top:15px;
     font-size: 50px;
     color: #676767;
 }
	
p.credit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#676767;
	margin-bottom:0;
	text-align:right;
	
}@charset "UTF-8";
/*
 *	name:			style.css 
 *	description:	contains the style definitions for www.yousendit.com
 *	author:			werner glinka
 *	email:			werner@bussedesign.com
 *	dependencies:	see @import below
 *
 *
 *
 *	this style sheet defines all specific styles for www.yousendit.com.
 *	
 *
 *
 *
 *
 */
 
/* @import url("reset.css");               /*general style reset from YUI */
/* @import url("base.css");                /*common browser baseline*/
/* @import url("header/index.css"); */
/* @import url("typography.css");          /*general typography*/

/********************* general styles ********************/

body {
}
div#contentWrap {
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding:20px;
	text-align:left;
}
div.inner {
	padding:20px;
	overflow:hidden;
}
div.box196 div.inner,
div.box196NoBg div.inner{
	padding:11px;
	overflow:hidden;
}
.divWrap {
	width:100%;
	overflow:hidden;
}
.left {
	float:left;
}
.right {
	float:right;
}

.clear {
	height:1px;
	clear:both;
}
.leftIndent {
	margin-left:20px;
}

div.hr {
	width:100%;
	height:1px;
	overflow:hidden;
	background-color: #ababab;
	margin:20px 0;
}
div.box196NoBg div.hr,
div.box196Quotes div.hr {
	margin:0;
}

/******************************* various link types ************************/


a, a:visited {
	color:#4b63ae;
	text-decoration:none;	
}
a:hover {
	color:#304589;
	text-decoration:underline;
}
a.special {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
a:hover.special {
	font-weight:bold;
}
a.button,
a.buttonWide,
a.buttonBlueWide {
	display:block;
	height:31px;
	width:150px;
	margin:0 auto;
	background: transparent url(../images/content/buttons/buttonGreen.png) no-repeat;
	text-transform:uppercase;
	text-align:center;
	line-height:31px;
	font-weight:bold;
	color:#FFF;
	padding:0;
	font-size: 13px;
	float:none;
	border:0 none;
	}
	
div.box740BlueBottom70 a.button {
	margin-left:10px;
}
div.box740BlueBottom70 a.button.indent {
	margin-left:110px;
}
	
a.buttonWide {
	width:220px;
	background: transparent url(../images/content/buttons/buttonGreenWide.png) no-repeat;
}
	
a.buttonSmall {
	display:block;
	height:20px;
	width:112px;
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	color:#FFF;
	padding:0;
	}
a.buttonSmall:hover {
	text-decoration:none;
	background-position:0 -20px;
}
.smallGreen {
	background: transparent url(../images/content/buttons/buttonGreenSmall.png) no-repeat;
}
.smallBlue {
	background: transparent url(../images/content/buttons/buttonBlueSmall.png) no-repeat;
}
	
a.buttonBlueWide {
	float:right;
	width:323px;
	background: transparent url(../images/content/buttons/buttonBlueWide.png) no-repeat;
}
	
a.button:hover,
a.buttonBlueWide:hover {
	background-position:0 -31px;
	text-decoration:none;	
}

a.buttonTall {
	display:block;
	height:42px;
	width:150px;
	margin-top:15px;
	background: transparent url(../images/content/buttons/buttonOrangeTall.png) no-repeat;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding-top:14px;
	}
a.buttonTall:hover {
	color:#00F;
	text-decoration:none;	
}

a.plans {
	margin:0 40px 10px 0;
}

a.iconLink {
	display:block;
	height:16px;
	padding:0 0 0 21px;/*16px icon size and 50x margin */
	margin-bottom:2px;
}
a.learnMore {
	display:block;
	height:15px;
	background:transparent url(../images/content/bullets/listArrowGreen.png) 0 0 no-repeat;
	padding:0 0 0 20px;
	line-height:15px;
	margin-left:50px;
	margin-bottom:5px;
	font-weight:bold;
}
div.box196NoBg a.learnMore,
div.box196Quotes a.learnMore {
	margin:10px 0;
	font-size: 13px;
}
div.ppuPopup div.body ul.buttonList a.learnMore {
	display:inline-block;
	margin:0;
}
div.box740BlueBottom70 a.learnMore {
	margin:10px;
}
div.innerTab a.learnMore {
	margin:0 0 20px;
}


/******************** some styles to complement the YSI header and footer styles in header/index.css ********************/
 div.hd-nav-bar {		/* without this the font-size is 12px */
	font-size:12px;
}

div#copyright {
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	/* padding:0 20px; */
}
div#copyright p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#989898;
	margin:0;
}
a.blogger {
	background:transparent url(../images/content/logosCommunity/blogSmall.png) no-repeat;
}
a.linkedIn {
	background:transparent url(../images/content/logosCommunity/linkedInSmall.png) no-repeat;
}
a.facebook {
	background:transparent url(../images/content/logosCommunity/facebookSmall.png) no-repeat;
}
a.twitter {
	background:transparent url(../images/content/logosCommunity/twitterSmall.png) no-repeat;
}
div#awards {
	height:72px;
	width:300px;
	float:right;
	overflow:hidden;
	padding-top:10px;
	margin-top:-72px;
	margin-right:72px;
}
div#awards a {
	display:block;
	height:72px;
	margin-right:15px;
	float:right;
}

/******************** side bar definition ********************/
div#sidebar {
	float:left;
	width:196px;
}

/******************** sub navigation in left sidebar ********************/
div#subMenu {
	background:transparent url(../images/content/menus/subMenuBg.png) bottom left no-repeat;
	width:174px;
	overflow:hidden;
	padding: 0 11px 34px 11px;
	margin-bottom:15px;
}
div#subMenu ul {
	background-color:#fff;
	margin:0;
}
div#subMenu ul li {
	list-style:none;
	border-bottom:1px solid #999;
	margin:0;
}
div#subMenu ul li.first {
	border-top:1px solid #999;
}
div#subMenu ul li a {
	display:block;
	font-family:"Lucida Grande", sans-serif;
	font-weight:bold;
	font-size:13px;
	line-height:26px;
	color:#4b63ae;
	text-align:left;
	padding-left:10px;
}
div#subMenu ul li a:hover,  div#subMenu ul li a.active {
	text-decoration:none;
	background-color:#f5f8e5;
	color:#000;
}

/******************** modules used in the left sidebar - 196px wide ********************/
div.box196 {
	width:196px;
	overflow:hidden;
	margin: 0 0 15px 0;
	background:transparent url(../images/content/modules/box196/box196.png) top left repeat-y;
}
div.box196NoBg {
	width:196px;
	overflow:hidden;
	background:transparent url(../images/content/modules/box196/box196NoBg.png) top left repeat-y;
	margin-bottom:15px;
}
div.box196Header {
	width:196px;
	height:49px;
	background:transparent url(../images/content/modules/box196/box196Header.png) top left no-repeat;
	/* float:left; */
}
div.box196HeaderTall {
	width:196px;
	height:60px;
	background:transparent url(../images/content/modules/box196/box196HeaderTall.png) top left no-repeat;
	/* float:left; */
}
div.box196Top {
	width:196px;
	height:10px;
	background:transparent url(../images/content/modules/box196/box196Top.png) top left no-repeat;
}
div.box196Bottom {
	width:196px;
	overflow:hidden;
	background:transparent url(../images/content/modules/box196/box196Bottom.png) bottom left no-repeat;
}
div.box196BottomNoBg {
	width:196px;
	overflow:hidden;
	background:transparent url(../images/content/modules/box196/box196BottomNoBg.png) bottom left no-repeat;
	font-size:13px;
}
div.box196Header h3 {
 	font-family:"Lucida Grande", sans-serif  text-align:center;
	margin:0;
	padding:15px 0 15px 11px;
	text-align:left;
}
div.box196Header p,
div.box196HeaderTall p{
 	font-family:"Lucida Grande", sans-serif  text-align:center;
	font-size:14px;
	margin:0;
	padding:10px 0 0 11px;
	text-align:left;
}
div.box196NoBg p {
	margin:0 0 10px 0;
}
ul.iconLineup {
	margin:0;
	padding:10px 0 0 20px;
}
ul.iconLineup li {
	float:left;
	margin:0;
}
ul.iconLineup li a img {
	padding: 0 5px;
}
div.box196 .bottomBox {
	border-top:1px solid #cfdbff;
	padding:10px;
}
.bottomBox ul {
	margin:0;
}
.bottomBox ul li a {
	background: transparent url(../images/content/bullets/listArrow.png) left no-repeat;
	padding-left:20px;
	line-height:20px;
	font-weight:bold;
}
div.box196Quotes {
	width:196px;
	overflow:hidden;
	background: transparent url(../images/content/modules/box196BlueGradient/box196BlueGradient.png) 0 0 no-repeat;
	margin-top:20px;
}

.autoScroll {		/* rotating customer icons for about us */
	position:relative;
	overflow:hidden;
	width: 192px;
	height:76px;
	margin-left:1px;
	margin-bottom:5px;
}
.autoScroll .items {
	width:20000em;
	position:absolute;
	clear:both;
}
.autoScroll img {
	float:left;
	margin:0 0 0 2px;
	background-color:#fff;
	width:150px;
	height:76px;
	margin:0 21px;
}
/*
 *		promo boxes styling
 *		used in About Us
 */

div.promo {
	width:196px;
	margin: 10px 0 0 0;
	text-align:left;
}
div.promo h3 {
	padding:15px 0 30px 65px;
	margin-top:0;
}
div.promo img {
	display:inline;
	margin-bottom:-4px;
	margin-left:5px;
}
div.promo p {
	margin:0;
	padding:10px 0 20px 10px;
}
div.boxClock {
	background:transparent url(../images/content/modules/box196Clock/box196Clock.png) top left no-repeat;
	}
div.boxAirplane {
	background:transparent url(../images/content/modules/box196Airplane/box196Airplane.png) top left no-repeat;
}
div.boxGreen {
	background:transparent url(../images/content/modules/box196GreenBiz/box196GreenBiz.png) top left no-repeat;
	}
div.boxGreen h3 {
	padding-bottom:0;
}

/******************** main content area  ********************/
div#mainContent {
	float:left;
	width:740px;
	overflow:hidden;
	text-align:left;
}
/*
 *		splash module
 *		used in aboutUs.html
 */
div.aboutSplash {
	width:740px;
	height:216px;
	background:transparent url(../images/content/misc/AboutSplashBg.png) 0 0 no-repeat;
	text-align:left;
}
div.aboutSplash h1 {
	font-weight:normal;
}
div.aboutSplash p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#676767;
}

div.largeFilesSplash {
	width:740px;
	height:470px;
	overflow:hidden;
	background:transparent url(../images/content/misc/largeFilesSplashBg.png) 0 0 no-repeat;
	text-align:left;
	margin-bottom:20px;
}

/*
 *		text bubble
 *		used in aboutUs.html
 */
div.bubbleText1 {
	width:477px;
	height:126px;
	background:transparent url(../images/content/modules/bubbles/bubble1.jpg) 0 0 no-repeat;
	margin-bottom:20px;
}
div.bubbleText1 p {
	font-size:14px;
	font-weight:bold;
	padding: 35px 80px 20px 25px;
	color:#676767;
}
/*
 *		compare link
 *		used in plans.html
 */
.featureComp {
	float:right;
	
	font-size:11px;
}
/*
 *		small button lists 
 *		used in corporate suite page
 */

ul.buttonList {
	margin:0;
}
ul.buttonList li {
	margin:5px 0;
	list-style:none;
}

/*
 *		here's how lists 
 *		used in plans & signup comp table
 */
ul.how {
	margin:0 0 20px 0;
}

ul.how li {
	line-height:18px;
}
ul.how li.listHead {
	color:#8dc63f;
	list-style:none;
	margin-bottom:5px;
	margin-left:0;
	font-size:13px;
	font-weight:bold;
}
ul.how li {
	list-style:disc;
	color:#a5bbff;
	padding-bottom:3px;
}
ul.how li span.title {
	color:#000;
	font-size:13px;
}
ul.how li span {
	color:#676767;
	font-size:13px;
}


/*
 *		popups for the applications page
 *
 */
 
div#screenshotThumbs a {
	display:inline-block;
	position:static; /* so popup shows in right location in FF */
	height:69px;
	width:142px;
	margin-right:20px;
}
div#screenshotThumbs a img{ 
	margin:0;
	border:1px solid #ababab;
}
screenshotThumbs a:hover {
	border-width: 0; /* IE */
}

div#screenshotThumbs.corpSuite {
	margin-left:100px;
	}
div#screenshotThumbs.corpSuite a {
	display:inline-block;
	position:static; /* so popup shows in right location in FF */
	height:75px;
	width:100px;
	margin-right:10px;
}
/*
 * 	overlay element for screenshots
 */
.screenshotOverlay {
	display:none;
	z-index:10000;
	width:1px;	/* IE needs this */
	height:1px; /* IE needs this */
}

/* 	
 *		close button positioned on upper right corner 
 */
.screenshotOverlay .close {
	position:absolute;
	right:20px;
	top:5px;
	cursor:pointer;
	height:19px;
	width:19px;
	background:url(../images/content/modules/popup/closeBtn.png) 0 0 no-repeat;
}
.screenshotOverlay .close:hover {
	background-position:0 -19px;
}

/* "next image" and "prev image" links */
.screenshotOverlay .next, .screenshotOverlay .prev {
	position:absolute;
	bottom:7px;	
	cursor:pointer;
	display:block;
	width:25px;
	height:25px;
	padding:0;
}
.screenshotOverlay .prev {
	left:20px;
	background: url(../images/content/modules/popup/arrowLeftBtn.gif) 0 0 no-repeat;
	
	}
.screenshotOverlay .next {
	right:20px;
	background: url(../images/content/modules/popup/arrowRightBtn.gif) 0 0 no-repeat;
	
	}
.screenshotOverlay .next:hover, .screenshotOverlay .prev:hover {
	text-decoration:none;
}
.screenshotOverlay .next span,
.screenshotOverlay .prev span {
	visibility:hidden;
}
/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}
/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* 
 *		sliding panels 
 */

h4#toggle1 a.open,
h4#toggle2 a.close {
	display:block;
	height:15px;
	padding:0 0 5px 15px;
	background:transparent url(../images/content/bullets/headerArrow.png) 0 0 no-repeat;
}

h4#toggle1 a.close,
h4#toggle2 a.open {
	display:block;
	height:15px;
	padding:0 0 5px 15px;
	background:transparent url(../images/content/bullets/headerArrow.png) 0 -20px no-repeat;
}

/*
 *	simple frame, rounded corners, 740 px width
 *
 */
div.box740 {
	width: 740px;
	background: transparent url(../images/content/modules/box740/box740.png) top left repeat-y;
	
}
div.box740Top {
	width:740px;
	background: transparent url(../images/content/modules/box740/box740Top.png)  left top no-repeat;
	overflow:hidden;
}
div.box740Bottom {
	width:740px;
	background: transparent url(../images/content/modules/box740/box740Bottom.png)  left bottom no-repeat;
	
}
div.box740GrayBottom {
	width:740px;
	background: transparent url(../images/content/modules/box740/box740GrayBottom.png)  left bottom no-repeat;
}

.box740 h1,  .box740 h2 {
	margin-top:0;
}
.box740 h3 {
	margin:20px 0 20px 20px;
}

.box740 p {
	margin-bottom:0;
}

/*
 *	simple frame, rounded corners, blue gradient background, 740 px width
 *
 */
div.box740Blue {
	width: 740px;
	background: transparent url(../images/content/modules/box740Blue/box740Blue.png) top left repeat-y;
	margin-bottom:20px;
	position:relative; /* for inline hover popups positioning */
}
div.box740BlueTop {
	width:740px;
	background: transparent url(../images/content/modules/box740Blue/box740BlueTop.png)  left top no-repeat;
	overflow:hidden;
}
div.box740BlueLower {
	width:740px;
	background: transparent url(../images/content/modules/box740Blue/box740BlueLower.png)  left bottom no-repeat;
	overflow:hidden;
}
div.box740BlueBottom {
	width:740px;
	height:107px;
	background: transparent url(../images/content/modules/box740Blue/box740BlueBottom.png)  left bottom no-repeat;
	margin-bottom:20px;
	margin-top:-20px;
}
div.box740BlueBottom70 {
	width:740px;
	height:72px;
	background: transparent url(../images/content/modules/box740Blue/box740BlueBottom70.png)  left bottom no-repeat;
	margin-top:-20px;
	margin-bottom:20px;
}

.box740Blue h1,  .box740Blue h2 {
	margin-top:0;
}
.box740Blue h3 {
	margin:20px 0 20px 20px;
}

.box740Blue p {
	margin-bottom:0;
}

div.box740BlueBottom a.buttonWide {
	float:left;
	margin:0 0 0 20px;
}
div.box740BlueBottom a.buttonWide:hover {
	text-decoration:none;
	background-position:0 -31px;
}


div.box740BlueBottom img.osLogo {
	width:25px;
	height:25px;
	float:left;
	margin-top:3px;
}
div.box740BlueBottom p {
	margin-left: 45px;
}


/******************************** tab pane styling ******************************/

ul.tabs {
	height:35px;
	width:738px;
	background:transparent url(../images/content/tabs/tabsBg.png) 0 0 repeat-x;
	margin:0 0 0 1px;
}
ul.tabs li {
	float:left;
	margin-left:5px;
}
ul.tabs li.first {
	margin-left:25px;
}
ul.tabs li a,
ul.tabs li a:visited {
	display:block;
	height:35px;
	padding:0 0 0 25px;
	background:transparent url(../images/content/tabs/tabsInactive.png) top left no-repeat;
}
ul.tabs li a  span {
	display:block;
	height:35px;
	line-height:35px;
	padding:0 25px 0 0;
	background:transparent url(../images/content/tabs/tabsInactive.png) top right no-repeat;
	font-weight:bold;
	font-size:13px;
}
ul.tabs li a.current {
	display:block;
	height:35px;
	padding:0 0 0 25px;
	background:transparent url(../images/content/tabs/tabsActive.png) top left no-repeat;
	text-decoration:none;
}
ul.tabs li a.current  span {
	display:block;
	height:35px;
	line-height:35px;
	padding:0 25px 0 0;
	background:transparent url(../images/content/tabs/tabsActive.png) top right no-repeat;
	font-weight:bold;
	color:#8dc63f;
	text-decoration:none;
}
div.panes > div {
	display:none;		
	font-size:14px;
	margin:0 1px ;
	width:738px;
}

div.panes ol li {
	list-style-position:inside;
	
}
div.innerTab {
	padding:10px 25px;
}
div.innerTab ol {
	margin-left:20px;
}

div.innerTab ol li {
	list-style-position:outside;
}

div.tabBg {
	width:739px;
	background:transparent url(../images/content/modules/box740/box740GrayBottom.png) left bottom no-repeat;
	margin:0  0 0 -1px;
}
/* 
 *		fancy frame div styling
 *		used in sending large files
 */
div.horizFrame {
	width:100%;
	overflow:hidden;
	margin:5px 0 0 25px;
}
div.leftEnd {
	display:block;
	height:127px;
	width:22px;
	float:left;
	background:transparent url(../images/content/frame/left.png) 0 0 no-repeat;
}
div.frameBody {
	overflow:hidden;
	height:87px;
	width:644px;
	float:left;
	background:transparent url(../images/content/frame/bodySlice.png) 0 0 repeat-x;
	padding:20px 0;
}
	div.rightEnd {
	display:block;
	height:127px;
	width:22px;
	float:left;
	background:transparent url(../images/content/frame/right.png) 0 0 no-repeat;
}
div.frameBody div.one {
	height:85px;
	overflow:hidden;
	width:150px;
	border-right:1px solid #dbdbdb;
}
div.frameBody div.two {
	height:75px;
	overflow:hidden;
	width:130px;
	padding:10px 0 0 20px;
	border-left:1px solid #ffffff;
	border-right:1px solid #dbdbdb;
}
div.frameBody div.three {
	height:75px;
	overflow:hidden;
	width:160px;
	padding:10px 0 0 10px;
	border-left:1px solid #ffffff;
}
div.frameBody div.four {
	height:85px;
	overflow:hidden;
	width:150px;
	padding:30px 0 0 0;
}
/* 
 *		manual horizontal scroller div styling
 *		used in sending large files
 */
div.tabBg a.next {		/* reset next and prev classes from tools script */
	margin:3px 5px 2px 0;
	padding:0;
}
div.tabBg a.prev {
	margin:3px 0 2px 5px;
	padding:0;
}

a.slideLeft {
	display:block;
	height:26px;
	width:26px;
	float:left;
	background:transparent url(../images/content/tabs/slideLeft.png) 0 0 no-repeat;
}
a.slideRight {
	display:block;
	height:26px;
	width:26px;
	float:right;
	background:transparent url(../images/content/tabs/slideRight.png) 0 0 no-repeat;
}
a.slideLeft span,
a.slideRight span {
	visibility:hidden;
}
a.slideLeft:hover,
a.slideRight:hover {
	text-decoration:none;
}
div.scrollPane {
	position:relative;
	overflow:hidden;
	height:350px;
	width:738px;
	float:left;
}
div.scrollPane div.items {
	width:20000em; 
   position:absolute;
	height:350px;
}
div.scrollPane div.items div.item {
	float:left;
	width:738px;
}
div.scrollPane div.items div.item p {
	margin:5px 0;
	
}
div.scrollPane div.items div.item h4 {
	margin-top:10px;
	
}
div.scrollPane > div.item {
	display:none;
	width:738px;
	height:350px;
}


/* 
 *		manual horizontal scroller div styling
 *		used in sending large files
 */
div.horizScroller {
	width:100%;
	overflow:hidden;
	margin:25px 0 0 0;
}
a.leftControl {
	display:block;
	height:127px;
	width:37px;
	float:left;
	background:transparent url(../images/content/scroller/leftCntrl.png) 0 0 no-repeat;
}
div.scrollerBody {
	position:relative;
	overflow:hidden;
	height:87px;
	width:610px;
	float:left;
	background:transparent url(../images/content/scroller/bodySlice.png) 0 0 repeat-x;
	padding:20px 0;
}
a.rightControl {
	display:block;
	height:127px;
	width:37px;
	float:left;
	background:transparent url(../images/content/scroller/rightCntrl.png) 0 0 no-repeat;
}

div.scrollerBody div.items {
	width:20000em; 
   position:absolute;
	height:85px;
}

div.scrollerBody div.items div.item {
	float:left;
	width:610px;
}	













div.box960 {
	width: 960px;
	overflow:hidden;
	background: transparent url(../images/content/modules/box960/box960.png) top left repeat-y;
	margin-bottom:20px;
}
div.box960Top {
	width:100%;
	overflow:hidden;
	background: transparent url(../images/content/modules/box960/box960Top.png) top left no-repeat;
}
div.box960Bottom {
	width:100%;
	background: transparent url(../images/content/modules/box960/box960Bottom.png) bottom left no-repeat;
}
div.box960Top h2 {
	margin-left:20px;
}
div.box960Blue {
	width:960px;
	overflow:hidden;
	background: transparent url(../images/content/modules/box960Blue/box960Blue.png) top left repeat-y;
}
div.box960BlueTop {
	width:960px;
	overflow:hidden;
	background: transparent url(../images/content/modules/box960Blue/box960BlueTop.png) top left no-repeat;
}
div.box960BlueBottom {
	width:960px;
	overflow:hidden;
	background: transparent url(../images/content/modules/box960Blue/box960BlueBottom.png) bottom left no-repeat;
}
div.join {
	border-left:1px solid #a5bbff;
	padding-left:20px;
	width:50%;
}
/* module 320px wide with image header */
					div.boxShowTools {
	width:320px;
	height:150px;
	background: transparent url(../images/content/modules/box320/box320.png) top left repeat-y;
	padding-top:20px;
}
div.boxShowToolsHeader {
	width:320px;
	height:75px;
	background: transparent url(../images/content/modules/box320/box320Header.png) top left no-repeat;
}
div.boxShowToolsHeader img {
	float:left;
	margin: 20px 10px 0 10px;
}
div.boxShowToolsHeader h3 {
	float:left;
	margin: 20px 0 0;
}
div.boxShowToolsFooter {
	width:320px;
	height:85px;
	background: transparent url(../images/content/modules/box320/box320Footer.png) bottom left no-repeat;
}
/* module 320px wide plain */
					div.box320 {
	width:320px;
	overflow:hidden;
	background: transparent url(../images/content/modules/box320/box320.png) top left repeat-y;
}
div.box320Top {
	width:320px;
	overflow:hidden;
	background: transparent url(../images/content/modules/box320/box320Top.png) top left no-repeat;
}
div.box320Bottom {
	width:320px;
	overflow:hidden;
	background: transparent url(../images/content/modules/box320/box320Bottom.png) bottom left no-repeat;
}
div.box320Bottom h3 {
	text-align:center;
	margin:20px 0;
}
div.boxShowToolsFooter div.imgWrapper {
	float:left;
	position:relative;
	left:50%;
	overflow:visible;
	margin-top:10px;
	margin-bottom:5px;
}
div.boxShowToolsFooter div.imgWrapper img {
	float: left;
	position:relative;
	right:50%;
}
div.showTools,  div.box320Wrap {
	width:320px;
	overflow:hidden;
	margin-right:20px;
	float:left;
	margin-bottom:20px;
}
div.showTools.last,  div.box320Wrap.last {
	margin-right:0;
}
div.showTools ul li {
	list-style:disc;
}
div.recommendTools {
	width:485px;
	overflow:hidden;
	margin-right:30px;
	float:left;
	margin-bottom:20px;
}
div.recommendTools.last {
	margin-right:0;
}
div.recommend {
	width:485px;
	overflow:hidden;
	background: transparent url(../images/content/modules/box485/box485.png) top left repeat-y;
}
div.recommendTop {
	width:485px;
	overflow:hidden;
	background: transparent url(../images/content/modules/box485/box485Header.png) top left no-repeat;
}
div.recommendTop h3 {
	margin:0;
}
div.recommendBottom {
	width:485px;
	overflow:hidden;
	background: transparent url(../images/content/modules/box485/box485Bottom.png) bottom left no-repeat;
}
div.recommendBottom ul {
	width:100%;
	overflow:hidden;
	list-style:disc;
	margin:0;
}
div.recommendBottom ul li {
	float:left;
	display:block;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#989898;
	margin-right:15px;
	list-style:disc;
}
div.recommendBottom ul li ul {
	margin:20px;
}
div.recommendBottom ul li ul li {
	list-style:disc;
}





div.listFeatures {
	width:680px;
	overflow:hidden;
	padding:0 30px 20px 30px;
}
div.listFeatures.first hr {
	color:#e4e4e4;
	background-color:#e4e4e4;
}
div.listFeatures img {
	float:left;
	margin-top:30px;
}
div.listFeatures h1 {
	margin-top:30px;
}
div.listFeatures h1,  div.listFeatures h3,  div.listFeatures p, div.listFeatures.first hr {
	margin-left:100px;
}
div.listFeatures ul {
	margin:0;
}
div.listFeatures ul.indent {
	margin:0 0 0 100px;
}
div.hr.indent {
	margin-left:100px;
	width: 580px;
}
div.listFeatures p {
	font-size:14px;
	color:#676767;
	line-height:18px;
}
div.listFeatures p.byLine {
	margin-top:0;
}

div.listFeatures li.listHead {
	color:#434b57;
	list-style:none;
	margin-bottom:10px;
	margin-left:0;
	font-size:13px;
	
}
	div.listFeatures li {
	list-style:disc;
	color:#a5bbff;
	padding-bottom:3px;
	
}
div.listFeatures li span {
	color:#676767;
	font-size:13px;
}
div.listFeatures div#panel1 ul,
div.listFeatures div#panel2 ul {
	margin-left:100px;
}
div.listFeatures div.slide h4 {
	margin-left:96px;
}

div.highLight{
	width:698px;
	overflow:hidden;
	background-color:#f3f3f3;
	margin:0 1px 20px;
	padding:20px;
}
div.highLight.wide {
	padding:20px 0;
	width:738px;
}


div.highLight h2 {
	font-family:"Lucida Grande", sans-serif;
	color:#676767;
	font-size:18px;
	font-weight:normal;
}
div.highLight p {
	color:#676767;
	margin-top:10px;
}


/* 
 *		plan comparision table 
 *		used on plans.html
 */
th, td { border: 0 none; }	
div.tableWrap {
	width: 960px;
	background: transparent url(../images/content/modules/box960Blue/table960.png) top left repeat-y;
	overflow:visible;
	float:left;
	margin-bottom:20px;
}
div.tableWrapTop {
	width: 960px;
	background: transparent url(../images/content/modules/box960Blue/table960BlueHeader.png) top left no-repeat;
	overflow:visible;
}
div.tableWrapBottom {
	width: 960px;
	background: transparent url(../images/content/modules/box960Blue/table960Bottom.png) bottom left no-repeat;
	overflow:visible;
}
div.tableWrapBottomBlue {
	width: 960px;
	background: transparent url(../images/content/modules/box960Blue/table960BlueBottom.png) bottom left no-repeat;
}
table.compare {
	width: 958px;
	background: transparent;
	border:none;
	margin:1px auto;
	text-align:left;
}
table th,
table td,
table.compare th,
table.compare td{
	border-color:#cfbbff;
	padding:0;
	vertical-align:top;
}

table.compare tr td {
	border:none;
	border-right:1px solid #e4e4e4;
	padding:5px 0;
}
table.compare tr th.first,
table.compare tr td.first{
	text-align:left;
	padding-left:20px;
}
table.compare tr.bg td {
	background-color:#f3f3f3;
}
table.compare tr.border td {
	border-bottom:1px solid #e4e4e4;
	text-align:center;
	padding:10px 0;
}
table.compare tr.border td.leftEdge {
	text-align:left;
	padding-left:20px;
}
table th,
table.compare th,
table.compare tr.last td{
	height:40px;
	line-height:40px;
	padding:0;
	text-transform:uppercase;
	border-right:1px solid #fff;
}
table th.leftCorner {
	width:239px;
	border-left:none;
	border-top:none;
	}
table.compare th.leftCorner,
table.compare tr.last td.leftCorner{
	width:220px;
	border-left:none;
	border-top:none;
	text-align:left;
	padding-left:20px;
} 
table th.rightCorner {
	width:239px;
	border-right:none;
	border-top:none;
}
table.compare th.rightCorner,
table.compare tr.last td.rightCorner {
	width:180px;
	border-right:none;
	border-top:none;
}
table td,
table.compare td {
	text-align:left;
	border-right:1px solid #e4e4e4;
}
table td.leftCorner,
table.compare td.leftCorner,
table.compare tr.last td.leftCorner {
	border-left:none;
	border-bottom:none;
}
table.compare tr.last td.leftCorner {
	font-weight:bold;
}
table td.rightCorner,
tablecompare td.rightCorner,
table.compare tr.last td.rightCorner{
	border-right:none;
	border-bottom:none;
}
table.compare tr.last td.rightCorner {
	text-align:center;
	font-weight:bold;
}
table td.rightEdge,
table.compare td.rightEdge {
	border-right:none;
}
table td.leftEdge,
table.compare td.leftEdge {
	border-left:none;
}
table th.topEdge {
	border-top:none;
	width:240px;
}
table.compare th.topEdge {
	border-top:none;
	width:180px;
}
table td.bottomEdge,
table.compare td.bottomEdge {
	border-bottom:none;
	text-align:center;
	font-weight:bold;
}
table td.blue,
table.compare td.blue {
	background-color:#f3f3f3;
}
table tr,
table.compare tr {
	text-align:center;
}
table tr.price td,
table.compare tr.price td {
	height:100px;
	text-align:center;
	padding-top:20px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
}
table tr.price td.rightEdge,
table.compare tr.price td.rightEdge {
	border-right: none;
}
table tr.price h2,
table.compare tr.price h2 {
	line-height:24px;
}
table tr.price p,
table.compare tr.price p {
	line-height:16px;
	margin:5px 0;
}
Table td div.dataWrap {
	padding:0 20px;
	margin:0;
}
Table td div.dataWrap h3 {
	margin-bottom:20px;
}
Table td div.dataWrap p {
	margin-top:0;
	padding:0;
}
p.table,
p.table.compare {
	margin-top:0;
}
ul.tableList {
	margin-left:50px;
}
ul.tableList li {
	list-style:disc;
	font-size:10px;
	line-height:16px;
	text-align:left;
}
table tr.buttons td {
	padding:10px 20px;
}
table tr.last td {
	height:40px;
	border-right:1px solid #e4e4e4;
}
table.compare tr.last td {
	height:40px;
	border-right:1px solid #fff;
}

table img.compIcon {
	margin:10px 0 0 90px;
}
table.compare img.compIcon {
	margin:10px 0 0 60px;
}
td.payPerUse {
	background: url(../images/content/misc/payPerUseBg.png) 0 0 no-repeat;
}

td.payPerUse h2,
td.payPerUse h3 {
	margin-left:20px;
}
table.compare a.learnMore {
	margin-top:10px;
}
table.compare tr.buttonRow td {
	padding-top:0;
}

div.topBorderBlue {
	border-top:1px solid #cfdbff;
}
div.shareLink {
	float:right;
	margin-bottom:10px;
}

.explainCompButton {
	float:left;
	width:550px;
	margin:0;
}

img.info {
	display:inline-block;
}
img.info:hover {
	cursor:pointer;
}

/********************************** table for companies/enterprise page *******************************/
table.challSol {
	 valign:top;
	 width:738px;
	 border:none;
	 margin:0;
	 border-collapse:collapse;
}
table.challSol th.content,
table.challSol td.content {
	text-align:left;
	border:none;
	border-bottom:1px solid #ddd;
	padding:5px 20px;
}
table.challSol th.mid,
table.challSol td.mid {
	width:80px;
	border:none;
	border-bottom:1px solid #ddd;
}
table.challSol td.mid.last,
table.challSol td.content.last {
	border:none;
}


table.challSol td.mid img {
	margin-top:20px;
}

table.challSol th h3 {
	margin:0;
}

/* this box has a blue gradient background with rounded corners */			
				div.box196Fancy {
	width:196px;
	background:transparent url(../images/content/modules/box196Fancy/box196Fancy.png) top left repeat-y;
}
div.box196FancyTop {
	width:196px;
	overflow:hidden;
	background:transparent url(../images/content/modules/box196Fancy/box196FancyTop.png) top left no-repeat;
}
div.box196FancyHeader {
	width:176px;
	overflow:hidden;
	background:transparent url(../images/content/modules/box196Fancy/box196FancyHeader.png) top left no-repeat;
	padding-left:20px;
	margin-top:15px;
	margin-bottom:-1px;
}
div.box196FancyBottom {
	width:196px;
	overflow:hidden;
	background:transparent url(../images/content/modules/box196Fancy/box196FancyBottom.png) bottom left no-repeat;
}
div.box196Fancy h3 {
	text-align:center;
	margin-top:0;
	margin-bottom:0;
	display:block;
	padding:15px 0 15px 0;
	border-bottom:1px solid #cfdbff; /*light blue */
}

/********************************** popup overlays *******************************/
/******************************** overlay specific styles *******************************/
.overlay { 
	display:none; 
	z-index:10000; 
   background-color:transparent; 
   width:422px;     
/* height:350px; */      
}
/* fluid background construct */
div.luc {background:url(../images/content/modules/popup/upperLeftCornerBg.png) 0 0 no-repeat;}
div.te {background:url(../images/content/modules/popup/upperEdgeBg.png) 0 0 repeat-x;}
div.ruc {background:url(../images/content/modules/popup/upperRightCornerBg.png) 100% 0 no-repeat;}
div.le {background:url(../images/content/modules/popup/leftEdgeBg.png) 0 0 repeat-y;}
div.re {background:url(../images/content/modules/popup/rightEdgeBg.png) 100% 0 repeat-y;	}
div.llc {background:url(../images/content/modules/popup/lowerLeftCornerBg.png) 0 100% no-repeat;}
div.be {background:url(../images/content/modules/popup/lowerEdgeBg.png) 0 100% repeat-x;}
div.rlc {background:url(../images/content/modules/popup/lowerRightCornerBg.png) 100% 100% no-repeat; width:100%;overflow:hidden;}

/* for outlook - config */
div.forOutlook-ConfigWrap {
	width:434px;	/*width of inner image plus 40px */
	height:426px;	/* height of inner image plus 80px */
}
div.forOutlook-Config {
	background-color:#cfdbff;
	width:414px;	/*width of inner image plus 20px */
	height:386px;	/* height of inner image plus 40px */
	margin:10px;
	
}
div.forOutlook-Config img {
	margin:20px 10px;
}
/* Compare Plans - pay-per-use popup */
div.ppuPopup {
	width:472px;
	position:relative;
}
div.compPlans-ppu {
	background-color:#cfdbff;
	width:452px;	/*width of inner image plus 20px */
	height:356px;	/* height of inner image plus 40px */
	margin: 10px;
	padding:10px 0;
}
div.ppuPopup div.header {
	width:452px;
	height:23px;
	overflow:hidden;
	clear:both;
}
div.ppuPopup div.body {
	width:430px;
	overflow:hidden;
	border:1px solid #808080;
	text-align:left;
	background-color:#FFF;
	margin-left:10px;
}
div.ppuPopup div.header h4 {
	font-size:11px;
	color:#676767;
	float:left;
	margin-left:10px;
}
div.ppuPopup div.header a.close {
	display:block;
	width:19px;
	height:19px;
	background:transparent url(../images/content/modules/popup/closeBtn.png) 0 0 no-repeat;
	float:right;
	margin:0 10px 0;
	padding:0;
}
div.ppuPopup div.header a.close:hover {
	text-decoration:none;
	background-position: 0 -19px;
}
div.ppuPopup div.header a.close span {
	visibility:hidden;
}
div.ppuPopup div.body h4 {
	font-size:13px;
	color:#676767;
	font-weight:bold;
	margin-bottom:5px;
}
div.ppuPopup div.body p{
	font-weight:normal;
	font-size:13px;
	margin-top:0;
}
div.ppuPopup div.body ul.how li span,
div.ppuPopup div.body ul.buttonList,
div.ppuPopup div.body ul.buttonList li{
	font-weight:normal;
	margin:0;
}
div.ppuPopup div.body ul.buttonList {
	margin-bottom:10px;
}
/* Compare Plans - small popups */

div.narrowPopup {
	width:362px;
	overflow:hidden;
}
div.compPlans-smallPopup {
	background-color:#cfdbff;
	width:342px;	
	margin: 10px;
	padding: 0 0 10px 0;
}
div.narrowPopup div.header {
	width:322px;
	height:23px;
	overflow:hidden;	
	clear:both;
	margin-left:10px;
}
div.narrowPopup div.body {
	width:320px;
	overflow:hidden;
	border:1px solid #808080;
	text-align:left;
	background-color:#FFF;
	margin-left:10px;
}
div.narrowPopup div.header h4 {
	font-size:11px;
	color:#676767;
	float:left;
}
div.narrowPopup div.header a.close {
	display:block;
	width:19px;
	height:19px;
	background:transparent url(../images/content/modules/popup/closeBtn.png) 0 0 no-repeat;
	float:right;
	margin:0;
	padding:0;
}
div.narrowPopup div.header a.close:hover {
	text-decoration:none;
	background-position:0 -19px;
}
div.narrowPopup div.header a.close:hover {
	text-decoration:none;
}
div.narrowPopup div.header a.close span {
	visibility:hidden;
}
div.narrowPopup div.body h4 {
	font-size:13px;
	color:#676767;
	font-weight:bold;
	margin-bottom:5px;
}

div.narrowPopup div.body p{
	font-weight:normal;
	font-size:13px;
	margin-top:0;
}
/* scroller for quotes */
div.quotes {
	width:692px;
	height:348px;
	background:transparent url(../images/content/scroller/quotesScrollBg.png) 0 0 no-repeat;
	padding:0 10px;
}
div.quotes div.header {
	width:692px;
	height:30px;
	overflow:hidden;	
	clear:both;
	margin-left:7px;
}
div.quotes div.body {
	width:692px;
	overflow:hidden;
	text-align:left;
	margin-left:7px;
}

div.quotes div.header h4 {
	font-size:12px;
	color:#676767;
	float:left;
	margin-top:7px;
}
div.quotes div.header a.close {
	display:block;
	width:19px;
	height:19px;
	background:transparent url(../images/content/modules/popup/closeBtn.png) 0 0 no-repeat;
	float:right;
	margin:8px 17px 0 0;
	padding:0;
}
div.quotes div.header a.close:hover {
	text-decoration:none;
	background-position:0 -19px;
}
div.quotes div.header a.close span {
	visibility:hidden;
}
div.quotes .scrollable {
	position:relative;
	overflow:hidden;
	width: 692px;
	height:282px;
}

div.quotes .scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
div.quotes .scrollable div.quoteItem {
	float:left;
	width:330px;
	height:282px;
	background:transparent url(../images/content/scroller/quotesBg.png) 0 0 no-repeat;
	padding-left:10px;
	margin-right:10px;
}
/* active item */
div.quotes .scrollable .active {
	z-index:9999;
	position:relative;
}

/* case studies popup */

div.casePopup {
	width:780px;
}
div.caseStudy-ppu {
	background-color:#cfdbff;
	width:740px;
	overflow:hidden;
	padding:10px;
	margin:10px;
}

div.caseStudy-ppu div.header {
	width:740px;
	height:19px;
}
div.caseStudy-ppu div.header h3 {
	float:left;
}
div.caseStudy-ppu a.close {
	display:block;
	width:19px;
	height:19px;
	background:transparent url(../images/content/modules/popup/closeBtn.png) 0 0 no-repeat;
	float:right;
	padding:0;
}
div.caseStudy-ppu a.close:hover {
	text-decoration:none;
	background-position: 0 -19px;
}
div.caseStudy-ppu a.close span {
	visibility:hidden;
}

div.caseStudyWrap {
	width:740px;	
	height:325px;
	background-color:#fff;
	text-align:left;
	margin-top:20px;
	border:1px solid #666;
	
}
div.caseStudy-ppu .innerTab {
	margin:0;
} 
div.caseStudy-ppu .innerTab h4 {
	margin:0;
}
div.caseStudy-ppu .innerTab p {
	margin:8px 0;
}

