@charset "UTF-8";
/* CSS Document */

/*RESET*/
body{font-family: Verdana,"Arial", Helvetica, sans-serif; /*font-size:62.5%;*/line-height:1.5em;color:#333; background-color:#eee;}
body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,address,fieldset,input,table,th,td{ margin:0; padding:0;}

body{margin:0 auto; z-index:0; position:relative;font-size:62.5%;width:100%; max-width:100em;background-color:#eee;}

/*H1-h6*/
h1{ position:relative; float:left;}
h2{ font-size:2em;font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#fff; padding-top:1em; padding-bottom:1em; padding-left:0em;}

/*Paraghraf and list*/
p{ font-size:12px;}
hr{ border:none; border-bottom:0.1em dashed #ccc!important;display:block!important;}

/*links*/
a:link, a:visited, a:active{ color:#000;text-decoration:none;}
a:hover, a:focus{text-decoration:underline;}

/*=============================================================================LOGIN==================================================================================*/
/*containers*/
#container{position:relative; float:left; width:100em; margin:0 auto;}
#header{ position:relative; float:left; width:100%;}

		/*Different content for the login format*/
				/*Grey color of the login content*/
				#content{ position:relative; float:left; width:100%; background-color:#304450; color:#fff; height:auto;/*-moz-border-radius:1em;*/
									-webkit-box-shadow: #999 0px 0px 10px 2px;
    							-moz-box-shadow: #999 0px 0px 10px 2px; /* color, h-offset, v-offset, blur, spread */
    							box-shadow: #999 0px 0px 10px 2px; /* inset is optional */}
				#content_user{ position:relative; float:left; width:100%; background-color:#304450;  /*#6C7884*/ /*background-image:url(../images/bg_custwrapperON.gif); background-position:left bottom; background-repeat:repeat-x;*/}
				
			

div.smile_image{  position:absolute;bottom:0em; right:0em;width:340px; height:350px; z-index:1; background-image:none; background-position:left top; background-repeat:no-repeat;
		/*opacity in IE*/
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);opacity: .7 ;-moz-opacity:0.7 ;}

				/*Height of the login page form*/		
				#form1{height:34.5em; *height:52em!important;}

				/*FOR IE7*/
				div.bot_corner{*top:0em!important;}

/*LOGIN------------------------------------------------------------------------------------------------------*/
		#loginwrapper{ position:relative;width:70%;margin:3.025em 3.025em;}
		#login{ position:relative; float:left;width: 60em;/*padding-top: 5px;*/ padding-top:10px; padding-left:3px;} /* changed padding top to enter error message*/
		#login label span.wlabel{ position:relative; float:left; width:6em; padding-right:1em; padding-top: 0.3em}
		#login label input{padding:0.25em; border:1px solid #ccc;}
		
		/*Login Buttons*/
		.button{position:relative; width:109px; height:44px; padding-left:1.5em; background-color:transparent!important;border:none!important; background-image: url(../images/btn_login_new.gif); background-position:left top; background-repeat:no-repeat;color:#3a4450;font-size:1.4em; font-weight:bold; font-family:Arial;}
		.button:hover{position:relative; width:109px; height:44px;padding-left:1.5em; background-color:transparent!important;border:none!important; background-image: url(../images/btn_login_new.gif); background-position:left bottom; background-repeat:no-repeat;color:#f9ce8e; text-decoration:none; font-size:1.4em;font-weight:bold;font-family:Arial;}
		
		/*Login links*/
		#login a:link,#login a:visited,#login a:active{ color:#ffffff; text-decoration:none;}
		#login a:hover,#login a:focus{ color:#ffffff; text-decoration:underline;}

/*SING UP POP UP------------------------------------------------------------------------------------------------------*/

	.yui-overlay { position:absolute;background:#fff;border:0.1em dotted #333;margin:0em; padding-left:1em;padding-top:1em;padding-bottom:1em;background-image:none; background-position:left top; background-repeat:repeat;}
	.yui-overlay .hd {color:#333;padding:0.5em;text-indent:1em; }
	.yui-overlay .bd {padding-left:2.5em; padding-right:0em; padding-top:1em; padding-bottom:1em;position:relative;float:left;width:96%;margin-right:1em;}
	.yui-overlay .ft { display:none;border:1px solid blue;padding:5px; }
	#ttA {z-index: 3!important;} 
	/*HD*/
	.h2_signup{font-size:2em; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#333; padding-top:0em; padding-bottom:0em; padding-left:0em;}
	
	/*DIV - buttonactions*/
	div.buttonactions { position:relative; float:left;padding-top:10px;}
	
	
	/*Cancel button*/
	.Cancelbutton {background-color:transparent !important;background-image:url("../images/btn_cancel_signup.gif");background-position:left top;background-repeat:no-repeat;border:medium none !important;cursor:pointer;padding-bottom:0.75em;padding-left:1.75em;padding-top:1em;position:relative;width:8em;}
	.Cancelbutton:hover {background-color:transparent !important;background-image:url("../images/btn_cancel_signup.gif");background-position:left -49px;background-repeat:no-repeat;border:medium none !important;cursor:pointer;padding-bottom:0.75em;padding-left:1.75em;padding-top:1em;position:relative;width:8em;}
	/*Close button*/
	.Closebutton{position:absolute;top:5px;right:6px;width:1.7em;height:1.7em;background-image:url(../images/close_window.gif); background-position:left top; background-repeat:no-repeat;cursor:pointer; background-color:Transparent;border:none;}
	.Closebutton:hover,.Closebutton:focus {position:absolute;top:5px;right:6px;width:1.7em;height:1.7em;background-image:url(../images/close_window_on.gif); background-position:left top; background-repeat:no-repeat;cursor:pointer; background-color:Transparent;border:none;}
	
	/*Next button*/
	.Nextbutton {background-color:transparent !important;background-image:url("../images/btn_next.gif");background-position:left 7px;background-repeat:no-repeat;border:medium none !important;cursor:pointer;padding-bottom:0.75em;padding-left:0em;padding-top:1em;position:relative;width:8em; margin-top:1em;}
	.Nextbutton:hover {background-color:transparent !important;background-image:url("../images/btn_next.gif");background-position:left -43px;background-repeat:no-repeat;border:medium none !important;cursor:pointer;padding-bottom:0.75em;padding-left:0em;padding-top:1em;position:relative;width:8em; margin-top:1em;}
	/*loading*/
		#olloading{ color:#333; margin: 0 auto;}
		#olHandler{ color:#333; font-size:120%;}
		
	/*startsignupprogress only appears on loading*/
	.startsignupprogress {display:none; color:#333;}
	
	/*Questionss*/
	#questionhandler{ margin-top:2em;}
	#questionhandler p{ line-height:2.25em; font-size:120%;}
	.feedbackmsg{ color:#ff0000; font-weight:bold;}
	
	#overlay1{display:none;}
	#QID {display:none;}
	#fbmsg{display:none;}
	#olsignup{display:none;color:#333;}
	#olValidating{display:none;color:#333;}
	#QuestionType{display:none;}
	#closesignup{display:inline; float:right;}
	
/*DOCCONTAINER------------------------------------------------------------------------------------------------------*/

/*USERCONTAINER------------------------------------------------------------------------------------------------------*/
	#usercontainer {float:left;margin:0 2em;position:relative;width:96%;}
	#usercontainer h2{ margin-left:2%;}
	#usercontainer p{ margin-left:0.5em;}
	#usercontainer #form1{ position:relative; float:left; width:99%; margin-left:1.25em; height:auto!important; z-index:1; overflow:auto;}
	#usercontainer #containerA{ border:none; position:relative; float:left; width:100%;}
	#usercontainer dl{ position:relative; width:90%; margin-left:5%;}
	#usercontainer td{ position:relative; width:auto; font-size:120%; margin-top:0.5em; margin-bottom:0.5em;}
	#usercontainer td strong{ font-weight:bold;}
	#usercontainer td{ position:relative; width:75%; clear:right; margin-top:0.5em; margin-bottom:0.5em;}
	#usercontainer p.notification{ position:relative; float:left; width:auto;}
	
	/*width of input*/
	#questionList{width:60.9%;}
	#emailBillingTxt,#emailTxt,#answerTxt{width:60%;}
	
	.cont_label{display: inline-block;width: 17.5em; position:relative; float:left;}
	.cont_label strong{ position:relative; float:left; width:auto;}
	
	/*Smile - image*/
	#usercontainer div.smile_image{ position:absolute; bottom:0em; right:0em;width:340px; height:350px; z-index:1; background-image:url(../images/bg_marc_white.gif); background-position:left top; background-repeat:no-repeat;
		/*opacity in IE*/
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
		filter: alpha(opacity=10);opacity: .1 ;-moz-opacity:0.1 ;}
	
	/*Create user - button*/	
	#buttonChanges{position:relative; float:left;/*width: 10em;*/ height:auto; background-color:transparent;padding-top:10px; text-align:left; z-index:2;}
		/*Change*/
			#buttonChanges span{ position:relative; float:left; margin-left:4em; /*font-size:1.1em;*/}
			#btnCreateUser{position:relative; width:13em!important; background-color:transparent!important;border:none!important; background-image: url(../images/btn_create_user.gif); background-position:left 1.5em; background-repeat:no-repeat; padding-left:0.5em; padding-top:2.25em; padding-bottom:1em;cursor:pointer;}
			#btnCreateUser:hover{position:relative; width:13em!important; background-color:transparent!important;border:none!important; background-image: url(../images/btn_create_user_on.gif); background-position:left 1.5em; background-repeat:no-repeat;padding-left:0.5em; padding-top:2.25em; padding-bottom:1em;cursor:pointer;}
	
	/*tooltipinfo*/
	.tooltipinfo { background-image: url(../images/help.gif); background-position:left center; background-repeat:no-repeat; width:1.5em; position:absolute; left:15.5em; top:0em;z-index:3000;}
	#signuphelp img.tooltipinfo{ /*position:absolute; top:5.2em; left:25em;*/ position:relative; top:0em; left:0em;}
	.termtext {font-size:1.2em;color:#000;font-weight:bold}
	/*EXAMPLECONTAINER*/
	#examplecontainer {float:left;margin:0 2em;position:relative;width:96%;}
	#examplecontainer h2{ margin-left:2%;}
	#examplecontainer h3{ color:#333; margin-left:0.5em; margin-top:1em;}
	#examplecontainer p{ margin-left:0.5em; padding-top:0em; margin-bottom:1.5em; color:#333;}
	#examplecontainer ul { position:relative; float:left; width:40%; margin-left:0.5em;}
	#examplecontainer ul li{ color:#333; list-style:none; line-height:1.5em; background-image:url(../images/bg_label.gif); background-position:left 0.4em; background-repeat:no-repeat; padding-left:1.5em; text-align:justify; margin-bottom:0.7em;}

	/*terms*/
	.terms {position: absolute;top:80px; left:120px;}
	.ffftext{font-size:1.3em;font-weight: bold;margin-right:10px;padding-top: 10px; margin-left: 20px;}
	.sections{ position:relative; float:left; width:98%; /*background-color:#6e7883;*/ padding:1em; border:0.1em dashed #999;color:#fff; margin-bottom:1em;}
	.sectionnote{font-size:1.4em;color:#fff;ext-decoration:underline;padding-bottom:5px;}
	
	/*OK - button*/
			#buttonOk{ position:absolute; float:left; margin-left:0em; right:-175px;z-index:1;}
			#btnOk{position:relative; width:10em!important; height:44px; background-color:transparent!important;border:none!important; background-image: url(../images/btn_sign_up.gif); background-position:center top; background-repeat:no-repeat; padding-left:0.5em; padding-top:0.75em; padding-bottom:1em;cursor:pointer;color:#3a4450;font-size:1.4em; font-weight:bold; font-family:Arial;}
			#btnOk:hover{position:relative; width:10em!important; background-color:transparent!important;border:none!important; background-image: url(../images/btn_sign_up.gif); background-position:center bottom; background-repeat:no-repeat;padding-left:0.5em; padding-top:0.75em; padding-bottom:1em;cursor:pointer;}
	
	/*ERROR*/
	#loginLbl{ position:absolute!important;left:34em; top:0.5em;width:28%; 
		background-color:#ccc!important; padding-top:2em; 
		padding-bottom:2em; padding-right:1em; border:0.1em dashed #999; 
		color:#4b4b4b; font-weight:bold; 
		background-image: url(../images/bg_marc_error_little.gif); background-repeat:no-repeat; background-position:left center; 
		padding-left: 4em;
	}
	#notification{ color:#fff; margin-bottom:1em; position:relative; float:left; width:auto; padding-left:8px; background-color:#ccc!important; padding-top:1em; padding-bottom:1em; padding-right:1em;font-weight:bold;color:#4b4b4b;font-size:1.5em;}
	
	#lblValidSent{ position:relative; float:left;width:auto; background-color:#ccc!important; padding-top:2em; padding-bottom:2em; padding-right:1em; border:0.1em dashed #999; color:#4b4b4b; font-weight:bold; background-image: url(../images/bg_marc_error_little.gif); background-repeat:no-repeat; background-position:left center; text-indent:4em;}
	
	/*FORGOT PASSWORD*/
	
			#checkUser{ width:9.5em!important;background-color:transparent!important;border:none!important; background-image: url(../images/btn_send_password.gif); background-position:left top; background-repeat:no-repeat; padding-left:1.5em!important; padding-top:0.75em!important; padding-bottom:0.75em!important;cursor:pointer; padding-right:0em!important;}
			#checkUser:hover{width:9.5em!important;background-color:transparent!important;border:none!important; background-image: url(../images/btn_send_password.gif); background-position:left -67px; background-repeat:no-repeat; padding-left:1.5em!important; padding-top:0.75em!important; padding-bottom:0.75em!important;padding-right:0em!important;cursor:pointer;}
	
/*FOOTER================================================================================================================*/
#footer ul{ position:relative; float:left;/*background-color:#0054A4;*/ padding-bottom:0.5em; padding-top:0.5em;}
#footer ul li{ position:relative; float:left; width:auto; padding-left:0.5em; padding-right:0.5em; list-style:none;}
#footer a{ text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

.legal{ font-size:90%;padding-left:0.5em; padding-right:0.5em;}

#demonlabel{ position:relative; float:right; width:auto; margin-top:0em; margin-top:5em;}
.logo_crystal{float:right; margin-top: 1em;}
	.logo_crystal_text {bottom: 1em;color: #333333;margin-right: 0.5em;position: relative;}	
	.logo_crystal a img,.logo_crystal a img:hover,.logo_crystal a img:focus{border:none;}


/* COOKIE NOTIFICATION  --------- */



/*CLASS=================================================================================================================*/

/*generals*/
.clear{clear:both;}
.hidden{ display:none;}

/*font*/
.f_size{ font-size:100%;}
.f_size110{ font-size:110%;}
.bold{ font-weight:bold;}

/*colors*/
.grey{ background-color:#CCCCCC;}
.dark_grey{ color:#333;}
.red{ color:#ff0000;}

/*align*/
.a_left{ text-align:left;}
.a_right{ text-align:right;}
.a_center{ text-align:center;}
.justify{ text-align:justify;}

.f_left{ float:left;}
.f_right{ float:right;}

/*margins*/
.m_top{ margin-top:0.5em;}
.m_top1{ margin-top:1em;}
.m_top2{ margin-top:2em;}
.m_bottom{ margin-bottom:0.5em;}
.m_bottom1{ margin-bottom:1em;}
/*paddings*/
.p_top{ padding-top:0.5em;}
.p_top1{ padding-top:1em; position:relative; float:left;}
.p_right{ padding-right:0.5em;}
.p_left{ padding-left:0.5em;}

/*borders*/
.b_right_grey{ border-right:0.1em solid #ccc;}
.b_left_grey{ border-left:0.1em solid #ccc;}
.b_top_grey{ border-top:0.1em solid #ccc;}
.b_bottom_grey{ border-bottom:0.1em solid #ccc;}
.b_grey{ border:0.1em solid #ccc;}

/*timeout message*/
#timeoutdisplay{display:none; font-weight:bold;}

/*hight*/
.hight_auto{position:relative; float:left; width:100%;height:auto!important;}
.white{ color:#fff;}