/*
 * Sotokolan Css
 */ 

* {
    margin: 0;
}

html, body {
    height: 100%;
  //  width: 620px; 
    margin-right: auto; 
    margin-left: auto; 
    min-height: 1200px; 
}

body {
    font-family: "lucida grande", tahoma,verdana,arial,sans-serif; 
    font-size: 16px; 
    text-align: center; 
    background-color: #fffffff;
    color: #ffffff; 
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px;
    padding-bottom: 20px; 
    
}

.footer, .push {
    height: 4em;
}

div#title {
    background-color: #3B5998; 
    color: #ffffff; 
    padding-bottom: 10px; 
    width: 100%; 
}

div#title h1 {
    font-size: 72px; 
}

div#title h2 {
    font-size: 14px; 
    
}


div#contents {
    width: 900px; 
    margin: auto; 
    //background-color: #627AAD; 
    height: 100%; 
    color: #000000; 
}

div#sotokolan-description {
    margin: auto; 
    float: right; 
    padding-top: 0px; 
    padding-bottom: 20px; 
    text-align: center;   
    height: 255px; 
    padding-left: 20px; 
    margin-top: 0px; 
    
}


div#sotokolan-description #like-button {
     overflow:hidden; 
     width:292px; 
     height: 255px; 
     padding:12px; 
     border: 0px; 
     
}

div#sticker-target {
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 

    -webkit-box-shadow: 0 0 4em #3B5998;
    -moz-box-shadow: 0 0 4em #3B5998;  

    width: 900px; 
    margin: auto; 
    margin-top: 50px; 
    text-align: center; 
    margin-bottom: 50px;
    //border: 1px dashed #627AAD; 
    padding: 10px; 
    margin-top: 60px ;
}

div#sticker-target input {
    margin-top: 10px; 
} 

div#sticker-target table.sticker-parameters-table {
    width: 890px; 
    
}

div#sticker-target td#item {
    width: 425px; 
}

div#sticker-target td#item input {
    width: 600px; 
    font-size: 30px; 
}

div#sticker-target td#button-generate input {
    height: 45px; 
    font-size: 20px; 
}

div#sticker-target td#button-test input {
    height: 45px; 
    display: none; 
    font-size: 20px; 
}


div#sticker-target td#warning {
    font-size: 16px; 
    color: red;
    

}

div#sticker-target td#parameter-example {
    font-size: 10px; 
}

div#sticker-target td#parameter-test {
    font-size: 14px; 
}


div#example {
    text-align: justify; 
    padding-top: 40px; 
    margin-bottom: 40px; 
    //height: 460px;
}

div#example img#example-img {
    width: 250px; 
    float:left; 
    margin-right: 30px;
    margin-bottom: 10px; 
}


div#compatibility {
    display: block; 
    width: 100%; 
    margin: auto; 
    display: none; 
    text-align: justify; 
}

div.footer {
    //font-size: 11px; 
    height: 40px; 
    text-align: left; 
    width: 900px; 
    margin: auto; 
    color: #000000; 
}


div#credits-left {
    width: 400px; 
    display: float; 
    float: left; 
    margin: 0; 
    padding-top: 10px ;
   
}

div#credits-right {
    display: float; 
    float: right; 
    padding-top: 10px ;
 
}


a {
    color: #000000;
    text-decoration: none; 
}

a:hover {
    color:  #3B5998; 
    text-decoration: underline; 
}


/* Comic strip */

div#usage {
    text-align: left;
    height: 300px; 
}

div#usage div#comics {
    margin: auto;
    margin-top: 0px; 
    width: 840px; 
}

div#usage div#comics div.step {
    margin: auto; 
    width: 280px; 
    float: left; 
}

div#usage div#comics img.frame {
    margin: 15px; 
}



/* Locales */

div#locale {
    padding-top: 20px; 
}
#locale-en {
    background-image: url(images/flag_en.jpg);
    background-repeat: no-repeat; 
    width: 40px; 
    height: 20px ;
    color: transparent;
    border-style: none; 
    cursor: pointer; 
}

#locale-fr {
    background-image: url(images/flag_fr.jpg);
    background-repeat: no-repeat; 
    width: 35px; 
    height: 20px ;
    color: transparent;
    border-style: none; 
    cursor: pointer; 
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

/*

body {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
    font-size: 16px; 
    width: 620px; 
    margin-right: auto; 
    margin-left: auto; 

}

html, body {
    height: 100%;
}


#container {    
    min-height: 600px; 
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;

}

div#title{
    text-align: center; 
}


div#sticker-target {
    width: 500px; 
    margin: auto; 
    margin-top: 50px; 
    text-align: center; 
//    border: 2px solid blue; 
    margin-bottom: 50px;
    text-align: center; 
}

div#sticker-target table.sticker-parameters-table {
    width: 100%; 
}




div#sotokolan-process {
    width: 100%;
    height: 200px; 
    display: none; 
}

div#sotokolan-process div.step {
    width: 30% ; 
    float:left; 
    margin: auto; 
}


div#credits {
    width: 620px; 
    font-size: 11px; 
    height: 0px; 
}


*/