/**
 * Universal
 */
html{
  background-color:          #695D54;
  border:                    0;
  margin:                    0;
  padding:                   0;
  height:                    100%;
  }
body{
  background-color:          #695D54;
  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;}
dt a{
  color:                     inherit;
  text-decoration:           none;
  }
dd{
  font-size:                 1.2em;
  line-height:               1.25;
  margin:                    0 10px 10px 10px;}

/**
 * General
 */
#pageShell{
  background-color:          #968b83;
  border:                    0;
  margin:                    0;
  min-width:                 800px;
  width:                     auto !important;
  width:                     800px;
  max-width:                 1000px;
  }
#pageFrame{
  background-color:          #35B3D1;
  }
#pagePanel{
  background-color:          #cccccc;
  }
#coreFrame{
  background-color:          #ffffff;
  }
#mainFrame{
  padding:                   0 0 20px 0;
  }
#mainFrame div.panel{
  color:                     #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{
  display:                   none;/* WSC Specific */
  }

/**
 * Footer
 */
#footFrame{
  display:                   none;/* WSC Specific */
  }

/**
 * Main
 */
#mainFrame div.panel h3{/*display:none;*/
  color:                     #000000;
  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:                justify;
  }
#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;
  }
#mainFrame h5
{
  color:#000;
  font-size:1.4em;
  margin:1.2em;
  text-decoration:underline;
}

/**
 * Menu
 */
#menuFrame h3{
  margin:                    0;
  width:                     180px;
  }
#menuFrame h3 a{
  background-color:          #968B83;
  background-image:          url("../../img/wsc_logo.gif");
  background-repeat:         no-repeat;
  color:                     #695D54;
  display:                   block;
  margin:                    0;
  padding:                   0;
  text-decoration:           none;
  height:                    100px;
  overflow:                  hidden;
  }
#menuFrame h3 a span{
  /* Image Replacement */
  display:                   none;
  }
#menuFrame ul{
  list-style:                none;
  margin:                    0;
  padding:                   0;
  }
#menuFrame ul li{
  list-style:                none;
  margin:                    0;
  padding:                   0;
  }
#menuFrame ul li a{
  color:                     #FFFFFF;
  display:                   block;
  font-size:                 1.5em;
  font-weight:               900;
  letter-spacing:            0.07em;
  padding:                   5px 0 5px 12px;
  text-decoration:           none;
  text-transform:            uppercase;
  }
#menuFrame ul li a:hover{
  background-color:          #0B7EAB;
  }
#menuFrame ul li ul{display:none;}
#menuFrame ul li ul li{}
#menuFrame ul li ul li a{}
#menuFramel ul li ul li a:hover{}
#menuFrame ul li.open{
  background-color:          #0B7EAB;
  border-right:              8px solid #35B3D1;
  margin-right:              -8px;
  padding:                   0;
  position:                  relative;
  z-index:                   999;
  }
#menuFrame ul li.open li.open a,
#menuFrame ul li.open a{
  color:                     #ffffff;
  padding:                   5px 0 5px 12px;
  }
#menuFrame ul li.open ul{
  display:                   block;
  padding:                   5px 0;
  }
#menuFrame ul li.open ul li{}
#menuFrame ul li.open ul li a{
  color:                     #8eeeff;
  display:                   block;
  font-size:                 0.9em;
  font-weight:               100;
  letter-spacing:            0.02em;
  padding:                   5px 5px 5px 12px;
  }
#menuFrame ul li.open ul li a:hover{
  color:                     #ffffff;
  }
#menuFrame ul li.special{}
#menuFrame ul li.special a{
  color:                     #8eeeff;
  font-size:                 1.0em;
  font-weight:               bold;
  letter-spacing:            0.03em;
  line-height:               1.2em;
  padding:                   2px 5px 0 12px;
  }
#menuFrame ul li.special a:hover{
  background-color:          transparent;
  color:                     #ffffff;
  }








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

#p2cForm{
  margin:                    0;
  padding:                   0;}
#p2cForm fieldset{
  margin:                    0;
  padding:                   15px 0;}
#p2cForm table{
  border:                    1px solid #666;
  margin:                    0;
  padding:                   0;
  width:                     100%;}
#p2cForm table thead th,
#p2cForm table thead td,
#p2cForm table tfoot th,
#p2cForm table tfoot td{}
#p2cForm table th{
  padding:                   2px;
  text-align:                center;
  }
#p2cForm th.account,
#p2cForm th.bugreport,
#p2cForm th.node,
#p2cForm th.license,
#p2cForm th.report,
#p2cForm th.sector{
  background-position:       5px 50%;
  background-repeat:         no-repeat;
  padding:                   6px 6px 6px 30px;}


#p2cForm table tfoot th{
  padding:                   5px 2px;}
#p2cForm table thead th,
#p2cForm table thead td{
  border-bottom:             1px solid #0B7EAB;}
#p2cForm table tfoot th,
#p2cForm table tfoot td{
  border-top:                1px solid #0B7EAB;
  }
#p2cForm table tbody th,
#p2cForm table tbody td{
  padding:                   2px;
  vertical-align:            middle;}
#p2cForm table.view tbody th,
#p2cForm table.make tbody th{
  text-align:                right;
  width:                     40%;}
#p2cForm table.view tbody td{
  text-align:                left;}
#p2cForm table tbody th label{
  display:                   block;
  padding:                   6px 4px;}
#p2cForm table tbody th label.required{
  background-image:          url("default/ico/16x16/star.png");
  background-position:       2px 50%;
  background-repeat:         no-repeat;
  display:                   block;
  padding:                   6px 4px;}
#p2cForm table tbody th p,
#p2cForm table tbody td p{
  margin:                    0;
  padding:                   3px 4px;}
#p2cForm table.viewall tbody th,
#p2cForm table.viewall tbody td{
  padding:                   3px 4px;}
#p2cForm table tbody td input{
  background:                #f5f5f5;
  border:                    1px solid #999999;
  color:                     #000000;
  display:                   block;
  margin:                    0 auto;
  padding:                   2px 4px;
  width:                     150px;}
#p2cForm table tbody td textarea{
  background:                #f5f5f5;
  border:                    1px solid #999999;
  color:                     #000000;
  display:                   block;
  height:                    150px;
  margin:                    0 auto;
  padding:                   2px 4px;
  width:                     150px;}
#p2cForm table tbody select{
  background:                #f5f5f5;
  border:                    1px solid #999999;
  color:                     #000000;
  display:                   block;
  margin:                    0 auto;
  padding:                   2px 0;
  width:                     158px;}
#p2cForm table tbody select option{
  padding:                   0 4px;
  width:                     250px;}
#p2cForm table.make tbody td input:focus{
  background:                #fcfcfc;}
tr.odd th,
tr.odd td{
  background-color:          #f1f1f1;}
tbody tr:hover,
tr.odd:hover th,
tr.odd:hover td,
tr.evn:hover th,
tr.evn:hover td{
  background-color:          #8eeeff;
  cursor:                    default;}
#p2cForm table thead th a{
  color:                     #000000;
  font-size:                 1.2em;
  display:                   block;
  padding:                   5px;}
#p2cForm table thead th a:hover{
  color:                     #ffffff;
  display:                   block;
  padding:                   5px;}
#p2cForm table thead th.view a,
#p2cForm table thead th.edit a{
  background-position:       95% 50%;
  background-repeat:         no-repeat;
  margin-right:              1px;
  padding:                   6px 45px 6px 6px;
  text-align:                right;
  text-decoration:           none;}
#p2cForm table thead th.view a:hover,
#p2cForm table thead th.edit a:hover{
  background-color:          #0B7EAB;
  background-position:       95% 50%;
  border:                    1px solid #8eeeff;
  color:                     #8eeeff;
  margin-right:              0;
  padding:                   5px 45px 5px 5px;
  text-align:                right;
  text-decoration:           none;}
#p2cForm table thead th.view a{
  background-image:          url("default/ico/16x16/view.png");}
#p2cForm table thead th.edit a{
  background-image:          url("default/ico/16x16/edit.png");}
#p2cForm table tbody td,
#p2cForm table tbody td p{
  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:                   25px 5px 2px 5px;
  position:                  relative;
  top:                       -1px;
  z-index:                   1;
  }
#mainFrame dl.tabbed fieldset{
  padding:                   0 0 15px 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 label.radio{
  margin-left:               20px;
  }
#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 fieldset fieldset p{
  margin:                    8px 0 2px 35px;
  }
#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;
  }