body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  color: #444;
}

/* Hide accessibility links
   -------------------------- */
.screenreader-only {
  position: absolute;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Floats
   -------------------------- */
.clear {
  clear: both;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

/* Genreal styling
   -------------------------- */
* {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1em;
  line-height: 150%;
}

a {
  border: 0;
}

a:hover {
  color: #f00;
}

a h4:hover {
  color: #f00;
}

h1 {
  background: transparent url('../img/_system/background-header-one.jpg') repeat-x;
  color: #25466B;
  font-size: 140%;
  font-weight: normal;
  padding: 1px 0 2px 3px;
  margin: 0.5em 0 0.5em 0;
}

h2 {
  color: #24476B;
  font-size: 135%;
  margin: 0.5em 0 0.2em 0;
}

h3 {
  color: #09f;
  font-size: 125%;
  margin: 0.2em 0 0.3em 0;
}

h4 {
  color: #09f;
  font-size: 100%;
  margin: 0.2em 0 0.3em 0;
}

ul, ol, dl {
  margin: 0 0 1.5em 1.5em;
}

li {
  line-height: 130%;
  margin-bottom: 0.5em;
}

ul li {
  list-style: square;
}

dt {
  margin: 1em 0 0.5em 0;
}

dd {
  margin-left: 1em;
}

table {
  background: #fff;
  color: #333;
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
}
table.clean {
  border: 0;
}
th {
  background: #f2f2f2;
  border: 1px solid #ccc;
  text-align: center;
}
table.clean th {
  border: 0px;
}
th.first,
td.first {
  border-left: 1px solid #ccc;
}
th.last,
td.last {
  border-right: 1px solid #ccc;
}
th a {
  background:#f2f2f2;
  display: block;
  padding: 2px 4px;
  text-decoration: none;
}
th a:hover {
  background: #ccc;
  color: #333;
  text-decoration: none;
}
table tr td {
  background: #fff;
  border-right: 1px solid #ccc;
  padding: 4px;
  vertical-align: top;
}
table tr.altrow td {
  background: #f4f4f4;
}
td.actions {
  text-align: center;
  white-space: nowrap;
}
td.actions a {
  margin: 0px 3px;
}
table.clean td {
  border: 0;
}

img {
  border: 0;
}

img.left {
  float: left;
  padding-right: 1em;
}

img.right {
  float: right;
  padding-left: 1em;
}

.note {
  float: left;
  color: #777;
  font-size: 90%;
}


/* General layout
   -------------------------- */
body {
  background: #fff url('../img/_system/background-header.gif') repeat-x;
}

#container {
  margin: 0 auto;
  text-align: left;
  width: 780px;
  position: relative;
}

#header {
  background-color: #25466B;
  height: 70px;
  border-bottom: 10px solid #CAD8E5;
}

#branding {
  float: left;
  width: 305px;
  background: transparent url('../img/_system/text-the-university-of-edinburgh.gif') no-repeat 70px;
}

#home-link {
  background: transparent url('../img/_system/university_logo.gif') no-repeat;
  height: 70px;
  display: block;
  color: #fff;
  text-indent: -5000px;
}

#primary-navigation {
  float: right;
  font-size: 72%;
  text-align: center;
  margin: 0;
}

#primary-navigation li {
  display: inline;
}

#primary-navigation li a {
  line-height: 2em;
  padding: 2px;
  color: #fff;
  text-decoration: none;
}

#primary-navigation li a:hover {
  background-color: #006497;
  border-top: 2px solid #BAC7D3;
}

#secondary-navigation {
  float: left;
  clear: both;
  width: 175px;
  margin: 0;
  position: absolute;
}

#secondary-navigation li {
  list-style: none;
  line-height: 1.5em;
  font-size: 108%; 
  border-bottom: 1px solid #E3D9DD;
  border-left: 5px solid #EAEFF5;
  border-right: 1px solid #EAEFF5;
  padding-left: 5px;
  color: #430019;
  margin: 0;
}

#secondary-navigation a {
  display: block;
  text-decoration: none;
  color: #430019;
}

#secondary-navigation a:hover,
#secondary-navigation a:focus {
  color: #25476C;
}

#secondary-navigation a:active {
  color: #4A0000;
}

#secondary-navigation li:hover,
#secondary-navigation li:focus {
  border-left: 5px solid #0099FF;
  background-color: #EAEFF5;
}

#secondary-navigation li:active {
  border-left: 5px solid #BF0149;
  background-color: #FFE8E8;
}

#secondary-navigation .selected {
  background-color: #F2F2F2;
  border-left: 5px solid #36A7E9;
}



#breadcrumbs {
  margin: 0.5em 0.5em 0 185px;
  font-size: 75%;
}

#breadcrumbs p {
  display: inline;
}

#breadcrumbs ul {
  margin: 0;
  display: inline;
}

#breadcrumbs li {
  background: transparent url('../img/_system/breadcrumb-separator.gif') no-repeat center right;
  display: inline;
  padding-right: 10px;
}

#breadcrumbs li.last {
  background: none;
}

#utility {
  background-color: #CAD8E5;
  float: right;
  margin-top: 19px;
  text-align: center;
  width: 465px;
  line-height: 27px;
  padding-top: 3px;
}

#utility form {
  display: inline;
  float: none;
}

#utility #keywords {
  width: 12em;
}

#utility #searchOptions {
  vertical-align: baseline;
}

#utility input {
  vertical-align: baseline;
}

#utility a {
  color: #25466B;
  text-decoration: underline;
  font-weight: bold;
  font-size: 80%;
  margin-left: 15px;
}

#utility a:hover {
  color: #f00;
}

#section-header {
  height: 51px;
  background: transparent url('../img/_system/section-header-default.jpg') no-repeat;
  clear: both;
  display: block;
  color: #fff;
  text-indent: -5000px;
}

#section-header h1 {
  margin: 0;
  height: 51px;
  background: none;
}

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

#footer {
  background: #fff url('../img/_system/background-footer.jpg') repeat-x;
  border-top: 10px solid #25466B;
  padding: 0 10px 0 20px;
  font-size: 85%;
  clear: both;
}

#footer div {
  margin: 0 auto;
  padding: 10px 0;
  width: 780px;
}

#footer ul {
  padding-bottom: 10px;
}

#footer ul li {
  display: inline;
  padding-right: 20px;
}

#copyright {
  padding-bottom: 5px;
  color: #000;
}
#footer a {
  color: #999;
  text-decoration: underline;
}

#footer a:hover {
  color: #f00;
}

/* 2 Column Layout
   -------------------------- */
.two-column #container {
  background: transparent url('../img/_system/background-2-column.jpg') repeat-y;
}

.two-column #main {
  margin-left: 175px;
}

.two-column #secondary-information {
  margin-left: 175px;
  padding: 0 0 0 10px;
}

/* 3 Column Layout
   -------------------------- */
.three-column #container {
  background: transparent url('../img/_system/background-3-column.jpg') repeat-y;
}

.three-column #main {
  margin: 0;
  float: left;
  width: 410px;
  margin-left: 175px;
}

.three-column #main h1 {
  width: 593px;
}

.three-column #secondary-information {
  float: right;
  width: 165px;
  margin-top: 40px;
  padding: 5px 0 5px 10px;
  font-size: 75%;
}

/* Paging
   -------------------------- */
div.paging {
  background:#fff;
  color: #ccc;
  margin-bottom: 2em;
}
div.paging div.disabled {
  color: #ddd;
  display: inline;
}
div.paging span {
}
div.paging span.current {
  color: #000;
}
div.paging span a {
}

/* Forms
   --------------------------*/
form {
  float: left;
  margin-bottom: 1em;
  width: 40em;
}

fieldset {
  border: 0;
}

fieldset legend {
/*  background: transparent url('../img/_system/background-header-two.jpg') repeat-x;*/
  color: #25466B;
  font-size: 130%;
  font-weight: normal;
  padding: 1em 0 2px 3px;
  margin-bottom: 1em;
  position: relative;
  width: 100%;
}

fieldset fieldset {
  margin-top: 0px;
  border: 0;
  position: relative;
  clear: left;
}
fieldset fieldset legend {
  font-size: 100%;
  font-weight: normal;
  position: relative;
  width: 8em;
  top: 1.1em;
  background-image: none;
  color: #444;
  padding: 0;
  margin: 1.1em 0 0 0;
  font-size: 100%;
}

fieldset fieldset .radio-group {
  float: left;
  margin: 0 0 0 7.5em;
  padding: 0;
}

.radio-group label {
  width: auto;
  float: none;
  padding: 0 0 6px 20px;
}

form div.input {
  padding: .5em;
  vertical-align: text-top;
  clear: both;
  color: #444;
}

form div.required,
form div.required legend {
  color: #333;
  font-weight: bold;
}

form div.submit {
  border: 0;
  clear: both;
  margin-top: 10px;
  margin-left: 18%;
}

div.no-label {
  margin-left: 18%;
}

label {
  display: block;
  padding-right: 2%;
  width: 16%;
  float: left;
}

input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px;
  width: 75%;
}
textarea {
  width: 75%;
}
textarea.tall {
  height: 50em;
}
select {
  clear: both;
  vertical-align: text-bottom;
}
#main select {
  width: 77%;
}
select[multiple=multiple] {
}
option {
  padding: 0 3px;
}
#main option {
  color: #444;
  font-size: 125%;
}
.file input {
  width: auto;
  clear: none;
  float: left;
}
div.input div.checkbox {
  clear: left;
  margin-left: 7.5em;
}
div.checkbox label {
  width: 75%;
  margin: 0 0 6px 20px;
}
.checkbox input {
  float: left;
  margin: 0px 6px 7px 2px;
  width: auto;
}
.radio-group input {
  float:left;
  clear: left;
  width:auto;
  margin: 0 3px 7px 0;
}
div.radio label {
  margin: 0 0 6px 20px;
}
input.submit,
input.button {
  display: inline;
  padding: 2px 5px;
  width: auto;
  vertical-align: bottom;
}

form .date input {
  width: 10em;
}

form .date .show-calendar {
  margin-left: 0.5em;
  vertical-align: bottom;
}

/* Notices and Errors
   -------------------------- */
div.message {
  color: #900;
  font-size: 140%;
  font-weight: bold;
  margin: 1em 0;
}
div.error-message {
  color: #900;
  font-weight: bold;
}
p.error {
  background-color: #e32;
  color: #fff;
  font-family: Courier, monospace;
  font-size: 120%;
  line-height: 140%;
  padding: 0.8em;
  margin: 1em 0;
}
p.error em {
  color: #000;
  font-weight: normal;
  line-height: 140%;
}
.notice {
  background: #ffcc00;
  color: #000;
  display: block;
  font-family: Courier, monospace;
  font-size: 120%;
  line-height: 140%;
  padding: 0.8em;
  margin: 1em 0;
}
.success {
  background: green;
  color: #fff;
}

/* Actions
   ------------------------- */
div.actions ul {
  margin: 0px 0;
  padding: 0;
}
div.actions li {
  display: inline;
  list-style-type: none;
  line-height: 2em;
  margin: 0 2em 0 0;
  white-space: nowrap;
}
div.actions ul li a {
  color: #003d4c;
  text-decoration: none;
}
div.actions ul li a:hover {
  color: #333;
  text-decoration: underline;
}


/* Homepage
   -------------------------- */

.homepage #main {
  margin: 1em 0;
  padding: 0;
}

.homepage #information-panels {
  width: 492px;
  margin-top: 0;
  margin-right: 10px;
}

.homepage .panel {
  width: 239px;
}

.homepage .panel.primary,
.homepage .panel.secondary {
  width: 241px;
}

.homepage .double.panel {
  width: 490px;
}

.homepage .double.panel.primary,
.homepage .double.panel.secondary {
  width: 492px;
}

.homepage #news-and-events-panels {
  width: 266px;
  margin-bottom: 1em;
}

.homepage #news-and-events-panels .panel {
  width: 266px;
  margin-right: 0;
}

.homepage .panel .content.left-image {
  margin-left: 92px;
}

.homepage .double.panel .content.left-image {
  margin-left: 188px;
}

.homepage .double.panel .content.narrow-left-image {
  margin-left: 170px;
}


/* Panels
   -------------------------- */
#information-panels {
  position: relative;
  float: left;
  width: 594px;
  margin-top: 0.5em;
}

.panel {
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  background-repeat: repeat-x;
  background-color: #fff;
  border: 1px solid #C7C7C7;
  width: 290px;
}

.panel .content h4 {
  font-size: 100%;
}

.panel.last {
  margin-right: 0;
}

.panel.new-row {
  clear: left;
}

.panel.double,
.panel.double.primary,
.panel.double.secondary {
  width: 594px;
  margin-right: 0px;
}

.panel.primary {
  background-image: url('../img/_system/background-primary-info-panel.jpg');
  background-color: #407ABA;
  border: 0;
  width: 292px;
}

.panel.secondary {
  background-image: url('../img/_system/background-secondary-info-panel.jpg');
  background-color: #EBF6F8;
  border: 0;
  width: 292px;
}

.panel .content {
  padding: 0.5em;
  color: #fff;
  clear: left;
}

.panel.primary .content h3 {
  color: #fff;
}

.panel.primary .content h4 {
  color: #fff;
}

.panel a {
  color: #fff;
  text-decoration: underline;
}

.panel a:hover {
  color: #f00;
  text-decoration: underline;
}

.panel ul a {
  text-decoration: none;
}

.panel.secondary .content {
  color: #000;
}

.panel.secondary .content h3 {
  color: #25466B;
}

.panel.secondary .content h4 {
  color: #25466B;
}

.panel.secondary a {
  color: #25466B;
}

.panel img.left {
  float: left;
  padding-right: 6px;
}

.panel .content.left-image {
  margin-left: 100px;
  clear: none;
}

.double.panel .content.left-image {
  margin-left: 250px;
}

.double.panel .content.narrow-left-image {
  margin-left: 170px;
  clear: none;
}

/* News and events
   -------------------------- */

#news-and-events-panels {
  width: 280px;
  float: left;
  border: 1px solid #C7C7C7;
  padding: 5px;
}

#news-and-events-panels.double {
  width: 582px !important;
}

#news-and-events-panels .panel {
  width: 280px;
  background: #fff;
  border: 0;
}

#news-and-events-panels.double .panel {
  width: 582px;
}

#news-and-events-panels p {
  line-height: 125%;
  margin-bottom: 0.8em;
}

#news-and-events-panels .content {
  background: #fff;
  padding: 0;
}

#news-and-events-panels h3 {
  background: transparent url('../img/_system/background-header-two.jpg') repeat-x;
  color: #43ABE9;
  font-size: 140%;
  font-weight: normal;
  padding: 1px 0 2px 3px;
  margin-bottom: 0.5em;
}

#news-and-events-panels .content {
  color: #000;
  font-size: 80%;
}

#news-and-events-panels .panel a {
  color: #1B3550;
  font-weight: bold;
  text-decoration: underline;
}

#news-and-events-panels .panel a:hover {
  color: #f00;
}

#news-and-events-panels .item .title {
  line-height: 110%;
  padding-bottom: 0;
  font-size: 100%;
  margin-bottom: 0.2em;
}

#news-and-events-panels .item .splash {
  float: left;
  margin-right: 5px;
}

#news-and-events-panels .item .date {
  font-size: 95%;
  color: #999;
  padding-bottom: 0;
}

#news-and-events-panels .item .blurb {
  line-height: 120%;
  padding-bottom: 1em;
}

/* Addresses
   -------------------------- */

.vcard {
  margin-bottom: 1.5em;
  margin-left: 1em;
}

.vcard div {
  margin-bottom: 0.3em;
}

.vcard .hidden {
  display: none;
}

/* Debugging */
pre {
  color: #000;
  background: #f0f0f0;
  padding: 1em;
  margin-bottom: 1em;
}
pre.cake-debug {
  background: #ffcc00;
  font-size: 120%;
  line-height: 140%;
  margin-top: 1em;
  overflow: auto;
  position: relative;
}
div.cake-stack-trace {
  background: #fff;
  border: 4px dotted #ffcc00;
  color: #333;
  margin: 0px;
  padding: 6px;
  font-size: 120%;
  line-height: 140%;
  overflow: auto;
  position: relative;
}
div.cake-code-dump pre {
  position: relative;
  overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
  color: #000;
  background-color: #F0F0F0;
  margin: 0px;
  padding: 1em;
  overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
  clear: both;
  font-size: 12px;
  line-height: 15px;
  margin: 4px 2px;
  padding: 4px;
  overflow: auto;
}
div.cake-code-dump span.code-highlight {
  background-color: #ff0;
  padding: 4px;
}
div.code-coverage-results div.code-line {
  padding-left:5px;
  display:block;
  margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
  background:#ecc;
}
div.code-coverage-results div.covered span.content {
  background:#cec;
}
div.code-coverage-results div.ignored span.content {
  color:#aaa;
}
div.code-coverage-results span.line-num {
  color:#666;
  display:block;
  float:left;
  width:20px;
  text-align:right;
  margin-right:5px;
}
div.code-coverage-results span.line-num strong {
  color:#666;
}
div.code-coverage-results div.start {
  border:1px solid #aaa;
  border-width:1px 1px 0px 1px;
  margin-top:30px;
  padding-top:5px;
}
div.code-coverage-results div.end {
  border:1px solid #aaa;
  border-width:0px 1px 1px 1px;
  margin-bottom:30px;
  padding-bottom:5px;
}
div.code-coverage-results div.realstart {
  margin-top:0px;
}
div.code-coverage-results p.note {
  color:#bbb;
  padding:5px;
  margin:5px 0 10px;
  font-size:10px;
}
div.code-coverage-results span.result-bad {
  color: #a00;
}
div.code-coverage-results span.result-ok {
  color: #fa0;
}
div.code-coverage-results span.result-good {
  color: #0a0;
}

/* Views
   -------------------------- */
.view .photo {
  float: right;
}

.view .field {
  clear: left;
  margin-bottom: 0.5em;
}

.view .field .label {
  float: left;
  width: 10em;
  font-weight: bold;
  color: #888;
}

.view .field .value {
  margin-left: 10em;
}

.view .field ul.value {
  margin-left: 11em;
}

/* News View
   -------------------------- */
.news .published {
  font-size: 80%;
  margin-bottom: 0.5em;
}

.news .blurb {
  font-style: italic;
}

.news a {
  text-decoration: none;
}

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

.news .item {
  background: #F9FAFC url('../img/_system/background-item.jpg') repeat-x;
  padding: 0.5em;
  margin-bottom: 1em;
}

.news h3 a {
  color: #09f;
}

.news h3 a:hover {
  color: #f00;
}

/* Search form
   -------------------------- */
form.search {
  float: right;
  width: 15em;
  text-align: right;
}

form.search input {
  width: 10em;
  display: inline;
}

form.search div.input {
  padding: 1px;
}

form.search .date input {
  width: 7.3em;
}

form.search input {
}

form.search label {
  font-size: 80%;
  width: 6em;
}

form.search input.submit {
  width: auto;
  margin-right: 1em;
}

/* Tabs
   -------------------------- */
.tabs {
  margin: 1em 0;
}

.tab {
  border: 1px solid #EAEFF5;
  padding: 0.5em;
}

.tabNavigation {
  margin: 0 0 0 0.5em;
}

.tabNavigation li {
  list-style: none;
  display: inline;
}

.tabNavigation li a {
  padding: 0.2em 0.8em 0 0.8em;
  margin-right: 0.4em;
  background: #fff;
  border: 1px solid #EAEFF5;
  text-decoration: none;
  color: #25466B;
}

.tabNavigation .tabs-selected a,
.tabNavigation li a:hover {
  background: transparent url(../img/_system/background-header-one.jpg) repeat-x scroll 0 0;
}

.tabs .tabs-hide {
  display: none;
}

/* Group members selection list
   -------------------------- */
#groups .asmListItem label,
#members .asmListItem label {
  float: none;
  font-size: 90%;
  margin-left: 2em;
  width: auto;
}

#groups .asmListItem input,
#members .asmListItem input {
  width: auto;
  margin-left: 1em;
}

/* Events Listing
   -------------------------- */

#events-listing {}

.form #events-listing {
  margin-left: 7em;
}

#events-listing .event {
  margin-bottom: 0.5em;
}

#events-listing .event .date {
  font-size: 80%;
  margin-bottom: 0.4em;
  margin-left: 1em;
}

#events-listing .event .blurb {
  margin-left: 1em;
}

/* Group events forms
   -------------------------- */

#new-event {
  margin-left: 9em;
  margin-bottom: 1em;
}

/* People view styling
   -------------------------- */

.people table {
  font-size: 85%;
}

.people table .position {
  width: 19%;
}

.people #support_staff table .position {
  width: 30%;
}

.people table .phone {
  width: 16%;
  white-space: nowrap;
}

.people #support_staff table .phone {
  width: 16%;
}

.people table .location {
  width: 14%;
}

.people #support_staff table .location {
  width: 18%;
}

/* TinyMCE textarea size
   -------------------------- */

textarea.mceEditable {
  height: 20em;
}

/* News and Events filters
   -------------------------- */

#main .filters {
  margin: 1em;
}

#main .filters h4 {
  display: inline;
}

/* Groups styling
   -------------------------- */

.groups .group {
  padding-bottom: 2.5em;
  clear: both;
}