/**
* Universal
*/
html{
background-color: #FFFFFF;
border: 0;
margin: 0;
padding: 0;
height: 100%;
}
body{
background-color: #FFFFFF;
border: 0;
margin: 0;
padding: 0;
height: 100%;
text-align: left;
}
/* Simply too buggy for my taste. */
legend{
display: none;}
h1{
font-size: 2.0em;}
h2{
font-size: 1.8em;}
h3{
font-size: 1.7em;}
h4{
font-size: 1.6em;}
h5{
font-size: 1.5em;}
h6{
font-size: 1.4em;}
p{
font-size: 1.2em;}
ul{}
dl{
margin: 0 10px 10px 10px;}
dt{
font-size: 1.4em;
font-weight: bold;
line-height: 1.25;}
dd{
font-size: 1.2em;
line-height: 1.25;
margin: 0 10px 10px 10px;}
/**
* General
*/
#pageShell{
background-color: #FFFFFF;
border: 0;
margin: 0;
min-width: 1000px;
width: 1000px;
/* width: auto !important;
width: 750px;
max-width: 1000px; */
margin-left: 55px;
margin-top: 12px;
border-left:2px solid #000;
padding-left: 2px;
height: 1230px;
}
#pageFrame{
background-color: #666666;
height: 1100px;
}
#pagePanel{
background-color: #FFFFFF; /* #cccccc; */
height: 1100px;
}
#coreFrame{
background-color: #ffffff;
}
#mainFrame{
padding: 0 0 20px 0;
}
#mainFrame div.panel{
/* color: #FFFFFF;666666; */
padding: 10px 5px 10px 15px;
}
#mainFrame div.winFrame{}
#mainFrame div.winFrame div.panel{padding:10px 5px 10px 15px;}
#menuFrame{padding:0 0 25px 0;}
#moreFrame{display:none;}
/**
* Masthead
*/
#masthead{
background-image: url("../../img/banner4_sm.jpg");
background-repeat: no-repeat;
height: 85px;
border-top: 2px solid #FFFFFF;
width: 1000px;
/* margin-top: 2px; */
}
#mast_brder {
border-top:2px solid #000;
width: 1000px;
height: 86px;
margin-bottom:3px; */
}
/**
* Footer
*/
#footFrame{
display: none;/* WSC Specific */
}
/**
* Main
*/
#mainFrame div.panel h3{
color: #0B7EAB;
font-size: 1.1em;
text-transform: uppercase;
}
#mainFrame div.panel p{
line-height: 1.25;}
#mainFrame div.pagebar{
border: 1px solid #968b83;
margin: 2px 0;
padding: 2px;}
#mainFrame div.pagebar ul{
float: right;
margin: 0;
width: 100%;}
#mainFrame div.pagebar ul li{
display: inline;
float: left;
text-align: center;}
#mainFrame div.pagebar ul li a,
#mainFrame div.pagebar ul li span{
border: 3px double #35B3D1;
display: block;
padding: 5px 10px;
text-decoration: none;
}
#mainFrame div.pagebar ul li.prev,
#mainFrame div.pagebar ul li.next{
width: 25%;
}
#mainFrame div.pagebar ul li.jump{
width: 50%;
}
#mainFrame div.pagebar ul li.prev a,
#mainFrame div.pagebar ul li.prev span{
display: block;
}
#mainFrame div.pagebar ul li.next a:hover,
#mainFrame div.pagebar ul li.prev a:hover{
background-color: #8eeeff;
border: 3px double #0B7EAB;
color: #000;
padding: 6px 9px 4px 11px;
}
#mainFrame div.pagebar ul li.next a,
#mainFrame div.pagebar ul li.next span{
display: block;
}
#mainFrame div.pagebar ul li.prev span,
#mainFrame div.pagebar ul li.next span{
visibility: hidden;
}
#mainFrame div.pagebar ul li.jump form{
padding: 0 5px;
}
#mainFrame div.pagebar ul li span{
color: #454545;
}
#mainFrame p{
margin: 0 10px 10px 10px;
text-align: left; /* justify; on 1 30 2009 */
}
#loginForm {
padding: 20px;
position: relative;
}
#loginForm h3 {
color: #0B7EAB;
font-size: 1.1em;
height: 70px;
margin: 0;
text-transform: uppercase;
}
#loginForm fieldset {
margin: 0;
padding: 0 40px;
position: relative;
}
#loginForm fieldset p {
bottom: -7.5em;
font-size: 1em;
margin: 0;
padding: 0;
position: absolute;
}
#loginForm fieldset p a {
display: block;
padding: 2px 5px;
}
#loginForm label {
font-weight: bold;
}
#loginForm input[type=text],
#loginForm input[type=password] {
display: block;
font-weight: normal;
}
#mainFrame p.version {
bottom: 0;
font-size: 0.8em;
font-weight: bold;
letter-spacing: 0.2em;
position: absolute;
text-align: center;
text-transform: uppercase;
left:0;right:0;
}
/**
* Menu
*/
#menu2 h3{
margin: 0;
width: 180px;
display:none;
}
#menu2 h3 a{
background-color: #FFFFFF;
background-repeat: no-repeat;
color: #695D54;
display: none; /* block */;
margin: 0;
padding: 0;
text-decoration: none;
}
#menu2{
font-family: arial, sans-serif;
width:160px;
font-size:12px;
z-index:100;
height: auto; /* #0033CC 200px;was fixed */
position:relative;
margin:30px 0;
cursor:default;
background:#FFFFFF;
display: block;
}
#menu2 ul {
padding:0;
margin:0;
list-style-type: none;
background:#eee;
width:160px;
background-image:url("images/gradient_subnav.jpg");
background-repeat:repeat-y;
}
#menu2 ul li ul {
visibility:hidden;
position:absolute;
height:0;
overflow:hidden;
top:0; left:158px;
}
#menu2 ul li {
float:left;
}
#menu2 ul li a, #menu2 ul li a:visited {
display:block;
float:left;
text-decoration:none;
color: #FFFFFF;
width:160px;
height:30px;
line-height:28px;
font-size:12px;
/* background-color:#FFFFFF;
background:transparent; */
padding-left:10px;
}
* html #menu2 ul li a, * html #menu2 ul li a:visited {
width:160px;
}
#menu2 table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}
/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
#menu2 ul li:hover a,
#menu2 ul li a:hover{
/*background: #FFFFFF; #606; */
background-image:url("images/gradient_subnav_r.jpg");
background-repeat:no-repeat;
height:30px;
line-height:28px;
color: #000000; /* #003399; #fff; */
}
#menu2 ul li:hover {position:relative; z-index:90;}
* html #menu2 ul li a:hover {position:relative; z-index:100;}
#menu2 ul li:hover ul,
#menu2 ul li a:hover ul {
visibility:visible;
position:absolute;
height:auto;
/* border:2px solid #fff; */
background-image:url("images/gradient_subnav_r.jpg");
background-repeat:no-repeat;
overflow:visible;
height:30px;
line-height:28px;
}
#menu2 ul li:hover ul li a,
#menu2 ul li a:hover ul li a{
display:block;
background:transparent;
color: #fff; /* #003399; */
line-height:28px;
/* line-height:15px;
padding:5px 0 5px 10px; */
height:auto;
text-decoration:none;
background-image:url("images/gradient_subnav.jpg");
background-repeat:repeat-y;
width:160px;
height:30px;
}
#menu2 ul li:hover ul li:hover a,
#menu2 ul li a:hover ul li a:hover {
color: #000000; /* 003399; color:#ff0; */
background-image:url("images/gradient_subnav_r.jpg");
background-repeat:repeat-y;
width:160px;
height:30px;
line-height:28px;
}
#menu2 ul li:hover ul li ul,
#menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:158px;
}
#menu2 ul li:hover ul li:hover ul,
#menu2 ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
height:auto;
color:#fff;
padding:0;
border:1px transparent;
list-style-type:none;
background:#069;
}
#menu2 ul li:hover ul li:hover ul li a,
#menu2 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#ff0;
}
#menu2 ul li:hover ul li:hover ul li:hover a,
#menu2 ul li a:hover ul li a:hover ul li a:hover {
background:#eee; color:#000;
}
#moreFrame div.panel h3{}
#moreFrame div.panel ul{}
#moreFrame div.panel p,
#moreFrame div.panel li{}
#moreFrame div.panel ul li{}
#moreFrame div.node_index{}
#moreFrame div.node_index ul{}
#moreFrame div.node_index ul li{}
#moreFrame div.node_index ul li a:first-line{}
#moreFrame div.node_index ul li a{}
#moreFrame div.node_index ul li a:hover,
#moreFrame div.node_index ul li a:hover:first-line{}
#moreFrame div.node_index ul ul{}
div.flags{
padding: 2px;}
div.flags ul.fail{
background: #CCF29B;
border: 1px solid #83C53F;
list-style: none;
margin: 0;
padding: 2px;}
div.flags li{
min-height: 16px;}
div.flags ul.fail li{
background-image: url("default/ico/16x16/warn.png");
background-position: 0 50%;
background-repeat: no-repeat;
color: #cc0000;
font-weight: bold;
padding: 2px 0 2px 25px;
text-align: center;}
div.flags ul.pass{
background: #35B2D0;
/* border: 5px solid #0A7EAA;*/
color: #FFFFFF;
list-style: none;
margin: 0;
padding: 2px;}
div.flags ul.pass li{
background-image: url("default/ico/16x16/pass.png");
background-position: 0 50%;
background-repeat: no-repeat;
/* color: #FFFFFF; */
font-size: 1.5em;
font-weight: bold;
padding: 30px 0 30px 25px;
text-align: center;}
div.flags ul.info{
background: #8eeeff;
border: 1px solid #9999cc;
color: #006600;
list-style: none;
margin: 0;
padding: 2px;}
div.flags ul.info li{
background-image: url("default/ico/16x16/info2.png");
background-position: 0 50%;
background-repeat: no-repeat;
color: #006600;
font-weight: bold;
padding: 2px 0 2px 25px;
text-align: center;}
#dropTally{
color: #cc0000;}
#doMake,
#doEdit,
#doDrop,
#doReset{
background-color: #BFE7F0;
background-image: url("default/toolbar_bg.png");
background-position: 2px 50%;
background-repeat: repeat-x;
border: 3px double #0B7EAB;
font-weight: bold;
padding: 2px 5px 2px 5px;
text-align: center;
width: 150px;}
#doMake:hover,
#doEdit:hover,
#doDrop:hover,
#doReset:hover{
background-image: url("default/toolbar_button_bg.png");
}
ol{
list-style: decimal;
}
ol ol{
list-style: lower-alpha;
}
ol li{
line-height: 1.2;
}
div.p2cSurvey fieldset{
border: 2px groove #f1f1f1 !important;
margin: 0 0 5px 0 !important;
padding: 0 5px 5px 5px !important;
}
div.p2cSurvey fieldset fieldset{
margin-left: 5px !important;
}
/**
* Tabrication
* extended specification for adding weight without !important
*/
#mainFrame dl.tabbed *{
font-size: 12px;
}
#mainFrame dl.tabbed fieldset br{
display: none;
}
#mainFrame dl.untabbed dt{
display: none;
}
#mainFrame dl.tabbed{
background-color: #fcfcfc;
border-bottom: 1px solid #695D54;
margin: 0;
padding: 5px 0 0 5px;
}
#mainFrame dl.tabbed dt.tab_closer{
background-color: #f1f1f1;
background-image: url('default/expand_tabs.gif');
background-repeat: no-repeat;
background-position: 50% 50%;
border: 1px solid #0B7EAB;
border-right: 0;
border-bottom: 0;
color: #666;
cursor: pointer;
display: block;
float: right;
font-weight: bold;
margin: 0;
margin-left: -1px;
margin-top: 2px;
padding: 2px 15px;
position: relative;
}
#mainFrame dl.tabbed dt.hide{
background-color: #fcfcfc;
border: 1px solid #35B3D1;
border-bottom: 0;
color: #695D54;
cursor: pointer;
display: block;
float: left;
font-weight: bold;
margin: 0;
margin-top: 2px;
margin-right: -1px;
/* opacity: 0.75; */
padding: 2px 5px;
position: relative;
}
#mainFrame dl.tabbed dt.show{
background-color: #fff;
border: 3px double #0B7EAB;
border-top: 3px double #0B7EAB;
border-bottom: 0;
color: #000;
display: block;
float: left;
font-weight: bold;
margin: 0;
margin-right: -1px;
padding: 2px 10px;
position: relative;
z-index: 2;
}
#mainFrame dl.tabbed dt:hover{
background-color: #fff;
color: #000;
/* opacity: 1; */
}
#mainFrame dl.tabbed dd.hide{
display: none;
}
#mainFrame dl.tabbed dd.show{
background-color: #fff;
border-top: 1px solid #0B7EAB;
clear: both;
display: block;
margin: 0 0 0 -5px;
padding: 2px 5px;
position: relative;
top: -1px;
z-index: 1;
}
#mainFrame dl.tabbed fieldset{
padding: 0;
}
#mainFrame dl.tabbed fieldset fieldset{
padding: 0 2px 2px 35px;
}
#mainFrame dl.tabbed label{
display: block;
}
#mainFrame dl.tabbed label:hover{
background: #fcfcfc;
}
#mainFrame dl.tabbed p span{
float: left;
margin-left: -35px;
padding: 0 5px 0 0;
text-align: right;
width: 30px;
}
#mainFrame table.make dl.tabbed br{
display: none;
}
#mainFrame dl.tabbed label textarea{
display: block;
}
#mainFrame dl.tabbed fieldset fieldset label.textbox{
margin-left: 35px;
}
#mainFrame dl.tabbed fieldset fieldset fieldset label.textbox{
margin-left: -10px;
padding-left: 0;
}
#mainFrame dl.tabbed p.next{
color: #00c;
cursor: pointer;
font-weight: bold;
text-align: right;
text-decoration: underline;
}
#mainFrame dl.tabbed dd p.top{
font-weight: bold;
text-align: right;
}
#mainFrame dl.tabbed dd fieldset p{
color: #000;
cursor: default;
font-weight: normal;
margin: 0 0 2px 35px;
padding: 0 2px;
text-align: left;
text-decoration: none;
}
#mainFrame dl.tabbed dd p.your_answer,
#mainFrame dl.tabbed dd span.your_answer{
color: #009 !important;
font-size: 14px !important;
font-weight: bold !important;
width: auto !important;
}
#moreFrame #model_nav{
border-top: 2px ridge #fcfcfc;
border-bottom: 2px ridge #fcfcfc;
height: 400px;
overflow: auto;
}
#moreFrame #model_nav ul{
list-style: none;
margin: 0 2px 0 10px;
padding: 0;
}
#moreFrame #model_nav li{
list-style: none;
margin: 0;
padding: 0;
}
pre{
overflow: auto;
width: 100%;
}
/*
#0B7EAB
#968b83
#35B3D1
#8eeeff
*/
#graphflow {
background: #968b83;
border: 2px solid #0B7EAB;
color: #000000;
text-align: left;
margin: 0 auto;
width: 60%;
}
#imageflow {
text-align: left;
margin: 0 auto;
}
#imageflow img {
position: absolute;
top: 0px;
border: 0;
}
#images {
visibility: hidden;
}
#loading {
margin-top: 50px;
text-align: center;
width: 100%;
}
#loading img {
margin-top: 10px;
position: relative;
}
#captions {
font-weight: bold;
letter-spacing: 0.1em;
position: relative;
text-align: center;
z-index: 10000;
}
#scrollbar {
visibility: hidden;
position: relative;
border-bottom: 1px solid #b3b3b3;
z-index: 10001;
}
#slider{
position: absolute;
margin-top: -7px;
margin-left: -7px;
z-index: 10002;
background-image: url("default/slider.png");
background-repeat: no-repeat;
width: 14px;
height: 14px;
}
#graphflow p.instructions {
background: #8eeeff;
border-top: 2px solid #0B7EAB;
font-size: 12px;
margin: 0;
padding: 2px 5px;
text-align: center;
}