/*

Colors Used:
    Background:  #26394C
    BG Emphasis: #678
    Midground:   #c3ced9
    Highlight:   #e6ecf2
    Accent:      #cca860

*/

/*html {
    overflow-y: scroll;*/ /* always show scrollbar */
/*}*/

body {
    background: #26394C url(img/bg.gif);
    font-family: 'Trebuchet MS', 'Sans-Serif';
}

.content {
    background: #c3ced9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.67), inset 0 16px 16px -6px rgba(255, 255, 255, 0.5);
    padding: 20px;
    margin-bottom: 20px;
}

/* primary button color */
.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #567;
    background-image: -moz-linear-gradient(top, #678, #456);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#678), to(#456));
    background-image: -webkit-linear-gradient(top, #678, #456);
    background-image: -o-linear-gradient(top, #678, #456);
    background-image: linear-gradient(to bottom, #678, #456);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff667788', endColorstr='#ff445566', GradientType=0);
    border-color: #456 #456 #567;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #456;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #ffffff;
    background-color: #456;
    *background-color: #345;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #345;
}

.btn-gold {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-gold:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-white {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

footer {
    text-align: center;
}

footer, footer a {
    color: #c3ced9;
}

footer a:hover {
    color: #fff;
}

table {
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    font-size: 12px;
    width: 100%;
}

table th {
    text-align: left;
    padding: 16px 6px 2px;
}

table tbody td {
    text-align: left;
    padding: 4px 8px;
}

table thead, table tfoot, div.dt_footer {
    background: #456;
    color: #fff;
}

table tbody tr {
    background: #fff;
}

.even {
    background: #e6ecf2;
}

.zebra tbody tr:nth-child(even) {
    background: #e6ecf2;
}

div.dataTables_filter {
    margin-bottom: 5px;
}

div.dt_grid {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

div.dt_grid_course {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    height: 381px;
}

div.dataTables_info {
    width: 40%;
    float: none;
    padding: 2px 0px !important;
    cursor: auto !important;
}

div.dataTables_paginate {
    width: 60%;
    float: right;
    padding: 2px 0px !important;
}

table tfoot, .dataTables_info, .dataTables_paginate {
    height: 24px;
}

.dataTables_filter {
    height: 32px;
}

table tfoot a, div.dataTables_info, .paginate_button, div.dataTables_paginate a {
    color: #fff;
    cursor: pointer;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    height: 24px;
    padding: 0px 12px;
}

table tfoot a:hover, .paginate_active, div.dataTables_paginate a:hover {
    background: #678;
    color: #fff;
}

div.dt_footer {
    font-size: 12px;
}

.validation-summary-errors ul {
    background: #fdd;
    border: solid 1px #d00;
    color: #d00;
    list-style-type: square;
    font-size: 16px;
    padding: 10px 30px;
    margin: 10px 0;
}

.message {
    cursor: pointer;
    display: block;
    padding: 4px 8px;
    margin: 0 0 8px;
}
.message p {
    margin: 0;
}
.message ul {
    margin: 4px 0 0 20px;
    padding: 0;
}
.message-success {
    background: #bfb;
    border: solid 1px #060;
    color: #060;
}
.message-warning {
    background: #ffd;
    border: solid 1px #873;
    color: #873;
}
.message-error {
    background: #f00000;
    border: solid 1px #873;
    color: #efcf4e;
}


/* Page Specific css - administration links */
.list-pagelinks {
    list-style: none;
    padding: 0 !important;
}

.list-pagelinks a, .list-pagelinks a:hover {
    color: #fff;
}

.list-pagelinks li, .list-pagelinks div {
    display: block;
    margin: 0 5px 10px;
    width: 225px;
}

.list-pagelinks li a, .list-pagelinks div a {
    background: #456;
    text-decoration: none;
    display: block;
    padding: 5px;
}