/* 
    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;
}

.box2 {
    background-color: #A0CFEC;
    border:solid #736F6E 1px;
    margin:10px;
    padding:4px;
}

.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;
}

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;
}

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;*/
    left: 1px;
    top: 0px;
    width: 100%;
}

.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-top-style: ridge;
    border-bottom-style: ridge;
    border-left-style: ridge;
    border-right-style: ridge;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
}

#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; 
    overflow: auto;
    vertical-align:center; 
    text-align: left;
}

table.content_box {
    vertical-align: center;
    text-align: left;
    overflow: auto;
    margin: 15px;
    padding: 0px;
    
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  border-right-color: #cccccc;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-left-style: dotted;
  border-right-style: dotted;
}

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 {    
}

.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;
}

/* 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;
}




/* 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;
}

.info {
    color: #999;
}

/* -- from GP */