body{  
  font:1.0em Copperplate,Arial,sans-serif;
  margin:0px;
  padding:0px;
  color: #fff;
  background-repeat: no-repeat;
  background:#70757E;
  min-width:650px;
}

/* Main content area */

#container { 
    border:1em solid #fff;
    width:95%;
    margin:0 auto;
    background-size:100%;
    background-repeat:no-repeat;
}


#container_whitebck { 
    border:1em solid #fff;
    width:95%;
    min-height: 54.5px;
    margin:0 auto;
    background:#fff;
}

#container_performances { 
    border-left:1em solid #fff;
    width:95%;
    min-height: 54.5px;
    margin:0 auto;
    background:#eee;
}

/* Head */

#head {
  background:#fff;
}

@media all and (max-width: 1300px) {
    body {font-size:1.0em;}
}

@media all and (max-width: 1200px) {
    body {font-size:0.9em;}
}

@media all and (max-width: 1100px) {
    body {font-size:0.8em;}
}

@media all and (max-width: 1000px) {
    body {font-size:0.7em;}
}

@media all and (max-width: 900px) {
    body {font-size:0.6em;}
}

@media all and (max-width: 800px) {
    body {font-size:0.5em;}
}

ul { 
    list-style:none;
    padding:0;
    margin:0px;
}

h1, h2 { 
    margin:0px;
    padding:0px;
}

.clear { 
    clear:both;
}

#content_btw_header_footer {
    min-height:53.9em;
}

/* Manual page */

#manual_page {
    font-family:"Times New Roman";
    border-right:0.1em solid #000;
    border-left:0.1em solid #000;    
}

/* Table inputs */

#table_inputs {
    width:100%;
    margin:1em auto;
}

#table_inputs_example {
    width:40%;
    float:left;
}

#Figure3 {
    width:40%;
    float:right;
}

#Figure3 img {
    display:block;
    margin:0 auto;
    margin-bottom:2em;
    width:80%;
}

#Figure4 {
    width:40%;
    float:right;
}

#Figure4 img {
    display:block;
    margin:0 auto;
    width:80%;
}

.table_inputs_raws li.normal {
    text-align:center;
    float:left;
    padding:0.5em;
    margin-left:5em;
    width:8%;
}

.table_inputs_raws li.table_inputs_meaning {
    text-align:left;
    float:left;
    padding:0.5em;
    margin-left:3em;
    font-size:0.9em;
    width:20%;
}

.table_inputs_raws li.table_inputs_meaning_header {
    text-align:center;
    float:left;
    padding:0.5em;
    margin-left:3em;
    font-size:0.9em;
    width:20%;
}

#table_inputs_parameters_header {
    text-align:center;
    padding:0.5em;
    border-top:0.1em solid #bbb;
}

#table_inputs_header {
    background:#ddd;
}

/* Title */

#title { 
    text-align:center;
    margin-top:1.0em;
}

#title_performances { 
    text-align:center;
    margin-top:1.0em;
    color:#bbb;
}

/* Menu */

ul#menu { 
    font:0.7em Arial,sans-serif;
    background: #7d7e7d; /* Old browsers */
    background: -moz-linear-gradient(top, #7d7e7d 50%, #686868 52%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#7d7e7d), color-stop(52%,#686868)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7d7e7d 50%,#686868 52%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7d7e7d 50%,#686868 52%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7d7e7d 50%,#686868 52%); /* IE10+ */
    background: linear-gradient(to bottom, #7d7e7d 50%,#686868 52%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#686868',GradientType=0 ); /* IE6-9 */
}

ul#menu li { 
    float:left;
    border-right:0.1em solid #000; 
}

ul#menu li a { 
    display:block;
    margin:0 auto;
    text-decoration:none;
    text-align:center;
    color:#fff;
    padding:0.7em 1.2em 0.7em 1.2em;
}

ul#menu li a:hover, ul#menu li:hover { 
   background:#000;
}

/* Performances */

#performances {
   width:72%;
   margin:1.0em auto; 
   text-align:center;
   padding-top:1.0em;
   min-height:50em;
}

#contact {
   font-family:Times New Roman;
   text-align:justify;
   width:90%;
   margin:2em auto;
   color:#641D1D;
}

#contact a {
   text-decoration:none;
   color:#fff;
}



#header_performances {
   background-image:url("../images/scacchi.png");
}

#performances ul#header {
   background:#ddd;
   border-bottom:0.1em solid #000;
}

#performances ul li {
   float:left;
   font-size:1.0em;
   color:#000;
   margin-left:1.0em;
   padding:0.5em;
   width:24em;
}

/* Manual */

#manual {
   width:46%;
   margin:1.0em auto; 
   text-align:center;
   padding-top:1.0em;
   min-height:50em;
}

#manual ul a { 
   display:block;
   text-decoration:none;
   color:#000;
   padding:0.5em;
}

#manual ul a:hover { 
   background:#eee;
}

#manual ul {
   background:rgba(170, 194, 159, 0.4);
}

#manual ul li {
   float:left;
   font-size:1.2em;
   color:#000;
}

#manual ul li.version {
   padding:0.5em;
}


#star_system_figure {
   width:50%;
   float:left;
}

#star_system_figure img {
   width:80%;
}


#planet_system_figure {
   width:50%;
   float:left;
}

#planet_system_figure img {
   width:80%;
}

/* Index page, text boxes */

#text { 
    width:70%;
    text-align:justify;
    margin-left:15%;
    margin-top:2em;
    font-size:1.3em;
    text-decoration:none;
    color:#fff;
}

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

#text-text {
    width:41%;
    float:left;
    padding:0.5em;
    background:rgba(79,149,255,0.4);
}

#text-1 { 
    margin:0 auto;
    text-align:justify;
    margin-top:2em;
    font-size:1.5em;
    color:%fff;
    padding:1.0em;
    background:rgba(131,105,51,0.8);
}

#text-1-images { 
    width:46%;
    float:right;
    margin-left:3.0em;
    background:rgba(255,208,208,0.5);
} 


#text-1-image-1 { 
    width:100%; 
    display:none;
}

.test { 
    width:100%;
    display:none;
}


/* Footer */

#footer   { 
   padding:2em;
   font-size:0.8em;
   font-align:justify;
   background:#fff;
   border-bottom:0.1em solid #000;
   border-left:0.1em solid #000;
   border-right:0.1em solid #000;
} 

#footer_whitebck { 
   padding-bottom:2em;
   padding-left:2em;
   padding-right:2em;
   font-size:0.8em;
   font-align:justify;
   background:#fff;
   min-height:2em;
   border-bottom:0.1em solid #000;
   border-left:0.1em solid #000;
   border-right:0.1em solid #000;
} 


#soho_image_credit { 
   width:20%;
   float:right;
   color:#fff;
   padding:10em 0 2em 2em;
}

#soho_image_credit a { 
   color:#fff;
   text-decoration:none;
}


#CAUP_logo {
   width:21%;
   float:left;
   margin-left:3%;
}

#ERC_banner {
   width:27%;
   float:left;
}

#EU_flag {
   width:14.2%;
   float:left;
}

#eu_fp7_logo {
   width:12%;
   float:left;
   margin-left:3%;
}

#logo_fct {
   width:16%;
   float:left;
   margin-left:3%;
}

/* Help page */

ol.nested
{
    counter-reset: item
}
li.nested
{
    display: block
}
li.nested:before
{
    content: counters(item, ".") ". ";
    counter-increment: item
}

.help_title {
   color:#000;
   text-align:center;
   margin-bottom:15px;
}


ul.site_menu li#help_menu_link {
   float:right;
}

#main_content_help {
   min-height:500px;
}

#main_content_help hr { 
   margin:0px;
}

#index_help {
   background:#eee;
   margin:0 auto;
   padding:10px;
   color:#000;
   font-size:1.1em;
   border:0.05em solid #bbb;
}

#index_help a {
   text-decoration:none;
   color:#000;
   font-weight:bold;  
}

#index_list {
   padding-left:42.5%;
}

#index_help ol {
   margin-left:30px;
   padding:0;
}

#index_help ol li {
   margin:10px auto;
}

#ol_jobs {
   display:none;
}

.help_explain {
   width:90%;
   text-align:justify;
   padding:10px;
   margin:0 auto;
   color:#000;
   font-size:1.1em;
}

#language_help { 
   text-align:right;
}

#language_help a { 
   text-decoration:none;
   color:#000;
}

/* Style for submit buttons */

.button_submit { 
   display:block;
   border:1px solid #76A044;
   padding: 2%;
   color: #fff;
   font-size:1.1em;
   border-radius:0.7em;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   background: rgb(201,222,150); /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZGU5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhhYjY2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTgyMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top, rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(44%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%"); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-8 */
} 

.button_submit:hover { 
  pointer: cursor;
}

/* Style for link buttons */

.button_link {
   border-radius:10px;
   border: 1px solid #D8D4D4;
   border-bottom:2px solid #123149;
   text-align:center;
   margin: 19px auto;
   background: #cfe7fa; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZTdmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzYzOTNjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
   background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 56%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(56%,#6393c1)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #cfe7fa 0%,#6393c1 56%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #cfe7fa 0%,#6393c1 56%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #cfe7fa 0%,#6393c1 56%); /* IE10+ */
   background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 56%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-8 */
}

.button_link a { 
   color: #fff;
   display:block;
   padding:5px;
   text-decoration:none;
}

.button_link a:hover { 
   color:#000;
   background: #cfe7fa;
}