/* About us */
.breakout {
    background: url("img/rdquo.gif") no-repeat scroll right bottom transparent;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    width: 12em;
}
.right {
    float: right;
    margin: 0.5em 0.5em 0.5em 1em;
    padding: 0 0 0 1em;
}
.breakout p {
    background: url("img/ldquo.gif") no-repeat scroll left top transparent;
    margin: 1em 0;
    padding: 8px 0 10px;
    text-indent: 28px;
}
.left {
    float: left;
    margin: 0.5em 1em 0.5em 0;
    padding: 0 1em 0 0;
}

/* A short history */
#col3 {
    background: url("img/neuron-faded.jpg") no-repeat scroll right bottom #FFFFFF;
    border: 2px solid #E1EBDB;
    float: right;
    margin: 0 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 30%;
}
.timeline {
    background: url("../images/timeline-rail.gif") repeat-y scroll left center transparent;
    font-size: 75%;
    line-height: 1.4;
    margin-left: 8px;
    margin-top: 1em;
}
.timeline .epoch {
    background: url("img/timeline-bullet.gif") no-repeat scroll left top transparent;
    display: block;
    margin-bottom: 1em;
    min-height: 23px;
    padding: 3px 5px 0 20px;
}
.timeline .epoch span {
    color: #D76425;
    font-weight: bold;
}

/* Research themes */
#themesBanner {
    height: 170px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#themesInnerWrap {
    background: url("img/themes-ribbon-bg.png") repeat-x scroll left top transparent;
    height: 128px;
    margin-right: 16px;
    position: relative;
}
#themesHeading {
    height: 31px;
    position: absolute;
    right: 0;
    top: 0;
    width: 199px;
}
.roundel {
    float: left;
    height: 97px;
    margin-top: 31px;
    overflow: hidden;
    text-align: center;
    width: 20%;
}
.roundel a img {
    border: 0 none;
}
#themesCaption {
/*
    color: #D56E29;
*/
    display: block;
    font-family: "Helvetica","Arial",sans-serif;
    font-size: 200%;
    line-height: 1;
    padding: 10px 0 0;
    text-transform: uppercase;
}

p.link {
    background: url("img/LinkArrow.gif") no-repeat scroll 0 0.3em transparent;
    min-height: 16px;
    padding-left: 23px;
}

/* Collaboration in Action */

div.cameoIndex img {
    float: right;
}
div.cameoIndex, div.cameoTitle {
    background: none repeat scroll 0 0 #F8F8F8;
    height: 80px;
    overflow: hidden;
    padding-left: 8px;
}
div.cameoIndex p {
    color: #FFFFFF !important;
    line-height: 1.2;
    margin-top: 0.7em;
}

div.cameoIndex strong, div.cameoTitle h1 {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-family: "Helvetica","Arial",sans-serif;
    font-size: 220%;
    font-weight: normal;
    line-height: 0.9;
    text-transform: uppercase;
}
div.cameoTitle a, div.cameoTitle a:hover, div.cameoIndex a, div.cameoIndex a:hover {
    color: #FFFFFF;
}
#cameo-addicted {
    background: none repeat scroll 0 0 #CDC034;
    color: #FFF8D0;
}
#cameo-autistic {
    background: none repeat scroll 0 0 #C77432;
    color: #EFD8C6;
}
#cameo-degenerating {
    background: none repeat scroll 0 0 #267199;
    color: #C3D9E3;
}
#cameo-deluded {
    background: none repeat scroll 0 0 #B52D43;
    color: #EAC5CB;
}
#cameo-developing {
    background: none repeat scroll 0 0 #C6329E;
    color: #EFC6E4;
}
#cameo-economic {
    background: none repeat scroll 0 0 #6E32C6;
    color: #D6C6EF;
}
#cameo-educated {
    background: none repeat scroll 0 0 #43741D;
    color: #CBD8C0;
}
#cameo-genetic {
    background: none repeat scroll 0 0 #CD3B34;
    color: #F1C8C6;
}
#cameo-inflamed {
    background: none repeat scroll 0 0 #2E9FB7;
    color: #C5E4EB;
}
#cameo-injured {
    background: none repeat scroll 0 0 #2EB758;
    color: #C5EBD1;
}
#cameo-obese {
    background: none repeat scroll 0 0 #98C732;
    color: #E2EFC6;
}
#cameo-statistical {
    background: none repeat scroll 0 0 #3E2699;
    color: #C9C3E3;
}

/* Collaboration in action */

.borderless {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
}

div.cameoIndex, div.cameoTitle {
    background: none repeat scroll 0 0 #F8F8F8;
    height: 80px;
    overflow: hidden;
    padding-left: 8px;
}
div.cameoTitle h1 {
	padding-top: 10px;
}
div.cameoTitle {
    height: 30em;
}
#col3 h2 {
    margin-top: 1em;
    background: none repeat scroll 0 0 #F7F4F2;
    border-bottom: 1px solid #E1EBDB;
    color: #000044;
    padding: 0.2em 0.3em;
}

div.cameoNav div a {
  color: #FFF8D0;
}
div.cameoNav div {
    background-image: none !important;
    font-family: "Helvetica","Arial",sans-serif;
    padding: 3px;
    text-transform: uppercase;
}

#col3 #cameo-addicted {
    background: url("../images/cameo-AddictedBrain-100px.jpg") repeat-x scroll center bottom #CDC034;
}

#cameo-addicted {
    background: none repeat scroll 0 0 #CDC034;
    color: #FFF8D0;
}
#col3 #cameo-autistic {
    background: url("../images/cameo-AutisticBrain-100px.jpg") repeat-x scroll center bottom #C77432;
}
#cameo-autistic {
    background: none repeat scroll 0 0 #C77432;
    color: #EFD8C6;
}
#col3 #cameo-developing {
    background: url("../images/cameo-DevelopingBrain-100px.jpg") repeat-x scroll center bottom #C6329E;
}
#cameo-developing {
    background: none repeat scroll 0 0 #C6329E;
    color: #EFC6E4;
}


#col3 #cameo-degenerating {
    background: url("../images/cameo-DegeneratingBrain-100px.jpg") repeat-x scroll center bottom #267199;
}
#cameo-degenerating {
    background: none repeat scroll 0 0 #267199;
    color: #C3D9E3;
}


#col3 #cameo-deluded {
    background: url("../images/cameo-DeludedBrain-100px.jpg") repeat-x scroll center bottom #B52D43;
}
#cameo-deluded {
    background: none repeat scroll 0 0 #B52D43;
    color: #EAC5CB;
}

#col3 #cameo-economic {
    background: url("../images/cameo-EconomicBrain-100px.jpg") repeat-x scroll center bottom #6E32C6;
}
#cameo-economic {
    background: none repeat scroll 0 0 #6E32C6;
    color: #D6C6EF;
}

#col3 #cameo-educated {
    background: url("../images/cameo-EducatedBrain-100px.jpg") repeat-x scroll center bottom #43741D;
}
#cameo-educated {
    background: none repeat scroll 0 0 #43741D;
    color: #CBD8C0;
}

#col3 #cameo-inflamed {
    background: url("../images/cameo-InflamedBrain-100px.jpg") repeat-x scroll center bottom #2E9FB7;
}
#cameo-inflamed {
    background: none repeat scroll 0 0 #2E9FB7;
    color: #C5E4EB;
}
#col3 #cameo-injured {
    background: url("../images/cameo-InjuredBrain-100px.jpg") repeat-x scroll center bottom #2EB758;
}
#cameo-injured {
    background: none repeat scroll 0 0 #2EB758;
    color: #C5EBD1;
}
#col3 #cameo-genetic {
    background: url("../images/cameo-GeneticBrain-100px.jpg") repeat-x scroll center bottom #CD3B34;
}
#cameo-genetic {
    background: none repeat scroll 0 0 #CD3B34;
    color: #F1C8C6;
}

#col3 #cameo-obese {
    background: url("../images/cameo-ObeseBrain-100px.jpg") repeat-x scroll center bottom #98C732;
}
#cameo-obese {
    background: none repeat scroll 0 0 #98C732;
    color: #E2EFC6;
}
#col3 #cameo-statistical {
    background: url("../images/cameo-StatisticalBrain-100px.jpg") repeat-x scroll center bottom #3E2699;
}
#cameo-statistical {
    background: none repeat scroll 0 0 #3E2699;
    color: #C9C3E3;
}


/* Directory... */

#col3 .box {
    margin: 0 0 0.5em;
    padding: 0 1em 0.5em;
}

.directoryform select {
	width: 350px;
}
.directoryform input[type=text] {
	width: 200px;
}
	

/************************/
/******  SEARCH  ********/
/************************/

ul.searchresults { margin: 1em 0 1em 0; padding: 0; list-style: none; line-height: 1.2; }
ul.searchresults li { margin-bottom: 0.5em; clear: left; overflow: hidden; }
ul.searchresults span { font-size: 90%; }
ul.searchresults a { font-weight: bold; line-height: 1;}
ul.searchresults img { float: left; margin-right: 6px; width:100px; height: auto;}

/******************************/
/******  INLINE FORMS *********/
/******************************/

.inline p { display: inline; }

/********************************/
/******  EDITABLE FORMS *********/
/********************************/

em.info { color: #bb0000; }

.edit {
  font-size: 90%;
  line-height: 1.2;
}

.edit input, .edit textarea, .edit select { font-size: 100%; font-family: sans-serif;}


.edit p {
    clear: both;
    padding: 0.2em 0 0.3em 0;
    margin-top: 0em !important;  
    margin-bottom: 0.3em;  
    overflow: hidden; 
    line-height: 1.3;
}

 .textafter {
    display: block;
    font-size: 90%;
    color: #666666;
}

.edit p.border {
  border-bottom: 1px solid #f0f0f0;
}

.edit p.border.indent {
    margin-left: 4em;
}

.edit table {
    font-size: 100%; 
    border: 0;
}
.edit table th {
    background: transparent;
    font-size: 100%;
}

.edit div.extendabletable {
  font-size: 90%; /* Compensate for not being wrapped in <p> */
}

.edit table.extendable td { 
    padding: 4px 2px; 
    background: #f7f4f2;
}


p.disabled * { color: #e0d0e0 !important; }

.radiogroup, 
.edit #keywords,
.checkboxset { margin-left: 27%; display: block; }

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

.edit label {
  float: left;
  clear: left;
  width: 25%;
  margin: 0;
  text-align:right;
  color: #996666;
  line-height: 1.2;
}

.edit img { margin-left: 27%; position: relative; top: -1.2em;}
a.pdf { overflow: visible; height: 14px;  padding: 6px 0 6px 14px; top: 0; background: left center no-repeat url('../images/pdf.gif'); }
a.viewDetails { overflow: visible; height: 14px; padding:  6px 0 6px 14px; top: 0; background: left center no-repeat url('../images/detail.gif'); }

* html .edit img { margin-left: 0; top: 0; }

.edit .radiogroup label,
.edit .checkboxset label {
  text-align: left;
  padding: 0; 
  margin: 0;
  float: none;
  clear: none;
}

.edit fieldset { border:3px solid #e1ebdb; padding: 1em; overflow: hidden; }
.edit legend {
  padding: 0.2em 0.5em;
  color: #330000;
  font-size: 100%;
  text-align: left; 
  text-transform: uppercase;
}

.edit select[multiple] { height: 8em; }


.edit input[type~="text"],
.edit input[type~="password"],
.edit select,
.edit textarea { background-color: #ffffff; border: solid 1px #cccccc; }
.edit input[type~="file"]:focus, 
.edit input[type~="text"]:focus, 
.edit input[type~="password"]:focus,
.edit select:focus, 
.edit textarea:focus { background-color: #f5f7ff !important; border: solid 1px #590fc4 !important; }

.edit tr.hidden { display: none; }
.edit tr.visible { display: table-row; }

.edit .error { border-color: red !important; background: #ffffaa !important; }
.edit .error_msg { overflow: hidden;
 text-indent: 21px; background: top left no-repeat url('../images/alert.gif');
 min-height: 18px; font-size: 90%; font-weight: bold; color: red; }

#dhtml_submit_message p,.messages { border: 3px solid #e6dce6; background: #fefed9; padding: 0.4em; margin: 0.5em 0.15em; }
.messages p { margin-bottom: 0.5em; }
.messages p.error { color: red !important; background: none !important; }

/* js_only are the controls on the extendable table */

.edit .extendabletable .js_only {
    font-size: 90%;
    display: inline;
    background: #f7f4f2;
    padding: 1px 4px;
    border: 1px solid #cccccc;
    line-height: 2;
}

.edit table .js_only {
    border: none;
}

.edit .error_msg,
.edit span.comment { float: right; width: 73%; }

/* The width above and the margin-left below should add up to (100% - {label width}) */
.edit table.extendable,
.edit .js_only,
.edit input,
.edit select,
.edit textarea {
    margin-left: 2%;
}



.edit .extendabletable .error_msg { margin-left: 0; font-size: 80%; width: auto; }

/* used between extendable tables */
.edit .clearing { clear: both; height: 1em; } 

.symposium input { margin-top: 0.8em !important; }


/***********************************/
/********** PROFILE PAGE ***********/
/***********************************/

.profile_personal {
  float: left;
  width: 250px;
  text-align: left;
}

.profile_personal p {
  margin-top: 0 !important;
  margin-bottom: 0.6em; line-height: 1.3;
}

.profile_pubs p.collaborator,
.profile_research p.tool,
.profile_research p.disease,
.profile_research p.keyword
 {
  margin-top: 0 !important;
  margin-bottom: 0.6em; line-height: 1.2;
  background: #f7f4f2; 
  padding: 2px;
  margin-bottom: 2px;
}

.profile_personal img {
   text-align: right;
}


.profile_pubs h3,
.profile_research h3,
.profile_personal h3 {
  padding: 2px 0 1px 0;
  border-bottom: 1px solid #e6dce6;
  margin-bottom: 2px;
}


.profile_research {
  margin-left: 270px;
}



.profile_research .captioned {
  text-align: center;
} 

* html .profile_research .captioned {
  overflow: hidden;
}

.profile_personal td,
.profile_research td {
  vertical-align: top;
}


.profile_personal td.heading,
.profile_research td.heading {
  font-weight: bold;
  text-align: right;
  padding-right: 1em;
  width: 10em;
}

.profile_pubs {
  clear: left;
  padding-top: 0.3em;
}

.profile_pubs p {
  font-size: 90%;
  line-height: 1.2;
}

p.collaborator em { font-size: 80%; padding-left: 2em; }

.profile_research table.minimal { border-spacing: 2px }

/***********************************/
/******** WORKFLOW COMMENTS ********/
/***********************************/
div.workflow_comments_container {
  max-height: 10em;
  overflow: auto;
}

* html div.workflow_comments_container {
  height: 10em;
}
div.comment {
  background: #f7f4f2; 
  padding: 6px;
  margin-bottom: 2px;
}

div.user {
}

div.approved {
  background: #eff9ef;
}
div.declined {
  background: #faeeee;
}

div.comment p {
  padding: 0; margin: 0; line-height: 1.1;
}

div.comment .info { text-align: right; font-size: 80%;}



.borderless { border: 0 !important; background: transparent !important;}

.relatedlinks {
 font-size: 85%;
 clear: right;
 float: right;
 width: 12em;
 line-height: 1.2;
 padding: 4px;
 border: 1px solid #e6dce6;
 margin: 0 0 1em 1em;
 background: #ffffff;
}

#main  .relatedlinks ul, #col3 ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.relatedlinks h2 {
  text-align: center;
}

#content .relatedlinks ul { list-style-type: none; }

.relatedlinks li,
.relatedLinksFixed li {
  background: transparent 0 0.3em no-repeat url("../images/LinkArrow.gif");
  padding: 0.2em 0 0.2em 23px;
}
.relatedlinks li.current,
.relatedLinksFixed li.current { background: #E9E0DB; }

.relatedlinks ul,
#col3 ul {
  list-style: none; 
  padding: 0;
  margin: 0;
}

#main ul li {
    color: #333333;
}
#main li {
/*
    margin: 0.3em 0;
*/
}



.searchresults ul,
.searchresults li { list-style-type: none; }

ul.searchresults li {
    clear: left;
    margin-bottom: 0.5em;
    overflow: hidden;
}

ul.searchresults img {
    float: left;
    margin-right: 6px;
}
/*
a img {
    border: 1px solid #A72222;
}
*/
a img {
    border: none;
}

.telephoneindex {
    margin: 0 0 1em;
    overflow: hidden;
    padding: 0;
}
.telephoneindex strong {
    background: none repeat scroll 0 0 #D56E29;
}
.telephoneindex strong, .telephoneindex a {
    background: none repeat scroll 0 0 #1E7680;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    float: left;
    margin: 1px;
    padding: 0.2em 0.6em;
}

.hidden { display: none; }

.warning { color: #ee3333; background-color: #ffffdd; }


/* captioned images */
.captioned {
  border: 1px solid #e6dce6;
  background: #f7f4f2;
  padding: 1em;
  font-size: 80%;
  overflow: hidden;
}
.captioned img {
}
.captioned div {
  margin-top: 0.3em;
  text-align: left;
  line-height: 1.2;
}

.smaller { font-size: 80%; line-height: 1.3; }

.profile_research table.minimal {
    border-spacing: 2px;
}
table.minimal {
    border: medium none;
    border-collapse: collapse;
    font-size: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 1.1;
}


table .heading td, 
table th { 
    background-color: #f7f4f2;
    text-align: left;
    font-weight: bold;
    font-size: 120%;
    padding: 4px;
    border-bottom: 1px solid #e6dce6;
}
table td { 
    vertical-align: top;
/*
    padding: 5px; 
*/
}
table tr.odd td {
    background-color: #f7f4f2; 
}

/*
table td {
    padding: 5px;
    vertical-align: top;
}
*/

/* Departments and Institutes */

.collapsible .collapsed {
    display: none;
}

.departments .title .control, .departments .smaller {
    font-weight: normal;
}
.collapsible .control {
    display: inline;
    font-size: 80%;
}
.departments .title {
    font-weight: bold;
}
div.uncollapsed p {
	margin: 0;
}

#main .departments .collapsible p {
    background: url("../images/tree-mid.gif") no-repeat scroll left 50% transparent;
    line-height: 1.3;
    margin: 0;
    padding: 0 0 0 16px;
}
#main .departments .collapsible p:last-child {
    background: url("../images/tree-bot.gif") no-repeat scroll left 50% transparent;
}
.collapsible .control a {
    cursor: pointer;
    padding: 0 3px;
}

/* Public engagement */

/*
.listcontainer {
	text-align: center;
}
*/
p.itemmore {
	text-align: right;
}
.listcontainer h3 {
	text-align: left;
	font-size: 12px;
	margin: 10px;	
}
.columnIllustration {
    height: 450px;
    padding: 0 0 0 8px;
}

/* While logged in... */
/* Publications... */
.basketActions {  background: transparent; height: 0; }

div.callToAction {
    background: url("../images/callToActionBody.gif") repeat-x scroll right top transparent;
    float: left;
    height: 39px;
    margin: 0 2em;
}
#col2 .invisibox {
    margin-bottom: 0.5em;
    margin-right: 18px;
    overflow: hidden;
    padding: 0;
}
div.callToAction a {
    background: url("../images/callToActionHead.gif") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 39px;
    padding: 12px 20px 12px 4px;
}
.myPubsNav ul {
    background: none repeat scroll 0 0 #F7F6F2;
    display: block;
    list-style: none outside none;
    margin: 0 0 0.5em;
    overflow: hidden;
    padding-left: 0.5em;
}
.myPubsNav li.current {
    color: #3132A8;
}
.myPubsNav li {
    float: left;
    list-style: none outside none;
    padding-right: 2em;
}

/* News admin... */

.filter {
    background: none repeat scroll 0 0 #F8F8F8;
}
.resultpager .controls, .filter {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #D3D6E5;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0;
    font-size: 80%;
    padding: 2px;
}
.filter table {
    border: 0 none;
}
.filter .light {
    background: none repeat scroll 0 0 #F8F8F8;
    padding: 1px;
}
.filter input, .filter select {
    font-size: 100%;
}

.resultpager {
    line-height: 1.2;
    margin-bottom: 8px;
    width: 100%;
}
.controls table {
    border: medium none;
}
.controls .inactive {
    color: #999999;
}
.resultpager .controls a {
    color: #D56E29;
    font-weight: bold;
}
.data {
    font-size: 90%;
    overflow: auto;
}
table.log {
    border: 1px solid #D3D6E5;
    color: #444444;
    font-size: 85%;
    line-height: 1.2;
    width: 100%;
}
.log th {
    background: none repeat scroll 0 0 #F8F8F8;
    border-bottom: 1px solid #D3D6E5;
    border-right: 1px solid #D3D6E5;
    font-size: 100%;
    padding: 2px;
    text-align: center;
    vertical-align: top;
    font-weight: bold;	
}
th .sortCell {
    width: 100%;
}
.sortCell {
    float: left;
    line-height: 1.1;
    padding-right: 1em;
    text-align: center;
}
th .sortCell .sortControls {
    display: block;
    width: 100%;
}
th .sortCell a {
    display: inline;
}
.sortCell a img {
    border: 1px solid #FFFFFF;
    padding: 1px 16px;
}
th .sortCell a img {
    padding: 1px 6px;
}
.log td {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #EEEEEE;
    padding: 1px 2px;
    vertical-align: top;
}
.tableaction img {
    border: medium none;
    width: 20px;
}
.widgets {
    background: none repeat scroll 0 0 #DDDDFF;
    overflow: hidden;
}

.widget {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #E8E8FF;
    border-color: #CCCCCC;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    float: left;
    padding: 4px;
}
.widget h1 {
    font-size: 85%;
    font-weight: bold;
	color: black;
    font-size: 130%;
    margin: 0 0 0.3em;
    padding: 0;
}
.widget p, .widget h1 {
    margin-top: 0;
}

.ui-button {
    background: #eee!important;
    color: #106470!important;
    border: none!important;
    padding: 5px 0 3px 0!important;
    margin-bottom: 5px!important;
}

.ui-button:hover {
    background: #106470!important;
    color: #fff!important;
}

.listcontainer.twitter-feed iframe {
	max-width: 250px!important;
}