body {
	margin: 0;
	padding: 0;
	height: 100%;
	font: normal 12px Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	min-width: 700px;
}

html {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	min-width: 700px;
}

#header {
	height: 194px;
	width: 970px;
	margin: 0 auto;
}

#topNav {
	width: 100%;
	height: 22px;
	border-bottom: 8px solid #C00000;
    -moz-box-shadow: 0 6px 6px #EAEAEA;
    -webkit-box-shadow: 0 6px 6px #EAEAEA;
    box-shadow: 0 6px 6px #EAEAEA;
}

#topNav ul {
	width: 970px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

#topNav ul li.pList, #topNav ul li.sList  {
	height: 22px;
	border-right: 2px solid #fff;
	float: left;
	font: Arial, Helvetica, Verdana, sans-serif;
}

#topNav ul li.pList {
	background: url(tabL-002.gif);
}

#topNav ul li.sList {
	background: url(tabLB.gif);
}

#topNav ul li.pList a, #topNav ul li.sList a {
	margin: 0;
	padding: 6px 15px 2px 15px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	float: left;
}

#topNav ul li.pList a {
	background: url(tabR-002.gif) no-repeat top right;
}

#topNav ul li.sList a {
	background: url(tabRB.gif) no-repeat top right;
}

#topNav ul li a:hover {
	color: #ff9900;
}

#container {
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	width: 970px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	min-height: 250px;
}

#left,#content,#right {
	float: left
}

/* Left column styles: Begin */

#left {
	margin: 0;
	padding: 25px 10px;
	width: 170px;
	font-size: 11px;
}

.leftNav {
	list-style: none;
	padding: 0;
	margin: 6px 0 20px 0;
	font: normal 14px Helvetica, Verdana, Arial, sans-serif;
}

.leftNav li{
	padding: 0;
	margin: 0 10px 5px 0;
	border-bottom: 1px solid #C00000;
}

.leftNav li a{
	color: #C00000;
	text-decoration: none;
}

.leftNav li a:visited{
	color: #C00000;
}

.leftNav li a:hover{
	color: #ff9900;
}

#left h2 {
	padding: 0;
	margin: 0 10px 0 0;
	font: bold 18px;
}

/* Left column styles: End */

/* Content column styles: Begin */

#content {
	margin: 0;
	padding: 20px;
	width: 540px;
	float: left;
	font-size: 14px;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	min-height: 400px;
}

#content h1 {
	margin: 0 0 10px 0;
}

#content h1 a{
	color: #000;
	text-decoration: none;
}

#content h1 a:visited{
	color: #000;
}

#content h1 a:hover{
	color: #000;
}

#content h2 {
	margin: 0 0 10px 0;
}

.h2like {
	margin: 0 0 10px 0;
	font-size: 20px;
	font-weight: bold;
}

#content h3 {
	margin: 0 0 10px 0;
}

#content h1, #content h2, #content h3 {
    border-bottom: 1px solid #EAEAEA;
}

#content p {
	line-height: 20px;
	margin: 0 0 20px 0;
}

#content ul {
	margin: 0 0 20px 0;
}

#content li{
	margin-bottom: 10px;
}

#content a, #cGuarantee a{
	color: #C00000;
	text-decoration: underline;
}

#content a:visited, #cGuarantee a:visited{
	color: #C00000;
}

#content a:hover, #cGuarantee a:hover{
	color: #ff9900;
	text-decoration: none;
}

.note {
	margin: 20px;
	padding: 25px 10px 10px 10px;
	border: 1px solid #999;
	background: #EAEAEA url(note.gif) no-repeat top left;
}

.inCode {
	font: bold 14px "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
}

.navTable {
	margin-left: 20px;
    margin-bottom: 20px;
}

.navTable td {
	padding: 5px;
	vertical-align: top;
}

.pre12 {
    font: 12px "Courier New", Courier, monospace;
}

/* Content column styles: End */

* html #content {
	height: 1500px;
}

/* Right column styles: Begin */

#right {
	width: 170px;
	font-size: 14px;
	padding: 25px 10px;
}

#right h2 {
	padding: 0;
	margin: 0 10px 0 0;
    font-size: 16px;
}

/* Right column styles: End */

#footer {
    clear: both;
	padding: 20px;
	border-top: 1px solid #EAEAEA;
    text-align: center;
}

#footerNav a, #footerNav a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #C00000;
	text-decoration: underline;
}

#footerNav a:hover {
	color: #ff9900;
	text-decoration: none;
}

.copy {
	color: #999;
}

#logo {
	float: left;
	margin: 20px 0 0 0;
	width: 280px;
	height: 58px;
	border: 0;
}

#mailBox {
	float: right;
	margin: 0 2px;
	text-align: left;
	/*border: 2px dashed #999;
	border-top: 0;
	padding: 10px 20px !important;*/
    padding: 10px 0 0 0 !important;
}

#bookBox {
	float: right;
	text-align: left;
    padding: 5px 0 0 0 !important;
}

#bookBox ul {
    list-style-type: none;
}

#bookBox ul li {
    float: right;
    padding: 0 0 0 12px;
}

#bookBox div.button {
    padding-top: 5px;
    width: 120px;
    height: 20px;
    background-color: #CCC;
    text-align: center;
    margin-top: 5px;
}

#bookBox a.button {
    color: #444;
    font-weight: bold;
    text-decoration: none;
}

#bookBox a.button:hover {
    color: #FFF;
}

#mailTitle {
	font-weight: bold;
	font-size: 14px;
}

#mailForm {
	margin-top: 12px;
}

#mailFName {
	margin: 0 5px 8px 0;
	width: 100px;
}

#mailEmail {
	width: 150px;
	margin-bottom: 8px;
}

#mailButton, #searchButton {
	padding: 0;
	margin: 0;
	border: 2px solid #999;
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
	cursor:pointer;
}

#mailButton {
	width: 277px;
}

#searchButton {
	width: 70px;
}

#searchText {
	width: 150px;
	margin-bottom: 6px;
}

#searchForm {
	text-align: center;
	margin-bottom: 20px;
}

.mailText {
	color: #999;
	font-size: 11px;
	padding: 2px 2px 2px 4px;
	border: 2px solid #999;
}

#mailResult {
	display: none;
}

.mailSuccess {
	font-weight: bold;
	color: #009966;
}

.mailError {
	font-weight: bold;
	color: #cc0000;
}

.mailSuccess a, .mailError  a, .mailError  a:visited {
	color: #999;
}

.pending {
	font-weight: bold;
	color: #999;
}

#social {
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EAEAEA;
}

#social a {
    border: 0;
}

#social a img {
    border: 0;
}

#cGuarantee {
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    text-align: center;
}

.postTable {
    border: 3px solid #008000;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.postTable td, .postTable th {
    border: 3px solid #008000;
    vertical-align: top;
    padding: 0.8em;
}

.postTable td ul {
    margin: 0;
    padding-left: 1em;
}

#as336280 {
    margin-bottom: 12px;
}

/*========== main.css: Ends ==========*/

/* 
Once working, remove  #searchForm, #searchButton, #searchText. 
Integrate #cse-search-box input[type=text] with .mailText
Integrate #cse-search-box input[type=submit] with #mailButton.
*/

#cse-search-box {
	margin-bottom: 15px;
    text-align: center;
}

#cse-search-box input[type=text] {
	color: #999;
	font-size: 11px;
	padding: 2px 2px 2px 4px;
	border: 2px solid #999;
	width: 168px;
	margin-bottom: 6px;
}

#cse-search-box input[type=submit] {
	padding: 0;
	margin: 0;
	border: 2px solid #999;
	font-weight: bold;
	font-family: Helvetica, arial, verdana, sans-serif;
	cursor:pointer;
    width: 70px;
}

/*========== gcse.css: Ends ==========*/

#tt {position:absolute; display:block; font:12px/1.5 Arial, Helvetica, sans-serif;}
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont {display:block; padding:2px 16px 0px 7px; margin-left:5px; background:#C00000; color:#FFF; text-align:left; font-weight:bold}
#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont ul { list-style-type: none; padding-bottom: 12px; padding-left: 10px; margin-top: 2px; }
#ttcont h3 { color: #ff9900; padding-left: 10px; margin-bottom: 6px; margin-top: 8px; }

/*========== mailtip.css: Ends ==========*/

#shareThis {
    padding-top: 20px;
	border-top: 2px dashed #999;
}

.st_sharethis_button {
    padding-bottom: 10px;
}

/*========== shareThis.css: Ends ==========*/

#as46860top, #as46860bottom {
    margin-top: 20px;
    margin-bottom: 20px;
}

#as46815bottom {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
	border-top: 2px dashed #999;
	border-bottom: 2px dashed #999;
}

/*========== adsense.css: Ends ==========*/

#commentP {
	margin: 20px 0px;
	text-align: left;
	border-top: 2px dashed #999;
	border-bottom: 2px dashed #999;
	padding: 20px 0px !important;
}

#commentP p {
	line-height: 20px;
	margin: 0 0 0 0;
}

#frmPostComment div {
	clear: left;
	margin: 0;
	padding: 8px 0 0 0;
}

#frmPostComment div label {
	float: left;
	width: 80px;
	font: bold 14px Helvetica, Verdana, Arial, sans-serif;
}

#frmPostComment input[type=text], #frmPostComment textarea {
	width: 400px;
	padding: 2px 2px 2px 4px;
	border: 2px solid #999;	
	font: normal 11px Helvetica, Verdana, Arial, sans-serif;	
}

#frmPostComment input[type=button] {
	width: 150px;
	padding: 0;
	margin: 0 0 0 80px;
	border: 2px solid #999;
	font: bold 14px Helvetica, Verdana, Arial, sans-serif;
	cursor:pointer;
}

/*========== comments.css: Ends ==========*/

.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter span
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: none !important;
	text-align: left !important;
	float: none !important;
	vertical-align: baseline !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: auto !important;
	width: auto !important;
	line-height: 1.1em !important;
	font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 1em !important;
}

.syntaxhighlighter
{
	width: 100% !important;
	margin: 1em 0 2em 0 !important;
	padding: 1px !important; /* adds a little border on top and bottom */
	position: relative !important;
}

.syntaxhighlighter code {
	display: inline !important;
}

.syntaxhighlighter .bold {
	font-weight: bold !important;
}

.syntaxhighlighter .italic {
	font-style: italic !important;
}

.syntaxhighlighter .line .number
{
	float: left !important; 
	width: 3em !important; 
	padding-right: .3em !important;
	text-align: right !important;
	display: block !important;
}

/* Disable numbers when no gutter option is set */
.syntaxhighlighter.nogutter .line .number
{
	display: none !important;
}

.syntaxhighlighter .line .content
{
	margin-left: 3.3em !important; 
	padding-left: .5em !important;
	display: block !important;
}

.syntaxhighlighter .line .content .block
{
	display: block !important;
	padding-left: 1.5em !important;
	text-indent: -1.5em !important;
}

.syntaxhighlighter .line .content .spaces
{
	display: none !important;
}

/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content
{
	margin-left: 0 !important; 
	border-left: none !important;
}

.syntaxhighlighter .bar
{
	display: none !important;
}

.syntaxhighlighter .bar.show 
{
	display: block !important;
}

.syntaxhighlighter.collapsed .bar
{
	display: block !important;
}

.syntaxhighlighter.nogutter .ruler
{
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.syntaxhighlighter .ruler
{
	padding: 0 0 .5em .5em !important;
	margin-left: 3.3em !important;
	overflow: hidden !important;
}

/* Adjust some properties when collapsed */

.syntaxhighlighter.collapsed .lines,
.syntaxhighlighter.collapsed .ruler
{
	display: none !important;
}

.syntaxhighlighter .lines.no-wrap
{
	overflow: auto;
	overflow-y: hidden;
}

/* Styles for the toolbar */

.syntaxhighlighter .toolbar
{
	position: absolute !important;
	right: 0px !important;
	top: 0px !important;
	font-size: 1px !important;
	padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
}

.syntaxhighlighter.collapsed .toolbar
{
	font-size: 80% !important;
	padding: .2em 0 .5em .5em !important;
	position: static !important;
}

.syntaxhighlighter .toolbar a.item,
.syntaxhighlighter .toolbar .item
{
	display: block !important;
	float: left !important;
	margin-left: 8px !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
	text-indent: -5000px !important;
}

.syntaxhighlighter.collapsed .toolbar .item
{
	display: none !important;
}

.syntaxhighlighter.collapsed .toolbar .item.expandSource
{
	background-image: url(magnifier.png) !important;
	display: inline !important;
	text-indent: 0 !important;
	width: auto !important;
	float: none !important;
	height: 16px !important;
	padding-left: 20px !important;
}

.syntaxhighlighter .toolbar .item.viewSource
{
	background-image: url(page_white_code.png) !important;
}

.syntaxhighlighter .toolbar .item.printSource
{
	background-image: url(printer.png) !important;
}

.syntaxhighlighter .toolbar .item.copyToClipboard
{
	text-indent: 0 !important;
	background: none !important;
	overflow: visible !important;
}

.syntaxhighlighter .toolbar .item.about
{
	background-image: url(help.png) !important;
}

/** 
 * Print view.
 * Colors are based on the default theme without background.
 */

.syntaxhighlighter.printing,
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content,
.syntaxhighlighter.printing .line .content .block
{
	background: none !important;
}

.syntaxhighlighter .no-wrap .line .content .block
{
	white-space: nowrap !important;
}

/* Gutter line numbers */
.syntaxhighlighter.printing .line .number
{
	color: #bbb !important;
}

/* Add border to the lines */
.syntaxhighlighter.printing .line .content
{
	color: #000 !important;
}

/* Toolbar when visible */
.syntaxhighlighter.printing .toolbar,
.syntaxhighlighter.printing .ruler
{
	display: none !important;
}

.syntaxhighlighter.printing a
{
	text-decoration: none !important;
}

.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a
{ 
	color: #000 !important;
}

.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a
{ 
	color: #008200 !important;
}

.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a
{
	color: blue !important; 
}

.syntaxhighlighter.printing .keyword
{ 
	color: #069 !important; 
	font-weight: bold !important; 
}

.syntaxhighlighter.printing .preprocessor 
{ 
	color: gray !important; 
}

.syntaxhighlighter.printing .variable 
{ 
	color: #a70 !important; 
}

.syntaxhighlighter.printing .value
{ 
	color: #090 !important; 
}

.syntaxhighlighter.printing .functions
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .constants
{ 
	color: #0066CC !important; 
}

.syntaxhighlighter.printing .script
{
	font-weight: bold !important;
}

.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a
{ 
	color: #808080 !important; 
}

.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a
{ 
	color: red !important; 
}

/* shCore.css: Ends */

.syntaxhighlighter
{
	background-color: #E7E5DC !important;
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
	background-color: #6CE26C !important;
	color: black !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1 .content,
.syntaxhighlighter .line.highlighted.alt2 .content
{
	background-color: #6CE26C !important;
}

/* Gutter line numbers */
.syntaxhighlighter .line .number
{
	color: #5C5C5C !important;
}

/* Add border to the lines */
.syntaxhighlighter .line .content
{
	border-left: 3px solid #6CE26C !important;
	color: #000 !important;
}

.syntaxhighlighter.printing .line .content 
{
	border: 0 !important;
}

/* First line */
.syntaxhighlighter .line.alt1 .content
{
	background-color: #fff !important;
}

/* Second line */
.syntaxhighlighter .line.alt2 .content
{
	background-color: #F8F8F8 !important;
}

.syntaxhighlighter .line .content .block
{
	background: url(wrapping.png) 0 1.1em no-repeat !important;
}

.syntaxhighlighter .ruler
{
	color: silver !important;
	background-color: #F8F8F8 !important;
	border-left: 3px solid #6CE26C !important;
}

.syntaxhighlighter.nogutter .ruler
{
	border: 0 !important;
}

.syntaxhighlighter .toolbar
{
	background-color: #F8F8F8 !important;
	border: #E7E5DC solid 1px !important;
}

.syntaxhighlighter .toolbar a
{
	color: #a0a0a0 !important;
}

.syntaxhighlighter .toolbar a:hover
{
	color: red !important;
}

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{ 
	color: #000 !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{ 
	color: #008200 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a
{
	color: blue !important; 
}

.syntaxhighlighter .keyword
{ 
	color: #069 !important; 
	font-weight: bold !important; 
}

.syntaxhighlighter .preprocessor 
{ 
	color: gray !important; 
}

.syntaxhighlighter .variable 
{ 
	color: #a70 !important; 
}

.syntaxhighlighter .value
{ 
	color: #090 !important; 
}

.syntaxhighlighter .functions
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter .constants
{ 
	color: #0066CC !important; 
}

.syntaxhighlighter .script
{ 
	background-color: yellow !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{ 
	color: #808080 !important; 
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{ 
	color: red !important; 
}

/* shThemeDefault.css: Ends */

.syntaxhighlighter { 
	font-size: 14px !important; 
}

/*========== sh.css: Ends ==========*/