/*
  content.css: PneumoADIP styles: p, h*, t*, sub, div.content
  main.css: PneumoADIP styles: a, body, ct_*, footer
  nav.css: PneumoADIP styles: ct_topnav, ct_1nav, ct_subnav div.left div.right
  print.css
  <!--default.css: CommonSpot default styles-->
  screen.css:
  BODY/TAGS: body, a, h*, .wrapper, NAV: .nav #content, TOP CONTAINER: .tc
  INTERNAL STYLES: #content, .subnav, FOOTER
*/

/*#strends { border-collapse: separate; border-spacing:5px }*/
.NA { background-color: #E9EDE5 }

a:link, a:visited {color: blue}
/*  <link rel="stylesheet" href="PneuModel_styles.css" type="text/css"/> */
.changed { background-color: lightgreen }
.required { background-color: pink }
.error { background-color: red }
.disabled { background-color: lightgrey }
.computed { background-color: lightgrey }
.bordered { border: 1px solid red }
.tabframe { margin: 0; background-color:#B9CDE5; }
/*
  Results:
    .titlebox {background: #B9CDE5}
  Welcome:
  body { font-family: Arial; font-size: 10pt; }
  h2 { font-size: 14pt; }
  p { margin-left: 1em; }
  table { background: #CBCFFF; }
  .login { padding: 10px; }
  .login a { background: lightgreen; margin: 5px; padding: 5px; border: solid blue }
  .forgot { background: #FFDAD7; }
*/

body {
    font-family: arial; font-size: 10pt; font-weight: normal;
    margin-top: 0.5em; padding-bottom: 0; margin-bottom: 0;
    margin-left: 0px; 
}

.contentpageBody { 
    /*margin: 0 20 0 20;*/ background: white; margin: 0; height: auto 
}
button {font-size: 10px}
img {border: none}
/*_countrySelect {width: 200px;}*/
a:hover { color: red }
button.link:hover { color: red; font-size: 10pt }
button.link { 
    padding: 0; border: none; color: blue; background: white; font-size: 10pt 
}
.floatbutton {
    float: right; z-index:9; opacity: 0.5;
    text-decoration: underline; cursor: pointer; 
}
div.pageHeader {
    background-color: #999;
    color: #FFF;
    padding: 0px;
    margin: 0px;
}
div.pageHeader p {
    background-color: #999; 
    font-size: 7pt;
    font-weight: bold;
    margin: 0px 10px 6px 6px;
    padding: 0px;
    text-align: right;
}

h1, .h1like { 
    color: #006B8C;
    font-size: 14pt;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}
h2 { /*font-size: 12pt;*/
    color: #831E3B;
    font-size: 10pt;
    font-weight: bold;
    padding: 0px 15px;
    margin: 0px 0px 10px 0px;
    text-transform: uppercase;
}
h3 { font-size: 12pt; /*text-decoration: underline*/ }

a { text-decoration: none }
/*a:link {color: #006B8C; text-decoration: none;}*/

dt { margin-top: 0.5cm; font-weight: bold }
/*li { margin-top: 1em }*/
ol.compact li {margin-top: 0in}
input.data {font-size: 9pt; text-align: right}
input.text {text-align: left}

.citations * { text-align: left }
/*table { border: 2px solid; border-collapse: collapse }*/
th { font-weight: bold;}
th.major {text-align: left}
/*td, th { border: 1px solid; margin-bottom:0in }*/

table {
    border-spacing: 5px; 
    border-top: 2px solid black; 
    border-bottom: 2px solid black;
}
td {/*padding: 0 5px 0 5px;*/
    font-size: 10pt; font-family: Arial;
    border-bottom: 1pt solid #ccc;
}

#participants td { text-align: left }
.results { border-collapse: separate; border-spacing: 2px }
.results td { text-align: right;}
.results th { text-align: left; }
#Content table.results td:first-child, 
#Content table.results th:first-child { text-align: left; }
/*#strends { border-spacing: 1px }*/
#CE td, #strends td {text-align: center}
#CE { border-spacing: 5px}

/* Cost Bargraph Elements */
.xaxis th { border-top: 2px solid black; }
.yaxis, .yaxis div, .yaxis td { border: none; vertical-align: bottom;}
.graph .legend td { border-bottom: none; text-align: left;}
.graph div {
    border-left: 1px solid black; 
    border-right: 1px solid black; 
    border-top: none; border-bottom: none;
    vertical-align: top;
    padding-top: 0px; padding-bottom: 0px;
    margin-top: 0px; margin-top: 0px;
}
.legend { border-bottom: none; }
.legend div { border: 1px solid black; text-align: left;}

td.baseline {text-align: right; padding-right: 20px}
div.subtext {
    margin-left: 0.5cm; font-weight: normal; font-size: 10pt; margin-top: 0cm; 
}
td.subtext { text-indent: 0.5cm; }
td.subrow { text-indent: 0.5cm; }
td.footnote { text-indent: 0.5cm; border-bottom: none; }

table.dataset { width: 100%; border-spacing: 0px }
/*.dataset td:first-child {width: 40%}*/
.dataset tr.optional td:first-child {width: auto} 
.dataset td {text-align: left}
#rdata td { text-align: right }

.the2 { border-spacing: 0; border: none; padding: 0;}
.the2 td { border: none; text-align: center; padding: 0 }

pre {font-family: arial}

.qlink {
    font-weight: bold; 
    color: red; 
    text-decoration: underline; 
    font-style: italic
}


@media print {
  DIV.screenheader {display: none}
}
@media screen {
  DIV.printheader {display: none}
}

/*
  //.home {height: 110px}
  .pageLogo {border-bottom: none}
  .pageBody {margin: 0 10 0 10; height: 100%; }
  //.pageColumn {width: 500px}
  .modelTitle {
    font-size: 12pt; border-bottom: 1px solid #ccc;
    margin-left: 1em;
  }
*/

div#modelTitle {font-weight: bold; font-size: 12pt; color:#333333; 
            padding-bottom: 5px; clear:both; }
/*   padding-top: 38px; width: 600px */
/*        clear: both;*/

/* ie doesn't do first-child?
.dataset th { text-align: center }
.dataset th:first-child { text-align: left }
But it also doesn't do #Content so see muck.css for ff
*/
.datasetID { text-align: right; padding-right: 10px; }
.datasetID input { font-size: 10pt }

h1 { font-size: 14pt; color: black; display: block; }
p { text-indent: 0px; clear: both; } /*h1 was inline?*/
a:hover { color: red; cursor: pointer; }

#Summary th { text-align: left }
#Summary th, #Summary td {
    border-bottom: 1pt solid #ccc;
}
.results td.row {text-align: left}

/* generic container (i.e. div) for floating buttons 
.clear { 
    overflow: hidden;
    width: 100%;
}
*/

/* Tabs */

.utilities li { float: right;  margin-left: 1em; clear: none}

div.nav  { 
    border: 1px solid black; 
    height: 33px; /* ie doesn't care as long as it's something, ff cares */
    border-bottom: none;
    border-right: none;
    border-left: none;
    background-color:#dae7ed; // #c8dfe5; // #edeef2; //#e7f0f5;
}
.nav ul { margin:0; list-style-type: none; padding: 0;}
.nav li {
    display:block;
    float:left;
    background: #ffffff;
}
.nav li a {
    height: 18px; /* ff only */
    display:block;
    float:left;
    background-image:url(images/main_nav_button.jpg);
    border-bottom: 1px solid #006B8C;
    border-right:solid 1px #006B8C;
    font-size:12px;
    text-decoration:none;
    color:#004E66;
    padding: 10px 7px 4px 7px;
    font-weight:bold;
/*    margin: 0 0 -1px 1px;*/
/*    border-left:solid 1px #006B8C;*/
    margin-left: 0px;
    border-left: 1px solid black;
}
.inter img { border-bottom: 1px solid black; margin: 0; padding: 0; 
             height: 32px}
li.inter {
    height: 12px;
    margin-left: -1px; 
    padding: 0; margin: 0;
/*    border-bottom: 1px solid black; */
/*    border-left: 1px solid black;*/
}
/*
    background-image:url(images/littleArrow.png);
    height: 13px;
    font-size: 18pt; 
*/
/*    padding: 4px 0px 5px 0px;*/
/*    margin-top: 4px;*/
/*    padding: 0px 0px 10px 0px;*/

li.first {
    height: 18px;
    font-size: 10pt;
    background: none;
    font-weight: bold;
    padding-left: 5px;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
/*    border-left: none;*/
    margin-top: 0px;
    padding: 7px 0px 7px 5px;
}
div.high li.inter:first-child { border: none }

#navbar a.tab { 
/*    height: 14px; */
/*    margin: 0; */
/*    padding: 5px 15px;*/
    border-bottom: 1px solid black; 
}
#Proceed { 
    float: right;
    z-index: 9;
}

#Proceed button {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    padding: 7px 0px 6px 0px;
    background: url(images/main_nav_button_green.jpg); 
    border: 1px solid green;
/*    margin-top: -2px;*/
/*    margin: -1px;*/
}
#navbar a.chosen { border-bottom: none; height: 19px; }
.nav li a.chosen { background-image: url(images/main_nav_button_inv.jpg); }
.tab:hover { cursor: pointer; }

div.high { border: solid yellow 3px;}
.nav li a:hover { color: red }

.nav a:hover, .nav .active a { 
    background: #67A7BA; 
    color: #fff; 
/*
    border-bottom: 1px solid #003240; 
    border-right: 1px solid #003240; 
*/
}


/* Sidebar Nav */

ul ul a { margin-left: 5px }
ul ul ul a { margin-left: 7px }



/* Subtabs */

div.subtabs { display: inline }
div.subtabs ul { 
    display: inline; 
    list-style-type: none; 
    padding: 0px; 
    margin: 0px; 
}
div.subtabs ul li {
    display: inline; 
    font-weight: bold; 
    /*background: #B9CDE5; */
    margin: 10px; padding: 0px 5px 2px 5px;
    background-image: url(images/main_nav_button.jpg);
    height:14px;
    border-bottom: 1px solid #006B8C;
    border-right:solid 1px #006B8C;
    font-size:12px;
    text-decoration:none;
    color:#004E66;
    /*padding:7px 15px;*/
    font-weight:bold;
    margin: 0 0 -1px 1px;
    border-left:solid 1px #006B8C;
}

div.section, tr.section { display: none; clear: both;}
div.chosen, tr.chosen { display: block; margin-bottom: 1cm }

.subtabs li { font-size: 10pt }
.subtabs li.chosen { 
    background-image: url(images/main_nav_subtab_chosen.jpg);
    border-bottom: none;
    border-top: 1px solid black;
}
/* color: #B9CDE5; background: #FFFFFF; */
/* text-decoration: underline;*/
/* border-bottom: red 2px solid;*/
/* border: red 4px solid; */

.subtabs li:hover { color: red }
/*text-decoration: underline;*/ 

.utilities li { margin-right: 1em; margin-left: 0px}


/* LEFT NAV COLUMN */
div.ct_lnav {
	font-family: /*Verdana, */Arial, Helvetica, sans-serif, "Small Fonts" !important;
	margin: 0px;
	padding: 5px;
	width: auto;
}
div.ct_lnav ul {
	list-style-type: none;
	margin: 2px;
	padding: 0px;
	width: auto;
}
div.ct_lnav ul ul {
	background-image: none;
	border-left: 0px solid #E9EDF4;
	border-right: 0px solid #D4DCE8;
	border-top: 0px solid #E9EDF4;
	border-bottom: 0px solid #D4DCE8;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}
div.ct_lnav ul li {
	/*background-image: url(/common/images/bg_nav.jpg);*/
	background-repeat: repeat-y;
	border-left: 1px solid #E9EDF4;
	border-right: 1px solid #D4DCE8;
	border-top: 1px solid #E9EDF4;
	border-bottom: 1px solid #D4DCE8;
	display: block;
	font-size: 12px;
	list-style-type: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-bottom: 4px;
	padding: 1px;
	padding-left: 2px;
	width: auto;
}
div.ct_lnav ul li a:link, div.ct_lnav ul li a:visited {
	color: #0066cc;
	display: block;
	text-decoration: none;
        font-weight: bold;
}
div.ct_lnav ul li:hover  {
	background-color: #fcf5da;
	color: rgb(92,0,93);
	display: block;
	/*background-image: url(/common/images/bg_nav1.jpg);*/
	background-repeat: repeat-y;
	border-left: 1px solid #D4DCE8;
	border-right: 1px solid #BDBEC0;
	border-top: 1px solid #D4DCE8;
	border-bottom: 1px solid #BDBEC0;
	display: block;
	font-size: 12px;
	list-style-type: none;
	width: auto;
}
div.ct_lnav ul li a:hover {
	text-decoration: underline;
}

div.ct_lnav ul ul li {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	border-left: 0px solid #E9EDF4;
	border-right: 0px solid #D4DCE8;
	border-top: 0px solid #D4DCE8;
	border-bottom: 0px dashed #D4DCE8;
	display: block;
	font-size: 11px;
	list-style-type: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding: 3px;
	text-align: left;
	width: auto;
	padding-left: 10px;
        padding-left: 10px;
        text-indent: -8px;
}
div.ct_lnav ul ul li a:link, div.ct_lnav ul ul li a:visited {
	color: #0066cc;
	display: block;
	text-decoration: none;
}
div.ct_lnav ul ul li:hover  {
	background-color: #fcf5da;
	color: rgb(92,0,93);
	display: block;
	/*background-image: url(/common/images/bg_nav1.jpg);*/
	background-repeat: repeat-y;
	border-left: 0px solid #D4DCE8;
	border-right: 0px solid #BDBEC0;
	border-top: 0px solid #D4DCE8;
	border-bottom: 0px solid #BDBEC0;
	display: block;
	font-size: 11px;
	list-style-type: none;
	width: auto;
}
div.ct_lnav ul ul li a:hover {
	text-decoration: underline;
}

div.ct_lnav ul li#active  {
	color: #0066cc;
	display: block;
}
/* End of LEFT NAV COLUMN */


/* LEFT COLUMN TEXT */
div.left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div.left p {
	color: #333333;
	font-size: 11px;
	line-height: 140%;
	margin: 10px;
}
div.left p a {
	text-decoration: underline;
}
div.left li {
	color: #333333;
	font-size: 11px;
	line-height: 125%;
	list-style-type: square;
	margin-left: -20px;
}
/* End of LEFT COLUMN TEXT */


div#ct_content1 {
/* float: left; */
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    /* width: 160px; */
    width: 120px;
}

/****** FOOTER *****/

.footer {
	text-align:right;
	color:#FFFFFF;
	padding:5px 8px 6px 50px;
	height:12px;
	font-size:10px;
	font-weight:bold;
	background-color:#003240;
	border-top:solid 1px #fff;
	clear: both;
}

.footer ul {
	float:left;
        list-style-type: none; margin: 0; padding: 0;
}

.footer li {
	float:left;
	display:block;
        margin:0 20px 0 0;
}

.footer a {
	color:#FFFFFF;
	text-decoration: none;
}

.footer a:hover { color: #ffffff; text-decoration: underline; }

.tag{
	font-size:10px;
	font-weight:bold;
	color:#333333;
	padding: 4px 0 0 50px;
        margin: 0px; text-indent: 0px;
        clear: both;
}

.description { margin-bottom: 0; padding-bottom: 0; }

.no-rightimage p, .no-rightimage h4, .no-rightimage h5, .no-rightimage h6, .no-rightimage h2 { width: 550px; }
.no-rightimage .sideBox { width: 120px; }
.no-rightimage .sideBox .printLink { width: 120px; }
.no-rightimage .content .list {	width: 550px; }

.team img { float: left; padding-top: 3px; }
.team { width: 550px; clear: both; margin-top: 15px; }
.team p, .team h6 { width: 450px; float: right; clear: right; }

.alert { font-style: italic; font-weight: normal; margin-left: 4px; }

#footer {
    background-color: #E9EDF4;
    border-left: 0px solid #BDBEC0;
    border-right: 0px solid #BDBEC0;
    border-top: 1px solid #BDBEC0;
    border-bottom: 0px solid #BDBEC0;
    clear: both;
    margin: 0px;
    padding: 3px;
    width: auto;
}

/* Results Elements */
    p {margin-bottom: 0}
    h3 {margin-bottom: 0; text-decoration: none}
    .titlebox {background: #B9CDE5}
    th {text-align: center; font-size: 10pt} /*colheading*/
    table { border-spacing: 10px 0px} /* IE doesn't */
    TD p { font-size: 10pt;}
    th { padding-left: 5px; padding-right: 5px; }
    td {text-align: right; padding-left: 5px; }
    /*th:first-child {text-align: left;}*/
    /*td:first-child {text-align: left} /* IE doesn't do this? */
    td.row, th.row {text-align: left;}
    /*td.vacant, th.vacant {border-bottom: none}*/
    .rowheading {text-align: left}
    .colheading td,
    .colheading th {border-bottom: 1px solid; border-collapse: collapse}
    .NA { background-color: #E9EDE5 }
    .xl,  .xlP, .xlQ,.xlR, .xlS, .xlT, .xlO, .xlC, .xlRO {display: none; }
    td.xl, td.xlP, td.xlQ, td.xlR, td.xlS, td.xlT { width: 5cm; }
    td.total { font-weight: bold; text-align: left; }
    tr.total td { font-weight: bold; }
    #CE td, #CE th { text-align: center; padding: 0; margin: 0 }

/* Cost Bargraph Elements */
  .xaxis th { border-top: 2px solid black; }
  .yaxis, .yaxis div{ border: none; vertical-align: top;}
  .graph .legend td { border-bottom: none; text-align: left;}
  .graph div { border-left: 1px solid black; 
               border-right: 1px solid black; 
               border-top: none; border-bottom: none;
               vertical-align: top;
               padding-top: 0px; padding-bottom: 0px;
               margin-top: 0px; margin-top: 0px;
           }
  .legend { border-bottom: none; }
  .legend div { border: 1px solid black; text-align: left;}

/* Thermometer Elements */
  .the { text-align: right; border: none}
  .therm { border: 1px solid black; padding: 0; margin: 0;}
  #outertherm, #leftlabels, #thermometer, #rightlabels { 
      border-spacing: 0px; margin:0; padding: 0
  }