/*************************************************************************************************
/ DEVELOPERS	: 	Catalin Z.
/ LAST UPDATE	:	13.03.2007
/ VERSION		: 	v1.5
/*************************************************************************************************

/*************************************************** RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
STRONG, B{font-weight:bold} EM{font-style:italic}
/***********************************************************/
/***************************** MAIN BODY, LINK, FORM, LIST */
BODY{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-align:center; background:#FFF}

A{color:#A40421; text-decoration:none} A:hover{color:#193669}

FORM{ }
INPUT, SELECT, TEXTAREA{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000}
INPUT, TEXTAREA{padding:2px; /*border:1px #A40421 solid*/}

UL{ } LI{ }
/***********************************************************/
/************************************************* HEADING */
H1, H2, H3, H4, H5, H6{ }
H1{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#A40421; font-weight:bold; margin-bottom:10px}
#testing #wrapper H1{border-bottom:2px #A40421 solid; padding-bottom:5px} #testing #wrapper H1 SPAN{float:right; font-size:11px; padding-top:6px; font-weight:normal}
H2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#A40421} #testing #wrapper H2 .question{background:#db0000; color:#FFF; padding:3px} #testing #wrapper H2 S{float:right; width:612px; text-decoration:none}
H3{ }
H4{ }
H5{ }
H6{ }
/***********************************************************/
/******* POSITORING, ALIGN, WIDTH, HEIGHT, MARGIN, PADDING */
#topPopup{background:url(imgs/_boxes/pt.gif) no-repeat center top; line-height:27px; text-align:left}
	#topPopup H1.title{color:#FFF600; padding:10px; border:none; position:relative; margin:0; padding:0; font-style:italic; padding-left:25px}
#bottomPopup{background:url(imgs/_boxes/pb.gif) no-repeat center top; line-height:18px}
#testing{text-align:center; background:#f6f6f6; position:relative; padding-top:10px; padding-bottom:10px}
	#testing #wrapper{width:704px; text-align:left; margin:0 auto; padding:10px; background:url(imgs/_boxes/p_bg.gif) repeat-y center top}
	#testing #steps{background:url(imgs/_boxes/p_bg.gif) repeat-y center top}
		#testing #steps DIV{float:left; width:60px; padding:5px; color:#000; font-weight:bold; color:#FFF} /* width real 70px */
		#testing #steps DIV.done{background:#009900}
		#testing #steps DIV.activ{background:#db0000; height:18px; padding-top:35px; border-bottom:2px #A40421 solid} /* height real 55px */
		#testing #steps DIV.undone{background:#D0D0D0}
	#testing #content, #testing .content{background:#F9F9F9; padding:20px; margin-top:10px}
	#testing .content{margin-bottom:15px;}
	#testing .content P{font-weight:bold; margin:10px 0}
	#testing .vars{margin:10px 0 20px 0} #testing .content .vars{margin-bottom:0}
		#testing .vars LI{margin:10px 0 0 0; clear:right; width:99%}
			#testing .vars LI INPUT{margin:0 10px}
			#testing .vars LI SPAN{float:right; width:600px; display:block}
			#testing .content .vars LI SPAN{float:right; width:640px}
			#testing .vars LI B{color:#A40421}
			#testing .vars LI DIV.clear{border-bottom:1px #999 solid; padding-top:2px}
			#testing .answer{margin-top:10px; text-align:right} 
			#testing .answer B.corect{color:#009900} #testing .answer B.incorect{color:#DB0000}
			#testing .answer SPAN.corect{background:#009900; color:#FFF; padding:2px} #testing .answer SPAN.incorect{background:#DB0000; color:#FFF; padding:2px}
			#testing DIV.corect{border:2px #009900 solid} #testing DIV.incorect{border:2px #DB0000 solid}
			#testing DIV.pointsCorect{background:#009900; color:#FFF; padding:10px; margin-bottom:25px; font-size:14px; font-weight:bold}
			#testing DIV.pointsIncorect{background:#db0000; color:#FFF; padding:10px; margin-bottom:25px; font-size:14px; font-weight:bold}
	#testing #content .button1, #testing #content .button1Ov{ }

#wrapper{margin:0 auto; text-align:left; width:750px}
	#top{background:url(imgs/top.jpg) no-repeat left top; height:216px; padding:34px 0 0 473px} /* height real 250px */
		#logo{display:block; width:260px; height:115px}
	#bottom{background:url(imgs/bottom.jpg) no-repeat left top; height:100px}
	#wContent{background:url(imgs/bg_content.gif) repeat left top; padding:8px; border-left:2px #263162 solid; border-right:2px #263162 solid}
		#left{width:175px}
			#left B.top{background:url(imgs/_boxes/lt.gif) no-repeat left top; height:20px; display:block; color:#fff600; padding:7px 0 0 12px; font-style:italic}
			#left B.bottom{background:url(imgs/_boxes/lb.gif) no-repeat left top; height:18px; display:block}
			#left .margin{border-left:2px #193669 solid; border-right:2px #193669 solid; background:#FFF; padding:15px 10px 0 10px; position:relative}
				#mainMenu{color:#000}
					#mainMenu LI{padding:4px 0}
					#mainMenu LI.separation{border-bottom:1px #999 solid; padding-bottom:5px; margin-bottom:5px} #mainMenu LI.separation B{color:#A40421}
					#mainMenu LI A{color:#A40421; font-weight:bold; text-decoration:none} #mainMenu LI A:hover/*, #mainMenu LI A.activ*/{color:#193669}
		#right{width:550px; float:right}
			#right B.top{background:url(imgs/_boxes/rt.gif) no-repeat left top; height:20px; display:block; color:#fff600; padding:7px 0 0 12px; font-style:italic}
			#right B.bottom{background:url(imgs/_boxes/rb.gif) no-repeat left top; height:18px; display:block}
			#right .margin{border-left:2px #193669 solid; border-right:2px #193669 solid; background:#FFF; padding:15px 10px 0 10px}
				#right .margin P{padding-bottom:10px}
#validHtml{width:200px; padding:5px; margin:0 auto; margin-top:10px; margin-bottom:10px}
/* DEBUG *//*
#wrapper{height:1000px}
/*********/
/***********************************************************/
/************************************************** COLORS */

/***********************************************************/
/*************************** BACKGROUND COLOR && || IMAGE  */

/***********************************************************/
/******************************************* USUAL CLASSES */
.error, .mandatory{color:#FF0000}
.errorInput{border-color:#FF0000}
.clear{clear:both; margin:0; padding:0; border:0 none; line-height:1px; height:1px; font-size:1px}
.clearFix{content:"."; display:block; height:0; clear:both; visibility:hidden}
.left{float:left} .right{float:right}
/*.hidePrint,*/ .noDisplay{display:none}
.noBorder{border:0 none}
.noRows{text-align:center}
/*.button1, .button1Ov{cursor:pointer; background:#A40421; border:1px #A40421 solid; color:#FFF; font-weight:bold}
.button1Ov{background:#FFF; border:1px #A40421 solid; color:#A40421}*/
HR{color:#999; margin:0; padding:0; border:none; border-top:1px #999 solid; padding-bottom:15px; line-height:1px; height:1px}
/***********************************************************/
/******************************************** contact.php */
.contactText{}
.contactText P{ }

.contactForm{ }
.contactForm P{padding:4px; padding-bottom:10px}
.contactForm P.note{color:#999; font-size:11px; padding-bottom:0}
.contactForm LABEL, .contactForm INPUT, .contactForm TEXTAREA{display:block; float:left; margin-bottom:10px}
.contactForm LABEL{text-align:right; width:220px; padding-right:10px}
.contactForm TEXTAREA{}
.contactForm BR{clear:left}
.contactForm .button1, .contactForm .button1Ov{ }
.contactForm .ov{border:1px #e30369 solid}
.contactForm .noBorder{background:none}
/***********************************************************/
/********************************************** member.php */
#member{ }
	#member .left{padding-right:10px;width:345px;}
	#member .right{width:160px; padding-left:10px; border-left:1px #999 solid}
		#member .right .title{margin:5px 0}
		#member .right .details{padding-left:5px; border-left:1px #DB0000 solid; margin-left:10px}
			#member .right .details UL{margin-top:4px}
#member .finalTest{padding:30px 0 0 0; text-align:center}
	#member .finalTest H1{font-size:24px}
#member .finalTest1{padding:30px 0 0 0; text-align:center}
	#member .finalTest1 H1{font-size:24px}
/***********************************************************/
/*************************************************** boxes */
#boxLogin{margin-bottom:10px}
	#boxLogin INPUT{width:142px}
	#boxLogin .button1, #boxLogin .button1Ov{width:auto}
/***********************************************************/
p.error{position:relative;padding-left:100px}