/*  PxTrend Default Styles */

body {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
}
td.headline {
    font-family: Helvetica;
    font-size: 20pt;
    text-align: center;
}
h1,h2,h3,h4,h5 {
    color: darkblue;
    font-family: Helvetica;
    background-color: lightblue;
    padding-left:3pt;
    margin-top:2pt;
    margin-bottom:8pt;
    border-style:none;
    border-width:thin;
    width:100%;
}
h1 {
    font-size: 18pt;
}
h2 {
    font-size: 16pt;
    padding-left:6pt;
}
h3 {
    font-size: 12pt;
    padding-left:9pt;
}
h4 {
    font-size: 10pt;
    padding-left:12pt;
}
h5 {
    font-size: 8pt;
    padding-left:15pt;
}
a:link {
    color: darkblue;
}
a:visited {
    color: darkblue;
}
a:active {
    color: darkblue;
}
a.nonexistent {
    font-weight: bold;
    background-color: #F8F8F8;
    color: #FF2222;
}
a.nonexistent:visited {
    background-color: #F8F8F8;
    color: #FF2222;
}
a.external {
    color: #AA6600;
}

img { border:0px;
}

tt,pre {
    font-family: Lucida Console,Courier New,Courier,monotype;
    font-size: 12pt;
}
pre.code {
    margin-top: 8pt;
    margin-bottom: 8pt;
    background-color: #FFFFEE;
    white-space:pre;
    border-style:solid;
    border-width:1pt;
    border-color:#999999;
    color:#111111;
    padding:5px;
    width:100%;
}
div.diffold {
    background-color: #FFFF80;
    border-style:none;
    border-width:thin;
    width:100%;
}
div.diffnew {
    background-color: #80FF80;
    border-style:none;
    border-width:thin;
    width:100%;
}
div.message {
    margin-top: 6pt;
    background-color: #E8FFE8;
    border-style:solid;
    border-width:1pt;
    border-color:#999999;
    color:#440000;
    padding:5px;
    width:100%;
}

div.reply {
    margin-top: 2pt;
    border-style:solid;
    border-width:1pt;
    border-color:#999999;
    padding:2px;
    width:100%;
    font-size: 14pt;
    background-color: #FFFDC2;
    color: #0000ff;
    
}

div.error {
    margin-top: 1pt;
    background-color: #ffc1b8;
    border-style:solid;
    border-width:0pt;
    border-color:#999999;
    color:#440000;
    font-size: 14pt;
    padding:2px;
    width:100%;
}
strong.highlight {
    background-color: #FFBBBB;
}

input[readonly]{
 background-color: #eeeeee;
}


table.navibar {
    background-color: #C8C8C8;
    border-spacing: 3px;
}
td.navibar {
    background-color: #E8E8E8;
    vertical-align: middle;
    text-align: right;
    padding: 0px;
}
a.navibar {
    text-decoration: none;
}
font.navibar {
    font-family: Arial,Helvetica;
    font-size: 12pt;
}

/*######################### V2 ###################### */
/* Grid */
table.pageHeader {
	border-right: 0px solid #ffe3b0;
	table-layout: fixed;
        width:100%;
}
table.pageHeader tbody tr {
/*	background-color: #f7f7f7;  */
}

table.pageHeader tbody tr.alt{
    background-color: #fff6e6; 
}
table.pageHeader tr.over td{
    background-color: #E1DCF4;
}
table.pageHeader tr.selected td {
    background-color:#3d84cc;
    color: White;
}

table.pageHeader tbody td  {
    font-size: 20px;
    padding: 2px;
    text-align: center;
    border-left: 0px solid #ffe3b0;
    border-bottom: 0px solid #ffe3b0; 
    overflow: hidden;
    white-space: nowrap;
    height : auto;
    color: darkblue;
}

table.pageHeader th div {
    overflow: hidden;
    white-space: nowrap;
    height : 20px;
}
    table.pageHeader th span {
    cursor: e-resize;
    width: 10px;
    float: right;
    display: block;
    margin: -2px -1px -2px 0px;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
}
table.pageHeader thead {
}

button.default {
    border-style: outset;
    background-repeat: no-repeat;
}

button.save {
    border-style: outset;
    background-image: url(../images/save.png);
    background-repeat: no-repeat;
    text-indent: 20px;
}

button.playback {
    border-style: outset;
    background-image: url(../images/view-refresh-16.png);
    background-repeat: no-repeat;
    text-indent: 20px;
}

button.delete {
    border-style: outset;
    background-image: url(../images/delete.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

button.removetag {
    border-style: outset;
    background-image: url(../images/tag.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

button.addtag {
    border-style: outset;
    background-image: url(../images/tag.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

button.cancel {
    border-style: outset;
    background-image: url(../images/cancel.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

button.back {
    border-style: outset;
    background-image: url(../images/back.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

button.login {
    border-style: outset;
    background-image: url(../images/login.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

button.create {
    border-style: outset;
    background-image: url(../images/listadd.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

button.upload {
    border-style: outset;
    background-image: url(../images/upload.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

button.graphic {
    border-style: outset;
    background-image: url(../images/chart-curve.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

button.notification {
    border-style: outset;
    background-image: url(../images/alert.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

button.pushover {
    border-style: outset;
    background-image: url(../images/pushover.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

button.play {
    border-style: outset;
    background-image: url(../images/run.png);
    background-repeat: no-repeat;
    text-indent: 15px;
}

table.tconfig
{
    background-color: #EFEFEF;
    color: #FFF788;
    border: 0.5px solid #4270AC;
    margin-left:auto;
    margin-right:auto;
}

table.tconfig td
{
    background: #ffffff;
    color: #4240AC;
    white-space:nowrap;
}

table.tconfig td.numeric
{
    background: #ffffff;
    color: #4240AC;
    text-align:right;
}

table.tconfig td.label
{
    background: #ffffff;
    color: #4240AC;
    text-align:right;
}

table.tconfig td.reverse
{
    color: #ffffff;
    background: #62AA8C;
}

table.tconfig td.fault
{
    color: #ffffff;
    background: #FF0000;
}

table.tconfig td.faultAck
{
    background: #ffffff;
    color: #FF0000;
}

table.tconfig td.faultNotAck
{
    background: #ffffff;
    color: #000000;
}

table.tconfig td.warning
{
    color: #ffffff;
    background: #0000ff;
}


table.tconfig th
{
/*    background: #4270AC url(../images/gradient_tcat.gif) repeat-x top left; */
    background: #E8E8E8;
    color: #005FC2;
/*    font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; */
    font: bold  10pt verdana;
    text-align:center;
}
table.tconfig th a:link
{
    color: #FFF788;
    text-decoration: underline;
}
table.tconfig th a:visited
{
    color: #FFF788;
    text-decoration: underline;
}

.headerlinks {
  text-align:left;
  margin-right:20px;
  margin-left:20px;
  line-height:24px;
/*  text-decoration:underline; */
/*  font-weight:bold; */
}

.terror
{
    background-color: #4270AC;
    color: #FFF788;
    border: 1px solid #4270AC;
}
.terror td
{
    background: #ff0000;
}



.tborder
{
    background-color: #4270AC;
    color: #FFF788;
    border: 1px solid #4270AC;
}
.tborder td
{
    background: #00ff00;
    color: #427000;
}

/* Tooltip CSS */
.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 

    font: normal 8pt sans-serif; 
    padding: 3px; 
    border: solid 1px;
}

.flash-error
{
  background: #ff0000;
}

.flash-info
{
  background: #FFF788;
}