/*
General styles for HIrisPlex webpages
*/
* {position:relative;margin:0px;padding:0px;border:0px;font-size:100%;}
html {font-size:11px;}
body {background-color:#e3f3fd;color:#0c2174;font-family:arial,sans;width:55%;margin-left:22.5%;margin-right:22.5%;text-align:center;font-size:100%;padding-bottom:20ex;}
form.section {width:100%;margin-top:1ex;width:auto;padding-top:1ex;text-align:center;page-break-before:always;}
form.contact {width:100%;margin-top:1ex;width:auto;padding-top:1ex;text-align:center;page-break-before:always;text-align:left;}

h1 {text-align:center;font-size:140%;margin:0.25ex;}
h2 {text-align:center;background-color:#0c2174;color:#e5e8ef;margin-top:1ex;margin-bottom:1ex;padding-top:0.25ex;padding-bottom:0.25ex;font-size:120%;}
h2.subheader {background-color:transparent;color:#0c2174;margin-top:1ex;margin-bottom:1ex;padding-top:0.25ex;padding-bottom:0.25ex;}
h3 {margin:0.5ex;font-size2:100%;}

p {text-align:justify;width:96%;margin-left:2%;margin-right:2%;}
p.copyright {width:100%;margin:0px;font-size:80%;font-style:italic;margin-top:2ex;border-top:solid 0.25px #0c2174;padding-top:0.5ex;}
p.references {margin-top:2ex;}
p.visits {width:100%;margin:0px;margin-top:2ex;}

a {text-decoration:underline;color: #0c2174}
a:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
a:visited {}
a.printit {float:right;margin-right:0.5ex;margin-top:0.5ex;z-index:100;}
a.printit img {height:3ex;}

textarea {width:100%;}
table {background-color:#54639e;}

select.fontsize_select {float:right;margin-right:0.5ex;margin-top:0.5ex;z-index:100;}

img.header {width:50%;}
span.submit {border:outset 0.25ex #0c2174;border-radius:0.75ex;
padding:0.5ex;margin:0.75ex;line-height:4ex;font-size:100%;cursor:pointer;color:#335d7e;
background-color:#83d4e9;display:inline-block;vertical-align:middle;

}

span.submit_wait {border:outset 3px #0c2174;
padding:0.5ex;padding-left:2.5ex;line-height:4ex;font-size:100%;cursor:pointer;color:#335d7e;
background-color:#83d4e9;display:inline-block;vertical-align:middle;
background-image:url(/images/loading.gif);
background-size: auto 2ex;
background-position: center left;
background-repeat: no-repeat;
}


iframe.upload_and_predict_phenotypes {width:100%;height:13ex;}

/* 
nolonger used, was for more interaction when changing snp values
*/
.processing {display:none;}
.done_processing {display:none;}

/*
h1 title should be hidden if hirisplex.erasmusmc.nl is displayed in an iframe of the website www.erasmusmc.nl
*/
h1.dont_show {display:none;}
h1.do_show {display:block;}

/*
manual_input table is for individual
*/
table.manual_input {margin-left:auto;margin-right:auto;}
table.manual_input td {border:0px;padding-left:0.25ex;}
table.manual_input tr.header {background-color:#243682;color:#e5e8ef}
table.manual_input tr.odd {background-color:#9edbf0}
table.manual_input tr.even {background-color:#83d4e9}
table.manual_input th {text-align:left;padding-left:0.25ex;}
table.manual_input th.img {padding:0px;}
table.manual_input th img {width:50ex;}
table.manual_input img.selected {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;cursor:pointer;height:2ex;}
table.manual_input img.unselected {filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;cursor:pointer;height:2ex;}

/*
mobile version of manual_input, basically biggee and more margin / padding
*/
table.mob_manual_input {margin-left:auto;margin-right:auto;font-size:140%;}
table.mob_manual_input td {border:0px;padding-left:0.25ex;}
table.mob_manual_input tr.header {background-color:#243682;color:#e5e8ef}
table.mob_manual_input tr.odd {background-color:#9edbf0}
table.mob_manual_input tr.even {background-color:#83d4e9}
table.mob_manual_input th {text-align:left;padding-left:0.25ex;}
table.mob_manual_input th.img {padding:0px;}
table.mob_manual_input th img {width:50ex;}
table.mob_manual_input img.selected {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;cursor:pointer;height:3ex;margin:1ex;}
table.mob_manual_input img.unselected {filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;cursor:pointer;height:3ex;margin:1ex;}

/*
for displaying predicted phenotype 
*/
div.manual_input_result {display:none;width:35%;margin-left:auto;margin-right:auto;overflow:auto;background-color:#54639e;color:#0c2174;text-align:center;border:solid 1px #0c2174;}
div.manual_input_result div.header {position:relative;width:100%;padding-top:0.5ex;padding-bottom:0.5ex;}
div.manual_input_result div.inner {position:relative;width:100%;background-color:#9edbf0;}
div.manual_input_result div.inner table {width:100%;background-color:#9edbf0;}
div.manual_input_result div.inner table th {text-align:left;}
div.manual_input_result div.inner_please_wait {position:absolute;width:100%;height:auto;cursor:wait;background-color:transparent;z-index:100;}
div.manual_input_result div.inner_please_wait img {width:5ex;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

/*
auc table
*/
table.auc_values {margin-left:auto;margin-right:auto;}
table.auc_values th {color:#e5e8ef;background-color:#243682;padding:0.25ex;margin:0.25ex;}
table.auc_values td {color:#0c2174;background-color:#83d4e9;padding:0.25ex;margin:0.25ex;}

/*
visitors page
*/
table.visitors {margin-left:auto;margin-right:auto;margin-top:1ex;}
table.visitors tr.odd {background-color:#83d4e9;}
table.visitors tr.even {background-color:#9edbf0;}
table.visitors th {background-color:#0c2174;color:#e5e8ef;padding:0.25ex;}
table.visitors td {padding:0.25ex;}
textarea.editor {width:100%;height:30ex;}


/*
contact page
*/
table.contact {width:100%;}
table.contact th {width:20ex;text-align:left;}
table.contact td input {width:40ex;}
table.contact td textarea {width:100%;height:30ex;}

/*
editor page
*/
div.colors {display:block;width:auto;margin-left:auto;margin-right:auto;}
input.color_key {float:left;background-color:transparent;}
input.color_code {font-family:courier fixed;width:10ex;float:left;}
span.example_color {display:block;width:10ex;float:left;}

fieldset.file_upload {border:solid 1px #0c2174;background-color:#83d4e9;margin:0.5ex;padding:0.5ex;width:45ex;float:left;}
fieldset.file_upload legend {font-weight:bold;}
table.files {margin-left:auto;margin-right:auto;margin-top:1ex;}
table.files td {border:0px;padding:0.5ex;}
table.files tr.header {background-color:#243682;color:#e5e8ef}
table.files tr.odd {background-color:#9edbf0}
table.files tr.even {background-color:#83d4e9}
table.files th {text-align:left;padding:0.5ex;}

fieldset.preview {border:solid 1px #0c2174;background-color:#e3f3fd;margin:0.5ex;padding:0.5ex;width:100%;}
fieldset.preview legend {font-weight:bold;}
span.used {color:red;}
/*
printer settings
*/
@media print 
{
.hide_from_print_while_processing {display:none;}
.processing {display:block;background-color:yellow;color:red;}
.done_processing {display:none;}
body {width:100%;margin-left:0px;background-color:transparent;}
#csv_input {display:none;}
span.submit {display:none;}
h1.dont_show {display:block;}
.dont_print {display:none;}
a.printit {display:none;}
select.fontsize_select {display:none;}
}

iframe.preview {width:100%;height:60ex;}