/* SITE-WIDE LAYOUT */

/* MAIN DROP SHADOW CONTAINER */
.sharper {
 position:relative;
 margin: 10px auto;
 width: 982px;
 max-width: 982px; /* based on image dimensions */
 z-index:1;
}

#home .sharper .content,
#home .sharper .t,
#home .sharper .b,
#home .sharper .b div {
 background:transparent url(../images/bg_drop_home.png) no-repeat top right;
 _background-image:url(../images/bg_drop_home.gif);
}

.sharper .content,
.sharper .t,
.sharper .b,
.sharper .b div {
 background:transparent url(../images/bg_drop_982x4000.png) no-repeat top right;
 _background-image:url(../images/bg_drop_982x4000.gif);
}

.sharper .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0;
}

.sharper .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:10px; /* top slice width */
 height:100%;
 _height:4000px; /* arbitrary long height, IE 6 */
 background-position:top left;
 display: none;
}

.sharper .b {
 /* bottom */
 position:relative;
 width:100%;
}

.sharper .b,
.sharper .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.sharper .b, #home .sharper .b {
 background-position:bottom right;
}

.sharper .b div {
 position:relative;
 width:10px; /* bottom corner width */
 background-position:bottom left;
}

.sharper .hd,
.sharper .bd,
.sharper .ft {
 position:relative;
}

.sharper .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:4000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
 margin: 0 5px 0 3px;
}

/* LAYOUT WITHIN DROP SHADOW */
#header {
	height: 75px;
	padding: 15px 20px 10px 15px;
}

#cse-search-box { margin:0; }

#logo {
	width: 224px;
	height: 77px;
	float: left;
}

#headerlinks {
	width: 330px;
	float: right;
	text-align: right;
	padding: 10px 0 0 0;
}

#topnav {
	position: relative;
	height: 65px;
	z-index:9;
	background: url(../images/bg_topnav.png) 0 0 repeat-x;
}

#footer {
	clear: both;
	margin: 15px 0;
}

#bottomnav {
	width: 60%;
	margin: 15px auto;
	text-align: center;
}

#bottomlogos {
	width: 815px;
	height: 40px;
	margin: 15px auto;
	padding: 8px 0;
	clear: both;
	border-top: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
}

#bottomlogos div {
	float: left;
	margin: 0 12px 0;
}

#legal {
	width: 100%;
	clear: both;
	text-align: center;
}

/* GENERAL CONTENT PAGES */
#leftcolumn {
	width: 233px;
	height: 100%;
	float: left;
	padding: 10px;
	position: relative;
}

#rightcolumn {
	width: 721px;
	height: 100%;
	float: left;
	padding: 10px 0 0 0;
	position: relative;
}

.fullwidth {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 0 0;
}

.rightwrap {
	padding: 0 50px 20px 10px;
}

.clear {
	clear: both;
}

.loader {
	width: 100%;
	height: 100%;
	background: url(../images/loading_wheel.gif) center center no-repeat #FFF;
}

.yellow_box {
	background-color: #FBF1CD;
	border: 3px solid #F0DD9A;
	padding: 15px 15px 5px 15px;
}

.yellow_box p {
	color: #000;
}

#freetrialsignup {
	width: 216px;
	height: 194px;
	margin-top: 10px;
}

#newslettersignup {
	width: 230px;
	height: 85px;
	padding: 118px 0 0 10px;
	background: url(../images/bg_drop_newsletter.png) 0 0 no-repeat;
}

.newsletter_bucket {
	width: 180px; 
	height: 170px;
	padding: 10px;
}

/* DIFFERENT TABLE LAYOUTS */
table.overview {
	border: 0;
	padding: 0;
}

table.overview td, table.twocol td {
	vertical-align: top;
	padding-right: 10px;
}

table.overview td.left {
	width: 96px;
	text-align: center;
}

table.overview td.right {
	width: 215px;
}

table.twocol td.left {
	width: 200px;
	text-align: center;
	padding-bottom: 10px;
}

table.twocol td.right {
	width: 435px;
	padding-bottom: 10px;
}