/* $Date: 2009/09/21 22:06:43 $ */
/* $Revision: 1.3 $ */

/* 
lightgreen = f3ffde
mediumish green = daff99
green = 88cc00
darker green = 76b900
dark green = 416600
*/

@font-face {
  font-family: 'DINWebPro';
  src: url(/include/fonts/DINWebPro-Bold.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'DINWebPro';
  src: url(/include/fonts/DINWebPro-Light.woff) format("woff");
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: 'DINWebPro';
  src: url(/include/fonts/DINWebPro.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

a:hover {
  text-decoration: underline;
}

p {
  font-size:16pt;
  line-height:150%;
  font-family: 'DINWebPro', Arial, Helvetica, sans-serif;
  font-weight: 100;
/*  padding-bottom: .5em; */
}

p.note {
  background-color: #f3ffde; /* blue */
  margin: 2em 2em 1em 2em;
  padding: 1em;
  line-height: 100%;
  text-align:center;
}

p.more-top-margin {
  margin-top: 1em;
}

table {
  line-height: 24px; 
  font-family: 'DINWebPro', Arial, Helvetica, sans-serif; 
  font-weight:100;
  padding:0;
  margin:0 0;
}

table th { 
  background-color: #666666; 
  color: white; 
  text-align: center; 
  padding: 6px; 
  font-size:14pt; 
  font-weight:100; 
}

b {
  font-family: 'DINWebPro', Arial, Helvetica, sans-serif;
  font-weight: 500;
}

li {
  line-height:150%;
  font-family: 'DINWebPro', Arial, Helvetica, sans-serif;
  font-weight: 100;
}


.phplightpurple {
  background-color: #ccccff;
}
.phpdarkpurple {
  background-color: #9999cc;
}
.phpgrey {
  background-color: #cccccc;
}

.checkboxes label {
  display: block;
  float: left;
  padding-right: 10px;
  padding-left: 22px;
  text-indent: -22px;
  white-space: nowrap;
}
.checkboxes input {
  vertical-align: middle;
}
.checkboxes label span {
  vertical-align: middle;
}

div.note {
  margin: 1em 0 0 0;
  padding:.2em .5em .2em .5em;
  border-top:1px solid;
  border-bottom:1px solid;
}
div.greennote {
  margin: 1em 0 0 1em;
  background-color:#daff99;
  border-color:#416600;
}
div.purplenote {
  background-color:#eeaeee;
  border-color:#a020f0;

}
div.yellownote {
  background-color:#ffffcc;
  border-color:#ffd700;
}
div.rednote {
  margin: 1em 0 0 0;
  padding:.2em .5em .2em .9em;
  background-color:#ffeeee;
  border:1px solid #ff0000;
}
div.bluetitle {
  background-color: #00adee;
  color: white;
  font-weight: normal;
  padding: 2px 0px 2px 2px;
  text-align: left;
}
div.gray-title-margin {
  margin: 6px 0px 24px 0px;
}
div.right {
  float: right;
  width: 100px;
}
/* domTT tooltips  */
div.tooltip_fixed {
  padding: 0.2em 1em 0.2em 1em;
  width: 400px;
  border: 1px solid #fffacd;
  background-color: #fffacd;
}
div.tooltip_fixed .contents {
  font-size: 10px;
  font-family: Verdana, Helvetica;
/*  padding: 2px; */
  background-color: #fffacd;
}
div.tooltip_float {
  padding: 0.2em 1em 0.2em 1em;
  border: 1px solid #fffacd;
  background-color: #fffacd;
}
div.tooltip_float .contents {
  font-size: 10px;
  font-family: Verdana, Helvetica;
/*  padding: 2px; */
  background-color: #fffacd;
}
h2.grey {
  font-size: 11pt;
  font-weight: bold;
  margin: 20px 0px 0em 0px;
  letter-spacing: 1px;
  text-align: left;
  line-height: 100%;
  color: #ffffff;
  background-color: #828282;
  padding: 5px 0px 5px 12px;
  text-transform: capitalize;
}
input.error, select.error {
  border: 1px solid #cc0000;
}
input.noborder {
  background: #ffffff;
  border: none;
  padding: 0;
  margin: 0;
  width: 15px;
}
iframe.inline {
  border: 1px solid #b0b0b0;
  border-collapse: collapse;
  margin: 0 0 1em 0;
  font: normal 12px Courier,fixed;
  color: black;
  background: #eee9e9;
  height: 142px;
  min-width: 650px;
  width: 75%;
}
iframe.invisible {
  border: none ;
  overflow: hidden ;
  height: 0;
  width: 0;
}
pre.display {
  background:#eeeeee;
  border:1px solid #888888;
  padding:1em;
  white-space:pre;
  margin:1em;
}
pre.debug {
  color: green;
}
span.blue {
  color: #f0f8ff; /* blue */
  font-weight: bold;
}
span.bluer {
  color: blue;
  font-weight: bold;
}
span.green {
  color: green;
  font-weight: bold;
}
span.bluetitle {
  background-color: #0065e6;
  color: white;
  font-weight: bold;
  padding: 3px 0px 3px 5px;
  text-align:left;
  width: 100%;
}
span.debug {
  color: green;
}
span.disabled {
  color: gray;
  font-weight: bold;
}
span.error {
  color: red;
}
span.invertred {
  color: white;
  background-color: red;
}
span.warning {
  color: orange;
}
span.grey {
  color: #eeeeee;
  font-weight: bold;
}
span.notrequired {
  color: white;
  font-weight: bold;
}
span.required {
  color: #76b900;
  font-weight: bold;
}
span.red {
  background-color: #ff6464;
  padding: 0px 2px 0px 2px;
}
table.red {
  background: #ffeeee;
  border: 1px solid #ff0000;
  padding: 1em;
  width: 100%;
}
table.blue {
  background: #f0f8ff; /* blue */
  border: 1px solid #0a7efc; /* blue */
  padding: 1em;
  width: 100%;
}
table.green {
  background: #ecffcc;
  border: 1px solid #416600;
  padding: 1em;
  width: 100%;
}
table.blueborder {
  border-collapse: collapse;
  border-color: #0a7efc; /* blue */
}
table.download {
  text-align: center;
}
table.download td {
  background-color: #ddeeff; /*blue*/
  text-align: center;
}
table.download td a {
  color: #76b900;
  text-decoration: underline;
}
table.download td a:hover {
  text-decoration: underline;
}
table.download th {
  background-color: white;
  font-weight: bold;
  text-align: center;
}
table.download th a {
  color: white;
  text-decoration: underline;
}
table.download th a:hover {
  color: white;
  text-decoration: none;
}
table.download td.bluetitle {
  color: white;
  font-weight: normal;
  padding: 3px 0px 3px 5px;
  text-align:left;
}
table.download td.bluetitle a {
  color: white;
  text-decoration: none;
}
table.download th.bluetitle {
  background-color: #0065e6; /* blue */
  font-weight: normal;
/*  font-size: 9pt; */
  color: white;
  text-align:center;
}
table.download td.left {
  background-color: #ddeeff; /* blue */
  text-align: left;
}
table.download td.left a {
  color: #76b900;
  text-decoration: underline;
}
table.download td.left a:hover {
  text-decoration: underline;
}
table.download td.white {
  background-color: #ffffff;
  text-align: left;
}
/* Enable row hover */
table.hover tr:hover {
  color: #000000;
  background: #daff99;
}
table.webuser {
  border: 1px solid #b0b0b0;
  border-collapse: collapse;
  empty-cells: show;
  padding: 1em;
  width: 100%;
}
table.default tr.sfhover  {
  color: #000000;
  background: #cae1ff;
}
table.default {
  text-align: left;
}
table.default td {
  text-align: left;
}
table.default td.center {
  text-align: center;
}
table.default td.right {
  text-align: right;
}
table.default td a {
  text-align: left;
  color: navy;
  text-decoration: underline;
}
table.default td.blueheading {
  background-color: #666666;
  color: white;
  text-align: left;
}
table.default th.blueheading {
  background-color: #666666;
  color: white;
  text-align: left;
}
table.default th.blueheading a:link {
  font-weight: bold;
  color: white;
  text-decoration: none;
}
table.default th.blueheading a:visited {
  font-weight: bold;
  color: white;
  text-decoration: none;
}
table.default th.blueheading a:active {
  color: white;
  text-decoration: underline;
}
table.default th.blueheading a:hover {
  color: white;
  text-decoration: underline;
}

table.archive {
  margin: 0 0;
}
table.archive td {
  text-align: center;
}
table.archive th {
  background-color: #666666;
  color: white;
  text-align: center;
}
table.archive th a:link {
  font-weight: bold;
  color: white;
  text-decoration: none;
}
table.archive th a:visited {
  font-weight: bold;
  color: white;
  text-decoration: none;
}
table.archive th a {
  color: white;
  text-decoration: underline;
}
table.archive th a:active {
  color: white;
  text-decoration: underline;
}
table.archive th a:hover {
  text-decoration: underline;
}

tr.heading {
  background: #b0b0b0;
}
tr.odd {
  background: #ffffff;
}
tr.even {
  background: #dcdcdc;
}
tr.left, td.left {
  text-align: left;
}
td.center {
  text-align: center;
}
td.disabled {
  background: #eeeeee;
}
td.gray {
  background: #dcdcdc;
}
#faq dt.clicker {
  cursor: pointer;
}
#faq dt.js {
  padding: 1px 0px;
  font-weight: normal;
  margin-top:3px;
  color: #88cc00;
}
#faq dt.nojs {
  color: black;
/*  font-weight: normal;*/
}
#webuser table {
  border-collapse: collapse;
}
#webuser td {
  padding: 2px 4px 2px 4px;
}
#webuser td a {
  color: #76b900; 
  text-decoration: none;
}
#webuser td a:hover {
  text-decoration: underline;
}
#webuser th {
  text-align: left;
  padding: 2px 4px 2px 4px;
}
#webuser p.none, #webuser td.none, #webuser th.none {
  padding: 1px;
}
#webuser input, #webuser select, #webuser textarea, #webuser a.button {
/*  background: transparent;*/
/*  border: 1px solid;*/
/*  border-color: #aaaaaa #cccccc #cccccc #aaaaaa; */
/*  color: black; */
  float: none;
/*  padding: 3px; */
/*  margin-top: 2px; */
/*  color: #ffffff; */
/*  color: #333333; */
}

#webuser input[type="checkbox"], #webuser input[type="radio"] {
  background: #ffffff;
  border: 0;
  padding-left: 0;
  margin-left: 0;
  width: 15px;
}
#webuser input:focus, #webuser textarea:focus, #webuser input.sffocus {
  background: #ffffcc;
}
#webuser input.untouched {
  color: gray;
}

#webuser td.column1 {
  text-align: left;
  vertical-align: middle;
}
#webuser td.disabled {
  color: gray;
}
#webuser td.left {
  text-align: left;
}
#webuser td.nowrap {
  white-space: nowrap;
}

/* deprecated ... */
table.pins tr.sfhover  {
  color: #000000;
  background: #cae1ff;
}
table.pins {
  text-align: left;
}
table.pins td {
  text-align: left;
}
table.pins td.center {
  text-align: center;
}
table.pins td a {
  text-align: left;
  color: #76b900;
  text-decoration: underline;
}
table.pins td.bluetitle {
  background-color: #666666;
  color: white;
  text-align: left;
}

.panel-title .accordion-toggle {
  font-size: 16pt;
  color: #76b900;
}
.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
  content: "\e114";
  float: left;
  padding-right: 0.5em;
  color: #76b900;
}
.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080";
  color: #76b900;
}