/* Colours library
#CE1126 red
#d53447 faded red for hover states
#12416C head blue
#355d82 faded blue for hover states
#384856 smoky blue for div.panel heading
#B8C9D7 div.panel light blue background
#F5AF00 yellow
#fdfcde light yellow for forms background
----------------------*/

/* typography */
h1, h2, h3, h4, h5, h6 { color: #ce1126; margin: 0.8em 0 0 0; font-weight: normal; }
h1 { font-size: 1.7em; margin: 1.579em 0 0 0; text-transform: uppercase; }
.first, h1:first-child { margin-top: 0; }
h2 { font-size: 1.5em; margin: 1.765em 0 0 0; font-weight: bold; }
p, li {font-size: 12px; margin: 0.5em auto; }

/* form elements */
.mandatory { color: red; font-weight:bold; }
#content div.panel fieldset legend {margin: 0.4em 0 0 0 !important; font-size: 1.3em;}
#content div.panel fieldset input, #content div.panel fieldset select { display: inline;}
#content div.panel fieldset input[type="hidden"] {display: none;}
#content .value p, #content .value li { font-size: 1em; }
.label, .value, .value p em strong ul li  { font-size: 1.2em; }
.label, .result_title {font-weight: bold; }
input[type="submit"], input[type="button"]{ font-weight: bold; color: #fff; font-size:12px; background: #ce1126; padding: 2px 0.5em; margin: 0; text-transform: uppercase; border: none; }
input[type="submit"]:hover, input[type="button"]:hover {background: #d53447;}

/* error messages */
p.notice, p.error, .formError  { font-size: 1em; font-weight: bold; padding:10px; position:relative; }
p.notice { background: #6c6; border: 1px solid green;}
p.error, .formError { background: #fcc; border:1px solid red; }
.formError { width: 150px; }
#errorExplanation {border:1px solid red; padding: 5px; }
#content_main #errorExplanation h2 {width: 80%;}
div.enq_sub {display: block; top: -0.8em; padding-left:19px; line-height: 1.5em; font-weight: bold; }
div.enq_error { color: #a00; background:transparent url(../images/common/icon_error.gif) no-repeat scroll 0 2px; }

/* misc */
#head h1 { color: #fff; top:0; }
#mid #content {padding-top:10px;}
#content #w4 {margin-top:0.8em;}
#utilities #search input.button { padding: 0 0.5em 2px; height:1.4em; }
#content_main h1:first-child, #content_main h2:first-child, #content_main h3:first-child { margin-top:0; width:560px;}
#sidebar #contact_advisor_online.banner { background: url(../images/app/bg_contact.gif) top left no-repeat; color:#fff; font-weight:bold; height:27px; width:176px; display:block; padding:5px 0 0 3px; }
label.sub.caption { margin-top:12px; }
#photo img { max-width: none; }
.display_centered { text-align: center; padding-top: 10px; font-size: 1.2em; }

/* content_header where the search and login forms are */
#content_header { overflow:hidden; margin:20px 10px 10px 25px; }
#search_and_advanced-search {background: #fdfcde; display:block; padding:20px;}
#search_and_advanced-search h2 {margin-top:0;}

/* sidebar */
#mid #sidebar {margin-top:0; padding-top: 0;}
div#login_form {margin-bottom: 15px;}
div#login_form h2 {margin:0 0 0 10px; text-transform: uppercase; font-weight: normal;}
div#login_form #summary h2 {margin-left: 0;}
div#login_form #summary ul {margin-top: 15px;}
div#login_form div.inner {padding: 10px; background: #fdfcde;}
div#login_form #login, div#login_form #password { height:14px; padding-left:2px; font-size: 11px; }
div#login_form p#log_in {text-align: right;}
div#login_form p#log_in input {background: #12416C;}
div#login_form p#log_in input:hover {background: #355d82;}
/* in screen.css is defined as 200em which means if you have more than 10 student profiles to scroller through
the scroll/glider doesn't have enough width tp push each to the side thus 2 profiles appear instead of one
Making the width wider fixes the problem */
dl.feature .scroller .content {width:400em !important;}

/* faculty & unit select boxes */
#advancedSearch{ padding-bottom:20px; }
div#search_and_advanced-search select { height:210px; }
div#search_and_advanced-search select#host_unit_ids {width: 460px;}
#tbl_search_criteria tr th {font-size:12px; text-align: left;}
#tbl_seach_criteria td { vertical-align:top; }
#host_unit_ids, #faculty_ids{ line-height:1em; border: 1px solid #999; }

/* faculty links columns on first page */
#content ul.column-list {width:40%; margin-right:10px;}
#content ul.column-list  li {margin-bottom: 0.5em;}

/* search results */
div#search_results div#search_heading { border-bottom: #333 solid 2px; position:relative;}
div#search_results div#search_heading h2 { margin-top:0; text-transform: uppercase; }
div#search_results div#search_heading .heading-links {margin-top:0; position:absolute; right:0; }
div.search-results { border-bottom:1px solid #aaa; overflow: hidden; padding:15px 0; position: relative;}
div.search-results div.results_information { width: 550px; float:left;}
#content div.results_information h2 {margin-top: 0;}
#content div.search-results h3 {color: #333;}

div#pseudo_footer {background: #fdfcde; padding:20px; margin-top:15px;}
div#pseudo_footer  #faculty_selector {height: 20px;}

/* profile page */
div#profile_fields, div#enquiries {width:360px; float:left; margin-bottom: 50px;}
div#enquiries {margin-right: 20px;}
div#enquiries h5 {margin: 5px 0 15px;}
div#enquiries_status { background: #eee; padding:10px 10px 15px; }
div#enquiries_status div.enquiry_status {border-bottom: 1px dashed #ddd; padding-bottom:3px;clear:both;}
div#enquiries_status div.enquiry_status img { float:left; }
div#enquiries_status div.enquiry_status div.enquiry_summary {padding-top:3px; }
div#profile_fields {position:relative;}
div#profile_fields a#edit_profile_link {position:absolute; top:0; right:0;}
div#profile_fields h2 {margin-top:0;}
div#profile_fields ul {padding-left:0; overflow:hidden;}
div#profile_fields li {list-style:none;}
div#profile_fields strong, div#profile_fields span {display: block; float: left;}
div#profile_fields strong { width: 140px; clear: left;}
div#profile_fields span {width: 220px;}
div#upload_form {border-top: 1px dashed #eee; margin-top:20px;}
div#upload_form h4, div#upload_form h5 {color: #222;}
div#upload_form ol li {list-style: decimal;}
/* enquiry page */
#content div.panel div#enquiry {}
#enquiry select { border: 1px solid #aaa; }
#where-heard ul {float:left; width: 45%; overflow:hidden;}
#where-heard li {list-style: none;}
#where-heard label {clear:both;}

/* profile form */
#content div.panel #marketing { font-weight: normal; display: inline; font-size: 12px; }

/* shorlist page and partial which appears on profile page */
div#shortlist  table {width:99%; margin-left:1px;}
div#shortlist th.act {width: 24%;}
div#shortlist th, div#shortlist_table td {padding:4px;}
div#shortlist td a { color:#333; font-size:12px; }
div#shortlist tr.row_even td { background: #f5f5f5; }
div#shortlist tr.row_odd td { background: #e5e5e5; }
div#shortlist ul { padding-left: 0; }
div#shortlist li { list-style:none;}

/* buttons styling */
#content_main {position:relative;}
#content_main div.opp_actions {width: 140px; float:right; margin-right: 20px;  }
#content_main div#availability div.opp_actions {margin-top: -50px;}
#content_main div.opp_actions a {text-decoration: none;}
#content_main div.opp_actions #opp_added {font-weight: bold; color: #F5AF00;}

/* setting basic styling for button as default yellow */
#content_main div.opp_actions p a,  div#shortlist li a, a#back_link, a#edit_profile_link { padding:5px 10px; margin:4px 0; background: #F5AF00; color:#333; font-weight:bold; text-decoration:none; display:block;}
#content_main div.opp_actions p a:hover, a#back_link:hover, a#edit_profile_link:hover { background: #fabe32;}
/* then overriding the colours options */
#content div.opp_actions a.add_to_shortlist_link, #content a#contact_supervisor { background: #12416C; color:#fff;}
#content div.opp_actions a.remove_from_shortlist_link, #content a#remove_button, #content a#contact_expert  { background: #CE1126; color:#fff;}
#content div.opp_actions a.add_to_shortlist_link:hover, #content a#contact_supervisor:hover {background: #355d82; color:#fff;}
#content div.opp_actions a.remove_from_shortlist_link:hover, #content a#remove_button:hover, #content a#contact_expert:hover {background: #d53447; color:#fff;}
a#back_link {width:50px;}

form#new_student p {display:inline;}

#content div.panel {background: none; border: none; border-bottom: 1px solid #dbd3c2;}
#content div.panel h2 {border-bottom: 2px solid #4d483c; margin-left: 0; width: auto;}

/* pagination links */
.pagination { padding: 20px 21px 20px 0; text-align: right; }
.pagination a { padding: 2px 5px; margin: 2px; border: 1px solid #125687; text-decoration: none; color: #125687; }
.pagination a:hover, .pagination a:active { border: 1px solid #125687; background:#125687; color: #fff; }
.pagination span.current { padding: 2px 5px; margin: 2px; border: 1px solid #125687; font-weight: bold; background: #125687; color: #FFF; }
.pagination span.disabled { padding: 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd; }