/* COLORS */

.color-primary-0 { color: #0083C2 }	/* Main Primary color */
.color-primary-1 { color: #11AFFB }
.color-primary-2 { color: #03ADFF }
.color-primary-3 { color: #006292 }
.color-primary-4 { color: #004D72 }


/* TAGS */

* {
 margin: 0px;
 padding: 0px;
}

body {
 font-family: "Arial CE", "Helvetica CE", "Verdana", "Arial", "Helvetica", "Sans-serif";
 font-size: 0.8em;
 color: rgb(0,0,0);
 line-height: 1.6em;
 background-color: #efefef;
}

a {
 font-size: 1em;
 font-weight: normal;
 color: #006292;
 /*text-decoration: none;*/
}

h1, h2
/*, h3, h4*/
{
 color: #0083c2;
 font-weight: normal;
 text-align: center;
}
h1 {
 font-size: 1.5em;
 text-transform: uppercase;
 margin-bottom: 5px;
}
h2 {
 font-size: 1.2em;
 margin-bottom: 1.5em;
}
/*
h3 {
 font-size: 1.1em;
 margin-bottom: 0.8em;
}
h4 {
 font-size: 1.0em;
 margin-bottom: 0.3em;
 text-align: left;
}
*/

p {
 font-size: 1em;
 text-align: left;
 margin: 10px 0px 0px 0px;
 padding: 0px;
}
p.article {
 color: #0083c2;
 font-style: italic;
}

.row {
 margin: 5px 0px;
}

.odsadit {
 margin-top: 1.5em;
}

#feedback {
 margin-top: 2em;
}


/* LAYOUT */

/*
#page, #result, #thank-you {
 position: relative;
 width: 900px;
 background-color: white;
 border: 1px solid rgb(220,220,220);
 margin: 10px auto;
 padding: 30px;
}
#result {
 background-color: #D0EFFE;
}
#thank-you {
 background-color: #f8f8f8;
}
#result, #thank-you {
 display: none;
}
*/

#footer {
 position: relative;
 width: 850px;
 font-size: 0.8em;
 text-align: center;
 margin: 10px auto 20px auto;
}

#stats {
 position: absolute;
 left: -10px;
 top: -10px;
 width: 1px;
 height: 1px;
}


/* FORM */

input {
 padding: 3px;
 border-radius: 2px;
 box-shadow: 0px 0px 0px transparent;
 border: 1px solid rgb(188,188,188);
}

button {
 cursor: pointer;
 color: white;
 background-color: #0083c2;
 border-radius: 2px;
 box-shadow: 0px 0px 0px transparent;
 padding: 5px 10px;
}

select {
 max-width: 100%;
 border: 1px solid rgb(188,188,188);
 padding: 3px 5px;
}