/******* FORM *******/
/* Forms */
form {
/*    clear: both;*/
margin-right: 20px;
padding: 0;  
width:   auto;
    }
    
.wallForm fieldset{
width: 100px;
    }

form .formHeader {
width:         600px;
margin-bottom: 5px;
font-size:     16px;
line-height:   1.8em;
color:         gray;
    }

form .formMarginLeft {
margin-left:    60px;
padding-bottom: 1px;
    }

fieldset {
border:  0px solid #ccc;
padding: 10px 0px 0px 0px;

    }

fieldset h1, fieldset legend  {
    font-size: 30px;
color:     #4E4C4C;
    }

fieldset fieldset {
margin-top:    0;
margin-bottom: 0;
padding:       0 10px;
    }

fieldset fieldset legend {
font-size:   120%;
font-weight: normal;
    }

fieldset fieldset div {
clear:  left;
margin: 0 20px;
    }

form div {
/*clear: both;*/
/*padding: .5em;*/
vertical-align: text-top;
    }

form div .input {
color: #747272;
    }

form div .required {
color:       #333;
font-weight: bold;
    }

form div .submit {
border:     0;
/*clear: both;*/
margin-top: 10px;
margin-left: 0px;
    }
 
label {
display:   inline;
font-size: 110%;
padding-right: 20px;
    }

input, textarea {
/*clear: both;*/
/*font-size: 140%;*/
font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
padding: 2px;

    /*width: 80%;*/
    }

input:focus, textarea:focus {
border: 1px solid #45C2DE;
    }

select {
clear:     both;
font-size: 120%;
vertical-align: text-bottom;
color: #5b5959;  
    }

select[multiple = multiple] {
width: 100%;

    }

option {
font-size: 120%;
padding: 0 3px;
    }

input[type = checkbox] {
clear: left;
float: left;
margin: 0px 6px 7px 2px;
width: auto; 
    }

input[type = radio] {
width: auto;

  
    }

#flag input {
margin-top: 10px;  
margin-right: 10px;  
}
#topType{
line-height: 2em;
display: inline;
}

#topType label{
display: inline;
font-weight: normal;
font-size: 13px;
padding-left: 5px;
color: #444444;

}

#radio {
width: 350px;
color: #444444;
height: 140px;
    }

#radio label {
display:  inline;
position: absolute;
    }
    


#radio div {
text-align: center;
float: left;
line-height: 1.4em;
padding: 0;
width: 160px;
    }

#radio span {
text-align: center;
padding: 0px 0 0 0;
margin:  0px;
color:   #797979;
font-weight: 700;
line-height: 1.4em;
font-style: normal;
font-size: 110%;
    }

#radio div.public {
padding: 5px;
    }

#radio .active {
background-color: #E4E1DC;
border: 1px solid #45C2DE;
    }

#radio .inactive {
border: 1px solid #C0C0C0;
    }

#radio div.personnal {
padding: 5px;
float: right;
    }

#radio div.description {
padding:     10px 0px 10px 0px;
margin-left: 2px;
width:       155px;
font-style:  italic;
    }

input[type = submit] {
display:   inline;
font-size: 110%;
padding:   2px 5px;
width:     auto;
vertical-align: bottom;
    }


  
form label {
display: block;
color: #444444;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
    }
    

form input {
width: 290px;
padding: 6px;
color: #747272;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 20px;
border: 1px solid #cecece;
    }

#remember_me input {
width: auto
    }

form input.error {
background:   #f8dbdb;
border-color: #e77776;
    }

form textarea {
width: 450px;
height: 80px;
padding: 6px;
color: #747272;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 20px;
border: 1px solid #cecece;
    }


form textarea.error {
background:   #f8dbdb;
border-color: #e77776;
    }

.error {
color: #e77776;
    }

form div {
padding-bottom: 15px;
    }

form div span {
margin-left:   10px;
margin-right: 10px;
color:         #b1b1b1;
font-size:     15px;
font-weight:   400;
font-style:    italic;
    }

form div span.error {
color: #e46c6e;
    }

   
form #postComment {
 background: url(post_comment.png) no-repeat left;       
height: 30px;
width: 120px;
border: 0;
cursor: pointer;
    }
    
form #postComment:hover {
 background: url(post_comment.png) no-repeat right;       
    }
    
 form #submit {
 background: url(submit.png) no-repeat left;       
height: 30px;
width: 80px;
border: 0;
cursor: pointer;
    }
    
form #submit:hover {
 background: url(submit.png) no-repeat right;       
    }
    
form #update {
 background: url(update.png) no-repeat left;       
height: 30px;
width: 80px;
border: 0;
cursor: pointer;
}
    
form #update:hover {
 background: url(update.png) no-repeat right;       
 }
 
form #signup {
 background: url(signup.png) no-repeat left;       
height: 30px;
width: 80px;
border: 0;
cursor: pointer;
}
    
form #signup:hover {
 background: url(signup.png) no-repeat right;       
 }
 
 form #login {
 background: url(login.png) no-repeat left;       
height: 30px;
width: 80px;
border: 0;
cursor: pointer;
}
    
form #login:hover {
 background: url(login.png) no-repeat right;       
 }
 
  form #create {
 background: url(create.png) no-repeat left;       
height: 30px;
width: 80px;
border: 0;
cursor: pointer;
}
    
form #create:hover {
 background: url(create.png) no-repeat right;       
 }
 
  
  form #add_favorite {
 background: url(add_favorite.png) no-repeat left;       
height: 30px;
width: 120px;
border: 0;
cursor: pointer;
}
    
form #add_favorite:hover {
 background: url(add_favorite.png) no-repeat right;       
 }
 
  form #send {
 background: url(send.png) no-repeat left;       
height: 30px;
width: 80px;
border: 0;
cursor: pointer;
}
    
form #send:hover {
 background: url(send.png) no-repeat right;       
 }


    
form #suggest {
padding: 10px 0px 15px 119px;
margin-top: -15px;
width: 119px;
height: 50px;  
border:0; 
cursor: pointer;
background: url(button-suggest.png) no-repeat left;  

    }

form #suggest:hover {
background: url(button-suggest.png) no-repeat right;   
    }
    

form input.suggestion{
margin-left: 200px;
padding: 7px;
border: 1px solid #00A9DF;
width: 300px;
}

form input#searchButtonHeader {                  
background: url(search.png) no-repeat;
border:0;
margin:1px 10px 0 -5px;
height: 17px;
width: 17px;
position:absolute;
cursor: pointer;
padding: 0;
    }

div #searchHeader {
width:190px; 
float:right;
}
    
div #searchHeader.search-profile {

margin-right: 70px;
    }

div #searchHeader form {
padding-left: 0px
    }

div #searchHeader input {
font-size: 12px;
    }

#searchfield {
width:        170px;  
margin-right:-20px;
margin-top:-4px;
background: url(bg_search.jpg) no-repeat 1px -1px;      
border:0;
    } 
    

 #searchfield_friend {
height:       14px;
margin-right: 5px;
width:        195px;
    }

form #search {
background: url(search_smokintops.png) no-repeat center;  
border:0;
padding: 10px 20px 10px 30px;   
cursor: pointer;
height: 40px;
width: 50px; 
    }
    


#validate #validation_button {
width: 120px;
padding: 3px;
color: #949494;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
margin-top: 5px;
margin-bottom: 0px;
border: 1px solid #cecece;
    }

#profile .form-profile legend {
padding-top: 10px;
    }

#profile .form-profile input {
padding: 3px;

font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
border: 1px solid #cecece;
    }

#validation_button.active {
background: #00A9DF;
cursor: pointer;
    }

#validation_button.active:hover {
background: #F38630;
    }



#validate {
float: right;
border: 1px solid #b8b5b5;
padding: 0px 0px 10px 5px;
margin-right: 10px;
background-color: #E5EBF1;
color:  #4a4a4a; 
line-height: 1.7em;
font-size: 12px;
width: 265px;
text-align: center;
    }

#error {
margin-bottom: 20px;
border: 1px solid #efefef;
    }

#error ul {
list-style: square;
padding: 5px;
font-size: 15px;
    }

#error ul li {
list-style-position: inside;
line-height: 1.6em;
    }

#error ul li strong {
color: #e46c6d;
    }

#error.valid ul li strong {
color: #93d72e;
    }
    
#fbAddUser {
position:absolute;
margin-top: -185px;
margin-left: 450px;
font-size: 14px;   
font-weight: bold; 
color: #606060;   
}

#fbAddUser.add {
margin-top: -250px;
}

#fbAddUser .fbButton{

margin-left: 20px;
margin-top: -3px;
position:absolute;
}

.step1Small {
background: url(number1_small.png) no-repeat left;  
padding: 8px 0 6px 24px;  
}
/******* /FORM *******/