/* 

CSS file structure (search for the caps headings):

GENERIC STYLING
 - includes generic styles for links, fieldset legends, etc.

MAIN PAGE LAYOUT
 #wrapper -+ 
           | 
           +- #system-msg
           |
           +- #head [manage_page_header] (logo and name) 
           |  | 
           |  +- #links [manage_page_header] (quick links) 
           |  | 
           |  +- #logout [manage_page_header] (optional logout) 
           | 
           +- #path [manage_tabs] (path and help) 
           | 
           +- #nav OR #auth [manage_tabs] (login OR primary & sub-primary nav) 
           | 
           +- #content [manage_tabs] (secondary nav + content)
              | 
              +- #local-nav 
              |
              +- fieldset#form

PAGE-SPECIFIC STYLING


*/

/* ENABLE TO SEE ALL THE DIVS ON THE PAGE */
/* div {border: solid 1px #f00;} */

/*
** GENERIC STYLING
*/

/* No default decoration for hyperlinks */
a {
    text-decoration: underline;
    color: #0078c8;
}
a:hover {
    text-decoration: underline;
    color: #FC4C08;
}
a:visited {
    color:#6c43bf;
}

}
strong, b {
    color: #014A81;
}

/* Make Ontology Terms stand out from regular links */
a.term-help {
    color: #3e9912;
}
a.term-help:hover {
    background: #f6f6f6;
}
a.term-help:visited {
    color: #3e9912;
}

/*
label {
    font-weight: bold;
}
*/


/* 
**  MAIN PAGE LAYOUT
*/

body#wrapper {
    background: #eaeaea;
    color: #333300;
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
    font: x-small/1.5em "Arial", sans-serif;
    voice-family: "\"}\""; voice-family:inherit;
    font-size:small;
}

html>body {font-size:small;}

div#system-msg, div#error-msg {
	font-weight: bold;
	padding: 1em;
	text-align: center;
	margin: 1em;
       margin-top: 65px
	border: 1px solid #000000;
	color: #3e9912;
	background: #eaeaea;
}

span#message-timestamp {
    font-size: 75%;
    font-weight: normal;
}

div#error-msg {
    color: red;
}

div#system-msg span, div#error-msg span{
    float: right;
}

.critical-warning {
	border: 1px solid #000000;
	background: #EBECDE;
    color: red;
}

span.money-alt {
    font-size: small;
}

body#wrapper div#head
{
/* 	border-bottom: 1px dotted #aaa; */
	padding: 0.5em;
/*	height: 3em; */
	/* 0.5em * 2  + 2em */
/*   background: url(ui/app_logo.gif) no-repeat fixed top; */
}

body#wrapper div#head img {
/*   display: none; */
    float: left;
    padding: 0;
    margin: 0;
    border: 0;
}

body#wrapper div#head div#logout {
    text-align: right;
    font-size: 0.8em;
    padding-top: 1em;
    padding-right: 1em;
}

body#wrapper div#path {
    font-size: .8em;
    clear: both;
    color: #333;
    padding: 2px 0 0 0;
    margin: 0 0 0.5em 0;
/*    border-top: 1px dotted #CCC; */
    text-transform: uppercase;
}

body#wrapper div#path a[href] {
    color: #333;
    text-decoration: underline;
}

body#wrapper div#path a[href]:hover {
    border-bottom: 1px solid #333;
    text-decoration: underline;
}

body#wrapper div#path span {
    float: right;
    padding: 0 1em;
}

/*
** NAVIGATION BARS   (manage tabs)
*/
.nav-heading {
    text-align: center;
    font-size: 1.2em;
    color: #014A81;
    background: #ffffff;
    font-weight: bold;
    display: block;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-inactive {
    text-align: center;
    background: #f6f6f6;
}

.nav-active {
    text-align: center;
    background: #ffffff;
}

.nav-inactive a[href] {
    margin: 0px;
    padding: 2px 5px;
    text-decoration: none;
}
.nav-active a[href] {
    margin: 0px;
    padding: 2px 5px;
    text-decoration: none;
}

.nav-active a[href]:hover, .nav-active a[href]:active {
    color: white;
    background-color: #2586d7;
}
.nav-inactive a[href]:hover, .nav-inactive a[href]:active {
    color: white;
    background-color: #2586d7;
}

/*

Replaced by global-side-nav

ul#global-nav-line {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: inline;
    font-size: 1.2em;
    border: thin solid gray;
}

ul#global-nav-line li {
    display: inline;
    margin: 0px;
    font-variant: small-caps;
    white-space: nowrap;
    border-left: thin solid gray;
}
ul#global-nav-line li:first-child {
    border-left: none;
}
*/

ul#global-side-nav {
  display: block;
  font-size: 13px;
  float: left;
  margin-left: auto;
  margin-right: auto;
}

ul#global-side-nav li {
  display: inline;
  font-weight: bold;
  margin-left: 5px;
  padding: 0;
  background-color: #eaeaea;
}

ul#global-side-nav a { color: black;}
ul#global-side-nav a:hover { 
  background-color: #eaeaea;
  border-bottom: 1px solid gray;
}
ul#local-nav-line {
    margin: 0px;
    /*margin-left: 8em;*/
    padding: 0px;
    list-style-type: none;
    border-bottom: 1px solid gray;
}

ul#local-nav-line li {
    display: inline;
    margin: 0px;
    white-space: nowrap;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
}

ul#local-nav-line li.nav-active {
    border-bottom: 1px solid white;
}

#manage-tabs-line {
    margin: 0px;
    /*margin-left: 8em;*/
    padding: 0px;
    list-style-type: none;
    background: #ffffff;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
}

ul#manage-tabs-line li {
    display: inline;
    margin: 0px;
    white-space: nowrap;
    border-left: 1px solid gray;
    background: #ffffff;
}
ul#manage-tabs-line li:first-child {
    border-left: none;
}
ul#manage-tabs-line li.nav-inactive a[href] {
    color: #1887D0;
}

ul#manage-tabs-line li.nav-inactive a[href]:hover {
    color: white;
}

/*
ul#manage-tabs-line li.nav-active a:before {
    content: "\BB";
}
ul#manage-tabs-line li.nav-active a:after {
    content: "\AB";
}
*/

body#wrapper div#auth {
    float: left;
    width: 16em;     /* needed or IE will expand this to the screen width */
    margin-right: 1em;
}
body#wrapper div#auth fieldset {
/*     display: inline; */
    margin-top: 5px;
    border: 1px solid gray;
}

body#wrapper div#content {
    background: #ffffff;
    /*border-top: 1px solid gray;*/
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    /*margin-left: 8em;*/
    padding: .5em;
}

body#wrapper div#full-width {
    margin-left: 0;
}

body#wrapper div#footer
{
	position: relative; /* Needed for Safari */
	font-size: 0.8em;
	text-align: center;
	margin-top: 2em;
	padding: 0.5em;
	clear: both;
}

body#wrapper div#footer ul
{
    list-style-type: none;
}

body#wrapper div#footer ul li
{
    display: inline;
    margin: 0 0.5em 0 0.5em;
}

.char-ital { 
    font-style: italic;
}

.demo-warning {
    clear: both;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    font-size: 80%;
    margin: 2px;
}

.secure-info {
    clear: both;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #eaeaea;
    margin: 2px;
}

@media print {
    .noprint {
        display: none;
    }
}

/* download "button" */

a.download[href] {
    border: 1px solid white;
    background-color: #eb8012;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
    color: white;
    display: inline;
    margin: 2px;
    font-weight: bold;
}

a.download[href]:hover {
    background-color: #f9a626;
    text-decoration: none;
    color: white;
    font-weight: bold;
}

a.download[href]:visited {
    background-color: #eb8012;
    text-decoration: none;
    color: white;
    font-weight: bold;
}

div.hideable {
    border: 1px solid #eaeaea;
    background-color: #f6f6f6;
}
div.hideable span.hide-button {
    border: 1px solid #eaeaea;
    padding: 2px;
    text-transform: uppercase;
    float: left;
    display: block;
    cursor: pointer;
    font-size: 75%;
    background-color: #f6f6f6;
}

/* 
** PAGE-SPECIFIC STYLING
*/

/* People listing */
table.people-list td {
    vertical-align: top;
}
ul.people-info-list {
    list-style-type: none;
    margin-top:0;
    padding-left: 0;
}
p.people-info-list {
    margin:0;
    padding-left: 0;
}

/* Publisher listing */
ul.publisher-list, ul.imprint-list, ul.product-list {
    list-style-type: none;
    margin-top:0;
}

/* wizard pane labels */
div#wizard-pane-label ol {
    margin:0;
    border-bottom: 1px dashed gray;
}
div#wizard-pane-label ol li {
    display: inline;
}
div#wizard-pane-label ol li:before {
    content: " \BB ";
}
div#wizard-pane-label ol li:first-child:before {
    content: "";
}
div#wizard-pane-label ol li.active {
    font-weight: bold;
}


/*
** FORM STYING
*/
fieldset#form {
    background: #eaeaea;
    margin: 0;
    margin-top: 5px;
    border: 1px solid gray;
}

fieldset#form legend {
    font-size: 1.3em;
    font-weight: bold;
}

fieldset#form form table {
    border-collapse: separate;
    border-spacing: 0px 0px;
}

fieldset.form {
    background: #eaeaea;
    margin: 0;
    margin-top: 5px;
    border: 1px solid gray;
}

fieldset.form legend {
    font-size: 1.3em;
    font-weight: bold;
    color: #014A81
}

fieldset.form form table {
    border-collapse: separate;
    border-spacing: 0px 0px;
}

.form-title {
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    background: #eaeaea;
    font-weight: bold;
    font-size: large; 
}

.form-label {
    width: 13em;
    vertical-align: top;
    text-align: right;
}

.form-label-compact {
    vertical-align: top;
    text-align: left;
}

.form-horiz-label {
    vertical-align: top;
    text-align: left;
}

td.form-label a {
    color: inherit;
    text-decoration: none;
}
td.form-label-compact a {
    color: inherit;
    text-decoration: none;
}
td.form-horiz-label a {
    color: inherit;
    text-decoration: none;
}
/* Safari needs this additional declaration */
.form-label a.pop {
    color: inherit;
}
.form-label-compact a.pop {
    color: inherit;
}


.form-agg-label {
    width: 13em;
    border-left: 1px solid #000000;
    background: #f6f6f6;
    vertical-align: top;
    text-align: right;
}

.form-agg-label a {
    color: inherit;
    text-decoration: none;
}

.form-required {
    font-weight: bold;
}

.form-optional {
    font-style: italic;
    font-weight: normal;
}

.form-element {
    vertical-align: top;
    text-align: left;
}

.form-element p {
    margin-top: 2px;
}

.form-text {
    color: inherit;
}

.form-mono {
    text-decoration: none;
}

tr.form-error-field td {
    background: #f6f6f6;
}

.form-error {
    color: rgb(168,52,50);
    font-weight: bold;
    margin: 1px;
}

.form-help {
    margin-top: 0;
    color: #333333;
    text-align: justify;
    font-weight: normal;
}

fieldset#form fieldset.grouping {
    border: 1px solid rgb(221,224,194);
}

/*
** LISTING TABLE STYLING
*/
table.listing {
    border-collapse: separate;
    border-spacing: 0px;   
    clear: none !important;
    width: inherit !important;
}

table.listing caption {
    font-weight: bold;
}

table.listing > tbody > tr > td {
    border-bottom: 1px solid #bbb;
    margin: 0px;
    padding: 2px;
    vertical-align: top;
}

table.listing > tbody > tr > th {
    /* border: 1px solid #F2F2CC;
    background: #e2e2a0; */
    border-bottom: 1px solid black;
    margin: 0px;
    padding: 2px;
    vertical-align: bottom;
    text-align: left;
}
table.listing > tbody > tr > th a[href] {
    text-decoration: none;
}
table.listing .no-underline {
    border-bottom: none;
}
table.listing .group-heading {
    border-bottom: 1px solid black;
    margin: 0px;
    padding: 2px;
    vertical-align: bottom;
    text-align: left;
    font-weight: bold;
}

table.listing form {
    margin: 1px;
}

table.listing a {
    text-decoration: none;
}

table.spaced > tbody > tr > th {
    padding-left: 1em;
}

table.spaced > tbody > tr > th:first-child {
    padding-left: 0px;
}

table.spaced > tbody > tr > td {
    padding-left: 1em;
}

table.spaced > tbody > tr > td:first-child {
    padding-left: 0px;
}

/* listLines for rego */
.cancelled td {
    text-decoration: line-through;
}

/* listPresentations */
ol.presenter-list {
    margin: 0;
    padding-left: 2em;
    white-space: nowrap;
}
ol.proposal-list {
    margin: 0;
    padding-left: 2em;
}


/*
** MESSAGES STYLING
*/
h1.message-heading {
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px solid gray;
}
pre.message-text {
    font-family: monospace;
    background: #f6f6e0;
    color: black;
}

table.message th {
    background: #eaeaea;
    margin: 0px;
    padding: 2px 1em 2px 1em;
    vertical-align: top;
    text-align: left;
}

table.message td {
    background: #f6f6f6;
    margin: 0px;
    padding: 2px 1em 2px 1em;
    vertical-align: top;
    text-align: left;
}
table.message td.followups {
/*     border-left: dotted thin black; */
    background: #F2F2CC;
    margin: 0;
    padding: 0;
    padding-left: 2px;
}
table.multipart-message {
    padding: 0px;
}
table.multipart-message tr {
    padding: 0px;
}
table.multipart-message td {
    margin: 0px;
    padding: 2px 1em 2px 1em;
/*    border: thin solid #e0e0d0; */
}

div.responses {
    padding: 0;
    padding-left: 1em;
    border-left: 1px solid gray;
    margin-left: 2px;
}

/*
** CREDIT CARD ENTRY FORM
*/
table.credit-card {
    border-collapse: collapse;
    border-spacing: 0px;   
}
table.credit-card th {
    vertical-align: bottom;
    text-align: left;
    font-size: 90%;
}
table.credit-card td {
    font-family: monospace;
    padding-right: 2em;
}
table.credit-card td input {
    font-family: monospace;
}

/*
** PROGRESS BAR
*/
div.progress-bar {
    clear: both;
    font-size: .8em;
    padding: 0px;
    margin: 1em;
}
div.progress-bar span.visited {
}
div.progress-bar span.visited a {
    background: #e2e2a0;
    padding: 2px;
}
div.progress-bar span.current {
    padding: 2px;
    background: #e2e2a0;
    font-weight: bold;
    display: inline;
}
div.progress-bar span.unvisited {
    padding: 2px;
    background: #f6f6e0;
    color: #999966;
    display: inline;
}

/*
** CONFERENCE PROPOSAL DISPLAY
*/
h2.proposal-title {
    text-decoration: underline;
    text-align: center;
}

p.proposal-summary {
    text-align: center;
}

table.proposal-inner-links {
  font-size: 80%;
  float: right;
  width: 15em;
  margin: 0.5em;
  margin-left: 1em ;
  border: solid #aaa;
  background: #eee;
  padding: 1em;
}

/*
** LOGIN FORM
*/

#signin {
	border: 1px solid #000000;
	padding: 0;
	margin: 1em 0 1em 1em;
	float: left;
	background: #eaeaea;
}

#signin p {
    padding: 0em 1em 0.5em 1em;
}

#signin h1 {
	font-size: 1.2em;
	border-bottom: 1px dotted #000000;
	padding: 1em 1em 0.5em 1em;
	margin: 0;
	background: #f6f6f6;
}

#signin fieldset.fl { 
    float: left;
    border: none;
	padding: 1em 1em 0.5em 1em;
	margin: 0;
}

#signin form label.block { display: block; }

#signin form fieldset.cl {
	clear: both;
	display: block;
    border: none;
	padding: 0.5em 1em 1em 1em;
	margin: 0;
}

#signin form fieldset.cl a {
	font-size: 0.8em;
	float: right;
}

/*
<rj> class isn't used AFAICT
div.title_link {
    display:block;
    text-indent: -4mm;
    padding-left: 6mm;
}
div.title_link:first-line {
    text-indent: 4mm;
}
*/

#cgpublisher-summary div {
    float: left;
    width: 24%;
    min-width: 9em;
    text-align: left;
}

#cgpublisher-summary h1{font-size: 14pt;}
#cgpublisher-summary h2{font-size: 12pt; border-bottom: 1px solid gray;}
#cgpublisher-summary h3{font-size: 10pt; color: #014A81}
#cgpublisher-summary p, dl{padding: .2em;}
#cgpublisher-summary dd{margin-left: .5em;}
#cgpublisher-summary dt{border-bottom: 1px solid #ddd;}
#cgpublisher-summary a.title_link {color: #014a81; text-decoration: none; }

/*
 * YAHOO TreeView Styles
*/


/* first or middle sibling, no children */
.ygtvtn { width:1em; height:20px; }

/* first or middle sibling, collapsable */
.ygtvtm { background: url(collapse.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer }

/* first or middle sibling, collapsable, hover */
.ygtvtmh { background: url(collapseh.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer }

/* first or middle sibling, expandable */
.ygtvtp { background: url(expand.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer }

/* first or middle sibling, expandable, hover */
.ygtvtph { background: url(expandh.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer }
/* last sibling, no children */
.ygtvln { width:1em; height:20px; }

/* Last sibling, collapsable */
.ygtvlm { background: url(collapse.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer }

/* Last sibling, collapsable, hover */
.ygtvlmh { background: url(collapseh.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer }

/* Last sibling, expandable */
.ygtvlp { background: url(expand.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer }

/* Last sibling, expandable, hover */
.ygtvlph { background: url(expandh.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer }


#treeform {
    display: none;
}

#treeform ul {
    position: absolute;
    top: 0px;
    left: 0px;
    background: white;
    font-size: small;
    list-style-type: none;
    margin-top: 0;
    padding-left: 0;
    border: 1px solid blue;
    width: 5em;
}

#treeform li {
    display: block;
    padding: 1px;
}

#treeform li:hover {
    background-color: #2586d7;
    cursor: pointer;
}
#treeform a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #2586d7;
}

#tree td { 
    white-space: pre; 
    border-bottom: solid 1px #bbb;
    padding: 1px;
}
#tree .col1 { width: 300px; text-align: left; }
#tree .col2 { width: 100px; text-align: left;}
#tree .col3 { width: 120px; text-align: left; }
#tree .col4 { width: 150px; text-align: left; }
#tree .tree_action { 
    text-align: left; 
    width: 14em;   
}
#tree .tree_action a { 
    background: white; 
    font-size: 8pt; 
    border: 1px solid gray; 
    padding:1px;
    margin-top: 1px;
    margin-left: 4px;
    cursor: pointer;
}
#tree .tree_action a:hover { 
    background: #efffff; 
    text-decoration: none; }

#tree .tree_action img {
    border: none;
    vertical-align: text-bottom;
    padding-right: 2px;""
}

#preloadDisplay {
    color: green;
    display: block;
    text-align: center;
}

.background-0  { background: #169ad6; }
.background-1  { background: #5fb446; }
.background-2  { background: #e5ac1b; }
.background-3  { background: #ff7321; }
.background-4  { background: #bd268d; }
.background-5  { background: #6c43bf; }
.background-6  { background: #0078c8; }
.background-7  { background: #00b295; }
.background-8  { background: #3e9912; }
.background-9  { background: #ff7321; }
.background-10 { background: #169ad6; }
.background-11 { background: #5fb446; }
.background-12 { background: #e5ac1b; }
.background-13 { background: #ff7321; }
.background-14 { background: #bd268d; }
.background-15 { background: #6c43bf; }
.background-16 { background: #0078c8; }
.background-17 { background: #00b295; }
.background-18 { background: #3e9912; }
.background-19 { background: #ff7321; }
.background-20 { background: #169ad6; }
.background-21 { background: #5fb446; }
.background-22 { background: #e5ac1b; }
.background-23 { background: #ff7321; }
.background-24 { background: #bd268d; }


/* microformats ("support" */
div.vcard { display: inline; }
address.adr { display: inline; font-style: normal; }
div.org { display: inline; }


table.timetable {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}
table.timetable th {
    text-align: left;
    font-variant: small-caps;
    border: 1px solid black;
}
table.timetable td {
    vertical-align: top;
    background: white;
    border: 1px solid black;
    padding-left: 2px;
    padding-right: 2px;
}
table.timetable tr td:first-child {
    background: white;
    text-align: right;
    width: 7em;
}
table.timetable td.event-none {
    background: none;
}
table.timetable th.section-title {
    font-size: 30px;
    height: 32px;
    text-align: center;
    color: white
}

table#timetable {
    border-collapse: collapse;
    border-spacing: 0px;
}
table#timetable th {
}
table#timetable td {
    vertical-align: top;
    background: white;
}
table#timetable td.time {
    background: white;
    text-align: right;
}
table#timetable td.event-none {
}

/*
** ABSTRACT LIST STYLING
*/

body#abstract_list {

    margin-top:0px;
    background: none;
    padding:0.5em;
    text-align: left;
}

.author_name {
	font-size: 12pt;
	font-weight: bold;
	color: #3E9912;
	margin: 0;
}

#abstract_list h1 {
	font-size: 200%;
}

.author_bio {
	font-style: italic;
}

.proposal_name {
	font-weight: bold;
	font-size: 12pt;
	font-style: italic;
	margin-bottom: .5em;
}

#abstract_list .proposal_name:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin-top: 2px;
    background: black;
}

.short_description {
	font-style: italic;
	margin-top: .3em;
}

.long_description {
	margin-top: .1em;
}

.theme {
	margin-top: .5em;
	font-style: italic;
}

.entry {
	margin-top: .5em;
	margin-bottom: 1em;
}

.description {
	margin-left: 1em;
}