/* Global settings */

body {
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serial;
  font-size: 12px;
  background-color: white;
  color: #666666;
}

/* workaround, because sometimes the font-size is lost. No idea why... @&ç*$%#!!! */
.force12 {
  font-size: 12px;
}

a { 
  text-decoration: none; 
  color: #20487B;
}

a img { border: none; }

table {
  border-width: 0;
  border-collapse: collapse;  
}

table td {
  padding: 0px;
}

/* Page elements with absolute positioning */

div#page {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 967px;
}

div#banner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 806px;
  height: 98px;
}

div#apptitle {
  position: absolute;
  top: 18px;
  left: 90px;
  width: 710px;
  height: 24px;
  background-color: transparent;
}

div#appmenu {
  position: absolute;
  top: 98px;
  left: 0px;
  width: 967px;
  height: 24px;
  background-color: #010238;
}

.rounded_bottom_right_corner {
  border-radius: 0px 0px 3px 0px;
  -moz-border-radius: 0px 0px 3px 0px;
  -webkit-border-radius: 0px 0px 3px 0px;
}

div#user_block {
  position: absolute;
  top: 0;
  left: 810px;
  width: 157px;
  height: 116px;
}

#lang_switch_out {
  position: absolute;
  top: 4px;
  left: 5px;
  width: 157px;
  height: 25px;
}

#lang_switch_in {
  position: absolute;
  top: 28px;
  left: 5px;
  width: 157px;
  height: 25px;
}

div#toolbar {
  position: absolute;
  top: 123px;
  left: 810px;
  width: 157px;
}

div#tasks {
  position: relative;
}

div#release-info {
  position: fixed;
  bottom: 0;
  border-top: 1px solid lightgrey;
  margin-top: 10px;
  background: white;
}

div#appcontent_full {
  position: absolute;
  top: 132px;
  left: 5px;
  width: 960px;
  padding-bottom: 40px; /* Footer */
}

div#appcontent_home {
  position: absolute;
  top: 122px;
  width: 967px;
  height: 541px;
  padding-bottom: 40px; /* Footer */

}

div#appcontent {
  position: absolute;
  top: 132px;
  left: 160px;
  width: 806px;
  padding-bottom: 40px; /* Footer */
}

div#submenu {
  position: absolute;
  top: 132px;
  left: 0px;
  width: 160px;
}

/* App menu */

.appt {
  margin: 0;
  color: white; 
  font-family: helvetica neue;
  font-size: 26px; 
}

/* App menu */

table.appm {
  height: 24px;
  border-width: 0;
  border-collapse: collapse;
}

table.appm td {
  min-width: 136px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  color: white;
}

table.appm td.menu_active_item {
  min-width: 136px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  color: white;
  background-image:url("../image.svc?type=mainMenuBackgroundEnabled");
  background-size: 100%;
  background-repeat: no-repeat;
}

table.appm td:hover {
    background-image:url("../image.svc?type=mainMenuBackgroundEnabled");
    background-size: 100%;
    background-repeat: no-repeat;
}

a.appmlink:link, a.appmlink:visited {
  color: white; 
  font-size: 13px; 
}

/* Fancy framed header */

table.framed_header {
  border-spacing: 0px;
  border-width: 0px;
  border-collapse: collapse;
}

table.framed_header td.l {
  padding: 0;
  width: 6px;
  background-image: url(../images/border_left.jpg);
}

table.framed_header td.r {
  padding: 0;
  width: 6px;
  background-image: url(../images/border_right.jpg);
}

table.framed_header td.c {
  padding-left: 10px;
  height: 37px;
  background-image: url(../images/border_center.jpg);
  background-repeat: repeat-x;
  font-weight: bold;
  vertical-align: middle;
}

/* Fancy framed text */

table.framed_content {
  /* You have to set <table width="100% +6px" class="framed_content"> (do the calculation to get the absolute number for the width) */
  border-collapse: separate;
  border-spacing: 5px;
  position: relative;
  left: -3px;
  table-layout: fixed;
}

table.framed_content > tbody > tr > td {
  border-color: #EEEEEE;
  border-style: solid;
  border-width: 5px 5px 5px 5px;
  padding: 8px;
  vertical-align: top;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-top: 20px;
  margin-bottom: 5px;
}

div.framed_content {
  border-color: #EEEEEE;
  border-style: solid;
  border-width: 5px 5px 5px 5px;
  padding: 8px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 5px;
}

div.alternative_texts {
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 27px;
}

div.cert_composition_blocks {
  margin-top: 5px;
  margin-bottom: 27px;
}

div.home_link_box {
  height: 45px;
}

div.warning_content {
  border-color: #EEEEEE;
  border-style: solid;
  border-width: 5px 5px 5px 5px;
  padding: 8px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 5px;
}

div.highlighted_content {
  border-color: white;
  padding: 8px;
  background-color: #A3A3A3;
  color: white;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-top: 20px;
  margin-bottom: 5px;
}

span.rating_contentb {
  width: 89.5%;
    display: block;
    float: left;
}

span.rating_content {
  width: 380px;
  background-color: #ffffff;
  padding-top:2px; 
  padding-left:10px; 
  padding-right:40%; 
  padding-bottom:2px;
  border-color: black;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

/* Toolbox stuff */

table.new_toolbox {
  width: 100%;
  font-size: 12px;
}

table.new_toolbox th {
  padding-top: 4px;
  padding-bottom: 5px;
  padding-left: 5px;

  text-align: left;
}

table.new_toolbox td {
  padding-top: 4px;
  padding-bottom: 5px;
  padding-left: 5px;

  border-color: white;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
}

.user_block_background {
  background-image:url("../image.svc?type=userBlockBackground");
}

/* Content items */

ol.content_item {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
}

ol.content_item li {
  margin: 0px 1px 0px 0px;
  padding: 0 0 0 0;
  display: block;
  float: left;
  width: 200px;
  height: 160px;
}

p.elem_break {
  margin: 0;
  height: 12px;
}

p.minor_elem_break {
  margin: 0;
  height: 4px;
}

/* Home page - before login */
div#home_out {
  background-image:url("../image.svc?type=homeOut");
  height: 100%;
}


/* Home page - after login */
div#home_in {
  background-image:url("../image.svc?type=homeIn");
  height: 100%;
}

.home_header {
  height: 15%;
}

.home_row {
  height: 40%;
  width: 845px;
}

.home_column {
  width: 50%;
  height: 100%;
  display: inline-table;
}

.home_box {
  margin: 0 auto;
  padding: 10px;
  width: 330px;
  height: 130px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.9);
}

.home_box li {
  margin-bottom: 4px
}

.home_box ul {
  padding-left: 20px;
}

.home_box_title {
  color: #20487B;
  font-weight: bold;
  font-size: 18px;
}

/* Login page */

table#login_table {
  margin-left: auto; 
  margin-right: auto;
  table-layout: fixed;
}

table#login_table td {
  padding: 2px 10px 2px 10px;
}

/* Workflow graphs */

span#wf1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 95px;
  height: 69px;
  z-index: 8;
}

span#wf2 {
  position: absolute;
  top: 0px;
  left: 92px;
  width: 95px;
  height: 69px;
  z-index: 7;
}

span#wf3 {
  position: absolute;
  top: 0px;
  left: 184px;
  width: 95px;
  height: 69px;
  z-index: 6;
}

span#wf4 {
  position: absolute;
  top: 0px;
  left: 276px;
  width: 95px;
  height: 69px;
  z-index: 5;
}

span#wf5 {
  position: absolute;
  top: 0px;
  left: 368px;
  width: 95px;
  height: 69px;
  z-index: 4;
}

span#wf6 {
  position: absolute;
  top: 0px;
  left: 460px;
  width: 95px;
  height: 69px;
  z-index: 3;
}

span#wf7 {
  position: absolute;
  top: 0px;
  left: 552px;
  width: 95px;
  height: 69px;
  z-index: 2;
}

span#wf8 {
  position: absolute;
  top: 0px;
  left: 644px;
  width: 95px;
  height: 69px;
  z-index: 1;
}

span#wf1_text {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 70px;
  height: 69px;
  margin: 5px;
  font-size: 9px; 
  z-index: 108;
}

span#wf2_text {
  position: absolute;
  top: 0px;
  left: 92px;
  width: 70px;
  height: 69px;
  margin: 5px;
  font-size: 9px; 
  z-index: 107;
}

span#wf3_text {
  position: absolute;
  top: 0px;
  left: 184px;
  width: 70px;
  height: 69px;
  margin: 5px;
  font-size: 9px; 
  z-index: 106;
}

span#wf4_text {
  position: absolute;
  top: 0px;
  left: 276px;
  width: 70px;
  height: 69px;
  margin: 5px;
  font-size: 9px; 
  z-index: 105;
}

span#wf5_text {
  position: absolute;
  top: 0px;
  left: 368px;
  width: 70px;
  height: 69px;
  margin: 5px;
  font-size: 9px; 
  z-index: 104;
}

span#wf6_text {
  position: absolute;
  top: 0px;
  left: 460px;
  width: 70px;
  height: 69px;
  margin: 5px;
  font-size: 9px; 
  z-index: 103;
}

span#wf7_text {
  position: absolute;
  top: 0px;
  left: 552px;
  width: 70px;
  height: 69px;
  margin: 5px;
  font-size: 9px; 
  z-index: 102;
}

span#wf8_text {
  position: absolute;
  top: 0px;
  left: 644px;
  width: 70px;
  height: 69px;
  margin: 5px;
  font-size: 9px; 
  z-index: 101;
}

/* Context dependent menu */

div.submenu_item {
  width: 157px;
  height: 23px;
  line-height: 23px;
  background-image:url("../image.svc?type=subMenuBackgroundDisabled");
}

div.submenu_item:hover {
    background-image:url("../image.svc?type=subMenuBackgroundEnabled");
}

div.submenu_active_item {
  width: 157px;
  height: 23px;
  line-height: 23px;
  background-image:url("../image.svc?type=subMenuBackgroundEnabled");
}

div.submenu_item a {
  margin: 10px;
  color: white; 
}

div.submenu_active_item a {
  margin: 10px;
  color: white; 
}

/* Form elements */

table.formtable td {
  padding: 5px;
  text-align: left;
}

table.formtable th {
  padding: 5px;
  text-align: left;
}

table.formtable tr.odd td {
  background-color: white;
  vertical-align: top;
}

table.formtable tr.even td {
  background-color: #EBEBEB;
  vertical-align: top;
}

p.field_label {
  margin: 0px;
  font-size: 12px;
  font-weight: normal; 
}

button, input[type=submit] {
  min-width: 150px;
  height: 22px;
  text-align: center;
  outline: 0; /* remove IE glow */
  border: 1px; /* remove IE glow */
  border-color: #CCCCCC;
  background-color: #EBEBEB;
  background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; /* borrowing from jQuers UI */
  border-style: solid;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

button:active, input[type=submit]:active {
  border-color: #A3A3A3;
  background-color: #CCCCCC;
}

div.bottom_buttons {
  margin-left: 3px;
}

/* Info header table */
table.infoheader tr th,td {
  vertical-align: top;
  padding-right: 20px;
}

/* Result table */

table.results {
  border-collapse: separate;  
  width: 100%;
  padding-top: 20px;
}

td.padd {
	width: 960px;
}

table.resultsb {
  border-collapse: separate;  
  width: 100%;
}

table.results th {
  padding: 5px;
  background-color: #A3A3A3;
  color: white;
  text-align: left;
  font-weight: normal;
  border-radius: 3px 3px 0px 0;
  -moz-border-radius: 3px 3px 0px 0;
  -webkit-border-radius: 3px 3px 0px 0;
}

table.resultsb th {
  border-color: white;
  border-style: solid;
  border-width: 20px 0px 20px 0px;
  padding: 5px;
  background-color: #A3A3A3;
  color: white;
  text-align: left;
  font-weight: normal;
}

table.results tr.odd td {
  background-color: white;
  color: black;
}

table.results tr.even td {
  background-color: #EBEBEB;
  color: black;
}

table.resultsb tr.odd td {
  background-color: white;
  color: black;
  width: 750px;
}

table.resultsb tr.even td {
  background-color: #EBEBEB;
  color: black;
  width: 750px;
}

div.even span {
	background-color: #EBEBEB;
}

div.odd span {
	background-color: white;
}


/* Error message */

.error {
  color: red;
  font-weight: bold;
}

/* Certificate elements */

table.certtable {
  border-width: 0;
  border-collapse: collapse;
}

table.certtable td {
  padding: 2px;
  text-align: left;
  border-width: 0;
}

table.certtable tr:first-child th {
  border-top-style: hidden;
}

table.certtable th {
  padding: 2px;
  text-align: left;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #CCCCCC;
}

table.certtable td.option {
  padding: 2px;
  text-align: left;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #CCCCCC;
}

/* Certificate text blocks */

table.textblocks {
  border-width: 0;
  border-collapse: collapse;
  text-align: left;

}

table.textblocks th {
  padding: 4px;
  text-align: left;
  padding-right: 20px;
  border-width: 0;
  width: 1%;
  white-space: nowrap;
  vertical-align: top;
}

table.textblocks td {
  padding: 4px;
  text-align: left;
  border-width: 0;
}

table.textblocks tr.score td {
  font-weight: bold;
  color: black;
}

table.textblocks tr.odd td,
table.textblocks tr.odd th {
  background-color: white;
}

table.textblocks tr.even td,
table.textblocks tr.even th {
  background-color: #EBEBEB;
}


/* Tasks */

.overdue-task {
  color: red;
}

.pending-task {
  color: inherit;
}

/* Links */

div.links table tr td {
  padding-right: 20px;
}

/* Release info */

ul.release_info {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 967px;
}

ul.release_info li {
  float: left;
  list-style-type: none;
  padding-left: 5px;
  text-align: left;
  border-width: 0;
  font-size: xx-small;
  color: #a5b2b5;
  height: 22px;
  line-height: 22px;
  width: 24%;
}

ul.release_info li:last-child {
  text-align: right;
  width: 25%;
}

ul.release_info img {
  vertical-align: middle;
}

ul.release_info a {
  text-decoration: none; 
  color: #a5b2b5;
}

/* Tabs (on goals) */
div.tabpanel div.tab-row ul {
  height: 32px;
    margin: 0;
    padding-left: 10px;
    background: url( ../images/tab_bottom.gif ) repeat-x bottom;
}

div.tabpanel div.tab-row li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.tabpanel div.tab-row a:link, div.tabpanel div.tab-row a:visited {
    float: left;
    background: #f3f3f3;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
  padding: 8px 10px 8px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
    text-decoration: none;
    color: #666;
}

div.tabpanel div.tab-row li.selected a:link, div.tabpanel div.tab-row a:visited.active {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}

div.tabpanel div.tab-row a:hover {
    background: #fff;
}
.feedbackPanelERROR {
    color: red;
}

.feedbackPanel {
    border-color: #EEEEEE;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    padding: 12px 50px;
    margin: 2px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

span.sortableList {
    width: 94.1%;
    display: block;
    float: left;
}

tr.show { display: block }
tr.hide { display: none; }

table#form-buttons td {
    padding-top: 10px;
}

/* Process tabs on screens for workflow */
.process_tabs {
  border-bottom: 1px solid #ddd;
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 960px;
}

.process_tabs > li {
  float: left;
  margin-bottom: -1px;
  margin-left: 0.5%;
  margin-right: 0.5%;
  width: 15%;
}

.process_tabs > li > span {
  position: relative;
  display: block;
  padding: 8px 15px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border: 1px solid lightgrey;
}

.process_tabs .active {
  border-bottom-color: white;
  font-weight: bold;

  background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb00', endColorstr='#00000000',GradientType=0 );
}