BODY { 
	background-color: white;
  margin: 0px;
  margin-right: 10px;
}

BODY, TD, P {
	font: 11px Verdana,Arial,Helvetica,sans-serif;
}

FORM {
  margin: 0px;
}

H1 {
  font: normal 200% Verdana,Arial,Helvetica,sans-serif;
  margin: 12px;
  color: #E24E19;
}

H2 {
  font: bold 130% Verdana,Arial,Helvetica,sans-serif;
  color: #E24E19;
  margin: 0px;
  padding: 0px;
}

H3 {
  font: bold 110% Verdana,Arial,Helvetica,sans-serif;
  color: #E24E19;
  margin: 0px;
  padding: 0px;
} 


OL.spaced LI {
  margin: 10px 0px;
}



A {
  color: #336699;
}

A:hover {
  text-decoration: underline;
}

PRE {
  white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
  white-space: -pre-wrap; /* Opera 4 - 6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word; /* IE 5.5+ */ 
  font-size: 13px;
}

TEXTAREA  {
  border: 1px solid #ccc;
  background-color: white;
  padding: 3px;
  width: 95%;
  width: expression('auto');
  font: 13px monospace;
  padding: 5px;
  display: block;
}


#logincontainer {
  width: 98%;
  text-align: right;
}


SELECT {
  display: block;
}

/*
tab navbar courtesy of Eric Meyer and Listamatic
http://css.maxdesign.com.au/listamatic/horizontal05.htm
*/
#toolbar {
  padding: 3px 0;
  padding-left: 6px;
  margin-left: 0;
  border-bottom: 1px solid #ccc;
  font: bold 100% Verdana, sans-serif;
}
  
#toolbar li {
  list-style: none;
  margin: 0;
  display: inline;
}

#toolbar li a {
  padding: 3px 0.5em;
  margin-left: 3px;
  border: 1px solid #778;
  border-bottom: none;
  background: #DDD;
  text-decoration: none;
}

#toolbar li a:link { color: #448; }
#toolbar li a:visited { color: #667; }

#toolbar li a:hover {
  color: #fff;
  background: #369;
}

#toolbar li a#current {
  background: white;
  border-bottom: 1px solid white;
}


#leftcol {
  position: absolute;
  left: 6px;
  width: 170px;
  top: 120px;
  border-right: 1px dotted #ccc;
}

#rightcol {
  margin-left: 190px;
  margin-top: 20px;

}

#searchcontainer {
  padding-right: 5px;
}

#searchcontainer SELECT {
  margin-bottom: 5px;
}

#environmentcontainer {
  padding-top: 1em;
  border-top: 1px dotted #ccc;
}

#environmentlist {
  margin-top: 0px;
  margin-left: 10px;
  padding-left: 0px;
  list-style-type: none;
}



#environmentlist LI {
  margin: 4px;
}

#environmentlist OL {
  margin-left: 30px;
  padding-left: 0px;
}  
#environmentlist OL LI {
  margin-left: 0px;
  padding-left: 0px;
}

#creditscontainer {
  text-align: right;
  border-top: 1px dotted #ccc;
  margin-top: 20px;
  padding-top: 10px;
  margin-left: 190px;
  margin-right: 20px;
  padding-bottom: 20px;
}

.textbox {
  border: 1px solid #ccc;
  background-color: white;
  width: 95%;
  width: expression('auto');
}


.button {
  font: 80% Verdana,Arial,Helvetica,sans-serif;
  font-style: italic;
  background-color: #ccc;
  padding: 1px;
  border: 1px solid black;
  text-transform: uppercase;
}

.button:hover {
  color: white;
  background-color: #336699;
}

.blockText {
  white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
  white-space: -pre-wrap; /* Opera 4 - 6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word; /* IE 5.5+ */
  line-height: 150%;
}

FORM {
  margin: 0px;
}

#searchcontainer {
    padding: 0.5em;
}

#searchcontainer:hover {
    background-color: #f5f5f5
}


#tooltip {
  position: absolute;
  border: 1px solid #ccc;
  background: #eee;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  padding: 2px;
  z-index: 10;
}

#dependencyGroup {
  display: none;
}

.environmentNameActive {
  font-weight: bold;
  color: black;
}


.categoryNameActive {
  font-weight: bold;
  font-size: 12px;
  color: black;
}

.categoryDiv {
  margin-top: 3px;
  margin-left: 20px;
}


.blackLink {
  color: black;
}

.activeLink {
  color: red;
  font-style: italic;
}

.inactiveLink {
  color: #878787;
  text-decoration: none;
}

.smalltext {    
    font-size: 9px;
}

.headerbg {
    background-color: #efefef;
    padding: 5px;
}

.searchHighlight {
  color: red;
  font-weight: bold;
  border-bottom: 2px dotted red;
}

.searchCurrentpage {
  border: 1px solid black;
  background-color: #ccc;
  color: black;
  font-weight: bold;
  text-decoration: none;
  
  padding: 3px;
  margin: 2px;
}

img {
  border: none;
}


/* for GeSHi */
LI DIV {
    padding-left: 10px;
}

/* for remarks part */
#remarks {
	border-top: 		1px dotted #ccc;
	text-align:	 		center;
}
#remarks td {
	font-style:			italic;
	text-align:			left;
}
div.remark {
/*
	float :				left;
	clear: 				left;
*/
	width :				100%;
	border:				1px dashed gray;
	background-color:	#EEE;
  	font: 				0.9em Arial, Verdana, Helvetica, sans-serif;
	padding :			5px;
	margin :			0;
}
div.remark_subject {
/*
float :				left;
	clear :				left;
*/
	width :				100%;
	margin-bottom:		5px;
	text-decoration: 	underline;
  	font: 				bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}
div.remark_content {
	width :				100%;
  	font: 				0.9em Verdana, Arial, Helvetica, sans-serif;
}
div.remark_footer {
	margin-top :		5px;
	width :				100%;
}
.remark_username {
	font-style:			italic;
}
.remark_date {
	margin-left:		10px;
	margin-right:		20px;
	font-style:			italic;
}
.remark_reply, .remark_delete {
	margin-left:		10px;
	font-weight:		bold;
}
pre.text {
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
	margin:				0;
	padding:			0;
	font: 				11px Verdana,Arial,Helvetica,sans-serif;
}
.remark_content pre {
  	font: 				normal 1.1em Verdana, Arial, Helvetica, sans-serif;
}
div.code pre {
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
  	font: 				1.1em monospace, serif, arial;
}
.remark_content div.code pre {

	border :			1px solid #CCC;
	margin-left :		5px;
	padding-left :		3px;
  	font: 				1em monospace, serif, arial;
}
ol.links {
	padding-left:		20px;
}

#codefield-alt {
    display: none;
}

#codefield-alt TEXTAREA {
    height: 300px;
    width: 100%;
}