/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/img01.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8A8A8A;
}

h1, h2, h3 {
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	color: #618C04;
}

h1 { font-size: 44px; }

h2 { font-size: 18px; }

h3 { }

p, ul, ol {
	margin-top: 0;
	line-height: 160%;
	text-align: justify;
}

ul, ol { }

blockquote { }

a { color: #77B003; }

a:hover { text-decoration: none; }

a img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
	float: left;
	line-height: normal;
}

.list1 li img {
	margin: 0 30px 30px 0;
}

.list1 li.alt img {
	margin-right: 0;
}

#page {
	width: 940px;
	margin: 0 auto;
	padding: 70px 0px 0px 0px;
}

/** LOGO */

#logo {
	width: 940px;
	height: 109px;
	margin: 5px auto;
	background: #838383 url(../images/header.png) repeat-x center top;
}

#logo h1, #logo p {
	margin: 0px 0px 0px 284px;
	line-height: normal;
	text-transform: lowercase;
	font-weight: normal;
	color: #618C04;
}

#logo p {
	margin-top: -2px;
	text-transform: lowercase;
	font-size: 12px;
	color: #A8A8A8;
}

#logo h1 {
	padding-top: 23px;
	font-size: 48px;
}

#logo a {
	text-decoration: none;
	color: #A8A8A8;
}

#logo h1 a {
	text-decoration: none;
	color: #618C04;
}

#beta {
	position: absolute;
	margin: -50px 0 0 654px;
}

#banner {
	padding-bottom: 20px;
}

/* Content */

div.entry div.initialText {
	margin-top: 0;
	line-height: 160%;
	text-align: justify;
	font-size: 14px;
	margin-bottom: 23px;
}

#content {
	float: right;
	width: 670px;
}

#socialLinks {
	text-align: left;
}

/* Post */

.post {
	margin-bottom: 45px;
}

.post .title {
	height: 44px;
	padding-left: 15px;
}

.post .title a {
	text-decoration: none;
	text-transform: capitalize;
	font-size: 30px;
	color: #618C04;
}

.post .meta {
	margin-top: -8px;
	margin-left: 2px;
	padding: 0px 30px 2px 15px;
	border-bottom: 1px solid #D4D8CB;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #66665E;
}

.post .meta span {
	display: block;
	margin-top: -10px;
}

.post .entry {
	margin-bottom: 10px;
	padding: 10px 15px 10px 15px;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 30px;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 14px;
}

#sidebar li li {
	margin: 0;
	padding: 6px 0px;
	border-bottom: 1px solid #E9E8DD;
	background: url(../images/img08.gif) no-repeat left 18px;
}

#sidebar li li a {
	padding: 0px 0px 0px 20px;
	font-weight: normal;
	color: #808080;
}

#sidebar li li a:hover {
	color: #77B003;
}

#sidebar p {
	margin: 0;
	padding: 0px 14px;
}

#sidebar h2 {
	height: 30px;
	margin: 0 0 6px 0px;
	padding: 4px 0 2px 4px;
	background: url(../images/img05.gif) repeat-x left top;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: normal;
	color: #618C04;
}


#sidebar p {
	line-height: 160%;
}

#sidebar a {
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}

/* Footer */

#footer {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background: #E1E1E1;
}

#footer-bgcontent {
}

#footer p {
	margin: 0;
	padding: 30px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	text-transform: uppercase;
	font-size: 10px;
}

#footer a {
}

#enableJSDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

#enableJS {
	display: block;
	margin: 164px auto;
}

#problemDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

#problemDiv {
	display: block;
	margin: 164px auto;
}

/* =============== form.php ================= */

#footKeeper {
	clear: both;
}

#p_code {
	width: 650px;
	height: 300px;
	border: 1px solid #618C04;
	overflow: auto;
}

#line_nrs {
	position: relative;
	float: left;
	margin: 1px 0 0 32px;
	text-align: right;
    height: auto;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 150%;
	
	border-right: 1px solid #eee;
}

#code {
	width: 560px;
	height: auto;
	border: 0;
	overflow: hidden;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 150%;
}

#submit_img1 {
	cursor: pointer;
}

#submit_img2 {
	float: right;
	cursor: pointer;
}

/* =============== enqueue.php ================= */

#resultLinkDiv, #errorLinkDiv {
	margin: 32px 0;
	text-align: center;
}

#resultLink, #errorLink {
	font-size: 14px;
	font-weight: bold;
}

#errorLink {
	color: #618C04;
}

/* =============== result.php ================= */

#analysisResult {
	width: 650px;
	height: auto;
	border: 1px solid #618C04;
	overflow: auto;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 150%;
}

#analysisResult .violationLine {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #f4ebeb;
}

#analysisResult .violationLine .violation .figure {
	border: 1px solid #b60000;
	background: #fff;
	margin: 0 16px 16px 16px;
}

#analysisResult .violationLine .violation .figure img {
	display: block;
	margin: 24px auto;
}

#analysisResult .violationLine .violation .summary {
	color: #b60000;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
	line-height: 150%;
}

#analysisResult .violationLine .headline {
	background: #b60000;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

#analysisResult div.foldbox {
	
}

#analysisResult div.foldbox .foldable {
	border: 1px solid #b60000;
	background: #fff;
	padding: 4px;
	margin: 0 16px 16px 16px;
	/*display: none;*/
}

#analysisResult div.foldbox h3 {
	margin-left: 24px;
}

#analysisResult div.foldbox .foldbox_headline {
	color: #b60000;
	font-weight: bold;
	/*cursor: pointer;*/
	margin-bottom: 16px;
}

#analysisResult .violationLine .headline .folder {
	margin: 1px;
	position: absolute;
}

#analysisResult .violationLine .headline .line {
	float: left;
	width: 42px;
	text-align: right;
	color: #fff;
}

#analysisResult .violationLine .headline .content {
	margin-left: 10px;
}

#analysisResult .violationLine .violation {
	padding-top: 16px;
	padding-left: 42px;
	border-top: 2px dotted #fff;
	border-bottom: 1px solid #b60000;
	display: none;
}

#analysisResult .validLine {
	
}

#analysisResult .validLine .line {
	float: left;
	width: 42px;
	text-align: right;
	background: #618C04;
	color: #fff;
}

#analysisResult .validLine .content {
	margin-left: 10px;
}

#analysisResult .highlightedLine {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	background: #eef;
}

#analysisResult .highlightedLine .line {
	float: left;
	width: 42px;
	text-align: right;
	background: #618C04;
	color: #fff;
}

#analysisResult .highlightedLine .content {
	margin-left: 10px;
}

/* =============== tutorial.php ================= */

div.tutorial h2 {
	margin-top: 32px;
}

div.tutorial h3 {
	margin-top: 48px;
	margin-bottom: 12px;
}

div.tut_code {
	border: 1px solid #838383;
	background: #EFEFEF;
	margin-bottom: 32px;
}

div.tut_console {

}

div.tut_figure {
	text-align: center;
}

div.tut_figure img {
	display: block;
	margin: 32px auto;
}

/* =============== faq.php ================= */

div.faq h2 {
	margin-top: 32px;
	text-transform: none;
	font-weight: normal;
	color: #618C04;
}

div.faq h3 {
	margin-top: 16px;
	text-transform: none;
	font-weight: normal;
	color: #838383;
}