@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:800,400,300);


/**
 * Dark green:  rgb(13 148 227) * Main green:  rgb(29 123 231) * Light green: #6ea236
 */

/* ============== */
/* Basic Elements */
/* ============== */

body {
    color:#333;
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
}

h1, h2 {
    color:#555;
}

h1 {
    font-size:2.4em;
}

h2 {
    font-size:2.2em;
}

h3 {
    font-size:1.6em;
}

a:link,
a:visited {
    color:rgb(13 148 227);
}

a:hover,
a:active {
    color:rgb(29 123 231);
    text-decoration:none;
}

/* ====== */
/* Tables */
/* ====== */

.table {
    border:1px solid #DDD;
    border-bottom:0;
}

.table caption {
    background-color:#AAA;
    color:#FFF;
    font-weight:bold;
    padding:8px;
}

.table td {
    background-color:#FFF;
}

.table th,
.table td {
    padding:8px;
    text-align:center;
}

.table thead th {
    border-bottom:1px solid #CCC;
    background-color:rgb(29 123 231);
    color:#FFF;
    font-weight:bold;
}

.table thead th a:link,
.table thead th a:visited {
    color:#000;
}

.table thead th a:hover {
    color:#333;
}

.table tbody th {
    background-color:#EAEAEA;
    border-bottom:1px solid #DDD;
    border-right:1px solid #DDD;
    color:#333;
    font-weight:bold;
}

.table tbody th a:link,
.table tbody th a:visited {
    color:#333;
}

.table tbody th a:hover {
    color:#333;
}

.table tbody tr.row2 th {
    background-color:#E5E5E5;
}

.table tbody td {
    border-bottom:1px solid #DDD;
}

.table tbody tr.row2 td {
    background-color:#F5F5F5;
}

.table tfoot td {
    background-color:#EAEAEA;
    border-bottom:1px solid #DDD;
    color:#333;
    font-weight:bold;
}

.table tr th:first-child,
.table tr td:first-child {
    text-align:left;
}

.table tr.error {
    color: red;
}

.table tr.not-important {
    font-style: italic;
    opacity: 0.8;
}

.table tr.important {
    font-weight: bold;
}

/* ===== */
/* Forms */
/* ===== */

input,
textarea,
select {}

input:focus,
textarea:focus,
select:focus {
    border:1px solid rgb(29 123 231);
}

fieldset {
    border-bottom:1px solid #DDD;
}

legend {
    color:#666;
    font-size:1.5em;
    color:#a6a8ab;
    margin-bottom:8px;
}

/* ========*/
/* Buttons */
/* ======= */

button,
input[type="submit"],
input[type="reset"],
input[type="button"],
a.button,
ul.buttons li a {
    background:rgb(29 123 231);
    border:0;
    color:#FFF;
    font-family:inherit;
    font-size:1.2em;
    padding:5px 12px;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
a.button:hover,
a.button.current,
ul.buttons li a:hover,
ul.buttons li.current a {
    background:rgb(13 148 227);
}

button.btn-aux,
input.btn-aux,
a.btn-aux,
ul.buttons li a.btn-aux {
    background-color:#EEE;
    background-image:linear-gradient(to bottom, #FFF 0px, #FFF 1px, #EEE 101%);
    border-color:#CCC;
    color:#000;
}

button.btn-aux:hover,
input.btn-aux:hover,
a.btn-aux:hover,
a.btn-aux.current,
ul.buttons li a.btn-aux:hover,
ul.buttons li.current a.btn-aux {
    background-color:#DDD;
    background-image:linear-gradient(to bottom, #EEE 0px, #EEE 1px, #DDD 101%);
    border-color:#BBB;
    color:#000;
}

ul.btn-lg li a,
a.btn-lg,
button.btn-lg,
.form-actions button {
    font-size:1.2em;
    font-weight:normal;
    padding:7px 18px;
}

ul.btn-sm li a,
a.btn-sm,
button.btn-sm {
    font-size:0.85em;
    padding:4px 10px;
}

ul.buttons li.disabled a,
ul.buttons li.disabled a:hover {
    color:#FFF;
    background-color:#666 !important;
}

/* ========= */
/* JQuery UI */
/* ========= */

.ui-dialog {
    background:#FFF;
}

/* =========== */
/* Main Layout */
/* =========== */

#header-outer {
    background-color:#1A1F23;
    background-image:linear-gradient(to left, #1A1F23 0%, #1A1F23 100%);
    color:#FFF;
    -webkit-box-shadow: 0px 0px 10px #000;
            box-shadow: 0px 0px 10px #000;
}

#header-inner {

}

#header-inner h1 {
    color:#FFF;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size:24pt;
    letter-spacing:-1px;
    font-weight:300;
}

.logo {
    height:70px;
}

/* Breakpoint where MP becomes full width. */
@media (max-width: 767px) {

}

/* Breakpoint where OS becomes full width. */
@media only screen and (max-width: 640px) {

}

.submitfeedback {
    text-align: right !important;
}

.submitfeedback {
    margin-top: -20px !important;
    padding-top: -20px !important;
}

.submitfeedback a {
    font-weight: 300;
    text-align: right;
    font-size: 13px;
    text-decoration: none;
    color: darkgrey;
}

.submitfeedback a:hover {
    text-decoration: underline;
}

.mobile-apps {
    background: rgba(240, 240, 240, 0.95);
    opacity: 0.95;
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}

.mobile-apps-features {
    list-style: none;
    color: #555;
    font-size: 13px;
    font-variant: small-caps;
}