body, html {
    height: 100%;
    min-width: 600px;
    padding: 0;
    margin: 0;
}
body.plain {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em; 
    margin: 0;
    padding: 0;
    background-color: #5B636A;
    background: -moz-linear-gradient(top, #ffffff 0%, #5B636A 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #5B636A));
    background: -webkit-linear-gradient(top, #ffffff 0%, #5B636A 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #5B636A 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #5B636A 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #5B636A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5B636A', GradientType=0 );
}

body.plain div#wrap {
    min-height: 100%;
    padding: 1em 0;
}

body.login_plain div#wrap {
    background: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 1em 0 0.5em 0;
    padding: 0;
}

h1 {
    font-size: 1.5em;
    font-weight: bolder;
    color: #004687;
}

h2, h3 {
    color: #004687;
    font-size: 1.4em;
    font-weight: bolder;
    text-align: left;
    border-bottom: 1px solid;
}

h4 {
	text-align: left;
	font-size: 1.3em;	
	font-weight: bold;
	/* color: #d2c43a;	*/
}

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

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #0077b2;
}

.hidden {
	visibility: hidden;
}

.nodisplay {
	display: none;
}

div#espci_error {
	border: 1px solid #b88888;
	background: #fdbb87;
	min-height: 7em;
        width: 30em;
	margin-left: auto;
	margin-right: auto;
	font-size: large;
	padding: 4px;
	margin-top: 1em;
}

div#espci_error h2 {
	color: #712700; 
	border-color: #712700;
}
div#espci_error p {
	margin: 0 1em 0 1em;
}

div#espci_error img#error_bomb {
	float: left; 
	margin: 15px;
}

div.espci_login h1 {
	font-size: 1.5em;
	text-align: center;
	position: relative;
	top: 1em;
}

div.espci_users form {
	margin-top: 0.5em;
}

div#header {
	display: none;
}

div#languagebar {
	text-align: right;
	position: absolute;
	/*float: right; */
	right: 1em;
	top: 0em;
	font-size: small;
	margin-top: 10px;
	z-index: 1;
}

img#espci_logo {
	position: absolute;
	right: 5px;
}

img#espci_logo4 {
	position: absolute;
	right: 2em;
	top: 1.5em;
}


div#espci_main {
	background: #ffffff;
	text-align: left;
}

span#logout {
	font-weight: bold;
}

div#content {
	position: relative;
	background-color: #ffffff;
        width: 50%;
	min-width: 41em;
        padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
	min-height: 32em; 
	border-style: solid;
	border-width: 1px;
	border-color: #0077b2;
}

div#espci_followup {
	margin-top: 2em;
	text-align: center;
	font-size: 1.4em;
	background-color : #fdbb87; 
	padding: 2px;
	border: 1px solid #712700; 
}

div#espci_followup  span{
	font-size: 1em;
}

div#espci_followup  a{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 5px;
	padding: 3px;
	color: #712700; 
}



div#espci_motd h2 {
	display: none;
}

div#espci_motd p {
	text-align: justify;
}

div.espci_login { 
	position: relative;
	font-size: large;
	border: 1px white solid;
	width: 25em;
	clear: both; 
        margin-left: auto;
        margin-right: auto;
}
div.espci_login img { 
	float: right;
	position: relative;
	top: 2.3em;
}
div.espci_login img#espci_login_logo {
	float: none;
	width: 23em;
	height: auto;
	display: table;
	top: 0;
	margin: 0 auto;
}

span.no_close, span.disco_remember {
	margin-top: 0.5em;
        font-size: small;
	float: left;
}

div.espci_login .input {
        float: left;
        clear: both;
        margin: 2px;
}

div.espci_login input.submit {
	margin-left: 1em;
}

div.espci_login .value {
        float: right;
        margin: 2px;
}

div.espci_login .value input {
	width: 12em;
}

div.espci_login fieldset {
        border: 1px solid #6666CC;
	padding: 0.4em 0.6em 0.6em 0.6em;
}
 
div.espci_login .submit {
        float: right;
        margin-top: 8px;
} 

div.other_users {
        margin-top: 1em;
}

div.other_users #IdP {
	width: 17em;
	float: right;
}

div#espci_legal {
        padding-top: 2em;
        clear: both;
        width: 40em;
        text-align: justify;
        font-size: x-small;
        margin: auto;
}  


div#espci_last h1{ 
	display:none;
}

div#espci_last h2 { 
	padding: 2px;
}

div#espci_last table { 
	margin-top: 0px;
	font-size: small;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	border: 1px solid #e0e0e0;
}

div#espci_last td { 
	padding-left: 10px; 
	padding-right: 10px;
	vertical-align: top;
}	

tr.espci_odd {
	background-color: #ececec;
	border-bottom: 1px solid #e0e0e0;
}
tr.espci_even {
	background-color: #ffffec;
	border-bottom: 1px solid #e0e0e0;
}

span#espci_suspect { 
	margin-right: 0.5em;
	font-size: x-small;
	right: 0px;
}

div#espci_main ul { 
	font-size: small;
	list-style-type:none;
	padding-left: 1em;
	margin: 0;
}

pre {
	overflow: scroll;
}

div#espci_passwd {
	font-size: small;
	position: relative;
	left: 5px;
	right: 5px;
	width: 30em;
}

div.passwd_error {
	border: 2px solid #ff9090;
	background-color : #ffdddd; 
	padding: 4px;
	position: relative;
	left: 5px;
	right: 5px;
	width: 30em;
	top: 2.5em;
	height: auto;
	margin-bottom: 3.5em;
	text-align: center;
    	font-weight: bold;
}

div.passwd_ok {
	border: 2px solid #90ff90;
	background-color: #ddffdd;
	padding: 4px;
	position: relative;
	left: 5px;
	right: 5px;
	width: 30em;
	top: 2.5em;
	height: 1.5em;
	margin-bottom: 2.5em;
	text-align: center;
    	font-weight: bold;
}

div#passwd_done {
	padding-top: 2em;
	text-align: right;
	margin-right: 5px;
}

div#passwd_done a {
	position: absolute;
	z-index: 110;
}

div#passwd_tip {
	border: 2px solid #ff8080;
	padding: 0.5em;
	font-size: small;
	text-align: justify;
	margin-top: 1em;
}

div#espci_allsp {
	clear: both;
}

div#espci_noclose {
	padding-top: 2em;
	padding-right: 1.5em;
	text-align: justify;
	clear: both;
}

div#espci_allsp span {
	float: left;
	display: block;
	width: 30%;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 0.2em;
	margin-bottom: 0.3em;
	margin-right: 2%;
	border-left: 3px #6A5740 solid;
	border-bottom: 1px #ccccee solid;
        background-color:  #F3EDE4;
}

span.sp { 
	border-left: 3px #77b200 solid; 
 	border-bottom: 1px #cceecc solid;
	background-color:  #eeffee;
}
span.sp-www { 
	border-left: 3px #0077b2 solid; 
	border-bottom: 1px #ccccee solid;
	background-color:  #eeeeff;
}
span.sp-webdev { 
	border-left: 3px #b27700 solid; 
	border-bottom: 1px #eecccc solid;
	background-color:  #ffeeee;
}

div#espci_rss td.col1 {
	vertical-align: top;
	width: 9%;
}
div#espci_rss td.col2 {
	vertical-align: top;
	width: 18%;
}
div#espci_rss td.col3 {
	vertical-align: top;
	width: 65%;
}
br.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	border: none;
	height: 0px;
	line-height: 1px;
	font-size: 1px;	
}

div#proxy_input a { font-size: 0.8em; }
span#proxy {
	position: relative;
	top: -0.4em;
	font-size: 0.8em;
}
span#getotp {
	font-size: 0.6em;
	margin-left: 1em;
}
span#getotp select {
	width: 8em;
}

select#organization {
	width: 10em;
}

/* Bof... 
.submit {
background-color:#004687;
background-image:url("/module.php/espci/fleche_droite.gif");
background-position:8px 9px;
background-repeat:no-repeat;
border-color:#BFC4C9; 
clear:both;
color:white;
float:right;
font-size:0.7em;
font-weight:bold;
margin-left:20px;
margin-right:2px;
margin-top:20px;
padding: 4px 15px;
width: auto;
height: auto;
}
*/


.espcionly {
	border: 1px solid #b88888;
	background: #fdbb87;
        width: 100%;
	text-align: center;
	font-size: small;
	margin: 0.25em 0 0.5em 0;
	display: block;
	padding: 3px 0 2px 0;
}

.disabled {
	color: grey;
}

div#pwd_left {
	display: inline;
	float: left;
	background-color: white;
	padding: 0 1em 1em 0;
}

div#pwd_right {
	clear: both;
	padding: 60px 1em 0 0
}


.sslgrade {
	position: relative;
	padding: 1em;
	height: 11.5em;
	width: 38.5em;
}

.sslgrade2 {
	padding: 0 1em 3em 0em;
	width: 19.25em;
}

.sslgrade_main {
	background-color: transparent;
}

.update_main {
	background-color: transparent;
}

#sslgrade_spacer {
	height: 2em;
	background-color: transparent;
}

#logo_spacer {
	height: 4em;
	background-color: transparent;
}

.sslgrade_main h2,p {
	margin-right: 1em;
}
.sslgrade_letter {
	position: relative;
	float: left;
	width: 1em;
	font-family: sans-serif;
	font-size: 8em;
	font-weight: 900;
	text-align: center;
	padding: 0.2em;
	color: white;
	border-radius: 0.1em;
	line-height: 100%;
}
.sslgrade_scores {
	position: absolute;
	left: 9em;
	clear: none;
	border: 1px transparent solid;
	margin-left: 4em;
	width: 27em;
}

.sslgrade_scores2 {
	clear: none;
	border: 1px transparent solid;
	width: 13.5em;
	height: 5em;
}

#sslgrade_scores2_vulns {
	height: 8em;
}

.sslgrade_scores div {
	position: relative;
	margin: 1em 0 1em 0.5em;
	line-height: 100%;
}

.sslgrade_scores2 div {
	position: relative;
	margin: 0.25em 0 0.25em 0.5em;
	line-height: 100%;
}

.sslgrade_good {
	background-color: #66cc66;
}

.sslgrade_weak {
	background-color: #ff8033;
}

.sslgrade_bad {
	background-color: #ff3300;
}

.sslgrade_orange {
	background-color: #F36E05;
}

.sslgrade_jauge {
	position: absolute;
	top: -1em;;
	height: 2em;
}

.sslgrade_jauge img {
	border-radius: 0.2em;
	height: 2em;
}

.sslgrade_name {
	position: absolute;
	top: 0.5em;
	left: 1em;
	font-weight: bold;
}

.sslgrade_val {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	font-family: sans-serif;
	font-weight: bold;
}
.sslgrade_sup {
	font-size: .5em;
	position: absolute;
	top: 0;
	right: 0.25em;
	color: white;
}
#sslgrade_detail {
	clear: both;
}

.sslgrade_justletter {
	font-size: 1em;
	font-family: sans-serif;
	font-weight: 900;
	width: 1em;;
	text-align: center;
	line-height: 100%;
	border-radius: 0.1em;
	color: white;
	margin-left: 0.5em;
	padding: 0 0.25em 0 0.25em;
}

div.sslgrade_warning {
	background: none repeat scroll 0 0 #FFCC80;
	border: 1px solid;
	font-weight: 800;
	margin-right: 1em;
	padding: 0.5em;
	text-align: center;	
	
}
p.stat_size {
	font-size: 0.8em;
}

.update_continue {
	margin: 2em 0 0 60%;
}

ul.puce li {
	list-style-type: none;
	list-style-image: url('/module.php/espci/puces/liste_n1.gif');
}  

tr.odd0 {
	background: #D9DFE4;
}

span.vuln_uid {
	display: block;
	padding: 0.25em;
	margin: 1em 0 0.5em 0;
	width: 98%;
	background-color: #D9DFE4;
	border-radius: 0.2em;
    	font-weight: bold;
}

ul.vuln_list li, span.plugin_name {
	font-weight: bold;
	color: #cc3333;
}

span.vuln_space {
	display: block;
	height: 0.75em;
}

p.vuln_return {
	text-align: right;
}

div.plugupdate {
	font-weight: bold;
	background-color: #cc3333;
	color: white;
	margin-top: 2em;
	margin-bottom: -1em;
	text-align: center;
	font-size: 1.5em;
	padding: 2px;
	border: 1px solid #712700; 
}

div.expire {
	font-weight: bolder;
	background-color: #cc3333;
	color: white;
	margin-top: 4em;
	margin-bottom: -0.5em;
	text-align: center;
	font-size: 1.5em;
	padding: 4px;
	border: 1px solid #712700; 
}

div.plugupdate a {
	color: white;
	text-decoration: underline;
}

br.clear {
	clear: both;
}

br.rclear {
	clear: right;
}

br.lclear {
	clear: left;
}

div.float_left {
	float: left;
	width: 50%;
}

div.float_right {
	float: left;
	width: 50%;
}

button#btntrackid img {
	width: 2em;
	height: auto;
}

pre#trackid {
	min-width: 8em;
}
#wayf span#idp_text_span {
	float: right;
}
#wayf img#wayf_progress {
	float: none;
	top: 0;
	vertical-align: middle;
	display: none;
}
#wayf input#idp_text {
	width: 12em;
}
#wayf ul.idp_list { 
	float: right;
	width: 24em;
	background: white;
	border: #808080 1px solid;
	padding: 0;
	margin: 0;
} 
#wayf ul.idp_list_show {
	display: block;
}
#wayf ul.idp_list_hide {
	display: none;
}
#wayf ul.idp_list li {
	display: block;
	padding: 0 0.2em;
	margin: 0;
	background-color: white;
	color: #152f4e;
}
#wayf ul.idp_list li.selected {
	background-color: #152f4e;
	color: white;
}

span.consent_button_row {
	position: absolute;
	right: 3em;
}

span.consent_button_row button {
	margin: 0.5em;
}

div.consent_main ul {
	min-height: 5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}