/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0; border:0;} 
#main{
}

* {
padding: 0;
margin: 0;
border: 0;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* Required */
}
img{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}
body{
	font: 14px Georgia, Tahoma, Arial, Verdana;
	color:#4b4b4b;
	background:#c9d4c9 center;
}
p{
	font-family: Georgia, Tahoma, Arial, Verdana;
	font-size: 13px;
}

a{color:#2B345C;}
a:hover{color:#FF0000; text-decoration:underline;}
tabel2 a{font-size:11px;}

#main
{
	background:url(../images/background.gif) repeat-y center;
	width:800px;
	margin: 0 auto;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
	border-left:1px solid #90A790;
	border-right:1px solid #90A790;
	 /***  border:1px solid #4c4c4c; ***/
	min-height: 100%;
}
* html #main {
height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#header{}
	#menuButtons
	{
		width:501px;
		float:left;
		border:0;
	}
		#menuButtons img
		{
			float:left;
		}

#contentWraper
{
	width: 768px;
	margin: 0 0 0 16px;
	background:url(../images/content_continue.gif) repeat-y;
}
	#contentWraperBegin
	{
		background-image:url(../images/content_begin.gif);
		width: 768px;
		height: 28px;
	}
	#contentWraperContent
	{
		position: relative;
		top: -10px;
		padding: 0 0 0 16px; /* display it higher to go with the heading of the table */
	}
	#contentWraperEnd
	{
		background-image:url(../images/content_end.gif);
		width: 768px;
		height: 20px;
		line-height: 1px; font-size: 1px;
	}


/* begin content */
#contentType1
{
	width: 738px;
}
#contentType1 p
{
	width: 427px;
	padding: 0 0 0 15px;
}
	#contentType1Left
	{
		float:left;
		width: 452px;
		background:url(../images/incontent1_continue.gif) repeat-y;
	}
	#contentType1Left p
	{
		padding:0 0 5px 15px;
	}
		#contentType1Icon
		{
			float:left;
		}
		#contentType1Title
		{
			float: left;
			background: transparent url(../images/incontent1_begin2.gif) no-repeat top left;
			width: 385px;
			height: 62px;
			padding:0 0 3px 0;
		}
		/*
		#contentType1Content
		{
			padding: 0 0 0 15px;
			width: 425px;
		}*/
		#contentType1Footer
		{
			background: url(../images/incontent1_end.gif);
			width: 452px;
			height: 3px;
			line-height: 1px; font-size: 1px;
		}
	#contentType1Right
	{
		float:right;
		padding: 20px 0 0 4px;
		width:282px;
	}
#contentType2
{
	clear: both;
	width: 738px;
	background: url(../images/incontent2_continue.gif);
}
#contentTypePics
{
	clear: both;
	width: 738px;
	background: url(../images/poze_incontent2_continue.gif);
}
#contentType2 p
{
	line-height: 15px;
	padding: 0 0 5px 0;
}
#contentType2 h1
{
	font-size: 16px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial;
	padding: 5px 0 0 25px;
}
#contentType2 li
{
	line-height: 15px;
	margin: 0 0 5px 15px;
}
	#contentType2Title
	{
		background: url(../images/incontent2_begin.gif);
		height: 27px;
	}
	#contentType2Title_v2
	{
		background: url(../images/incontent2_begin_v2.gif);
		height: 6px;
		font-size: 1px; 
	}
	#contentTypePicsTitle_v2
	{
		background: url(../images/poze_incontent2_begin_v2.gif);
		height: 6px;
		font-size: 1px; 
	}
	#contentType2Content1
	{
		margin: 5px 16px 0 15px;
		background: url(../images/incontent2_ball.gif) no-repeat bottom right;
	}
	#contentTypePicsContent1
	{
		margin: 5px 16px 0 15px;
	}
	#contentType2Content2, #echipaDescriere
	{
		margin: 5px 16px 0 15px;
	}
	#contentType2Content1 .grupe h1 { background:#b8e7ae; border:#9ac998 solid 1px; margin:2px; padding:2px; }
	#contentType2Content1 .grupe h1 { font-size:14px; text-indent:10px; }
	#contentType2Content1 .grupe .tabel1 { background:#c9ecc0; border:#9ac998 solid 1px; margin:2px; padding:2px 2px 2px 30px; }
	#contentType2Content1 .grupe .tabel1 { font-size:11px; }
	#contentType2Content1 .grupe .tabel2 { margin:2px 2px 20px 2px; padding:2px 2px 2px 30px; }
	
	#contentType2Content1 .regulament {	 }
	
	#contentType2Content1 .regulament p { padding:0 0 0 15px;	 }
	#contentType2Content1 .regulament ul { list-style-type:none; list-style-image:none; }
	#contentType2Content1 .regulament hr { color:#999999; background-color:#999999; height: 1px; }
	#contentType2Content1 .regulament h2 { font-size:14px; padding:10px 0 10px 15px; font-family: Tahoma, Verdana, Arial; }


	#contentType2Content2 .inscrieri hr { color:#999999; background-color:#999999; height: 1px; }
	#contentType2Content2 .inscrieri { margin: 5px 5px 0 5px; background: url(../images/incontent2_pin.gif) no-repeat scroll left 45px; }
	#contentType2Content2 .inscrieri ul { margin: 0 0 0 60px; list-style-type:none; list-style-image:none; }
	
	#contentType2Content2 .echipa h1 {
		font-size: 16px;
		font-weight: bold;
		font-family: Tahoma, Verdana, Arial;
		text-align: center;
	}

	#contentType2Content2 .echipa ul {  margin: 0 0 0 10px; list-style-type:none; list-style-image:none; }
	#echipaDescriere h1 {text-align:left; margin:0; padding:0 0 6px 0; font-size:14px;}

	#contentType2Footer	{ width: 738px; background: url(../images/incontent2_end.gif); height: 4px; line-height: 1px;	font-size: 1px;	}
	#contentTypePicsFooter	{ width: 738px; background: url(../images/poze_incontent2_end.gif); height: 4px; line-height: 1px;	font-size: 1px;	}
	#contentTypeEchipaBegFooter
	{
		width: 508px; height: 22px; background: url(../images/incontent_echipe_beg.gif);
		padding:4px 0 0 230px;
		text-align:center;
		font-weight: bold;
		font-family: Tahoma, Verdana, Arial;
		font-size:13px;
	}
	#contentTypeEchipaBegCnt
	{
		background: url(../images/incontent_echipe_cnt.gif) top left repeat-y;
		padding:0 0 0 260px;
	}
	#contentTypeEchipaBegEnd
	{
		height: 5px;
		background: url(../images/incontent_echipe_end.gif) no-repeat;
	}

#footer
{
	clear:both;
	width:800px;
	text-align:center;
	margin: 0 auto;
	padding:9px 0 0 0;
	height:22px;
	margin-top:-31px;
	background:url(../images/footer.gif) repeat-x scroll;
	font-size:10px; font-family:Tahoma, Verdana;
}


/*---:[ "contact" form elements ]:---*/
	form#contact { width: 475px; margin:5px 0 0 45px; padding: 10px 0; border: 2px solid #ccc; background: #efefef; float: left; }
		form#contact p { margin-bottom: 0; }
		form#contact input.navbtn { padding: 2px 12px; }
		form#contact input.backbtn { padding: 2px 5px; }
		form#contact .form_item, form#contact .form_item_missing, form#contact .form_item_head { width: 455px; padding: 6px 10px; border-bottom: 1px solid #fff; float: left; clear: both; }
		form#contact .form_item_head { background-color: #ccc; font-weight: bold; text-align: center; color: #666; font-size: 1.1em; }
		form#contact .form_item_missing { background-color: #ecc; }
		form#contact .form_left { width: 140px; padding: 2px 10px 0 0; text-align: right; float: left; }
			form#contact label { color: #f00; }
			form#contact label.not_req { color: #000 !important; }
		form#contact .form_right { width: 285px; padding-left: 8px; border-left: 2px solid #ddd; float: left; text-align: left; }
			form#contact .form_right .text_input, form#contact .form_right .option_input, form#contact .form_right .pw_input { padding: 3px; border-top: 2px solid #aaa; border-left: 2px solid #aaa; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-family:Verdana, Arial, Helvetica, sans-serif; }
			form#contact .form_right .text_input { width: 265px; }
			form#contact .form_right .option_input { width: auto; }
			form#contact .form_right .pw_input { width: 185px; }
			form#contact .form_right textarea.text_input { font-size: 1.0em; height:130px; }
		form#contact span { font-size: 11px; }