/* Default Stylesheet for the Screen */
body
{
	background-color: #3c2808;
}

.distext
{
	display: none;
}

.clearHak
{
	height: 1px;
	clear:  both;
}

div.error_message
{
	color: #ff9900;
	font-family: "Helvetica Neue", Corbel, Tahoma, Arial, sans-serif;
	font-size: 1.2em;
	margin-top: 0.5em;
	margin-left: 2.2em;
	margin-bottom: -1em;
}

.yellow
{
	color: #fc3;
}

#topbar
{
	width: 100%;
	height: 1.5em;
	background-color: #fc3;
	text-align: right;
}

/* Login / Logout Stuff */
ul#loginout
{
	font-size: 1.1em;
	margin-right: 2em;
	padding-top: 0.2em;
}

ul#loginout a:link, ul#loginout a:visited
{
	color: #3c2808;
	text-decoration: underline;
}

ul#loginout a:hover
{
	color: #f33;
}

ul#loginout li
{
	display: inline;
}

ul#loginout li#addtutoriallink, ul#loginout li#editacctlink, ul#loginout li#adminuserslink
{
	float: left;
	padding-left: 1em;
}
/* End loginout stuff */

/* Main Menu */
ul#mainmenu
{
	color: #fc3;
	font-size: 1.2em;
	font-family: Georgia, 'Times New Roman', serif;
	margin-top: 1em;
	margin-left: 1em;
}

ul#mainmenu li
{
	display: inline;
	margin-left: 2em;
}

ul#mainmenu li#qanda
{
	float: right;
	margin-right: 3em;
	margin-left: 0;
}

ul#mainmenu li#googleSearch
{
	float: right;
	margin-right: 2em;
	margin-left: 0;
}

ul#mainmenu li#googleSearch input#googquery
{
	padding: 0.2em;
}

ul#mainmenu a:link, ul#mainmenu a:visited
{
	color: #fc3;
}

ul#mainmenu a:hover
{
	border-bottom: 2px solid #fc3;
}

.qandapart ul#mainmenu #qanda a, .presentationpart ul#mainmenu #presentation a, .installationpart ul#mainmenu #installation a, .contentpart ul#mainmenu #content a, .maintenancepart ul#mainmenu #maintenance a
{
	border-bottom: 2px solid #fc3;
}

/* End Main Menu Styles */

/* Center Col Workings */
#container
{
	width: 75em;
	margin-top: 5em;
	margin-left: auto;
	margin-right: auto;
}

/* Module Structure */
div.module
{
	width: 60em;
	border-top: 1px solid #fc3;
	clear: both;
	margin-bottom: 3em;
}

div.module .leftcol
{
	width: 14.5em;
	text-align: right;
	float: left;
	clear: left;
}

div.module .rightcol
{
	margin-left: 15em;
	position: relative;
}
/* End Center Col Workings */

/* Main Page Text */
div#mainpagecol
{
	width: 450px;
	margin-left: 150px;
}

p.mainpoint
{
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 3em;
	color: #fc3;
	margin-top: 0.6em;
}

p.mainpara
{
	font-family: "Helvetica Neue", Corbel, Tahoma, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 1em;
	color: #ddd;
}

/* hs */
h1
{
	font-size: 1.8em;
	color: #fc3;
	margin-bottom: 1.5em;
}

h2
{
	font-size: 1.5em;
	color: #fc3;
	margin-bottom: 0.4em;
	margin-top: 3em;
}

/* Module Styling */
div.module .rightcol p, div.module .rightcol ul, div.module .rightcol ol
{
	font-size: 1.2em;
	font-family: "Helvetica Neue", Corbel, Tahoma, Arial, sans-serif;
	line-height: 1.4em;
	margin-top: 1.5em;
	margin-left: 1em;
	color: #ddd;
}

div.module .rightcol ul {
	list-style-type: disc;
	margin-left: 3em;
}

div.module .rightcol ol
{
	list-style-type: lower-roman;
	margin-left: 3em;
}

div.module .rightcol blockquote
{
	margin: 1.5em 2.8em 0 2.4em;
	background-color: #533a11;
	padding: 0.3em 0.2em 0.3em 0.2em;
}

div.module .rightcol blockquote p {
	margin-top: 0;
}

div.module .leftcol p
{
	font-size: 1.7em;
	font-family: Georgia, 'Times New Roman', sans-serif;
	line-height: 1.8em;
	margin-top: 0.6em;
	color: #fc3;
}

div.module .leftcol a
{
	color: #fc3;
	font-size: 1.2em;
}

div.module .leftcol a:hover
{
	color: #f33;
}

div.module .leftcol p.qastatus
{
	font-size: 1.2em;
	line-height: 1.3em;
	margin-top: 1.4em;
}

div.module .rightcol pre
{
	margin-top: 1.4em;
	margin-bottom: -2em;
	margin-left: 2em;
}

div.module .rightcol code
{
	font-size: 1.2em;
	font-family: Monaco, 'Courier New', Courier, monospace;
	color: #fc3;
	line-height: 1.8em;
}

div.module .rightcol p img
{
	/* margin-left: 0.8em; */
	border:  1px solid #ffcc33;
}

/* TOC */
.tocmodule h2
{
	margin-top: 0.5em;
	border-bottom:  1px solid #ffcc33;
}

.tocmodule h2 a
{
	padding: 0 0.5em 0 1.5em;
}

.tocmodule h2 a:link
{
	color: #ffcc33;
}

.tocmodule h2 a:visited
{
	color: #ffcc33;
	background-image: url(../img/check.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.tocmodule h2 a:hover
{
	background-color: #ffcc33;
	color: #3c2808;
	background-image: none;
}

.writtenby p
{
	text-align: right;
	color: #ddd;
	margin-right: 0.5em;
	margin-top: -0.3em;
	font-size: 1.2em;
}
/* End TOC */

/* Left Col Linking and QandA Menu Linking */
div.module .leftcol p a:link
{
	color: #ffcc33;
	border-bottom: 1px solid #ffcc33;
}

div.module .leftcol p a:visited
{
	color: #ffc;
	border-bottom: 1px solid #ffc;
}

div.module .leftcol p a:hover
{
	color: #fff;
	border-bottom: 1px solid #fff;
}

div.module .input, div.module .submit
{
	margin: 1em 0 0 1em;
}

ul#qatypesmenu a:link, ul#qatypesmenu a:visited
{
	color: #ffcc33;
}

ul#qatypesmenu a:hover
{
	color: #fff;
}
/* Q and A Menu */
ul#qatypesmenu
{
	border-bottom: 1px solid #ffcc33;
	margin-right: 13.65em;
	font-size: 1.2em;
}

ul#qatypesmenu li
{
	display: inline;
	padding: 0 1.5em 0 1.5em;
}

ul#qatypesmenu li#allmenu
{
	float: right;
	margin-right: 1em;
}

.allpage li#allmenu a:link, .qaunknownpage li#qaunknown a:link, .qaunknownpage li#qaunknown a:visited, .qamaintenancepage li#qamaintenance a:link, .qamaintenancepage li#qamaintenance a:visited, .qainstallationpage li#qainstallation a:link, .qapresentationpage li#qapresentation a:link, .qacontentpage li#qacontent a:link, .allpage li#allmenu a:visited, .qainstallationpage li#qainstallation a:visited, .qapresentationpage li#qapresentation a:visited, .qacontentpage li#qacontent a:visited
{
	border-bottom: 0;
}

.allpage li#allmenu, .qainstallationpage li#qainstallation, .qapresentationpage li#qapresentation, .qacontentpage li#qacontent, .qamaintenancepage li#qamaintenance, .qaunknownpage li#qaunknown
{
	background-color: #3c2808;
	border: 1px solid #ffcc33;
	border-bottom: 1px solid #3c2808;
}

.allpage li#allmenu
{
	position: relative;
	top: -1px;
}

.qainstallationpage li#qainstallation, .qapresentationpage li#qapresentation, .qacontentpage li#qacontent, .qamaintenancepage li#qamaintenance, .qaunknownpage li#qaunknown
{
	position: relative;
	top: 0.05em;
}

/* Question Form */
#questionBlock
{
	border-top: 1em solid #ffcc33;
	margin-top: 5em;
	margin-right: 14.85em;
}

#questionBlock h2
{
	margin-top: 1em;
}

#questionBlock .module
{
	margin-bottom: 1em;
	clear: both;
}

#questionBlock .input, #questionBlock .submit
{
	margin: 1em 0 0 1em;
}

/* End Question Form Styling */

/* Links for White text areas */
p.mainpara a:link, p.mainpara a:visited, div.module .rightcol p a:link
{
	color: #ffc;
	border-bottom: 1px solid #ffc;
}

div.module .rightcol p a:visited
{
	color: #ddd;
	border-bottom: 1px solid #ddd;
}

p.mainpara a:hover, div.module .rightcol p a:hover
{
	color: #fc3;
	border-bottom: 1px solid #fc3;
}
/* End White text link styles */

/* Admin Link & Feature Styling */
div.tuteditlink
{
	font-size: 1.2em;
	float: right;
	margin-right: 14em;
	margin-top: 1em;
}

div.tutcanceleditlink
{
	font-size: 1.2em;
	float: right;
	margin-right: 14em;
	margin-top: 0.5em;
}

div.reqeditlink
{
	font-size: 1.2em;
	float: right;
	margin-right: 13em;
	margin-top: 4em;
}

div.reqeditlink a
{
	margin-right: 1em;
}

.adminlink a:link, .adminlink a:visited
{
	color: #fc3;
}

.adminlink a:hover
{
	color: #f33;
}

.adminlink form
{
	display: inline;
	margin-right: 1em;
}

.adminar
{
	position: relative;
	top: -1.3em;
}

.userrow
{
	color: #fc3;
	clear: both;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	border-top: 1px solid #fc3;
	margin-right: 14em;
	font-size: 1.1em;
	font-family: "Helvetica Neue", Corbel, Tahoma, Arial, sans-serif;
}

div.usereditlink
{
	float: right;
}

.uname, .uemail, .urole
{
	display: block;
}
/* End Amdin Styling */

/* Lightbox */
div.module .rightcol p.demoimg a
{
	border-bottom: 0;
}

div.module .rightcol p.demoimg a:link img, .demoimg a:visited img
{
	border: 1px solid #fc3;
}

div.module .rightcol p.demoimg a:hover img
{
	border: 1px solid #f33;
}

#lightbox
{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: 0; }

#outerImageContainer
{
	position: relative;
	background-color: #fc3;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer
{
	padding: 10px;
}

#loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#imageDataContainer{
	font: 10px "Helvetica Neue", Corbel, Tahoma, Arial, sans-serif;
	background-color: #fc3;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{ padding:0 20px; }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; }
		
#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
	

.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix
{
	display: inline-block; 
	width: 100%;
}

* html .clearfix
{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
/* End Lightbox Styles */

/* Google Search Styles */
#googleResults
{
	border: 5px solid #fc3;
	width: 600px;
	margin-left: 100px;
}