/*==============================================================================
# LTB Self Service Password
#
# Copyright (C) 2009 Clement OUDOT
# Copyright (C) 2009 LTB-project.org
#
# This program is free software; you can redistribute it and/or
# modify it under the terms of the GNU General Public License
# as published by the Free Software Foundation; either version 2
# of the License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU General Public License for more details.
#
# GPL License: http://www.gnu.org/licenses/gpl.txt
#
#==============================================================================*/

* { 
padding: 0;
margin : 0;
}

/* HTML, BODY added for Sticky Footer */
HTML, BODY {
height : 99%;
}

BODY {
font-family:Arial, Helvetica, Verdana;
color:#000;
background:#fff;
margin: 0 0 0 0;
padding:0 0 0 0;
}

H1, H2, H3, H4 {
margin:0;
padding:0 0 0 0;
text-decoration: none;
}

H2 {
padding:5px;
font-size:14pt;
}


UL {
font-size: 1em;
font-weight: normal;
text-align: left;
color: #888;
margin-left : 30px;
margin-top: 1em;
list-style-image: url('images/li-arrow.png');
}

UL.sublist {
margin-top: .25em;
}

LI {
color: #888;
text-decoration: none;
}

DIV.help UL LI A {
text-decoration:none;
font-weight: normal;
color: #0078ef;
}

A:link, A:visited  {
text-decoration:none;
font-weight: normal;
color:#0078ef;

}

A:hover {
color: #009def !important;
}

/* Rounded corner 
form, DIV, h1 {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
*/

.slide-container {
	background-color: #ffffff;
	border: 1px solid #ddd;
	padding: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	text-align: center;
	max-width: 600px;
	width: 90%;
}


DIV#header {
height: 32px;
padding: 0px 0 32px 0px;
margin: 0px 10px 0px 0px;
font-size: 1.25em;
font-weight: normal;
text-align: center;
;
/*background-color:#3B5661;
border:2px solid #7AB5AC; 
color:#0059b3;
*/
color : #888;
border-bottom :1px solid #eee;  

}

DIV#header1 {
position: static;
width: 100%; 
margin: 0 auto;
text-align:center;
padding:0 0 30px 0;
background-color:#222222;
font-family:Verdana, Arial, Helvetica, sans-serif;
h1 #header p{margin:20;padding:0};
#logo {display:block;float:left;width:100%;margin-top:50px;}
h1{margin:0 0 7px 0; font-size 80px; font-family:Georgia, "Times New Roman",Times, serif;}
h1 a{color:#F2F3F3; background-color:#222222;}
}

DIV#header A#header-link {
display: block;
font-size: 100;
padding-left: 11px;
padding-top : 19px;
margin-left: 10px;
margin-top: 10px;
color: #888;	
}


/* Selector added for Sticky Footer */
DIV.page-wrap {
min-height: 100%;
margin-bottom: -40px	
}

/* Selector added for Sticky Footer */
.page-wrap:after {
content: "";
display: block;
}


DIV#content {
margin: 0;
padding:0;
background:#fff;
/*border:1px solid #0078ef;*/
/*text-align:center; */
}


	


DIV.form-body {
width: 100%;
height: 100px;
padding: 0 0 0 0px;
margin: 0 0px 0px 0px;
font-weight: normal;
text-align: left;
}

DIV.warning, DIV.critical, DIV.ok, DIV.info, DIV.pleaseread {
width: 100%;
height: 62px;
padding: 0 0 0 0px;
margin: 0 0px 0px 0px;
font-weight: normal;
text-align: left;
border-bottom :1px solid #eee; 
}

DIV.critical {
background-color: #FDD;	
}

DIV.warning {
background-color: #ffefe2;	
}

DIV.pleaseread {
background-color: #FEE;	
border-bottom-color: #DDD;
}


/* FORM INPUT[type=submit] .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0;
} */

/* Message criticity */


DIV.result .flag {
width: 60px;
height: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-right: 1px solid #eee;
background-color: #fff !important;
color: #888;
float: left;
}

DIV.result .flag.ok  {
background:url("images/ok_48.png") center no-repeat; 
}
DIV.result .flag.warning  {
background:url("images/warning_48.png") center no-repeat; 
}
DIV.result .flag.critical  {
background:url("images/error_48.png") center no-repeat; 
}
DIV.result .flag.info  {
background:url("images/info_48.png") center no-repeat; 
}
DIV.result .flag.pleaseread  {
background:url("images/hand_sign_48.png") center no-repeat; 
}

DIV.warning H2, DIV.ok H2, DIV.critical H2, DIV.info H2, DIV.pleaseread H2 {
/* letter-spacing: .25px; */
height: 100%;
text-align: -webkit-match-parent;
font-size: 1.125em;
font-weight: normal;
margin: 0 0 0 0;
padding: 21px 0 0 10px;
color: #0000FF;
display: inline-block;
}

DIV.result H2.ok {
text-align: -webkit-match-parent;
font-size: 1.125em;
font-weight: 700;
margin: 0 0 0 0;
padding: 20px 0 0 6px;
color: #888;
display: inline-block;
}

DIV.pleaseread H2 {
color: #900;	
}

/* Policy */
DIV.help {
padding: 20px 0 20px 10px;
margin: 0 0px 0px 0px;
font-size: 1em;
font-weight: normal;
text-align: left;
border-bottom :1px solid #eee; 
background: url("images/help-gradient-lightest.png") top repeat-x;
}

DIV.help#specifics {
padding-top: 5px;
background: none;
}

DIV.help P { 
color: #666;
margin: 0 0 0 10px;
width : 40%;
}

DIV.help#help_naaf P { 
color: #666;
margin: 0 0 0 10px;
width : 60%;
}

DIV.help P A { 
color:#0078ef;
}

DIV.help P EM { 
color:#444;
}

DIV.help UL {
}

/* reCAPTCHA */
DIV#recaptcha_widget_div {
box-shadow:0 0 0;
width: 318px;
margin: 20px 0 20px 20px;
}

DIV#footer {
padding: 15px 0 0 10px;
margin: 0 0px 0px 0px;
font-size: 1em;
font-weight: normal;
txt-align: left;
border-top :1px solid #eee;

background: url("images/help-gradient-lightest.png") top repeat-x;
}

/* Selectors added for Sticky Footer */
DIV#footer, .page-wrap:after {
	height : 40px;
}


DIV#footer H2 A:link,  { 
color : #444;
font-size: .75em;
}

DIV#footer P { 
color: #888;
margin: 0 0 0 10px;
width : 50%;
}

DIV#footer P#copy { 
color: #AAA;
font-size: .75em;
margin: 0 0 0 10px;
width : 50%;
font-weight: normal;
}

DIV#footer P#copy A { 
color:#0078ef;
margin: 0 0 0 0;
padding : 0 15px 0 0;
width : 50%;
font-weight: normal;
/* background: url('images/li-arrow.png') right center no-repeat; */
}


FORM {
display:block;
width : 98%;
overflow:visible;
padding: 20px 0;
margin:10px 0 0 30px;
text-align:left;
}

FORM SELECT {
width: 230px;
}

FORM INPUT[name=login],FORM INPUT[type=password],FORM INPUT[type=confirm],FORM INPUT[type=answer],FORM INPUT[name=mail], INPUT.signup, SELECT.signup {
box-shadow: none;
    border: 1px solid #b3b3b3;
	background-color: #FFF;
	    border: 1px solid #b3b3b3;
    display: block;
    width: 500px;
    height: 36px;
    padding: 0 0 0 5px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background: url("images/help-gradient-trans.png") top repeat-x;
    border: 1px solid #b3b3b3;
    border-radius: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-left: 20px;
	margin-bottom: 10px;

}

TEXTAREA {
box-shadow: none;
    border: 1px solid #b3b3b3;
	background-color: #FFF;
	    border: 1px solid #b3b3b3;
    display: block;
    width: 500px;
    height: 108px;
    padding: 0 0 0 5px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #b3b3b3;
    border-radius: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-left: 20px;
	margin-bottom: 10px;

}

FORM INPUT[name=login],FORM INPUT[type=password],FORM INPUT[type=confirm],FORM INPUT[type=answer],FORM INPUT[name=mail]:focus {
	background-color: rgb(250, 255, 189);
	color: rgb(0, 0, 0);
}


FORM LABEL {
	display: block;
	margin: 0 0 5px 20px;
}
INPUT, BUTTON, SELECT, TEXTAREA {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.form-control {
    display: block;
    width: 100px;
    height: 36px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #b3b3b3;
	margin-left: 20px;
}

INPUT.btn, BUTTON {
	display: block;
    height: 36px;
	margin: 0 0 5px 20px;
	width: 20em;
    padding: .25em;
    color: #fff;
    background-color: #0078ef;
    border-color: #0078ef;
	border-width: 1px;
	border-top-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0;
}

DIV.form-body TABLE {
width : 60%;
   border-collapse: collapse;
}

TABLE TR.naaf {
height: 5em;
}

TR.naaf TD {
padding : 1em 0 .5em 0;
backgroun-color : #000;
}

TABLE TR TD {
border-bottom :1px solid #eee; 
}

DIV.form-body TABLE SPAN {
color : #444;
}

LABEL.longform {
margin: 0 0 3px -1px;

}

SPAN.note { 
display: block;
font-size : .75em;

}

TABLE.naap_tbl FORM TEXTAREA {
height: 20em;
}

TABLE#recaptcha_table { 
width : 508px;
}

INPUT#recaptcha_response_field {
padding-top: 4px;
padding-bottom: 4px;
border : 1px solid #888 !important;
}

h2#recaptcha_instructions {
text-align: -webkit-match-parent;
font-size: 1.125em;
font-weight: normal;
margin: 0 0 0 0;
padding: 20px 0 0 6px;
color: #888;
display: inline-block;
}

INPUT#recaptcha_submit {
margin : 20px 0 40px 20px;
width: 20em;
}

tr.recap td { border-bottom: none; }

tr.recap td P.reminder {
text-align: -webkit-match-parent;
font-size: .75em;
font-weight: normal;
margin: 25px 0 0 0;
padding: 0 0 0 6px;
color: #888;
display: inline-block;
}