/* 1) Main ********************************************************************** */

body {
    margin: 0 30px 2em 30px;
    color: #333333;
    background: #ffffff url("images/body_back.gif") repeat-x;
    font-size: 65%;
}

body, td, th, h3, input, pre { /* redundant rules for bad browsers  */
    font-family: verdana, sans-serif;
    voice-family: "\"}\"";
    voice-family: inherit;
}

#container {
    text-align: center;
    width: 984px;
    margin: 0 auto;
}
#page {
    text-align: left;
    padding: 15px 0 0 0;
}
#content {
    margin: 0 0 0 170px;
}

h1.firstHeading, h1.errorHeading {
    text-align: left;
    padding-top: 5px;
    border-bottom: none;
    margin-top: 0;
    font-size: 1.4em;
    line-height: 1.0em;
    text-transform: lowercase; 
}

td.sectionHeading {
    text-align: left;
    padding: 0px;
    padding-bottom: 10px;
    border-bottom: none;
    margin-top: 0;
    font-size: 1.4em;
    line-height: 1.0em;
    text-transform: lowercase;
    font-weight: bold;
    color: #666666;
}

.errorHeading {
        color: #FF0000;
}

select {
    font-size: 0.9em;
}

/* 2) Links********************************************************************** */

a {
    text-transform: lowercase;
    font-weight: bold;
}

a:link, a:visited {
    text-decoration: none;
    color: #363636;
}

a:hover {
    color: #660000;
    text-decoration: underline;
}

a:active { 
    color: #000000;
}

/* 3) Mozilla ******************************************************************* */

#mozilla-org {
    position: relative;
    height: 25px;
}

#mozilla-org a {
    position: absolute;
    right: 0; 
    top: 0;
    display: block;
    width: 110px; 
    height: 25px;
    background: url("images/mozilla-org.gif") no-repeat;
    text-decoration: none;
    text-indent: -5000em;
}

/* 4) Header ******************************************************************** */

#header {
    clear: both;
    position: relative;
    margin: 0 0 10px 0;
    height: 60px;
    border: solid #bbbbbb 1px;
}

#header h1 {
    position: absolute;
    top: 0; 
    left: 0;
    margin: 0;
}
#header h1 a,#header h1 a:hover {
    display: block;
    width: 150px; 
    height: 60px;
    background: url("../images/title.png") no-repeat;
    font-size: 1px;
    text-indent: -7000em;
}

#header form {
    position: absolute;
    top: 8px; 
    right: 0;
    font-family: tahoma, arial, sans-serif;
}
#header form label {
    font-weight: bold;
}
#header form .searchButton, #submit {
    font-size: 100%;
    padding: 1px;
    font-family: tahoma, arial, sans-serif;
}
#header form #searchInput, #s {
    width: 90px;
    font-size: 100%;
    font-weight: normal;
    border:    1px solid #9097A2;
    padding: 2px;
    font-family: tahoma, arial, sans-serif;
}

/* Footer ****************************************************** */
#footer {
    clear: both;
    background: url("images/page-background.gif") repeat-x top left;
    margin: 10px 0 0 170px;
    padding-top: 5px;
    width: auto;
    text-align: center;
    font-size: 0.9em;
    text-transform: lowercase; 
}
#footer ul {
    margin: 0;
    padding: 0;
}
#footer li {
    display: inline;
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;
}
#footer #stickers {
    padding-top: 20px;
}
#footer #stickers div {
    display: inline;
}

#footer #stickers img {
    border: none;
}

#footer p {
        padding: 5px;
}    
    
/* 5) Navigation **************************************************************** */

#navigation {
    margin: 0;
    padding: 0;
    background: #1e4176 url("images/navigation-background.gif") repeat-x bottom right; 
    height: 2.7em;
}
#navigation div#bar {
    padding: 0; 
    margin: 0;
    background: url("images/navigation-top-right.gif") no-repeat top right; 
    height: 2.7em; 
    white-space: nowrap; 
}
#navigation div#bar div {
    position: relative;
    padding: 0; 
    margin: 0;
    background: url("images/navigation-top-left.gif") no-repeat top left; 
    height: 2.7em; 
}

#navigation #contenttypes {
    position: absolute;
    bottom: 0; 
    left: 0;
    margin: 0; 
    padding: 0 0 0 0.7em;
    list-style-type: none;
    background: url("images/navigation-bottom-left.gif") no-repeat bottom left; 
}
#navigation #contenttypes li {
    margin: 0 2px 0 0; padding: 0; 
    float: left;
    background-image: url("images/tab-right.gif");
    background-position: top right;
    background-repeat: no-repeat;
    height: 2em;
}
#navigation #contenttypes li.selected {
    background-image: url("images/tab-right-selected.gif");
}
#navigation #contenttypes li a {
    display: block;
    font-family: verdana, arial, sans-serif;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    height: 2em;
    line-height: 2em;
    background-image: url("images/tab-left.gif");
    background-position: top left;
    background-repeat: no-repeat;
    padding: 0px 6px;
}
#navigation #contenttypes li.selected a {
    color: #003366;
    background-image: url("images/tab-left-selected.gif");
}

#navigation #personal {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0; 
    padding: 0 0.4em 0 0;
    height: 1.4em;
    list-style-type: none;
    background: url("images/navigation-bottom-right.gif") no-repeat bottom right; 
}
#navigation #personal li {
    margin: 0 4px;
    padding: 0;
    float: left;
    line-height: 2em;
}
#navigation #personal a {
    font-family: tahoma, arial, sans-serif;
    font-weight: bold;
    color: #ffffff;
    display: block;
    text-decoration: none;
    margin: 0;
}

/* 6) Sidebar ******************************************************************* */

#sidebar {
    text-align: left;
    position: absolute;
    top: 40px;
    background: #FFF;
    width: 150px;
    line-height: 120%;
}
#sidebar h3 {
    text-transform: lowercase; 
    font-weight: bold;
    margin: 1em 0 0.3em;
}
#sidebar h3:first-child {
    margin: 0 0 0.3em;
}
#sidebar ul {
    margin: 0;
    padding: 0;
}
#sidebar p,
#sidebar li {
    margin: 0 0 0 2em;
    padding: 0;
}

#sidebar p {
    margin-bottom: 6px;
}
#sidebar p:last-child {
    margin-bottom: 0;
}

#sidebar p.submit {
        text-align: center;
        padding: 2px;
}

#sidebar hr {
        width: 60%;
        color: #bbbbbb;
        background-color: #bbbbbb;
        height: 1px;
        border: 0;
}

div.sidebar-right {
    float: right;
    width: 165px;
    background: #dddddd;
    border: solid #bbbbbb 1px;
    margin: 0px 0px 15px 15px;
    padding: 0px 15px 15px 15px;
    overflow: auto;
}

div.sidebar-right h1 {
    text-transform: lowercase;
}

/* 7) Related ******************************************************************* */

div#related {
    background: #eff8ce url("images/box-yellow-bottom.gif") no-repeat bottom left;
    margin: 0 0 16px 0;
}
div#related div {
    background: url("images/box-yellow-top.gif") no-repeat top left;
    padding: 8px;
}
div#related h3 {
    color: #003366;
}
div#related li {
    list-style-image: url("images/box-yellow-arrow.gif");
    color: #999999;
}
div#related a {
    color: #0033aa;
    text-decoration: none;
}

/* 8) Pagetools ***************************************************************** */

div.pagetools {
    background: #dddddd;
    border: solid #bbbbbb 1px;
    margin: 0 0 16px;
    overflow: auto;
}
div.pagetools div {
    padding: 8px;
}
div.pagetools h3 {
    color: #666666;
}
div.pagetools ul {
    list-style: none;
}

/* 9) Breadcrumbs**************************************************************** */

#breadcrumbs {
    margin: 11px 0 0 0; padding: 0;
    font-weight: bold;
    width: 100%;
    clear: both;
}
#breadcrumbs ul {
    margin: 0; padding: 0;
    display: block;
}
#breadcrumbs li {
    float: left;
    padding: 0; 
    margin-top: 0;
    list-style-type: none;
}
#breadcrumbs a,
#breadcrumbs span {
    color: #888888;
    text-decoration: none;
    background-image: url("images/breadcrumbs.gif"); 
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 6px 0 12px;
}
#breadcrumbs:first-child a {
    background-image: none;
    padding: 0 6px 0 0;
}
#breadcrumbs li span {
    color: #3f5d89;
}

/* 10 Test Results ************************************************************** */

.single-result, .comments, .test-config, .stats {
    border-collapse: collapse;
    width: 100%;
    background: #ffffff;
    margin-bottom: 5px;
}

table.single-result, table.comments, table.stats {
    margin-top: 5px;
}

.test-results, .testcases {
    border-collapse: collapse;
    margin-bottom: 5px;    
    width: 100%;
    background: #ffffff;
}

.stats {
    border: solid #bbbbbb 1px;
    margin-bottom: 10px;
}

table.section {
    border: none;
    width: 100%;
}

.run-tests {
    border: solid #666666 1px;
    background-color: #ffffff;
    margin-bottom: 10px;
}

#configuration {
    display: block;
}

.comments {
    border: solid #bbbbbb 1px;
    background-color: #dddddd;
    color: #000000;
}    

.test-results td, .single-result td, .comments td {
    vertical-align: top;
    padding: 3px 5px 3px 5px;
    margin: 0px;
}

.single-result td {
    border: solid #bbbbbb 1px;
}

.run-tests tr {
    padding: 10px;
}

.run-tests td {        
    vertical-align: middle;
    padding: 3px 5px 3px 5px;
}

.test-results td, .run-tests td {
    border: solid #bbbbbb 1px;
}

td.header, td.headerleft, th {
    vertical-align: middle;
    background: #dddddd;
    border: solid #bbbbbb 1px;
    font-weight: bold;
    text-transform: lowercase; 
    text-align: center;
    color: #666666;
    padding: 0px 5px 0px 5px;
}

td.headerleft {
    text-align: left;
    color: #000000;
}

table.manage td.headerleft {
    background-color: inherit;
    border: 0;
}

.run-tests td.header {
    background: #dddddd;
    border: solid #bbbbbb 1px;
    font-weight: bold;
    font-size: 1.05em;
    text-transform: lowercase; 
    text-align: right;
    padding: 0px 5px 0px 5px;
}

.no-results {
    background: inherit;
    color: #ff0000;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    font-size: 1.3em;
}

.radio-testresults {
    border: solid #bbbbbb 1px;
    border-collapse: collapse;
    padding: 3px 5px 3px 5px;
    margin: 5px;
}  

.testresults-submitted {
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}  

.testresults-submitted td {
    border: solid #bbbbbb 1px;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

table.radio-testresults tr {
    border: solid #bbbbbb 1px;
    padding: 3px 5px 3px 5px;
}  

.pass {
    background: #99ff99;
}

.pass a:hover {
    color: #00cc00;
}

.fail {
    background: #ff9999;
}

.fail a:hover {
    color: #cc0000;
}

.unclear {
    background-color: #ffff99;
}

.unclear a:hover {
    color: #cccc00;
}

.test-results tr.search {
    background: #dddddd;
    border: solid #bbbbbb 1px;
    font-size: 1em;
    text-align: center;
    padding: 0px 5px 0px 5px;
}

.test-results td.search-heading {
    text-transform: lowercase;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: #666666;
}

.test-results td.search {
    text-align: center;
    vertical-align: middle;
}

.test-results td.search-submit {
    text-align: right;
    vertical-align: middle;
}

.legend td {
    vertical-align: top;
    padding: 3px 5px 3px 5px;
    border: solid #bbbbbb 1px;
    text-align: center;
}

.advanced-search {
    padding: 0px;
    width: 100%;
}

.advanced-search td.heading, .test-config td.header {
    font-weight: bold;
}

.advanced-search td.instructions {
    vertical-align: top;
    text-align: center;
    padding: 0px 5px 10px 5px;
}

div.automated-result-banner { 
	background-color: #ECE9AA; 
	padding: 0px 5px 10px 5px;
	border: solid #bbbbbb 1px;
}

/* 11 Run Test ****************************************************************************** */

div.title_sub { 
    background-color: #d0d0d0; 
    font-weight: bold; 
    padding: 0px; 
    margin: 0 0 0 0;
}
 
div.sec_head { 
    padding: 0px; 
    font-weight: bold;
    background-color: #dddddd;
}

div.testcase-head { 
    background-color: inherit;
    padding: 0px; 
    font-weight: bold;
}

div.sec_head table, div.testcase-head table { 
    width: 100%;
    padding: 0px;
}

div.sec_head td.l, div.testcase-head td.l {
    font-weight: bold;
    text-transform: lowercase;
    color: #666666;
}

div.testcase-head td.l {
    color: #333333;
}

div.sec_head td.r {
    text-align: right;
    vertical-align: middle;
    color: #666666;
}

div.testcase-head td.r {
    text-align: right;
    vertical-align: middle;
    color: #333333;
}

div.nav { 
    background-color: #dddddd;
    text-align: right;
    text-transform: lowercase; 
}

div.nav a:link, div.nav a:visited { 
    color: #333333;
    text-decoration: none;
}

div.nav a:hover {
    color: #660000;
    text-decoration: underline;
}

div.summary { 
    margin-top: 5px;
    background-color: #efefef; 
}

div.summary td { 
    vertical-align:   top;
    background-color: #efefef; 
    padding:          10px;
    width:            25%;
}

div.summary p {
    padding:          10px;
}    

table.tc_nav { 
    width:100%;
    background-color:#efefef;
}

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

div.tcs { 
    background-color: inherit;
}

div.tcs table {
    width:200px;
    padding:10px;
}

table.tcm { 
    border: solid #bbbbbb 1px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    overflow: auto;
}

table.tcm td { 
    vertical-align: top;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

table.tcm td.header {
    background-color: #dddddd;
}

td.content ul, td.content ol {
    margin-left: 1em;
    margin-right: 1em;
    padding: 0px;
}

table.tcm td.content {
    background-color: #efefef; 
}

table.tcmf tr.even {
    background-color: inherit;
}

table.tcmf td { 
    vertical-align:top;
    border-width:0px; 
    padding: 5px;
}

div.dh { 
    padding: 0 2px 2px 0; 
    font-weight: bold;
}

div.dv { 
    font-weight: normal;
    padding: 2px 2px 10px 5px;
}

div.dv ol {
  padding-left: 1em;
}

div.t_link a {
    padding: 2px 2px 10px 0px; 
}

/* 12 Popup divs (comments) ****************************************************************************** */
#popup {
    position: absolute;
    margin: -5em 0 0 -5em;
    opacity: 0.9;
}

.who#popup{
    border: 0px;
    height: 8em;
    width: 16em;
}

.comment#popup {
    width: 25em;
}

.log#popup {
    width: 25em;
}

.comment#popup, .log#popup {
    border: solid #bbbbbb 1px;
    background-color: #ffffff;
    color: #000000;
    padding: 0.25em;
    text-align: center;
}

p.comment {
    font-size: 0.9em;
}

/* 13 Authentication and login **************************************** */

div.login_form_existing, div.login_form_newuser, div.login_privacy {
    background-color: #efefef; 
    border: solid #bbbbbb 1px;
    padding: 20px;
    width: auto;
    height: auto;
}

div.login_form_existing {
    margin-right: 5px;
    margin-bottom: 5px;
}

div.login_form_newuser {
    margin-right: 5px;
    margin-top: 5px;
}

div.login_privacy {
    margin-left: 5px;
}

.login_sectitle {
    font-weight: bold;
    font-size: 120%;
}

.login_important {
    color: #ff0000;
    font-size: 120%;
}

.login_info {
    vertical-align: top;
    padding-left: 40px;
    padding-right: 10px;
}

/* 14 Popup Message Display  ******************************************* */

#message
{
  position: fixed;
  display: none;
  top: -1px;
  left: 200px;
  right: 200px;
  z-index: 5000;
  opacity: 0.85;
}

#message div
{
  width: 400px;
  margin: 0px auto;
  height: 32px;
  min-height: 32px;
  padding: 24px 10px 16px 46px;
}

#message div.info
{
  background: url(../images/info.png) 7px center no-repeat;
  background-color: #F7FDCB;
  border: 1px solid #C2D071;
}

#message div.error,
#message div.warning,
#message div.failure
{
  background: url(../images/warning.png) 7px center no-repeat;
  background-color: #EF9398;
  border: 1px solid #DC5757;
  color: #000000;
}

#message div.confirmation,
#message div.success
{
  background: url(../images/confirm.png) 7px center no-repeat;
  background-color: #A6EF7B;
  border: 1px solid #76C83F;
  color: #000000;
}


#message div.loading
{
  background: url(../images/loading.gif) 7px center no-repeat;
  background-color: #EBEBEB;
  border: 1px solid #CCCCCC;
  color: #000000;
}

/* 15 Help Display  ******************************************* */

#help {
  position: fixed;
  display: none;
  top: -1px;
  left: 200px;
  right: 200px;
  z-index: 4000;
  opacity: 0.95;
}

#help div.container {
  position: relative;
  width: 400px;
  margin: 0px auto;
  height: 400px;
  min-height: 32px;
  padding: 5px 25px 16px 46px;
  background: #F7FDCB url(../images/info.png) no-repeat;
  background-position: 10px 10px;
  border: 1px solid #C2D071;
}

div.title {
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 1.5em;
}

div.content {
  padding: 0;
  margin: 0;
  height: 350px;
  overflow: auto;
}

div.content ol {
  margin-left: 1em; 
  padding-left: 1em;
  list-style: decimal outside;
}

div.content li {
  padding-bottom: 10px;
}

div.closeLink {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

div.closeLink a:hover {
    text-decoration: none;
}

/* 16 Admin ********************************************************** */

input.manage {
    width: 170px;
    font-size: 1em;
}

table.manage {
    border: 0;
    padding: 0px;
    margin: 0;
}    

table.manage td {
    padding-bottom: 5px;
}

table.manage input.button {
    font-size: 1em;    
    margin: 5px;
}

select.testcase-subgroups, select.subgroup-testgroups, select.testgroup-test-runs {
    width: 300px;
}

select.testcase, select.testcase_id, select.subgroup_id, select.testgroup_id, select.test_run_id {
    width: 600px;
}

div.manage {
    border: solid #bbbbbb 1px;
    background-color: #efefef; 
    width: 100%;
    padding: 0px;
    margin: 0px;
}

/* Test Cases ******************************************************** */

div.testcase {
    padding: 10px;
    margin-bottom: 5px;    
    border: solid #bbbbbb 1px;
    background-color: #cccccc;
    overflow: auto;
    color: #333333;
    text-align: left;
}

div.testcase-completed {
    padding: 10px;
    margin-bottom: 5px;    
    overflow: auto;
    color: #333333;
}

.testcase-completed, td.in_use, div.recommended_test_runs, a.test_run:hover {
    background-color: #eeffee;
    border-width: 2px;
    border-color: #99cc99;
    border-style: solid;
}

div.section-full, div.category {
    width: 100%;
}

div.section-center {
    width: 585px;
    padding: 5px;
    margin-bottom: 5px;    
    border: solid #bbbbbb 1px;
    background-color: #dddddd;
    color: #000000;
    overflow: auto;
}

div.section-header {
    font-size: 1.0em;
    line-height: 1.0em;
    font-weight: bold;
    color: #666666;
    text-transform: lowercase;
    overflow: auto;
    margin-bottom: 10px;
}

div.category h2, div.category h3 {
    font-weight: bold;
    color: #666666;
    text-transform: lowercase;
    padding: 0px;
    margin: 2px;
}

div.category h2 {
    margin-bottom: 10px;
    font-size: 1.0em;
    line-height: 1.0em;
}

div.category h3 {
    margin: 5px 0px 5px 0px;
    color: #333333;
    font-size: 0.9em;
    line-height: 0.9em;
}

div.collapsable {
/*    font-size: 0.85em;*/
}

div.section-content {
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

div.testcase-content, div.subgroup-content, div.testgroup-content, div.test-run-content {
   padding: 0px;
   margin: 5px 10px 0px 10px;
   width: auto;
   overflow: auto;
}

.submit {
    text-align: right;
    vertical-align: middle;
}

.submitall {
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    vertical-align: middle;
}

table.section td.subsection {
    padding: 10px;
    border: solid #bbbbbb 1px;
    margin-bottom: 5px;    
    background-color: #dddddd;
    vertical-align: top;
}

img.chrome {
    padding-right: 2px;
    vertical-align: middle;
    border: 0;
    height: 1em;
}

img.icon {
    vertical-align: middle;
    border: 0;
    padding: 5px;
}

table.category {
    border: 0px;
    margin: 0px;
}

table.category select {
    width: 20em;
}

table.category td {
    padding-left: 5px;
    padding-right: 5px;
}


table.category h1 {
    font-size: 1.1em;
}

input.category, input.button {
    font-size: 1em;
    margin: 5px 0px 0px 0px;
}

input.textbox {
    font-size: .9em;
    margin: 5px 0px 0px 0px;
}    

div.advSearchForm {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

div.formButtons {
    padding-bottom: 15px;
}

div.or {
    padding: 1em 0 1em 0;
    font-weight: bold;
}

table.testcase-search, table.test-runs {
    border: 0;
    margin: 0;
    padding: 0;
    background: inherit;
    width: 100%
}

table.testcase-search th, table.test-runs th {
    vertical-align: middle;
    font-weight: bold;
    text-transform: lowercase; 
    text-align: left;
    color: #666666;
    padding: 0px 5px 0px 5px;
    border: 0;
}


table.result_container th {
    vertical-align: middle;
    font-weight: bold;
    text-transform: lowercase; 
    color: #000000;
    padding: 0px 5px 0px 5px;
    border: 0;
}

table.testcases th, table.testcases td.headerleft, table.testday_results td.headerleft, table.testday_results th {
    vertical-align: middle;
    font-weight: bold;
    text-transform: lowercase; 
    color: #666666;
    padding: 0px 5px 0px 5px;
    border: 0;
}

table.testcases td {
    padding-left: 5px;
}

table.testcases tr {
    border: solid #bbbbbb 1px;
}

div.testcase-search {
    margin: 5px;
    background-color: #efefef;
    padding: 10px;
    border: solid #bbbbbb 1px;
}

/* Test Runs ********************************************************* */

table.test_run_report {
    width: 100%;
}

table.test_run_summary {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

table.test_run_summary td {
    margin: 0px;
    padding: 5px;
    vertical-align: top;
}

table.test_run_summary th {
    margin: 0px;
    padding: 5px;
    vertical-align: top;
}

table.test_run_summary th.headerleft {
    text-align: left;
}

table.test_run_summary td.name {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: middle;
    text-transform: lowercase;
    border: solid #bbbbbb 1px;
}

table.test_run_summary td.coverage {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: middle;
    border: solid #bbbbbb 1px;
}

table.test_run_summary td.results, table.test_run_summary td.criteria {
    border: solid #bbbbbb 1px;
}

td.coverage-complete {
    border-width: 2px;
    border-color: #009900;
    border-style: outset;
    background: #99ff99;
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
    vertical-align: middle;
}

table.test_run_report td.test {
    padding: 2px;
    font-weight: bold;
    vertical-align: middle;
}

table.test_run_report td.testgroup, table.test_run_report td.subgroup {
    vertical-align: middle;
    font-weight: bold;
    text-transform: lowercase; 
    text-align: center;
    color: #666666;
    padding: 0px 5px 0px 5px;
    border: solid #bbbbbb 1px;
}

table.test_run_report td.testgroup {
    background-color: #dddddd;
    font-size: 1.25em;
}

table.test_run_report td.subgroup {
    background-color: #eeeeee;
    font-size: 1.1em;
}

/* Misc ************************************************************** */

fieldset {
    margin-bottom: 5px;
}

legend {
        font-weight: bold;
        font-size: 1.0em;
}

div.error {
        background-color: #dddddd;
        border: solid #bbbbbb 1px;
        padding: 10px;
}


.skipLink {
    position: absolute;
    left: -1200px;
    width: 990px;
}

.hide {
    display: none;
}

#notification {
    display: none;
}

#printheader {
    display: none;
}

.legend {
        border: solid #666666 1px;
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 10px;
        background: #ffffff;
}

textarea {
    font-size: 1.5em;
    margin-bottom: 5px;    
}

.t_link {
    font-weight: bold;
    text-transform: lowercase;
}

.pageinstruction {
    font-weight: bold;
}

.pageinstruction input {
    font-weight: normal;
}

ul.select-group {
    list-style-type: none;
    margin: 0;
    padding: 5px;
}

div.instructions {
    border-collapse: collapse;
}

ul.instructions {
    list-style-type: circle;
    list-style-position: inside;
    padding-left: 5px;
    padding-right: 5px;
}

ol {
    list-style-type: decimal;
}

#pageload {
    padding-top: 10px;
    text-align: center;
    text-transform: lowercase;     
    font-size: 0.9em;
}    

.odd {
    background-color: #eeeeee;
}
.even {
    background-color: #ffffff;
}

.trustedcompletegroup, .completegroup {
    background-color: #eeffee;
}

.confirmedgroup {
    background-color: #666666;
}

div.section-full, div.category, div.section {
    padding: 10px;
    margin-bottom: 5px;    
    border: solid #bbbbbb 1px;
    background-color: #dddddd;
    color: #000000;
    overflow: auto;
}

table.criteria {
    width: 100%;
}

table.criteria th {
    padding: 3px;
}

table.newCriteria td {
    padding: 0;
}

/* emulate center */
.center {
    width: 100%;
    text-align: center;
}

*.center * {
    margin-left: auto;
    margin-right: auto;
}

img.coverage-loading, td.name img {
    padding: 0px;
    border: 0px;
}

img.coverage-loading {
    height: 1.5em;
}

td.name img {
    height: 1em;
}

img.inline {
    height: 1.5em;
    border: 0px;
    vertical-align: middle;
}

div.recommended_test_runs, div.active_test_runs, div.select_criteria {
    width: 585px;
    padding: 5px;
}

table.none td {
    border: 0px;
    padding: 2px;
}

ul.test_run_nav li {
    padding-bottom: 5px;
}

ul.test_run_nav a {
    text-transform: none;
}

li.recommended {
    font-size: 1.2em;
}

a.test_run {
    padding: 5px;
}

a.test_run:link, a.test_run:visited {
    color: #006633;
}

a.help {
    text-transform: none;
    color: #003366;
}