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

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    html, body {
        width:310px;
        margin:0px auto;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
    html, body {
        width:340px;
        margin:0px auto;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    /* Styles */
    html, body {
        width:310px;
        margin:0px auto;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    html, body {
        width:700px;
        margin:0px auto;
    }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    html, body {
        width:600px;
        margin:0px auto;
    }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    html, body {
        width:600px;
        margin:0px auto;
    }
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    html, body {
        width:1280px;
        margin:0px auto;
    }
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    html, body {
        width:1200px;
        margin:0px auto;
    }
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}

a.mobile-logo {
    background: url("/res/img/logo.png") no-repeat;
    display: block;
    width:286px;
    height:100px;
    margin:0px auto;
}

body {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    background: #e96141;
}

h1,h2,h3,h4,h5 {
    text-align: center;
    font-family: "Open Sans Light";
    font-weight: normal;
    margin-bottom:15px;
}

h1 {
    font-size: 24px;
}

.header {
    background: #fff;
    box-shadow: 0px 0px 5px #000;
}

.content {
    min-width: 200px;
    color:#fff;
    padding:20px 0px;
    text-align: center;
}

input[type="text"],input[type="password"],input[type="number"],textarea, select {
    background: #fff;
    border-radius: 4px;
    padding:5px;
    outline: none;
    border:2px solid #ff8d5a;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    width: 98.2%;
}

label.checkbox {
    font-size: 12px;
}


input[type="submit"], button, a.btn {
    font-family: "Open Sans Bold";
    padding:5px 15px;
    width:90%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    border-radius: 4px;
    background: #333;
    color:#fff;
    cursor: pointer;
    transition: 200ms background ease-in;
    -moz-transition: 200ms background ease-in;
    -webkit-transition: 200ms background ease-in;
    border:2px solid #666;
    text-decoration: none;
}

input[type="submit"]:hover, button:hover, a.btn:hover {
    background: #666;
}


@font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans Semibold';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSp1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans Light Italic';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxsRNPnluThgqn2COyNuxrUo.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans Italic';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBifE9Gpc2xZQgtwyMvPhThE.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans Semibold Italic';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxgrbXMBDTAXVIvvFtPvELgE.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans Bold Italic';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxjpEpsbGv0WCalYSBSSLSDI.woff) format('woff');
}

.form-group {
    padding: 5px 0px;
}

.alert.alert-error {
    padding:10px;
    border-radius: 4px;
    background: #fff;
    color:#424242;
    margin-bottom:10px;
}

hr {
    border-top: 1px solid #C95034;
    border-bottom: 1px solid #EC7A60;
    margin:10px 0px;
}

.table {
    width:100%;
    font-size: 11px;
    border-collapse: collapse;
    margin:10px 0px;
    color: #424242;
}

.table td {
    background: #fff;
    padding:5px;
    border:1px solid #ccc;
}

.table th {
    background: #eee;
    padding:5px;
    color:#424242;
    border:1px solid #ccc;
}

.help-block {
    font-size: 11px;
}

a {
    color:#333;
}

a:hover {
    text-decoration: none;
}

.btn-block {
    display: block;
    margin: 0px auto 5px auto;
}

.footer {
    color:#fff;
    text-align: center;
}

.btn-gray {
    background: #ccc !important;
    border: 2px solid #ddd !important;
    color:#333 !important;
}

.answer {
    color: #000;
    text-align: left;
    line-height: 18px;
    padding: 20px;
}

.question-text {
    text-align: left;
}

h2 {
    color: white;
}

.pager a {
    padding:10px;
    background: grey;
    color: white;
}

.pager .selected {
    padding:10px;
    color: white;
}