/********************************\
 * 			light		dark	*
 * green	#c2feda 	#22AA55	*
 * blue		#c7e5ff		#79a6cd	*
 * red		#fbafbb		#d07180	*
\********************************/

// old dark green #65c68c

/************
	COMMON 
 ************/

#all		{  }
#ccinfo		{ position: absolute; right: 10px; top: 10px; padding: 5px; text-align: right; border: 5px dotted #c2feda; }
#ccinfo img	{ vertical-align: middle; }

body		{ font: bold 12px/1.5em monospace; color: #22AA55; }

th, td		{ padding: 2px 20px; }
th			{ text-align: left; }

a, a:visited		{ text-decoration: none; color: #79a6cd; }
a:hover, a:active	{ color: #d07180; }

textarea	{ border: 2px dotted #c2feda; font-weight: bold; color: #22AA55; width: 100%; }

/* h1 for the main page, h2 for other big headings */
h1			{ line-height: 1em; font-size: 1.5em; margin-top: 0px; margin-bottom: 0px; }
h2			{ line-height: 1em; font-size: 60px; margin-top: 20px; margin-bottom: 0px; color: #c7e5ff; }
h3, .h3		{ color: #d07180; font-size: 2em; } // for in-page headers

.lgre		{ color: #c2feda; }
.lblu		{ color: #c7e5ff; }
.lred		{ color: #fbafbb; }

.dgre		{ color: #22AA55; }
.dblu		{ color: #79a6cd; }
.dred		{ color: #d07180; }

tr.trhover	{ background-color: #c7e5ff; cursor: pointer; }
tr.trbg		{ background-color: #edfff4; }

/* page's top part */
div.info			{ margin-top: 10px; padding: 20px; }
/* page's middle part */
div.content, div.contentabove		{ padding: 20px; border: 5px dotted #c2feda; border-left-style: none; border-right-style: none; }
div.content table		{ width: 90%; margin: 0px auto; border-collapse: collapse; }
div.content table td	{  }
div.content table th	{ font-size: 1.5em; color: #d07180; }

/* a div to be placed above content */
div.contentabove	{ border-bottom: none; }


/* licence footer */
div.licence		{ margin: 20px auto; padding: 10px; border: 5px dotted #c2feda; text-align: center; width: 33%; }

/* notice box */
div.notice		{ margin: 20px auto; padding: 10px; border: 5px dotted #fbafbb; text-align: center; width: 33%; }

/* buttons */
input				{ width: 100%; border: 2px dotted #c2feda; font: bold 1em monospace; color: #22AA55; }
input.mediumbutton, input.smallbutton	{ background-color: #c2feda; border-color: #22AA55; } /* common button properties */
input.mediumbutton	{ width: 100px; height: 50px; font-size: 1.5em; }
input.smallbutton	{ width: 75px; font-size: 1em; }
input.disabledbutton	{ border-color: white; color: white; }
input.hoverbutton	{ border-color: #d07180; color: #d07180; background-color: #fbafbb; }
input.checkbox 		{ vertical-align: middle; width: 20px; }

/**********
 	MAIN 
 **********/

#mainall		{ margin: 20px auto; border: 5px dotted #c2feda; width: 80%; height: 620px; background: white url('img/codetail.png') no-repeat top left; position:relative; }
#maincontent	{ margin-top: 50px; position: absolute; right: 50px; font-size: 60px; color: #c7e5ff; }
#mainlinks		{ position: absolute; right: 0px; margin-top: 30px;}

.hc a, .hc a:visited		{ text-decoration: none; color: #c7e5ff; line-height: 1.5em; }
.hc a:hover, .hc a:active	{ color: #fbafbb; }


/* header container */
.hc			{  }

/* invisible info */
.ii			{ display: none; font: bold 20px/1em monospace; color: #c7e5ff; }


/************
    GUIDES
 ************/
 
div.guideblock		{ border: 5px dotted #c2feda; margin-bottom: 10px; padding: 5px; }
div.guidename		{ font-size: 2em; }
div.guidetags		{ padding-left: 10px; font-size: 0.9em; color: #d07180; }
div.guidetext		{ padding-left: 10px; }
div.mainarea		{ margin-right: 200px; }
div.sidebar			{ background-color: white; border-left: 5px dotted #c2feda; float: right; padding-left: 5px; width: 200px; }
div.sidebar div		{ padding: 5px; }
div.sidebartopborder	{ border-top: 5px dotted #c2feda; }
div.sidebarnoborder		{  }