body {
	background-image: url(images/background.gif);
	background-repeat: repeat;
	background-position: center top;
	text-align: center;
	display: block;
	width: 100%;
	margin: 0px;
	background-color: #635f5f;
}
.wrapper {
	display: block;
	width: 858px;
	margin-top: 251px;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
}
.block-align-left {
	display: block;
	text-align: left;
	width: 335px;
	margin-left: 28px;
}
.block-align-left-line {
	display: block;
	width: 335px;
	text-align: left;
	padding-right: 28px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #635F5F;
}
.code-samples {
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15.5px;
	color: #121212;
	background-color: #E0E0E0;
	padding: 20px;
	float: right;
	width: 730px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.code-samples a {
	color: #FF4C00;
	text-decoration: none;
}
.code-samples a:hover {
	color: #ff5a00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff5a00;
}
.code-title {
	font-size: 15px;
	color: #8E8B8B;
	display: block;
	margin-bottom: 12px;
	font-family: Georgia;
}
.hr {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #635F5F;
	margin-top: 15px;
	margin-bottom: 15px;
}
.text-small {
	font-size: 9px;
	line-height: 14px;
}
.title {
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}
.top {
	font-family: Verdana;
	font-size: 9px;
	line-height: 17px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #E0E0E0;
	float: right;
	display: block;
	height: 17px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	border: 1px solid #999999;
	margin-left: 15px;
	margin-bottom: 15px;
}

/**  Code pop-up styles **/

.nav-rect {
	cursor:pointer;
	clear:right;
	margin-top:4px;
	width:70px;
	height:17px;
}
.red { background-color:#F10025; }
.yellow { background-color:#F3B400; }
.blue { background-color:#498DD0; }
.green { background-color:#5FBF1A; }
.essay-frame {
	position:absolute;
	left:auto;
	top:50px;
	height:560px;
	z-index:99;
	right: auto;
	bottom: auto;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
}
.essay-trans {
	position:absolute;
	top:0;
	left:auto;
	width:100%;
	height:560px;
	background-color:#444444;
	filter:alpha(opacity=90);
	-moz-opacity:.95;
	opacity:.95;
	z-index:-1;
	right: auto;
}

.essay-canvas {
	margin:8px 35px 25px 35px;
	/* width:600px; */
	background-color:white;
}

.essay-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:24px;
	color:#FFFFFF;
	margin-top: 10px;
	display: block;
	letter-spacing: 1px;
}
.essay-header {
	padding:20px 20px 14px 20px;
	position:relative;
	border-bottom:double gray 3px;
}
.essay-author {
	font-weight:normal;
	font-size:small;
}

.essay-body {
	position:relative;
	height:400px;
	overflow:auto;
	padding:10px;
	font-size:11px !important;
	width: 495px;
	line-height: 14px;
	text-align: left;
	left: auto;
	right: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.essay-body p.lead:first-letter {
	font-size:24px !important;
	line-height:.6em;
	color:#333;
	font-variant:small-caps;
	font-weight:bold;
	padding-top:2px;
	padding-right:2px;
	text-align:center;
	display:block;
	}
.essay-footer {
	font-size:smaller;
	text-align:right;
	height:12px;
	padding:10px;
}

.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
}
.tabberlive {
 margin-top:1em;
}
ul.tabbernav {
	margin:0;
	padding: 4px 0 3px 0;
	font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li {
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	background-color:#CBCBCB;
	text-decoration: none;
}
ul.tabbernav li a:link {
	color: #3C3C3C;
}
ul.tabbernav li a:visited { color: #666; }
ul.tabbernav li a:hover
{
	color: #ff5a00;
	background-color: #FFFFFF;
}
ul.tabbernav li.tabberactive a {
	background-color: #fff;
	background-image:url() !important;
}
ul.tabbernav li.tabberactive a:hover {
	color: #ff5a00;
	background: white;
	background-image:url() !important;
}
.tabberlive .tabbertab {}
.tabberlive .tabbertab h2 { display:none; }
.tabberlive .tabbertab h3 { display:none; }
.tabberlive#tab1 { }
.tabberlive#tab2 { }
.tabberlive#tab2 .tabbertab { overflow:auto; }
.tabberClose {
	font-family: Verdana;
	font-size: 9px;
	line-height: 17px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #FFFFFF;
	float: right;
	display: block;
	height: 17px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	margin-top: 15px;
	margin-left: 15px;
	border: 1px solid #333333;
}
.tabberClose a {
	color: #ff5a00;
	text-decoration:none;
}
.tabberClose-hover {
	color: #ff5a00;
	background-color:white;
	border-color: #222
}
.download-samples {
	font-family: Verdana;
	font-size: 9px;
	line-height: 17px;
	color: #FFFFFF;
	float: left;
	display: block;
	height: 20px;
	text-decoration: none;
	width: 200px;
	margin-top: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1px;
}
.download-samples a {
	color: #ffffff;
	text-decoration:none;
}
.download-samples a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7E7979;
}