/* Localized */
body 
{
	background-color: #e3dbd2;
}
.FormFieldRequiredMarker
{
	color: Red;
	font-weight: bolder;
}

div.Content div.NotifierInfo
{
	margin: 10px 20px 5px 20px;
	border: 1px solid #A5D128;
	background-color: #ABD434;
}

div.Content div.NotifierError,
label.error
{
	margin: 10px 20px 5px 20px;
	border: 1px solid #B62F19;
	background-color: #E6797E;
}

div.Content div.NotifierError p,
div.Content div.NotifierInfo p,
label.error
{
	padding: 10px;
	color: #FFFFFF !important;
}


label.error 
{
	padding: 0px;
	margin: 5px 20px 5px 20px;
}

div.Content div.Form div.FormContainer div.DarkerBox img 
{
	margin-left: 195px;
}

div.Content div.Form div.FormContent label.InlineLabel 
{
	display: inline;
	clear: none;
	padding-left: 0.5em;
}

/*Same as original CSS from div.Content div.Form div.FormContainer div.MoreOptions */
div.Content div.Form div.FormContainer div.DarkerBox
{
	clear: both;
	background-image: url('../img/Panel_03.gif');
	background-position: left top;
	background-repeat: repeat-y;
	width: 632px;
}

div.Content div.Form div.FormContainer div.DarkerBox div.DarkerBoxTop
{
	background-image: url('../img/Panel_01.gif');
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 9px;
}

div.Content div.Form div.FormContainer div.DarkerBox div.DarkerBoxBottom
{
	background-image: url('../img/Panel_02.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 10px 10px 19px 10px;
}

img.CurrentUserSmallAvatar 
{
	float: right;
	position: relative;
}

div.InviteContent div.Title 
{
	padding-left : 5px;
}

div.InviteContent div.Title img 
{
	float: left;
	padding-right: 5px;
}
/* div#ChatContacts --> div.Tab */
div.InviteContent div.Tab div h4 {
	display: none;
}

div.InviteContent div.Tab h4
{
	display: none;
}

div.InviteContent div.Tab ul li
{
	display: inline;
}

div.InviteContent div.Tab
{
	border: 2px solid #E4E4E4;
}

div.InviteContent div.Tab div.Form label
{
	margin: 10px 0px;
	display: block;
	/*color: #6F7A36;*/
}

div.Content div.InviteContent div.Tab div.Form
{
	padding: 20px;
}

div.InviteContent div.Tab div.Form input
{
	width: 100%;
	border: 2px solid #E4E4E4;
	font-size: 1.2em;
}
div.InviteContent div.Tab div.Form input.hasDatepick
{
	width: 90%;
	margin-right: 5px;
}
div.InviteContent div.Tab div.Form span.Submit
{
	padding-top: 20px;
	display: block;
	text-align: right;
	clear: both;
}

div.InviteContent div.Tab div.Form span.Submit a.Button
{
	color: #6F7A36;
	background-image: url('../img/ButtonGreen_03.gif');
}

div.InviteContent div.Tab div.Form span.Submit a.Button span.LeftPart
{
	background-image: url('../img/ButtonGreen_01.gif');
}

div.InviteContent div.Tab div.Form span.Submit a.Button span.RightPart
{
	background-image: url('../img/ButtonGreen_02.gif');
}

div.InviteContent div.Tab div.Form span.Submit a.Button:hover
{
	background-image: url('../img/ButtonGreenAct_03.gif');
}

div.InviteContent div.Tab div.Form span.Submit a.Button:hover span.LeftPart
{
	background-image: url('../img/ButtonGreenAct_01.gif');
}

div.InviteContent div.Tab div.Form span.Submit a.Button:hover span.RightPart
{
	background-image: url('../img/ButtonGreenAct_02.gif');
}
/* end of div#ChatContacts --> div.Tab (ommited part about radio buttons)*/

/* Textbox height change */
div.Content div.Form div.FormContainer span.TextBox input,
div.Content div.Form div.FormContainer span.SmallTextBox input, 
div.Content div.Form div.FormContainer span.SmallTextBox select, 
div.Content div.Form div.FormContainer span.TextArea textarea {
	font-size:14px;
}

div.Content div.Form div.FormContainer span.TextBox input,
div.Content div.Form div.FormContainer span.SmallTextBox input,
div.Content div.Form div.FormContainer span.SmallTextBox select {
	margin-top:14px;
}

div.Content div.Form div.FormContainer span.SmallTextBox select {
}
div.Content div.Form div.FormContainer input,
div.Content div.Form div.FormContainer select,
div.Content div.Form div.FormContainer textarea {
background-color:#FFFFFF;
border:medium none;
}

div.Content div.Form div.FormContainer span.SmallTextBox select {
margin: 14px 11px 0;
width: 155px;
}
div.Content div.Form div.FormContainer select {
background-color:#FFFFFF;
border:medium none;
}
div.Content div.Form div.FormContainer span.TextBox, div.Content div.Form div.FormContainer span.SmallTextBox 
{
	height: 45px;
}

/* Eloignement du titre du formulaire de la bordure bleue */
div.FormContainer 
{
	padding-top: 10px;
}

/* Style FormHelperText */
p.HelperText 
{
	font-size: smaller;
	padding-left: 4px;
}

/* Lien mot de passe oublie a gauche du span submit */
div.Content div.Form div.FormContainer a.BeforeSubmit + span.Submit 
{
	clear: right;
}

a.BeforeSubmit {
	float:left;
	line-height:43px;
}

/* Corrige espacement vertical des boutons sur la page d'invitation */
div.InviteContent p.ShowMessage {
	padding-top:1px;
}

/* Copied to textarea from input */
div.InviteContent div.Tab div.Form textarea {
	border:2px solid #E4E4E4;
	width:100%;
}

/*Re-aligned help text with new padding*/
div.Content div.Form div.Help 
{
	padding-top: 12px;
}

/* User Profile page - date box in form */
div.InviteContent div.Tab div.Form input.hasDatepicker 
{
	margin-right: 6px;
	width: 180px;
}

/* Making tab bar of variable tab count */
div.InviteContent ul.ImportFrom li a span {
	border-left:2px solid #E4E4E4;
}
div.InviteContent ul.ImportFrom li.FirstTab a span {
	border-left:0;
}

/* Styling input type=file */
div.fileinputs {
	position: relative;
}

div.Content div.Form div.FormContainer span.FileTextBox
{
	height: 60px;
}


div.fakefile {
	position: absolute;
	top: 0px;
	height: 20px;
	left: 0px;
	z-index: 1;
	line-height: 90%;
	width: 350px;
}

input.file {
	position: relative;
	text-align: right;
	height: 20px;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width: 300px !important;
}
div.Content div.Form div.FormContainer div.fakefile a.Button {
	background-image:url(../img/ButtonBlue_03.gif);
}
div.Content div.Form div.FormContainer div.fakefile a.Button span.LeftPart {
	background-image:url(../img/ButtonBlue_01.gif);
}
div.Content div.Form div.FormContainer div.fakefile a.Button span.RightPart {
	background-image:url(../img/ButtonBlue_02.gif);
}
div.fakefile a.Button {
	font-weight:normal;
}
div.fakefile input 
{
	width: 140px !important;
}
div.Content div.Form div.FormContainer span.FileTextBox input {
	width: auto;
}

div.Content div.Form div.FormContainer span.FileTextBox {
	background-image:url(../img/SmallFileBlueBox.gif) !important;
}

div.Tab input.file 
{
	height: auto;
}

/* Adding bullets to e-mail list, and help page */
ul.emailList li,
ul.normalList li
{
	display: list-item !important;
	padding-left: 10px;
	list-style-type: disc;
	padding-left:10px;
}
ul.normalList 
{
	margin-left: 30px;
}

/* Password forgotten link */
a.PasswordForgottenLink 
{
	font-size: small;
}

a
{
	color: #000;
}

a:hover
{
	color: #00f;
}

a.Button:hover
{
	color:#3A7697;
}

/* User profile label */
div.InviteContent div.Tab div.Form label.InlineLabel 
{
	display: inline;
	padding-left: 10px;
}

div.InProgressContent div.InProgressContent,
div.InviteContent div.InProgressContent
{
	padding: 0;
}

div.InviteContent div.Panel1 div.InProgressContent h3 {
	margin-bottom: 10px;
}

div.InProgressContent div.EventInfo p.Total.smallertext,
.smallertext 
{
	font-size: 0.8em;
}

/* Fix contribution page blend of blue form on invite header */
div.Content div.InviteContent div.Form {
padding:0px;
}

/* Fix tab addresses mail */

div.InviteContent div.greenForm div.Form 
{
	padding: 20px;
}

/*Create cagnotte columns*/
div.ColumnContainer  div.left 
{
	float: left;
	width: 65%;
}

div.ColumnContainer  div.right
{
	float: left;
	width: 25%;
}

/*personalize cagnotte columns*/
div.ColumnContainer2 
{
	width: 612px;
}
div.ColumnContainer2 div.left
{
	float: left;
	width: 65%;
}

div.ColumnContainer2 div.right
{
	float: right;
	width: 35%;
}

div.ColumnContainer2 div.right label 
{
    margin-bottom: 5px;
}


/*Date picker fixes*/
.ui-datepicker
{
    z-index: 2000;
}

/*Cagnotte list empty item*/
#AucuneCagnotteVisible 
{
	text-align: center;
}

/* Event Icons */

div.InProgressContent div.Recent table tr td.Promise.Invitation
{
	background-image: url('../img/events/add.png');
}
div.InProgressContent div.Recent table tr td.Promise.OnlinePayments,
div.InProgressContent div.Recent table tr td.Promise.SecretOnlinePayment
{
	background-image: url('../img/events/cake.png');
}
div.InProgressContent div.Recent table tr td.Promise.WallMessage
{
	background-image: url('../img/events/comment.png');
}
div.InProgressContent div.Recent table tr td.Promise.WillNotContribute
{
	background-image: url('../img/events/PorteMonet.png');
}
div.InProgressContent div.Recent table tr td.Promise.Expenditure
{
	background-image: url('../img/events/gift.png');
}

ul.ImportFrom 
{
	background-color: #E4E4E4;
}

/* Make user option buttons any width */
div.Footer div.OptionsContainer div.Options ul li a 
{
	width: auto;
}

/* Backoffice tables */

table.backoffice
{
	margin-top: 20px;
	margin-left: 10px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 95%;
	font-size: 0.90em;
}

table.backoffice th
{
	text-decoration: underline;
}

table.backoffice tr.alternate
{
	background-color: #F3F3F3;
}

table.backoffice tr td
{
	padding: 5px;
}

table.backoffice tr td.Date
{
	padding-top: 15px;
	color: #A8A8A8;
	border-bottom: solid 1px black;
}

tr.event-children 
{
	border-left: solid 1px #F3F3F3;
}
td
{
	overflow: hidden;
}
/* jQuery Tool tips */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #6F7A36;
	background-color: #B7E736;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div  
{
	font-size: 0.9em;
	color: #6F7A36;
	margin: 0; 
}

/* Nouveau texte de la homepage qui prends trop de place */
div.Content div.DescriptionContent p.DescriptionContentText 
{
	font-size: 0.8em;
}

/* Badge cagnotte terminee */
div.FinishedFundraising
{
	background: url('../img/Badge_Cagnotte_terminee.jpeg') no-repeat left top;
	width: 120px;
	height: 120px;
	clear: both;
	float: right;
}
span.FinishedFundraising 
{
	color: rgb(208, 82, 88);
	font-size: 1.2em;
}

/* Annuler le double padding sur la page de personalisation */
div.Content div.InviteContent + div.Form  {
padding-top:0px;
}

/* Logos partenaires */
div.Content div.WhereUseGains ul li a.Fnac
{
	background-image: url('../img/Partners/Fnac_small.gif');
	height: 83px;
	width: 100px;
}
div.Content div.WhereUseGains ul li a.Acteursdelasolidarite
{
	background-image: url('../img/Partners/Acteursdelasolidarite_small.jpg');
	height: 33px;
	width: 100px;
}
div.Content div.WhereUseGains ul li a.BrandAlley
{
	background-image: url('../img/Partners/BrandAlley_small.jpg');
	height: 21px;
	width: 100px;
}
div.Content div.WhereUseGains ul li a.Bulledezen
{
	background-image: url('../img/Partners/Bulledezen_small.jpg');
	height: 38px;
	width: 100px;
}
div.Content div.WhereUseGains ul li a.CCB
{
	background-image: url('../img/Partners/CCB_small.jpg');
	height: 66px;
	width: 100px;
}
div.Content div.WhereUseGains ul li a.ConsoGlobe3
{
	background-image: url('../img/Partners/ConsoGlobe3_small.gif');
	height: 50px;
	width: 100px;
}
div.Content div.WhereUseGains ul li a.Delamaison
{
	background-image: url('../img/Partners/Delamaison_small.jpg');
	height: 25px;
	width: 100px;
}
div.Content div.WhereUseGains ul li a.WantedParis
{
	background-image: url('../img/Partners/WantedParis_small.jpg');
	height: 23px;
	width: 100px;
}

/* Add more items design */
.ShowMoreItems 
{
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 5px;
	border-top: dashed 1px #6F7A36;
}
.ShowMoreItems a 
{
	color: #6F7A36;
}

/* CGU */
.CGU h4
{
    padding-top: 1em;
    font-size: 1.1em;
}
.CGU h5
{
    padding-top: 1em;
    font-size: 1em;
}
.CGU dl
{
    margin: 20px 0;
    padding: 0;
    clear: both;
}
.CGU dt
{
    float: left;
    margin: 0 0 0 0;
    padding: .5em;
    font-weight: bold;
    width: 200px;
}
/* commented backslash hack for mac-ie5 \*/.CGU dt
{
    clear: both;
}
/* end hack */.CGU dd
{
    margin: 0 0 0 200px;
    padding: .5em;
}
.CGU .HereAfter
{
    text-decoration: underline;
}
.CGU p
{
    padding-top: 0.5em;
}
.CGU ul li
{
    display: list-item !important;
    padding-left: 10px;
    list-style-type: disc;
    padding-left: 10px;
}
.CGU ul ul li 
{
	list-style-type: square;
}
.CGU ul ul ul li
{
	list-style-type: circle;
}

.CGU ul li.NoBullet
{
    list-style-type: none;
}
.CGU ul
{
    margin-left: 30px;
}

/* How does it work videos */
.VideoContainer,
.TwoColumnsContainer 
{
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}
div.VideoContainer > div,
div.TwoColumnsContainer > div
{
	float: left;
	text-align: center;
	width: 400px;
    margin-top: 2em;
}
div.VideoContainer > div.Right,
div.TwoColumnsContainer > div.Right 
{
	padding-left: 20px;
}

/* Homepage */
label.FilterActive 
{
	text-decoration: line-through;
}

/* Statistics page */

.Statistics {
    float: left;
    border: solid 1px #aaa;
    margin: 5px;
    padding: 5px;
}
.Statistics h3 
{
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-image: url('/Content/img/Moins.gif');
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
	border-bottom: solid 1px #ccc;
}
.Statistics h3.Closed
{
	border-bottom: none;
    background-image: url('/Content/img/Plus.gif');
}

h3.Closed + div, h3.Closed + object
{
	display: none;
}

div.choices div, 
div.choices span 
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

div.choices label 
{
    margin-bottom: 5px;
}

div.choices .chosen
{
    border: solid medium #ACD538;
    cursor: pointer;
}

div.choices .notChosen
{
    border: solid medium #D4EEFC;
}

div.choices .notChosen:hover
{
    border: solid medium #C9E56A;
    cursor: pointer;
}

/* Step arrow */

.step_arrow_container
{
	text-align: left;
	margin: 20px 0 10px 0px;
	font-family: 'Lucida Grande','Verdana',Sans-Serif;
	/*width: 620px;*/   
	/*float: left;*/
}

.step_arrow
{
	height: 30px;
	line-height: 30px;
	display: inline-block;
	background-color: #accf1f;
	margin: 0;
	padding: 0;
	margin-left: 0px;
	color: #ffffff;
}

div.step_arrow_container a:hover
{
	color: #F3F3F3;
}

div.step_arrow_container > a.step_arrow /* Hack IE */
{
	margin-left: 0px;
	line-height: 30px;
}

div.step_arrow_container > a.step_arrow *
{
	cursor: default;
}

.step_arrow span
{
	height: 100%;
	display: block;
	font-size: 16px;
	font-weight: normal;
}

.round_number
{
	text-align:center;
	margin-left: 10px;
	width: 23px;
	background: url(../img/round_number_nselected.gif) 0px center no-repeat;
	float:left;
}

.arrow_middle
{
	padding: 0 40px 0 45px;
	background: url(../img/arrow_green2_nselected_nselected.gif) right center no-repeat;
	text-align:left;
}

.arrow_front
{
	padding: 0 50px 0 45px;
	background: url(../img/arrow_green2_front_only.gif) right center no-repeat;
	text-align:left;
}

.step_arrow > .arrow_middle
{
	padding: 0 40px 0 45px;
	background: url(../img/arrow_green2_nselected_nselected.gif) right center no-repeat;
	text-align:left;
}

.step_arrow > .arrow_front
{
	padding: 0 50px 0 45px;
	background: url(../img/arrow_green2_front_only.gif) right center no-repeat;
	text-align:left;
}

.selected
{
	background-color: #c8ea3f;
}

.selected .round_number
{
	background: url(../img/round_number_selected.gif) 0px center no-repeat;
}

.selected .arrow_middle
{
	background: url(../img/arrow_green2_selected_nselected.gif) right center no-repeat;
}

.selected .arrow_front
{
	background: url(../img/arrow_green2_front_selected_only.gif) right center no-repeat;
}

.before_selected .arrow_middle
{
	background: url(../img/arrow_green2_nselected_selected.gif) right center no-repeat;	
}