@charset "UTF-8";
/**
* CSS 1.0 for codefab.eu
**/
@media all
{
	* { margin:0; padding: 0; }

	html, body, table, input, textarea {
		font-family: Verdana, Arial, sans-serif;
		line-height: 150%;
	}

	body {
		background: #eeeeee;
		margin: 0;
		padding: 0;
		font-size: 10pt;
		color: #666666;
	}

	/** Links */
	a:link, a:visited {
		outline: none !important;
	}

	a, a:visited {
		color: #000000;
		text-decoration: none;
	}

	a:hover, a:active {
		text-decoration: underline;
		color: #ff9100;
	}

	img {
		border: none; 
	}

	h1, h2, h3 { font-weight: normal; }
	h1 { font-size: 1.7em; }
	h2 { font-size: 1.4em; }
	h3 { font-size: 1.0em; }

	h1 {
		padding: 33px 0 10px 345px;
		margin: 0;
	}
	h2 {
		margin: 0;
		padding: 10px 0;
		border-bottom: 1px solid #666666;
	}
	h3 {
		margin: 0;
		padding: 10px 0 5px;
	}
	p {
		margin: 5px 0 5px;
	}

	.clearfix {
	    clear: both;
	}

	#contentDiv {
		width: 900px;
		margin: 10px auto 10px;
		padding: 14px 28px;
		background-color: #ffffff;
	}

	#head {
		padding: 10px 0;
		border-bottom: 1px solid #ff9100;
		height: 75px;
	}
	#head img {
		float: left;
	}
	
	#content ul {
		list-style-image: url('../img/icons/bullet_green.png');
		padding: 0;
		margin: 0 0 0 10px;
	}
	
	#content ul li {
		padding: 0;
		margin: 0 0 0 20px;
	}

	#nav {
		width: 200px;
		float: left;
		margin: 0;
		padding: 0;
		margin-top: 22px;
	}

	#nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#nav ul li {
	  padding: 3px 0 5px 10px;
	  border-bottom: 1px dotted #666666;
	}

	#nav ul li .last {
	  border-bottom: 0px;
	}
	
	#nav * .selected {
		border-bottom: 1px solid #666666;
	}
	
	#nav * .last {
		  border-bottom: 0px;
	}
	
	#ads {
		margin-top: 30px;
		text-align: center;
	}

	#content {
		padding: 0;
		margin: 0;
		margin-left: 220px;
		margin-top: 22px;
	}

	.code {
		border: 1px dotted #666;
		background-color: #f7f7f7;
		margin-left: 20px;
		margin-right: 20px;
		padding: 5px;
	}

	em {
		font-style: normal;
		color: #e25f53;
	}

	#foot {
		clear: both;

		width: 900px;
		margin: 10px auto 10px;

		font-size: 70%;
		text-align: center;
	}
	
	fieldset {
		margin-top: 10px;
	}
	
	fieldset legend {
		display: none;
	}
	
	fieldset h3 {
		display: block;
		width: 100%;
		background: #eeeeee;
		text-align: center;
		border-bottom: 1px solid #666666;
		margin-bottom: 10px;
		padding: 0;
	}
	
	fieldset ul, fieldset li{
		border:0; margin:0; padding:0; list-style:none;
	}
	
	fieldset li{
		clear:both;
		list-style:none;
		padding-bottom:10px;
	}
	
	fieldset label,.submitSpan {
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	
	fieldset input, textarea, select {
		float:left;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		margin:2px 0 20px 10px;	
	}
	
	fieldset input {
		font-size:12px;
		width:200px;
	}
	
	fieldset textarea {
		font-size:10px;
		width: 300px;
	}
	
	fieldset .labelInfo {
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	
	.img {
		display: block;
		width: 100%;
	}
	
	.imgBlock {
		float: left;
		width: 180px;
		height: 180px;
		margin: 4px;
		padding: 5px;
		text-align: center;
		background-color: #F9F9F9;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;	
	}
	
	.imgBlock span { 
		display: block;
		font-size: 11px; 
		margin-bottom: 4px;
	}

	.imgBlock h4 { 
		display: block;
		font-size: 11px; 
		margin-bottom: 4px;
	}  	

}