/**
 * @title		True Weight Calculation Styles
 */

#aside {position:relative; z-index:5;}
#content {position:relative; z-index:10;}

/**
 * @section		Form, Fieldsets
 */
#monFormulaire legend {
	margin-bottom:;
	color:#a2246b;
	font:italic 24px "Trebuchet MS", Tahoma, Arial, sans-serif;
}
#monFormulaire .fieldset {
	padding:10px 20px;
	color:#404040;
}
#monFormulaire .content-pane {
	margin-top:15px;
}
#monFormulairem fieldset {clear:both;}
#monFormulaire abbr {
	padding:0 10px;
	font-style:italic;
	cursor:help;
}
#monFormulaire abbr.error {
	color:#404040;
	font-size:14px;
}
#monFormulaire p.required {
	float:right;
	margin:1em 0;
	color:#999;
	font-size:12px;
}
#monFormulaire p.asterisk {
	float:left;
	width:250px;
	color:#999;
	font-size:10px;
}
#monFormulaire .actions .btn {
	float:right;
}
#monFormulaire .actions .btn input {
	font-weight:bold;
}
#monFormulaire .info {
	position:absolute; top:17px; margin-left:430px;
	width:27px; height:27px;
	font-size:10px;
	cursor:help;
}

#monFormulaire  div.select .info {
	margin-left:435px
}
#monFormulaire  div.select .infomessage{left:470px}
#monFormulaire #privacy .info {
	margin-left:500px
}
#monFormulaire div.error_trueweight {
	position:absolute; top:0; left:455px; z-index:10;
	display:none;
	padding:10px 15px; border-radius:5px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-top: 7px;
}

#monFormulaire div.infomessage{
padding:5px 0px;
left:445px;
position:absolute; top:0; z-index:10;
	display:none;
	padding:10px 15px; border-radius:5px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
#monFormulaire #privacy div.error_trueweight, #monFormulaire #privacy div.infomessage {
	left:510px;
}

#monFormulaire .error_trueweight .img, #monFormulaire .infomessage .img {
	position:absolute; left:3px; top:50%;
	display:block;
	margin-top:-13px;
	width:10px; height:20px;
	background:url(/templates/nurun/images/global-sprite.png) no-repeat -110px -135px;
}
#monFormulaire .infomessage .img {background-position: -131px -135px;}
#monFormulaire .error_trueweight p, #monFormulaire .infomessage p {margin:0;}

#monFormulaire div.infomessage {
	z-index:15;
	display:block;
	background-image: url("/templates/nurun/images/bg-tooltip-info.png");
	background-position: -10px 0;
}

#monFormulaire div.error_trueweight {
	padding:7px 10px 0 0;
	background:transparent url(/templates/nurun/images/error_bulle.png) no-repeat 0 100%;
	min-height:37px;
	min-width:270px;
	font-size:11px;
}

#monFormulaire div.infomessage .info-inner {
	padding:0 13px 5px 15px;
	width:185px
}
#monFormulaire div#pseudo_tw .infomessage{left:540px;top:-17px;}
#trueWeightWeightStart_span,
#trueWeightWeightToday_span,
#trueWeightHeight_span,
#trueWeightWeightWanted_span,
#trueWeightWeightHigh_span,
#trueWeightWeightMedium_span,
#trueWeightWeightLow_span {
    font-style:italic;margin-left:10px;
}

/**
 * @section		Labels
 */
#monFormulaire label, #monFormulaire .label {
	display:inline-block;
	padding-right:20px;
	text-align:right;
}

#monFormulaire .checkbox label {
	padding:0;
	font-size:12px;
	float:right;
	text-align:left;
	width: 94%
}
#monFormulaire .checkbox input{float:left;}
#history label, #privacy label, #monFormulaire #history .label, #privacy .label {
	width:305px;
	font-size: 14px;
}
#history .constitution label{width:172px}
#history label.jfradio-label_0,#history label.jfradio-label_1{width:15px;}

/**
 * @section		Fields
 */
#monFormulaire .text, #monFormulaire .radios, #monFormulaire .select {
	position:relative;
	padding:15px 0; border-bottom:1px dotted #a4a4a4;
}
#monFormulaire  #privacy #pseudo_tw{border-bottom:none}
#monFormulaire .last{border-bottom:none}
#monFormulaire #you .radios label.-label_0,#monFormulaire #you .radios label.-label_1{width:95px;text-align:left;padding-right:0}
#monFormulaire .
#monFormulaire .last {border:0;}
#monFormulaire .radios ul, #monFormulaire .radios li, #monFormulaire .radios input {display:inline-block;}
#monFormulaire .text input {width:210px;height: 24px;}
#monFormulaire #privacy .text input {width:180px;}
#monFormulaire #privacy label{width:280px}
#monFormulaire .birthdate select{height:24px}
#monFormulaire .text input#trueWeightusername{background-color:#e0e1e2}
#monFormulaire .text .small {width:70px;}

#monFormulaire select.jfunit { 
height:26px;
margin-left:5px;
vertical-align:bottom;
}

/**
 * @section		You
 */
#you label, #monFormulaire #you .label {
	width:175px;
	font-size:14px;
}
#monFormulaire #you input#trueWeightWeightStart, 
#monFormulaire #you input#trueWeightWeightToday, 
#monFormulaire #you input#trueWeightHeight{
    width:45px
}
#monFormulaire .birthdate {
	position:relative;
	padding:15px 0;
}
#monFormulaire .birthdate .select label {position:absolute; left:-10000px;}
#monFormulaire .birthdate .select {
	display:inline-block;
	margin-right:10px; padding:0; border:0;
}
#monFormulaire .birthdate .select #trueWeightBirthDate_m {
	width:80px;
}

/**
 * @section		History
 */
#history .text input {width:45px;}
#history .constitution .label {
	margin:0; padding:0;
	text-align:left;
}
#history .constitution .howto {
	margin:1em 0; padding-left:35px;
	font-size:12px; font-weight:bold;
}
#history .constitution li {
	display:block;
	float:left;
	width:172px;
	font-size:12px;
	text-align:center;
}

#history .constitution li p {
	margin:0;
}

#history .constitution li label {
	cursor:default;
}
#history .constitution li:first-child label {
	padding:0;
	background:url(/templates/nurun/images/visu-bones-light.jpg) no-repeat 24px 22px;
}
#history .constitution li + li label {
	padding:0;
	background:url(/templates/nurun/images/visu-bones-medium.jpg) no-repeat 24px 22px;
}
#history .constitution li + li + li label {
	padding:0;
	background:url(/templates/nurun/images/visu-bones-heavy.jpg) no-repeat 24px 22px;
}
#history .constitution li label span {
	display:block;
	width:172px;
}

#history .constitution li label span:first-child {
	padding-bottom:110px;
	text-align:center;
}
#history .constitution li label span + span {
	padding-left:50px;
	width:122px;
	text-align:left;
}

#history .constitution li input {
	position:relative;
	top:-18px;
	left:-55px;
}
/**
 * @section		Pivacy
 */

/**
 * @workaround		Clearing
 */
#monFormulaire .radios:after, #monFormulaire .birthdate:after, #history .constitution ul:after {
	display:table;
	clear:both;
	content:'';
}
#confidentiality .inner-wrapper {
    background-color: #E5EDF1;
    float: left;
    font-size: 12px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    width: 150px;
}
#contextual:after, #confidentiality .title:after {
    clear: both;
    content: "";
    display: table;
}
#confidentiality .inner-wrapper p {
    font-size: 11px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
#confidentiality .inner-wrapper a {
    color: #007E7E;
}
#monFormulaire #conditions .inner-wrapper {
    color: #666666;
    float: left;
    font-size: 11px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
	text-align:justify;


}
#monFormulaire #conditions .inner-wrapper a {
    color: #007E7E;
	display:inline;

}

div#inscription h2{font-size:30px;font-weight:normal}
div#inscription h2 strong{font-weight:bold}
div.checkbox{overflow:hidden;margin-bottom:10px;}

/**
* @Feet and inches
*/

#feet_inches #ft, #feet_inches #in {
    margin: 0 6px;
}



/******************** B : Phase entrance ********************/

#you label, #monFormulaire #you .label {
    width: 260px;
}

#monFormulaire #you div#trueWeightSkipAttackBlock {
    padding-top: 0px;
}

#monFormulaire #you input#trueWeightFollowed_1,
#monFormulaire #you input#trueWeightFollowed_2,
#monFormulaire #you input#trueWeightSince_2,
#monFormulaire #you input#trueWeightSkipAttack_0 {
    margin-left: 289px;
}


#monFormulaire #you input#trueWeightFollowed_0.radio-followed {
	margin-left:6px\9;
}

#monFormulaire #you label.radio-followed-label_0,
#monFormulaire #you label.radio-followed-label_1,
#monFormulaire #you label.radio-followed-label_2 {
    text-align: left;
    width: 180px;
}

#monFormulaire #you label.radio-since-label_0, 
#monFormulaire #you label.radio-since-label_1, 
#monFormulaire #you label.radio-since-label_2, 
#monFormulaire #you label.radio-since-label_3,
#monFormulaire #you label.radio-attack-label_0,
#monFormulaire #you label.radio-attack-label_1 {
    text-align: left;
    width: 60px;
}
#monFormulaire #you label.radio-attack-label_0,
#monFormulaire #you label.radio-attack-label_1 {
    text-align: left;
    width: 60px;
    margin-top: 15px;
}

#monFormulaire #you label#trueWeightSkipAttack_label, 
#monFormulaire #you span#trueWeightSkipAttack_desc {
    width: 100%;
    text-align: left;
    padding-left: 20px;
    font-size: 12px;
    color: red;
}

/******************** E : Phase entrance ********************/


/******************** B : Staircase ********************/
#monFormulaire #staircase .radio-label {
    width: 300px;
}
#monFormulaire #staircase label.radio_0,
#monFormulaire #staircase label.radio_1 {
    padding-right: 0;
    text-align: left;
    width: 95px;
}

#monFormulaire #staircase input#staircaseMotivated_1.radio,
#monFormulaire #staircase input#staircaseMotivated_0.radio {
    margin-left: 329px;
    *+margin-left: 325px;
}

#monFormulaire #staircase #staircaseMotivated.radios #staircaseMotivated_2.radio {
	margin-left: 5px;
}
/******************** E : Staircase ********************/