* {
    box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
}

h1{text-align:center;margin:0;font-size:40px;font-weight:bold;color:#fff;}
h2{text-align:center;margin:0;font-size:14px;margin-top:15px;color:#fff;padding-top:10px;padding-bottom:10px;border-radius: 4px;
	background-color:#00497c;
}

input[type=text], input[type=password],select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}

input[type=submit] {
    background-color: #00497c;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
	margin-top:8px;
}

input[type=submit]:hover {
    background-color: #0b588d;
}

.container {
	margin: auto;
    border-radius: 5px;
	background-color: rgba(245, 245, 245, 1);
    padding: 20px;
	margin-top:10px;
	width:50%;
}

.containerTop {
	margin: auto;
    border-radius: 5px;
    padding: 20px 0 20px 0;
	width:50%;
}

.containerWide {
	margin: auto;
    border-radius: 5px;
	background-color: rgba(245, 245, 245, 1);
    padding: 20px;
	margin-top:10px;
	width:99%;
}

.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.col-50 {
    float: left;
    width: 50%;
    margin-top: 6px;
}

.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}

.col-100 {
    float: left;
    width: 100%;
    margin-top: 6px;
}



/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

body{
	margin:0;padding:0;
	background-color:#fefefe;
	/*height:100%;
	background: url('../images/bg.jpg') no-repeat center center;
	background-size: cover;*/
}

@media screen and (max-width: 600px) {
    .col-25, .col-75{
        width: 100%;
        margin-top: 0;
    }
	.container {
		width:100%;
	}
	.containerTop {
		width:100%;
	}
	body{
		background-image:none;
	}
}

/* ------------------------------- */

a:link {
    text-decoration: none;
	color:#888;
}

a:visited {
    text-decoration: none;
	color:#888;
}

a:hover {
    text-decoration: underline;
	color:#555;
}

a:active {
    text-decoration: underline;
	color:#555;
}


a.columnheader:link {
	font-size:14px;
    text-decoration: none;
	color:#39d;
}

a.columnheader:visited {
	font-size:14px;
    text-decoration: none;
	color:#39d;
}

a.columnheader:hover {
	font-size:14px;
    text-decoration: underline;
	color:#39d;
}

a.columnheader:active {
	font-size:14px;
    text-decoration: underline;
	color:#39d;
}

/* ------------------------------- */

table{table-layout:fixed;width:100%;}

table, td, th {
	font-size:12px;
	border: 1px solid #ccc;
	border-collapse:collapse;
}

td ,th{padding:5px;word-wrap: break-word;}

/* --------- ERROR MESSAGE ---------- */
#errorContainer{
	
	display: none;
	color:#d66;
	
}