/* Centre the page */
body {
    display:block;
    margin:0 auto;
    font-family: 'Open Sans', sans-serif;
	/* background-color: aqua; */
}

#dialog, .ui-dialog-title, .ui-dialog-text {
	font-family: 'Open Sans', sans-serif;
}

.header, .footer {
	width: 70%;
	margin: 0 auto;
}


.header img {
	width: 325px;
	display: block;	
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}

.footer img {
	width: 700px;
	display: block;	
	margin-top: 100px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.horizontalLine {
	background: none;  
	clear:both;  
	float:none;  
	width:100%;  
	height: 5px;  
	border:none;  
	margin:-1px 0;
}

.intro > h1 {
	text-align: center;
}

/* Centre the form within the page */
form, .intro, .fieldDetails {
    margin: 0 auto;
    width: 65%;
}

.intro > p {
	text-align: justify;
}

/* Style the text boxes
input, textarea {
	width:439px;
	height:27px;
	background:#efefef;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}
*/

input[type=number], select {
	width: auto;
	display: inherit;
	/* margin-top: 1em; */
	float: left;
}

#submit, #return, #formView, #fieldview {
	width: auto;
	position: absolute;
	right: 50%;
	line-height: 0px;
	margin-top: 15px;
	min-height: 22px;
}

#formView {
	margin-top: 5px;
	right: 45%;
}

.radio {
	clear: both;
}

label {
	float: left;
	/* font-weight: bold; */
	width: 100%;
	margin-top:11px;
	margin-bottom:4px;
	text-align: justify;
}

fieldset {
	margin-top: 40px;
	margin-bottom: 5px;
}

legend {
	font-size: 2em;
}

label.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/icons/fail.gif');
	background-repeat: no-repeat;
	padding:5px 5px 5px 35px;
	background-position: 10px center;
	width: 97%;
}

#burning {
	opacity: 0.5
}


/*----- Tabs -----*/
.tabs {
  width:100%;
  /*display:inline-block;*/
  display:none;
  text-align:center;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links {
  width:70%;
  margin:auto;
}

.tab-links:after {
  display:block;
  clear:both;
  content:'';
  margin-bottom:-1em;
}

.tab-links li {
  margin:0px 3px;
  float:left;
  list-style:none;
  text-decoration:none;
}

.tab-links a {
  padding:7px 10px;
  display:inline-block;
  border-radius:3px 3px 0px 0px;
  background:#7FB5DA;
  font-size:16px;
  font-weight:400;
  color:#4c4c4c;
  transition:all linear 0.15s;
  text-decoration:none;
}

.tab-links a:hover {
  background:#a7cce5;
  text-decoration:none;
}

li.active a, li.active a:hover {
  background:#fff;
  color:#4c4c4c;
}

/*----- Content of Tabs -----*/
.tab-content {
  padding:50px;
  border-radius:3px;
  box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
  background:#fff;
}

.tab {
  display:none;
}

.tab.active {
  display:block;
}

/*---- Ebeiro php -----*/

.error {color: #FF0000;}
table.penalty, table.penalty th, table.penalty td {
     border: 1px solid black;
     border-collapse: collapse;
}
th, td {
     padding: 5px;
}
table td + td + td {
  width: 125px;
}
.penalty, .totalPenalty {
        width: 60%;
        margin: 0 auto;
}
.penalty td:last-child, .totalPenalty {
        color: red;
		text-align: center;
}
.totalPenalty, .noPenalty {
        text-align: center;
        margin-top: 15px;
}
.noPenalty {
	color: green;
	margin-top: 50px;
}
.innerTable td + td {
	width: 125px;
}
table.innerTable, table.innerTable th, table.innerTable td {
	border: none;
	text-align: justify;
}