/* 
    Document   : stem
    Created on : 23-Jul-2008, 10:22:07
    Author     : Florian
    Description:
        Purpose of the stylesheet follows.
*/


root { 
    display: block;
}

.small_italic {    
    font-style: italic;
    font-size: xx-small;
    color: #555555;
}



.ttipable {
    border-bottom: 1px dashed;
}

.selected, .select {
    background:  #99DD00;
    font-weight: bold;
}

.dragged {
    font-weight: bold;
    margin:2px;
    border-top-color: #ff0033;
    border-bottom-color: #ff0033;
    border-left-color: #ff0033;
    border-right-color: #ff0033;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

body { 
    /* background-color: #ccccff;   */
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    border: 0px; margin: 8px; padding: 0px;
}

img.help {
    text-align: center;
    vertical-align: middle;
    border-top-style: dashed;
    border-bottom-style: dashed;
    border-left-style: dashed;
    border-right-style: dashed;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
    border-right-color: #666666;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 6px;
    margin-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

a {
    color: #006699;
}

a:hover {
    color: #6600ff;
}

a.no-underline {
    color: #006699;
    text-decoration: none;
}

/* table { border: 1px dotted grey; } */

a.table-link {
    color: #000000;
    text-decoration: none;
}

a.table-link:hover {
    color: #006699;
    text-decoration: underline;
}

.infobox {    
    background-color: #eaf1fe;  
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-right-color: #999999;
}

.topbar {
    /*position: absolute;*/
    text-align: right;
    padding-right: 12px;
    min-width: 833px; 
}

.navelements { margin-left: 15px; margin-right: 15px;  min-width: 833px; }

.siteinfo {    
    color: #736F6E;         
    font-size: 11px;
}

div.errors {
    color: #990000;
}

.warning {
    color: #990000;
}

.stdbinput {
    border: 1px solid #D4D4D4;
    font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    letter-spacing: 1px;
    background-color: #FFFFFF;
}

option {
    border: none;
    font-size: 11px;
    font-family: inherit;
    letter-spacing: 1px;
}

input.btn {
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

input.btn_cancel {
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    font-weight: bold;    
    color: #990000;
}

input.btn_submit {
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    font-weight: bold;    
    color: #339900;  
}

input.btn_add {
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    font-weight: bold;    
    color: #339900; 
}

input.btn_remove {
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    font-weight: bold;    
    color:  #990000;  
}

div.page_content {
    /*position: absolute;
    top: 110px;*/
    margin-left: 15px;
    margin-right: 15px;
    padding: 5px;
    overflow: auto;
    background-color: #FFFFFF;    
    border: 1px solid #cccccc;
    min-width:833px;
}

#scrollable_table {
    height: 250px; 
    overflow: auto;
    border: 1px solid #000000;
}

#pagecell1 {
    position:absolute;
    top: 80px;
    left: 14px;
    right: 2%;
    width:95.6%;
    background-color: #F3F3F3;
}

td.page_title {    
    font-size: 28px;
    color: #006699;    
    font-style: italic;    
    font-weight: bolder;
}

.bigblue {    
    font-size: 20px;
    color: #006699;    
    font-style: italic;    
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.normalblue {    
    color: #006699;    
    font-style: italic;    
    font-weight: bold;
}

div.page_text_box {
    width:   800px; /*100%;*/
    overflow: auto;
    vertical-align:center; 
    text-align: left;
}

table.content_box {
    vertical-align: center;
    text-align: left;
    overflow: auto;
    margin: 15px; 
    padding: 0px;
    border: 1px dotted #cccccc;
    width: 100%;
}

th {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

td {
    font-size: 11px;
}

.page_column {
    padding: 3px;    
    vertical-align: top;
}

.highlight {
    background-color: #EEEEFF;
}

.objective {
    background-color: #e6e6e6;
}

.theme {    
    background-color: #e6e6e6;
}

.deliverable {      
    background-color: #f6ffe6;
}

.final_deliverable {
    background-color: #ffcccc;        
}

.milestone {    
}

.checkpoint {
    background-color: #ffffff;
}

.sat_header {  
    text-align: center;
    color: #006699; 
    font-weight: bold;
}

.sat_table {    
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #333333;
    border-right-color: #333333;  
}

.table_header {
    /*padding: 5px;
    font-size: 12px;
    background-color: #006699;    
    border-top-style: ridge;
    border-bottom-style: ridge;
    border-left-style: ridge;
    border-right-style: ridge;
    color: #ffffff;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;*/
    font-size: 20px;
    color: #006699;    
    font-style: italic;    
    font-weight: bold;
}

.row_label {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.row_content {
    font-size: 11px;
}

table.content_layout {
    text-align: center;
    padding: 10px;
    margin: 5px;
}

tr.highlight {    
    background-color: #CCFFFF;
}

tr.normal {    
    background-color: none;
}

span.suggestions {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 80%;
    z-index: 1020;
    cursor: default;
    width: 220px;
    position: absolute;
}

span.suggestions ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 80%;
    z-index: 1020;
    cursor: default;
    position: absolute;
}

span.suggestions a
{
    display: block;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #006699;
    background-color: #FFFFFF;
    padding: 0.25em 0.5em;
    text-decoration: none;
}

/* Menu items that have mouse over or focus have a blue background and white text */

span.suggestions a:hover, span.suggestions a:focus

{
    background-color: #006699;
    font-size: 12px;
    letter-spacing: 1px;
    color: #FFFFFF;
}

/*#menubar1 li { width: 125px;}*/

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */

span.suggestions a.MenuBarItemHover, span.suggestions a.MenuBarItemSubmenuHover, span.suggestions a.MenuBarSubmenuVisible
{
    background-color: #006699;
    color: #FFFFFF;
}

hover {
    background-color: #CCFFFF;
}

span.click_to_slide {
    margin-left:235px; 
    color: #990000;
    font-weight:bold;
}

span.late {
    padding: 3px;
    background-color: #990000;
    color: #ffffff;
}

span.in_time {
    padding: 3px;
}

span.submitted {
    padding: 3px;
    color: #ffffff;
    background-color: #006600;
}

.even {
    background-color: #EEEEFF;
}

.sort_header {
    background-color: #eeeeee; /* #F9F9F9; */
}


/* from GP -- */


.cdt td {
    background: #EEE;
    /*font-size:95%;*/
}

.cdt th input, .cdt th select {
    /*font-size:95%;*/
    font-weight:bold;
}

.disabled {
    /*color: #CCCCCC;*/
    opacity:0.4;filter:alpha(opacity=40);
}

.ignoreheader {
    text-decoration: line-through;
}

.matchcolumn, .matchcolumn input, .matchcolumn select, .matchcolumn option {
    color: #4e077b;
    font-weight: bold;
}

.tblbrwsr {
    width:100%;
}

.tblbrwsr .box_header_controls {
    background: #EEE;
}

#table_nav, .tblbrwsr thead table th {
    color:#006699;
    font-size:larger;
}

div.centre_panel { width: 100%; overflow-x: auto; }

.info {
    color: #999;
}

.infoTable {
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    border-collapse: collapse;
    width: 100%;
    vertical-align: top;
}

.infoTable th {
    background-color: #eee;
    padding: 0px 10px;
    border-bottom: 1px solid grey;
}

.infoTable tr { vertical-align: top; border-bottom: 1px dotted grey; }

.bodyText {  }
#dataSummary { }

.summaryTable {
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    border-collapse: collapse;
    width: 100%;
    vertical-align: top;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top:15px;
    margin-bottom: 15px;
}

.summaryTable th {
    background-color: #eee;
    padding: 2px 10px;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
    /* font-size: 12px; */
}
.summaryTable td { padding: 2px 10px; }
.summaryTable tr { vertical-align: top; border-bottom: 1px dotted grey; }

.subheader {
    font-size: 14px;
    font-weight: bold; border-bottom: 1px dotted grey;}

.newsItem {
    position: relative;
    border: 0;
}
.newsItem .newsItemHeader {
    margin: 0px; 
    padding: 5px 10px;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
    background-color: #ddddff;
    -moz-border-radius-topleft:     5px;
    -moz-border-radius-topright:    5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.newsItem .newsDate {
    position: absolute; 
    top: 5px; 
    right: 5px;
    font: bold 11px Verdana,Arial,Helvetica,sans-serif;
}

.newsItem h5.newsItemDataType { 
    margin: 0px;
    padding: 2px 10px;
    border-top: 1px solid grey;
    border-bottom:1px solid grey;
    background-color: #EEEEEE;
    font: bold 11px Verdana,Arial,Helvetica,sans-serif;
}
.newsItem .newsItemText {
    margin: 0px; 
    padding: 0px; 
    text-align: justify;
    border-bottom: 1px solid grey;
}
.newsItem .newsItemText p { padding: 0px; margin: 5px 10px; }
.newsItem .newsItemFooter {
    margin: 0px; 
    padding: 5px; 
    text-align: right; 

}
.newsItem .newsItemFooter a { font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

#searchSection { margin: 12px 0px; }

.CollapsiblePanel {
    margin: 0px;
    padding: 0px;
}



/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
*/

.CollapsiblePanelTab {

    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
}



/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
*/

.CollapsiblePanelContent {
    margin: 0px;
    padding: 0px;
}



/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
*/

.CollapsiblePanelTab a {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
*/
.CollapsiblePanelOpen .CollapsiblePanelTab {

}

.CollapsiblePanelFocused .CollapsiblePanelTab {
    background-color: green;
}

/* Filter/Search crossover bits*/

table.searchHighLightTable {
    vertical-align: center;
    text-align: left;
    overflow: auto;
    margin: 15px; 
    padding: 0px;
    width: 100%;
}

.searchHighlight {
    background-color: #DDDDFF;
    margin: 0px;
    padding: 6px;
    border-radius: 6px; 
    -moz-border-radius: 6px 6px 6px 6px;
}

.searchHighlightDetail { background-color: #fff; padding: 0px 6px; font-weight: bold; }

#searchSatHighlight { font-weight:bold; }

/* Extensions to the  Gene Data Record display */

div.geneRecord {  }

div.geneRecord .resultsTableWrap {width: 100%; overflow: auto; }

div.geneRecord .miniTableCell { min-width: 120px; }
div.geneRecord td.miniTableCell { text-align: left; }
div.geneRecord th.miniTableCell { text-align: left; }