/* pages major components */

body {
    margin-top:0px;
    background: url("../img/testfond.png");
    background-repeat: repeat-y;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-right: 1px solid #4A4A4A;
}

div.header {
    background-color:#C11414;
    color:white;
    width:100%;
    margin-bottom: 5px;
    border-bottom: 1px solid #4A4A4A;
    border-right: 1px solid #4A4A4A;
    border-left: 1px solid #4A4A4A;
}

div.header > h1 {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top:10px;
}

h2 {
    padding-top:0px;
    margin-top:0px;
    color:#4A4A4A;
}

h3 {
    margin-top:0px;
    color: #4A4A4A;

}

div.menu {
    float: left;
    width: 24%;
    margin-top: 5px;
    padding-top: 0px;
    margin-left: 0px;
}

div.euain{
    width: 100%;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #C11414;
    border-right: 1px solid #C11414;
    border-top: 1px solid #C11414;
    border-left: 1px solid #C11414;
    background-color: white;

}

div.menu_signin {
    width: 100%; 
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #C11414;
    border-right: 1px solid #C11414;
    border-top: 1px solid #C11414;
    border-left: 1px solid #C11414; 
    background-color: white; 
}

div.menu_links{
    width: 100%; 
    padding-left: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #C11414;
    border-right: 1px solid #C11414;
    border-top: 1px solid #C11414;
    border-left: 1px solid #C11414; 
    background-color: white; 
}

div.menu_links > p {
    margin-bottom: 3px;
    margin-top: 3px;

}

div.content {
    float: right;
    width: 70%;
    margin-top: 0px;
    padding-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    text-align:justify;
}

div.menu h2 {
    font-size: 1.1em;
    margin-bottom:0px;
    padding-bottom: 0px;
}

div.footer {
    clear: both;
    text-align:center;
    border-top: 1px solid grey;
    font-size:0.6em;
    background-color: white;
    margin-bottom: 0px;
    padding-bottom: 10px;
    margin-top: 30px;
}

div.footer > p {
    margin-bottom: 0px;    
}

div.menu_spacer {
    margin-bottom: 0px;
    margin-top:15px
}


/* common things */

a{
    color: #C11414;
}

a:hover{
    color: #4A4A4A;
}



/* home page layout */

div.functionalities > p {
    margin-bottom: 20px;
}

div.content_right{
    float: right;
    width: 170px;
    margin-top:0px;
    padding-top:0px;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border:1px solid #4A4A4A;
}

/* registration form */
div.form_row {
    clear: both;
    padding-top: 10px;
    width:70%;
}

div.form_row label {
    float: left;
    width:40%;
    text-align: left;
}

div.form_row input {
  float: right;
  width: 60%;
  text-align: left;
} 

.error {
    color:red;
    font-weight:bold;
}

div.register_submit{
    clear: both;
    margin-top: 10px;

}

/* signin form */

div.signin_row {
    clear: both;
    width:90%;
    padding-top: 8px;
    
}

div.signin_row label {
    float: left;
    width:40%;
    text-align: left;
}

div.signin_row input {
  float: right;
  width: 60%;
  text-align: left;
} 

input.signin_submit {
    clear: both;
    margin-top: 8px;
}


/* converters */

div.converter_summary{
    border: 1px solid grey;
    padding-top: 0px;
    padding-left: 10px;    
    width: 70%; 
}

p.converter_summary_title{
    margin-top: 3px;
    margin-bottom: 3px;
    font-style: italic;
}

p.converter_step_current{
    color: green;
    font-weight:bold;
    margin-bottom: 3px;
    margin-top: 3px;
}

p.converter_step_todo{
    color:red;
    font-weight:normal;
    margin-bottom: 3px;
    margin-top: 3px;
}

p.converter_step_done {
    color: dark-grey;
    font-style: italic;
    margin-bottom: 3px;
    margin-top: 3px;
}

div.converter_param_row {
    margin-bottom: 5px;
}

div.converter_param_row input {
    margin-left: 5px;
}

div.converter_param_row select {
    margin-left: 5px;
}

fieldset.converter_parameter_section {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 15px;
}

fieldset.converter_parameter_section legend {
    font-style: italic;    
}

/* checker */

div.checker_result{
    border: 1px solid #4A4A4A;
    padding: 10px;
    margin-bottom: 10px;    
}

div.checker_result > table {
    border: 1px solid #4A4A4A;
    padding: 0px;
    empty-cells: show;
    border-spacing: 0px;
}

div.checker_result > table > tbody > tr {
    border: 1px solid #4A4A4A;
}

div.checker_result > table > thead > tr {
    border: 1px solid #4A4A4A;
}

div.checker_result > table > thead > tr > th {
    border: 1px solid #4A4A4A;
    padding: 5px;
}

div.checker_result > table > tbody > tr > td {
    border: 1px solid #4A4A4A;   
    padding: 5px;
}

.tryit {
    text-align:center;
    font-size:1.1em;
    color:#C11414;
}