/* onlineexamresults.css */

/* Site-wide styles */

body {
    background-color: #ffffff;
    color: #000000;
    font: 12px verdana, arial, helvetica, sans-serif;
    margin: 0;
    /* PREVIOUS: line-height: 1.3em; */
}

a {
    color: #1c4180;
    font-weight: bold;
    text-decoration: none;
}

v\:* {
    behavior:url(#default#VML);
}

/*
a:visited {
    color: #666;
}

a:hover {
    color: #c56c66;
    background-color: #8c0001;
}

pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}
*/

.enabled {
    color: #26526d;
}

.disabled {
    color: #6692ad;
}

.required {
    color: #1c8041;
}

span.hint {
    font-size: smaller;
    font-style: italic;
}

.smallterms {
    font-size: 8px;
}

.addedtodayheading {
    font-size: 16px;
    color: red;
    font-weight: bold;
}

.addedtoday {
    font-size: 12px;
    color: red;
    font-weight: 90;
}

.addedyesterday {
    font-size: 12px;
    color: #d01818;
    font-weight: 90;
}

/* Even and Odd colours */

.OddEven0 { }

.OddEven1 { }

/* Flash Notice and Error Messages */

div#notice {
    border: 3px solid red;
}

div.errorExplanation {
    border: 3px solid #26526d;
}

div.errorExplanation h2 {
    color: #f4ede3;
    background-color: #c56c66;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0.3em;
}

div.fieldWithErrors {
    background-color: #c56c66;
    margin: 2px;
}

/* Table headers -- left and top */

table.headerleft th {
    vertical-align: top;
    text-align: right;
    padding-right: 1em;
    white-space: nowrap;
}

table.headerleft td {
    vertical-align: top;
    text-align: left;
}

table.headertop th {
    vertical-align: top;
    text-align: center;
    padding-bottom: 0.5em;
    border-bottom: 1px dotted #26526d;
}

table.headertop td {
    vertical-align: top;
    text-align: left;
}

table.headertop td.number {
    text-align: right;
}

table.aligntop th {
    vertical-align: top;
}

table.aligntop td {
    vertical-align: top;
}

/* Visual stuff */

.button {
    background-color: #1c4180;
    height: 15px;
    width: 150px;
    text-align: center;
    border-top: 1px solid #76899f;
    border-left: 1px solid #76899f;
    border-right: 1px solid #001133;
    border-bottom: 1px solid #001133;
    font-size: 10px;
    color: #ffffff;
}

div.button {
    margin-left: 3em;
}

.button a {
    color: #ffffff;
}

/* Main layout styles */

#header {
    height: 180px;
    background-image: url("/examresults/images/grad.gif");
}

#logo {
    position: absolute;
    top: 35px;
    left: 30px;
}

#login {
    color: #76899f;
}

#login form {
    font-size: 10px;
}

#login input {
    font-size: 10px;
    color: #000000;
    border-top: 1px solid #8a9cb2;
    border-left: 1px solid #8a9cb2;
    border-bottom-width: 0px;
    border-right-width: 0px;
}

#links {
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 20px;
    color: #d8d8d8;
}

#links a {
    color: #d8d8d8;
    font-weight: normal
}

#tagline {
    color: #d8d8d8;
    position: absolute;
    top: 110px;
    left: 42px;
}

#tabs {
    position: absolute;
    top: 159px;
    left: 160px;
}

#tabs span {
    text-align: center;
    height: 20px;
    font-weight: bold;
}

#tabs span.inactive {
    color: #d8d8d8;
    background-color: #76899f;
    border-top: 1px solid #8a9cb2;
    border-left: 1px solid #8a9cb2;
}

#tabs span.active {
    color: #1c8041;
    background-color: #f0f0f0;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #f0f0f0;
}

#tabs span a {
    color: #d8d8d8;
}

#tabs span#home {
    position: absolute;
    width: 120px;
}

#tabs span#exam_results {
    position: absolute;
    left: 123px;
    width: 120px;
}

#tabs span#release_dates {
    position: absolute;
    left: 246px;
    width: 120px;
}

#tabs span#tell_friend {
    position: absolute;
    left: 369px;
    width: 120px;
}

#tabs span#student_housing {
    position: absolute;
    left: 492px;
    width: 120px;
}



#side {
    width: 160px;
    background-color: #f0f0f0;
    line-height: 20px;
    border-top-color: #ffffff;
    border-top-style: solid;
    border-top-width: 1px;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 10px;
}

#side hr {
    width: 80%;
    height: 1px;
    background-color: #193366;
    color: #193366;
    text-align: left;
    border: 0;
    margin: 8px auto 8px 0;
}

#side a {
    display: block;
}

#side .current {
    color: #1c8041;
}

#main {
    background-color: #f0f0f0;
    border-top-color: #ffffff;
    border-top-style: solid;
    border-top-width: 1px;
}

#main h1 {
    color: #1c4180;
    margin-bottom: 6px;
    font-size: 18px;
}

#context {
    padding: 0 0 10px 0;
}

.boxed {
    border-width: 1px;
    background-color: #ffffff;
    border-color: #d8d8d8;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 800px;
}

#bottom {
    background-color: #1c4180;
    font-size: 10px;
    color: #cccccc;
    text-align: right;
}

#bottom a {
    color: #aed8da;
    font-weight: normal;
    font-size: 10px;
}

/* User Property Lists */

table#property { }
div#property_list {
    padding: 0;
    margin: 0;
}

table#property.rented,
div#property_list .rented {
    background: #dddddd url(/images/already_let.gif);
}

table#property.rented {
}

div#property_list .rented {
    background-repeat: no-repeat;
}

table#property tr.property td {
    padding-bottom: 0.5em;
}

div#property_list .featured {
    background-color: #ffffc4;
}

div#property_list div.price_band {
    max-width: 800px;
    margin-top: 2em;
}

div#property_list div.price_band h2 {
    padding: 0;
    margin: 0;
}

table#property address,
div#property_list address {
    white-space: pre
}

table#property h1, div#property_list h3 {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0.5em;
    margin-bottom: 0;
}

table#property h3 {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0em;
    margin-bottom: 0;
}

table#property td.image,
div#property_list td.image {
    padding-right: 8px;
    padding-left: 8px;
    width: 115px;
}

table#property td.image div#main_image {
    width: 304px;
    height: 304px;
    padding-bottom: 5px;
/*  Getting the image centered vertically is really difficult. This code kind of works, but not really.
    vertical-align: middle;
    line-height: 150px; */
}

table#property td.image img,
div#property_list td.image img {
    margin: 1px;
    border: 1px solid #d8d8d8;
}

table#property td.location,
div#property_list td.location {
    width: 150px;
}

table#property td.description {}

div#property_list td.description {
    width: 100%;
}

table#property td.description table.features,
div#property_list td.description table.features li {
    
}

table#property td.description table.features td,
div#property_list td.description table.features td {
    white-space: nowrap;
    vertical-align: top;
    font-weight: bold;
    padding-right: 5em;
}

table#property td.description table.features th,
div#property_list td.description table.features th {
    font-weight: normal;
    white-space: nowrap;
    vertical-align: top;
    padding-right: 1em;
    text-align: left;
}

table#property td.description hr {
    width: 80%;
    height: 1px;
    background-color: #193366;
    text-align: center;
    border: 0;
}

table#property td.description ul {
}

table#property td.description ul li {
    list-style-image: url(/images/tick.gif);
}

table#property td.description div#contact {
    padding: 10px;
}

table#property td.description div#description {
    padding: 10px;
}

table#property div#map {
    border: 1px solid #d8d8d8;
    width: 304px;
    height: 225px;
}

/* Manager Property Lists */

table#property_management { }

table#property_management .rented {
    background-color: #e1e1e1;
    font-style: italic;
    color: #aaaaaa;
}

table#property_management .rented a {
    color: #676767;
}

table#property_management .rented a.button {
    color: #676767;
}

table#property_management .feature_none {
    background-color: #ffffff;
    color: #000000;
}

table#property_management .feature_searchplus {
    background-color: #bc9860;
    color: #000000;
}

table#property_management .feature_featured {
    background-color: #f9c801;
    color: #000000;
}

table#property_management th {
    padding-right: 7px;
}

table#property_management td {
    padding-right: 7px;
}

table#property_management td.views {
    text-align: center;
}

table#property_management td.feature {
    text-align: center;
}

/* Search Box */

table#search { }

/* Edit Property button */

#edit {
    border: 2px solid #8c0001;
    background-color: #c56c66;
    color: #f4ede3;
    padding: 1em;
    margin: 0 0 0.5em 0.5em;
    width: 145px;
}

#edit h3 {
    color: #f4ede3;
    padding-top: 0;
    margin-top: 0;
}

#edit a {
    color: #f4ede3;
}

#edit ul {
    padding: 0 0 0 17px;
    margin: 0;
}

/* My Account Page */

#my_account {}

#my_account #favourites {
    border: 1px solid #d8d8d8;
}

#my_account h3 {
    padding-top: 0;
    margin-top: 0;
}

#my_account #account_summary {
    /* border: 1px solid #d8d8d8; */
}

#my_account #account_summary img {
    padding-right: 1em;
}

#my_account #account_summary div.button {
    margin: 5px;
    margin-left: 3em;
}