/* ---------------  General element definitions ------------------------------------------ */
body {font-family: Arial, Helvetica, sans-serif; background-color: #f5f5f5; font-size: 100%; margin: 0; padding: 0;}
code {font-family: "Courier New", Courier, monospace;}
a:link {color: #00f;}
a:visited {color: #606;}
a:hover{text-decoration:underline;}
a.noline:link, a.noline:visited{text-decoration:none;}
img {border: 0;}
br{clear: both!important;}
p, .p, li {max-width: 60em;}
p, .p {min-width: 10em; margin-top: 1ex; margin-bottom: 1ex;}
label {font-weight: bold;}
em {font-weight: bold;}
strong {font-weight: bolder;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;  margin-top: 1ex; margin-bottom: 0;}
h1 {font-size: 130%;}
h2 {font-size: 125%;}
h3 {font-size: 120%;}
h4 {font-size: 115%;}
h5 {font-size: 110%;}
h6 {font-size: 105%;}
fieldset {border:0;margin:0;padding:0;}
table {empty-cells:show; text-align:left; margin:0}
th, tr, td {padding:0;}
th {font-weight: bold;}
table > caption {font-weight: bold; font-size: 115%; color: #b00;}
pre {margin: 0; padding: 0;}
/* ---------------  positioning  ----------------------------------------------------------------------- */
.pac, .tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.pac {margin: 0.8em 1em;}
.noWrap {white-space:nowrap;}
/* ---------------  Background colors  ----------------------------------------------------------------- */
.highlight {background-color: #f0e68c;}
.valid {background-color: #cfc;}
.invalid {background-color: #fcc;}
.oldvalid, .notUsed {background-color: #cff;}
.good, .oldrow {background-color: #9f9;}
.bad, .actionrow {background-color: #f99;}
.restricted, .changed {background-color: #fc9;}
.newrow {background-color: #fff;}
.comp1 {background-color: #ffc;}
.comp2 {background-color: #cff;}
.codeLineNo {background-color: #c9c9c9; font-size: 85%;}
.paintHeadRow {background-color: #07558c; color: #fff;}
/* ---------------  Text colors and fonts  ----------------------------------------------- */
.paint {color: #a00;}
.paintHead {color: #07558c;}
.paintMagnetOn {color: #03f;}
.required {color: #b00;}
.diff1 {color: #b00;}
.diff2 {color: #060;}
.important {color: #a00; font-weight: bold;}
.keyword {color: #060; font-weight: bold;}
/* ---------------  Buttons  ------------------------------------------------------------- */
a.button {border: 4px outset #7fbbe6; background-color: #7fbbe6; padding: 0.1em;}
a.button:link, a.button:visited, a.button:hover {color: #000; font-weight: bold; font-size: 90%; text-decoration:none;}
.buttonHighlight {border: 2px outset #000; background-color:#fc6; font-weight: bold;}
.buttonStd {background-color:#7fbbe6; border: 2px outset #7fbbe6; font-weight: bold;}
/* ---------------  Special formatting styles  ------------------------------------------- */
.subheadL, .subheadC, .subheadR  {color: #b00; font-weight: bold;}
.subheadMinorL, .subheadMinorC, .subheadMinorR  {color: #060; font-weight: bold;}
.subheadL, .subheadMinorL  {text-align: left;}
.subheadC, .subheadMinorC  {text-align: center;}
.subheadR, .subheadMinorR  {text-align: right;}
.tableheader {color: #b00; font-weight: bold;}
.tablefooter {color: #333; text-align: left;}
.noDataInfo {color: #a00; font-weight: bold; margin: 1em auto; text-align: center;}
.legendColor {margin: 0.2em 0;}
.legendColor span {padding-left: 0.2em; padding-right: 0.2em; border: 1px solid #000;}
.warning, .error .important {font-weight: bold;}
.warning:before {content: "WARNING: "; font-family: "Courier New", Courier, monospace; color: #a00;}
.error:before {content: "ERROR: "; font-family: "Courier New", Courier, monospace; color: #a00; font-weight: bold;}
.default {font-size: smaller; font-weight: normal;}
.default:before {content: "(Default: ";}
.default:after {content: ")";}
/* ---------------  Page header/footer styles  ------------------------------------------- */
.toolbar * {vertical-align: middle;}
#pageHeader {font-weight: bold; background-color: #07558c; color: #fff;}
#pageHeader > div {display: table; width: 100%;}
#pageHeader h1 {display: table-cell; font-size: 1.5em; text-align: left; padding: 0.2em 10ex 0.2em 1ex;}
#pageHeader .toolbar {display: table-cell; vertical-align: middle; text-align: right; padding: 0.2em 1ex;}
#pageHeader .toolbar img.icon {width: 1.8em; height: 1.8em; background-color: #fff; margin-left: 1ex;  margin-right: 1ex;}
#pageHeader .toolbar a:link, #pageHeader .toolbar a:visited {color: #fff;}
#pageFooter {font-weight: bold; font-size: 2ex; text-align: right; background-color: #07558C; color: #fff; padding: 0.3ex 3ex;}
/* ---------------  Page regions  -------------------------------------------------------- */
.pageRegion {text-align: left; margin: 0.3em;}
.helpPageRegion {margin: 1em;}
/* ---------------  page block (centered page region) ------------------------------------- */
.pageBlock, .pageBlockImportant, .commandBlock {display: table; margin: 1em auto;}
.pageBlock {padding: 0 0.5ex;}
.pageBlockImportant {border: 0.2ex outset #007; padding: 0.2em;}
.commandBlock {background-color: #d3def7; color: #000; border: 0.1ex solid #07558c; text-align: left; margin: 0.5ex auto; padding: 0.5em}
/* ---------------  info block ----------------------------------------------------------- */
.infoBlock {font-size: 70%; max-width: 60em;}
.infoBlock:hover {font-size: 100%;}
/* ---------------  iframe --------------------------------------------------------------- */
.iframeDiv1 {position: absolute; top: 6.5em; bottom: 0; left: 0; right: 0;}
.iframeDiv2 {position: absolute; top: 7.8em; bottom: 0; left: 0; right: 0;}
.iframeDiv3 {position: absolute; top: 9.1em; bottom: 0; left: 0; right: 0;}
.iframeDiv4 {position: absolute; top: 10.4em; bottom: 0; left: 0; right: 0;}
iframe {width: 100%; height: 100%;}
/* ---------------  List styles  ------------------------------------------------- ------- */
ul, ol, ul.noDeco {margin-left: 1.5em; padding-left: 1.5em;}
ul.noDeco {list-style-type: none;}
ul.noIndent, ol.noIndent {margin: 0; padding-left: 1.5em;}
ul.noIndent li, ol.noIndent li {padding-left: 0;}
ul.plain {list-style-type: none; margin: 0; padding: 0;}
ul.plain li {padding: 0 0 0.5ex 0;}
ul.inlineList {list-style-type: none; display: inline; margin-left:0; padding-left:0;}
ul.inlineList li {display: inline; max-width: 100%; padding: 0px 5px; border-left: 1px solid #000;}
/* ---------------  Errorblock styles  --------------------------------------------------- */
.errorBlock {background-color: #f5f5f5; border-color: #b00; border-width: 0.3em; border-style: solid; display: table; margin: 1ex auto;}
.errorBlock .header {margin: 0px; padding-bottom: 0.3em; background-color: #b00; color: #fff; text-align: center;}
.errorBlock .content, .errorBlock .footer {margin: 0.2em; padding: 0.1em 0.3em; border-color: #000; border-width: 0.1em; border-style: solid;}
.errorBlock .footer {background-color: #ddd;}
.errorBlock .content ul {padding-left: 1em;}
.errorBlock .content li {font-weight: bold;}
.errorBlock .content p {font-weight: bold;}
/* ---------------  Block/Form styles  --------------------------------------------------- */
.formBlock {background-color: #07558c; color: #fff; border: 0.2ex outset #007; display: table; margin: 1ex auto;}
.formBlock a:link {color: #fff;}
.formBlock a:visited {color: #ddd;}
.formBlock .header {color: #fff; font-weight: bold; text-align: center; margin: 0.2ex 0.2em;}
.formBlock .content {background-color: #d3def7; color: #000; border: 0.2ex solid #07558c; text-align: left; margin: 0.5ex;}
.formBlock .content a:link {color: #00f;}
.formBlock .content a:visited {color: #00d;}
.formBlock .content .tablefooter {background-color: #fff; text-align: left; margin: 0 0.2em 0.2ex 0.2em;}
.formBlock .footer {text-align: right; margin: 0 0.5ex 0.5ex 0.5ex;}
.formBlock .footer input {margin: 0 0.5ex;}
/* ---------------  Simple Form  --------------------------------------------------------- */
.formSimple {text-align: center}
.formSimple input {margin: 0.5ex 1em;}
.commandBlock .formSimple input {margin: 0 1em 0.5em 1em;}
/* ---------------  Form layout tables --------------------------------------------------- */
table.formlayout {margin: 1ex 1em;}
table.formlayout td {vertical-align: top; margin: 0.2ex; padding: 0.2ex 0.2em;}
table.formlayout td .buttons_inline {padding: 0 0 0 1.5em;}
table.formplain {margin: 0.1ex;}
table.formplain td {vertical-align: middle; margin: 0; padding: 0 0.5ex;}
table.formplain td .buttons_inline {padding: 0 0 0 1em;}
.radioButtonText {padding: 0 2ex 0 0.3ex; font-weight: bold;}
table.formlayout .radioButtonText {vertical-align: top;}
/* ---------------  Layout table styles  ------------------------------------------------- */
.layoutTable {display: table;margin: 1ex 1em;}
.layoutTable > * {display: table-row;}
.layoutTable > * > * {display: table-cell; vertical-align: top; margin: 0.2ex; padding: 0.2ex 0.2em;}
/* ---------------  Table text align  -----------------------------------     -------------------------- */
table .l {text-align:left;}
table .r {text-align:right;}
table .c {text-align:right;}
/* ---------------  Table block style  ----------------------------------------------------------------- */
.tableBlock {background-color: #f5f5f5; color: #000; border: 0; display: table; margin: 0.3em auto; padding: 0 0.5ex;}
.tableBlock .header {font-weight: bold; color: #b00; text-align: center; margin: 0.3em 0;}
.tableBlock .section {text-align: left; margin: 0.2em 0;}
.tableBlock .tablefooter {margin: 0 0 0.5ex 0;}
/* ---------------  Data table style  ------------------------------------------------------------------- */
table.data {background-color: #fff; color: #000; border: 2px #07558C solid; border-spacing: 0.2ex; margin: 1ex auto; text-align: center;}
table.data caption {text-align: center; color: #07558c;}
.tableBlock table.data {margin: 0.5ex 0; width: 100%;}
.formBlock table.data {margin: 0; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px #000 solid; width:100%;}
table.data th, table.data td {vertical-align: middle; border: 0.1em inset #000; padding: 0.1em 0.2em;}
table.data th {background-color: #07558c; color: #fff;}
table.data th a:link {color: #fff;}
table.data th a:visited {color: #ddd;}
table.data tr a:link, table.data td a:link {color: #00f;}
table.data tr a:visited, table.data td a:visited {color: #606;}
table.data tr.even {background-color: #fff;}
table.data tr.odd {background-color: #cff;}
/* ---------------  Sortable data table style  ------------------------------------------------------------------- */
table.tablesorter {background-color: #fff; color: #000; border: 2px #07558C solid; border-spacing: 0.2ex; margin: 1ex auto; text-align: center;}
table.tablesorter caption {text-align: center; color: #07558c;}
.tableBlock table.tablesorter {margin: 0.5ex 0; width: 100%;}
table.tablesorter thead, table.tablesorter tfoot {background-color: #07558c; color: #fff; padding: 4px;}
table.tablesorter thead th, table.tablesorter tfoot td {padding: 4px 5px 4px 5px;}
table.tablesorter thead th, table.tablesorter tfoot th, table.tablesorter tbody td {vertical-align: middle; border: 0.1em inset #000;}
table.tablesorter thead tr .header {color: #fff; background-image: url(../images/tablesort_bg.gif); background-repeat: no-repeat; background-position: center right; padding: 4px 20px 4px 5px; cursor: pointer;}
table.tablesorter thead tr .headerSortUp {background-image: url(../images/tablesort_asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(../images/tablesort_desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #97c2cf; color: #000;}
table.tablesorter tbody td {padding: 0.2ex 0.2em;}
table.tablesorter tbody tr a:link, table.data td a:link {color: #00f;}
table.tablesorter tbody tr a:visited, table.data td a:visited {color: #606;}
table.tablesorter tbody tr.even {background-color: #fff;}
table.tablesorter tbody tr.odd {background-color: #cff;}
/* ---------------  Summary table style  ---------------------------------------------------------------- */
table.summary {border: 0; margin-top: 0.5ex; margin-bottom: 0.5ex; background-color: #f5f5f5;}
.tableBlock table.summary {margin: 0 0 0.5em 0; background-color: #eee8aa;}
table.summary caption, table.summary th, table.summary td {text-align: left;}
table.summary th, table.summary td {vertical-align: top; padding-right: 5px;}
table.summary th {font-weight: bold;}
table.summary caption {min-width: 60em;}
/* ---------------  Legend table style (for helps)  ------------------------------------------- */
table.legend {border: 0; margin: 1ex; background-color: #f5f5f5; padding: 0;}
table.legend caption {font-weight: bold; color: #b00; text-align: left; }
table.legend th, table.legend td {vertical-align: top; padding: 5px 5px 5px 0; text-align: left;}
table.legend th {font-weight: bold;}
/* ---------------  Comment table style  ---------------------------------------------------------------- */
table.comments {background-color: #fff; color: #000; border: 2px #07558C solid; margin: 1em auto; text-align: center;}
table.comments th, table.comments td {text-align: left; vertical-align: top; padding: 2px 5px; border: 1px #07558C solid;}
table.comments th {background-color: #07558c; color: #fff; font-weight: bold;}
table.comments caption {color: #07558c;}
/* ---------------  std table style  ---------------------------------------------------------------- */
table.std {background-color: #fff; border: 2px #000 solid; border-collapse: collapse; margin-top: 0.5ex; margin-bottom: 0.5ex; text-align: center;}
.tableBlock table.std {margin: 0.5ex 0.5ex;}
table.std caption {text-align: center;}
table.std th, table.std td {text-align: center; vertical-align: middle; padding: 2px 5px; border: 1px #000 solid;}
table.std th {background-color: #9ff;}
/* ---------------  points table style  ---------------------------------------------------------------- */
table.points {background-color: #fff; border: 2px #000 solid; border-collapse: collapse; text-align: center;}
table.points td {text-align: right; vertical-align: middle; padding: 2px 5px; border: 1px #000 solid;}
/* ---------------  Tiny table with outer border  ------------------------------------------------------- */
table.tiny {border: 1px #000 solid; border-collapse: collapse; padding: 0; margin: 0;}
table.tiny caption {font-size: 90%; text-align: center;}
table.tiny th, table.tiny td {padding: 0 2px; vertical-align: top; font-size: 75%; text-align: left;}