/*###############################################################
#################################################################
#################################################################
                                                              ###
SELF REGISTER PLUGIN CSS                                      ###
This is the main stylesheet for THIS plugin                   ###
                                                              ###
author:		Émilie Beaulieu, Avec Style.                      ###
e-mail:		emilie@avecstyle.ca                               ###
website:	www.avecstyle.ca								  ###
                                                              ###
#################################################################
###############################################################*/


/*----- @ELEMENTS & TEXT OUT FORM TAG  ----------*/

/*-- 2 columns structure --*/

.CrUserForm, .confirm-infos { /*background:pink;*/ width:100%;}
.CrUserForm .top {/* background:lime;*/ padding:0 1em; display:block; width:100%; }
.CrUserForm .left, .confirm-infos .left {/*background:lime;*/ float:left; width:29.5%; padding:0 1em 1em 1em; }
.CrUserForm .right, .confirm-infos .right { /*background:grey;*/ margin-left:32%; padding:0 1em 1em 1.5em; border-left: 1px dashed #999;}

.partie_1 {padding:0 1.5em 1em 0;}
.partie_2 {/*border-top: 1px dashed #999;*/ padding:2em 1.5em 1em 0;}
.partie_3 {/*border-top: 1px dashed #999;*/ padding:2em 1.5em 0 0;}
.partie_4 {/*background:blue;*/ clear:both; display:block; padding-top:1em; padding-right:6%;}

.introgroup { padding:0 0 0.5em 0; margin-left:-8px;}
.introgroup h3 { font-size: 1.3em; font-weight:bold; margin:0; color:#333; background:#FFF5A8; padding:8px; padding-left:18px!important;}
.introgroup p { color:#666; padding-left:8px; }

.tx-srfeuserregister-pi1 h4 { margin-top: 0; padding-left: .3em; }
.tx-srfeuserregister-pi1 p { margin-top: .5em; margin-bottom: 0; text-indent: 0; }
.tx-srfeuserregister-pi1 a { padding-left: 14px; text-decoration:none; } 		

/*----- @FORMS  ---------------------*/
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-intro { font-size:1.3em; padding: 0em; font-weight: normal; line-height:1.4em; color: #333;}
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-size:0.9em; font-weight:bold; font-style: italic; color: #E87800; margin:0; padding:0.3em 0 0.5em 0; }
.tx-srfeuserregister-pi1 .fieldgroup {margin-bottom:0.5em;}
.tx-srfeuserregister-pi1 label { display:block; font-size: 1.15em; margin: 0; padding: 0.5em 0 0.25em 0; } 		
.tx-srfeuserregister-pi1 label span { color: #E87800; font-size:1.6em; font-weight:bold; } 
.tx-srfeuserregister-pi1 span.notesup { color: #666; font-size:0.9em; font-style:italic; font-weight:lighter;} 
		
.tx-srfeuserregister-pi1 input, .tx-srfeuserregister-pi1 textarea { width:87.5%; margin: 0 0 0 0; padding: 0.3em; font-size:1.1em; z-index:1 } 
.tx-srfeuserregister-pi1 textarea { font-size:1.2em; } 
.tx-srfeuserregister-pi1 select { width:91%; margin: 0 0 0 0; padding: 0.3em; font-size:1.1em; }
.tx-srfeuserregister-pi1 input[type=password] { margin-right: 1em; } 
/*HACK IE*/
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: 1em; } 		

.tx-srfeuserregister-pi1 input[type=radio], 
.tx-srfeuserregister-pi1 input[type=checkbox] { background-color: transparent; } 		
/*HACK IE*/
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, 
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { background-color: transparent; }

.tx-srfeuserregister-pi1 .boxnewsletter { width:15px; float:left; margin: 0 0 0 0; padding: 8px 10px 30px 0; }
.tx-srfeuserregister-pi1 .boxnewsletter select { width:auto; margin: 0 0 0 0; padding: 0em; }

/*CONFIRMATION - PREVIEW*/
legend.confirm { font-size:1.3em; padding: 0em; font-weight: normal; line-height:1.1em; color: #333; padding:0.75em 0 1.5em 0;}
.confirm-infos label {width:87.5%; margin-left:1%; color:#666;}
p.data { width:97%; background:#eee; margin: 0 0 0 1%; padding: 0.3em; font-size:1.25em; z-index:1; } 
.confirm-infos .soustitres {margin-left:1%;}


.etapesWrap {background: #fff5a8; padding:0px; text-align:center; clear:both; overflow:auto; font-size:0.9em; line-height:1em; margin-bottom:15px;}
.etapesWrap h3 { font-weight:bold; color:#2e3203; margin-bottom:3px; padding-left:10px;}
.etapes {width:100%; margin:0 auto; }
.step {width:24.9%; float:left; text-align:left;}
.step p.txt {padding-right:3em; padding-left:10px;}
p.trail { width:100%; height: 19px; background:#b5ae9e;}
.done p.trail { background:#fdb813;}
.active p.trail { background: #fdb813 url(../../css/images/nextstep.gif) no-repeat center right;}

.action {padding:0px;}
.todo {width:100%; margin:0 auto; }

.action, .validated {
	background: #7b820d url(../../css/images/bgintro-rep.jpg) repeat-x top left;	
	padding:30px 20px;
	margin: 50px 0px 20px 0px;
	font-size:1.1em;
	color:#FFF;
	/*temp*/
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	}
.action h3, .validated h3 {background: url(../../css/images/greenarrow.png) no-repeat top left; color:#330; font-size:1.7em; padding-bottom:10px; padding-left:40px; padding-top:5px; margin:0; font-weight:lighter;}

.actionNoback {padding:20px 20px; clear:both; display:block; overflow:auto;}
.confirmed {padding:10px 20px 0 20px; font-size:1.2em;}

.actionNoback p {padding:0; margin:0; color:#444; font-size:1.1em;}
.actionNoback  h3 {color:#330; font-size:1.7em; margin:0; font-weight:lighter;}
.action h4 {color:#FFF; font-size:1.1em; padding-top:25px; font-style:italic;}
.action p {padding:0; margin:0; color:#FFF; font-size:1.1em; font-weight:lighter;}
.actionNoback h4 {color:#444; font-size:1.1em; padding-top:25px; font-style:italic;}

.subleft {}
.subleft p {padding-left:40px;}
.actionNoback .subleft {padding:0 0 0 5px; background: url(../../css/images/comment_user_warning.gif) no-repeat 0px 0px;}
.subright {text-align:right; padding-right:10px;}

.adminconfirm {padding:20px 30px; margin:30px 0 20px 0; clear:both; display:block; overflow:auto;}
.adminconfirm h3 {background:none; padding:0; font-size:1.5em; font-weight:bold; margin-top:8px;}
.adminconfirm .subleft { float:left; width:35%;}
.adminconfirm .subright { float:right; width:56%; text-align:left; padding-left:25px; font-size:1.1em; border-left:1px dashed #330;}
.adminconfirm .subright p { padding-bottom:15px; color:#330;}
.adminconfirm .subright p.acceptnotice {background: #abb329 url(../../css/images/greenarrow.png) no-repeat 8px 5px; padding: 10px 10px 10px 50px; color:#333300; -moz-border-radius: 8px;}

.validated {margin:0; padding:20px 30px 30px 30px;}
.validated h3 {background:none; padding-left:0px; margin:0;}

/* ELEMENTS DISABLES FOR NOW...
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; } 		
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; } 		
.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { padding-left: 15px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link_new_window.gif"); background-color: transparent; background-repeat: no-repeat; font-size: .8em; margin-left: 1em; } 		

.tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; } 		
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; } 		
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; } 		
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; } 		
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; } */	

/*----DL-DD-DT----
.tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; } 		
.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .5em 0; float: left; } 		
.tx-srfeuserregister-pi1 dt { clear: both; width: 25%; text-align: right; padding-right: 1em; } 		
.tx-srfeuserregister-pi1 dd { text-align: left; width: 50%; } 		
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt { width: auto; padding-right: 0; } 		
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { width: auto; } 		
* html .tx-srfeuserregister-pi1 dd { float: none; }
.tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
.tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }*/

/*----- @WARNINGS  ------------------*/

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { width:88%; margin: 0 0 0 0; padding: 0.3em 0.5em; background:#ED3434; color: #FFF; } 


/*----- @HELP  ----------------------*/

.tx-srfeuserregister-pi1-info { position:relative; float:right; width:18px; height:22px; margin-top:3px; background: url("../../css/images/infohover.gif") no-repeat top right;}
.tx-srfeuserregister-pi1-info:hover { cursor: pointer;}
.tx-srfeuserregister-pi1-info p {display:none;}
.tx-srfeuserregister-pi1-info:hover p {display:block; position:absolute; top:-3px; right:20px; width:300px; background:#FFF5A8; border:1px dashed #FDB813; padding:0.7em; color:#333; z-index:2;}

/*----- @BUTTON  ----------------------*/

.tx-srfeuserregister-pi1 input[type=submit] { width:auto; float:right; margin-left:20px; } 

/*----- @OTHERS  ----------------------*/

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash { margin-bottom: 2em;  }


.autologin h2 { font-weight:bold; color:#4d4a44; font-size:1.4em; }
.autologin .fieldgroup {margin-bottom:0.5em;}
.autologin label { display:block; font-size: 1.15em; margin: 0; padding: 0.5em 0 0.25em 0; }
.autologin input { width:18em; margin: 0 0 0 0; padding: 0.3em; font-size:1.1em; z-index:1 }
.autologin input[type=password] { margin-right: 1em; } 
.autologin input[type=submit] { width:auto; margin-left:15em; margin-top:0.5em; float:none; }