* { font-family: Arial, Helvetica, sans-serif; } 
img { border:0px; }
body {
	font-size:10px;
	color:#333;
        background-color:#fff;
	font-weight:normal;
	text-align:left;
}
body.login {
	text-align: left;
        background-image: url('./fondo.gif');
}
body.no_login{
   margin-top:0px;
   margin-left:0px;
   margin-right:0px;
   width: 100%;
}
table.center {
	text-align: left;
}
table.space {
	text-align: left;
 	background-color: #ffffff;
}
table.inside {
	background-color:#ffffff; /*efefef*/
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
        border:1.4pt solid #1a4a77;
	text-align:left;
	border-spacing:0px;
        overflow:hidden;
}
input.field {
	font-size: 12px;
	color: #333;
        background: #fff;
	font-weight: normal;
        padding:2px;
        padding-top:4px;
}
select.field {
	font-size: 12px;
	color: #333;
	font-weight: normal;
        padding:3px;
}
.bold {
 	font-weight:bold;
}
.button {
        padding:4px 8px;  
        margin:2px 4px;
        font-weight:bold; 
        font-size:14px;
        font-variant:small-caps;
        color:#666;
}
.button:hover {
        cursor:pointer;
}
tr.oddline  {
	color: #222;
	background-color: #ffffff;
	font-weight: normal;
	font-size: 10px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px;
	border-collapse: collapse;
}
tr.evenline {
	color: #222;
	background-color: #efefef;
	font-weight: normal;
	font-size: 10px;
	border-style: solid;
	border-color: #efefef;
	border-width: 1px;
	border-collapse: collapse;
}
div.content {
	color: #333;
	font-weight: normal;
	font-size: 11px;
}
td.content {
	color: #333;
	font-weight: normal;
	font-size: 12px;
        padding:2px 4px;
        padding-top:5px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
	border-bottom-width: 1px;
	border-collapse: collapse;
}
div.title {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
        margin-bottom:8px;
}
td.title {
	background-color:#d8dde7;
	color:#444;
	padding:2px 4px;
        padding-top:5px;
	font-size:12px;
	border-style:solid;
	border-color:#ffffff;
	border-width:1px;
	border-collapse:collapse;
}
td.headerline {
	background-color:#b7bfcf;
        /*font-variant:small-caps;*/ /* pintax.css tooltip */
        /*text-transform:uppercase;*/ /* pintax.css tooltip */
        vertical-align:middle;
}
.header_title{
	color: #333;
	font-weight:normal;
	font-size: 12px;
	text-decoration:none;
        cursor:default;
}
td.icon {
	background-color: #d8dde7;
	color: #666666;
	font-weight: bold;
	font-size: 10px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px;
	border-collapse: collapse;
   text-align:center;
   vertical-align:middle;
}
td.progress_bar_full {
	background-color: #ffff66;
	color: #000000;
	font-weight: normal;
	font-size: 10px;
}
td.progress_bar_empty {
	background-color: #0000ff;
	color: #000000;
	font-weight: normal;
	font-size: 10px;
}
a.title:link {
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	text-decoration : none;
}   
a.title:visited {
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	text-decoration : none;
}
a.title:hover {
	font-size: 14px;
	color: #3f6385; /*#3366cc;*/
	font-weight: normal;
	text-decoration : none;
}  
a.title:active {
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	text-decoration : none;
} 
a.content:link {
	color: #333;
	font-weight: normal;
	text-decoration : none;
}   
a.content:visited {
	color: #666666;
	font-weight: normal;
	text-decoration : none;
}
a.content:hover {	
	color:  #3f6385; /* #3366cc; */
	font-weight: normal;
	text-decoration : none;
}  
a.content:active {
	color: #666666;
	font-weight: bold;
	text-decoration : none;
}
.wheretext {
 color:#1a4a77;
 font-size:12px;
 text-decoration:none;
 margin-right:4px;
 cursor:default;
}
.whereicon {
 margin:0 1px 0 8px;
 vertical-align:middle;
}
.footnote {
 color:#333;
 font-size:12px;
 text-decoration:none;
}
img.menuImage {
	vertical-align: middle;
}
/* Menu Bar -without submenus- */
div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem {
	color: #eee;
	font-weight: bold;
	font-size: 11px;
}
div.menuBar {
  background-color:#1a4a77; border:1pt ridge; border-color:#a2b9ff #aaa #aaa #a2b9ff; padding:4pt 1pt; text-align:center; width:96%; margin-left:4pt; -moz-border-radius: 4px; border-radius: 4px;
}
div.menuBar a.menuButton {
  background-color:transparent; cursor:default; margin:2pt; font-size:11px;
  padding: 2pt 6pt 2pt 6pt; /*IE hack!!! position: relative;*/ text-decoration:none; top:0px; left:0px; z-index:101; text-align:center; /*font-variant:small-caps;*/
}
div.menuBar a.menuButton:hover {
  background-color: transparent; color: #ffffff;
}
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {
  background-color:#1a4a77; color: yellow; left: 1px; top: 1px; cursor:pointer;

}
/* Top elements outside the MenuBar */
div.menuNoBar {
 padding:4pt; text-align:center; color:#333; font-size:10px; margin:6px; background-color:#d8dde7; -moz-border-radius:4px; border-radius:4px;
}
div.menuNoBarIcon {
  border:0pt hidden; padding:6pt 4pt 4pt 6pt; margin-right:6pt; color:#333; font-size:11px;
}
input.fieldBar {
   font-size: 11px;
   height: 14pt;
   width: 180pt;
   color: #333;
   background-color:#fff;
   font-weight: normal;
   border: 1pt #aaa solid;
   padding:0 4pt;  
   position: relative; 
   top: 0px;
   vertical-align:middle;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
input.buttonBar {
   font-size: 12px;
   color: #333;
   font-weight: bold;
   font-variant: small-caps;
   position: relative;
   top: 0px;
   padding:4px;
   cursor:pointer;
}
/* Submenus of the MenuBar */
div.menu {
  background-color:#1a4a77; border: 2pt ridge; border-color: #3366cc #ffffff #ffffff #a2b9e8; padding: 0pt 0pt 0pt 0pt; position: absolute; top: 1px; left: 0px; visibility: hidden; z-index: 101; -moz-border-radius: 6px; border-radius: 6px;
}

div.menu a.menuItem {
  background-color:#1a4a77; color:#eee; cursor:default; display:block; padding:2pt 6pt 2pt 2pt; text-decoration:none; white-space:nowrap; vertical-align:middle; border:0pt hidden; -moz-border-radius:4px; border-radius:4px; margin:2pt;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color:#1a4a77; color:#ffffff; text-decoration:none; 
}
div.menu a.menuItem span.menuItemText {
 color: #dddddd;
}
div.menu a.menuItem span.menuItemText:visited {
 color: #dddddd;
}
div.menu a.menuItem span.menuItemText:hover {
 color: yellow;cursor:pointer;
}
div.menu div.menuItemSep {
  border-top: 1pt solid #909090; border-bottom: 1pt solid #ffffff; margin: 2pt 1pt;
}
div.menuFloating {
  position: static; /*'static' to fix the menubar, 'relative' to make it mobile*/
  width: 100%;
}
table.bar {
 overflow: hidden;
 width: 100%;
 border-spacing: 1px;
 border-collapse: collapse;
}
td.bar {
 padding: 0pt;
}
img.iconbar {
  vertical-align: middle;
}

/* Login Page Styles along with td.title, td.content...*/
table.logintable {
   background:   #fff;
   margin: 22px auto;
   border: 1px ridge #1a4a77;
   -moz-border-radius: 6px;
   border-radius: 6px;
   padding: 4pt 10pt;
   caption-side: top;
}
td.logincell {
 padding: 2pt 4pt;
 border:  0px;
 text-align:center;
}
div.logincell {
  margin:auto;
  color: #1a4a77;
  background-color:#eee;
  border:1px solid #eee;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  padding:3pt 2pt;
}
input.logincell{
  color: #1a4a77;
  background-color:#efefef;
  font-size: 14px;
  width:  250px;
  padding:2px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
select.logincell {
  color: #1a4a77;
  font-size: 12px;
}
.oklogin {
  width:10%;
  margin-top:6pt;
  margin-bottom:10pt;
  margin-left:170pt;
  padding: 2pt;
  color: #1a4a77;
  background-color:#eee;
  font-size: 14px;
  border:1px ridge #1a4a77;
 -moz-border-radius: 4px;
  border-radius: 4px;
  cursor:pointer;
}
.powereddiv {
 color: #1a4a77;
 width:54%;
 margin:auto;
 margin-top: 20px;
}
.poweredtext {
 padding-bottom:6px;
 font-size: 0.9em;
}
.poweredimg {
 border:none;
 height:auto;
}
.cpstlogo {
 width:390px;
}
/* Methods */
.methodbody{ font-size:13px; }
.mecontent { width:100%; height:100%; margin:auto; text-align:center; }
.titlespan { color: navy; font-variant: small-caps; cursor:default; }
.advanced  { font-size:11px; margin:auto; padding-top:24px; width:60%; text-align:left; }
.adv_title { display: show; padding-left:2px; }
.metselect { font-size:11px; padding:3px;  }
.relatedrec{ font-size:10px; margin-top:8px; }
.introdata { font-size:12px; width:60%; }
.datablock { padding:4px; margin:6px auto; }
.datetime  { font-size:11px; }
.memessage { margin:12px auto; padding:20px; }
.buttons   { margin:10px auto; }
.meicon    { margin:4px; vertical-align:middle; }
.left      { text-align:left; }
.center    { text-align:center; }
/* Pulso Results */
.pulsoresult {
 width:80%;
 margin:auto;
 padding:0;
 border:1px solid #1a4a77;
 font-size: 11px;
 border-collapse:collapse;
}
.pulsotitlediv {
  text-align:center;
  margin:auto;
  color: #1a4a77;
  width:80%;
  background-color:#eee;
  border:1px solid #1a4a77;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-collapse:collapse;
  font-size:13px;
  font-weight:bold;
  padding:2pt;
  cursor:pointer;
}
.pulsoindexcell {
 width:100px;
 border-bottom:1px solid #1a4a77;
 text-align:center;
}
.pulsodatacell {
 width:360px;
 font-size:12px;
 color:#1a4a77;
 border-bottom:1px solid #1a4a77;
 text-align:left;
 padding-left:10px;
}
.pulsotitlecell {
 width:300px;
 text-align:center;
 border-bottom:1px solid #1a4a77;
 padding:16px 0px;
}
.pulsoli {
 list-style-type:circle; 
}
.pulsolink {
 color:#1a4a77;
 font-size:12px;
 text-decoration:none;
}
.pulsolink:hover {
 color:#6087ab;
 text-decoration:underline;
 cursor:pointer;
}
.pulsomsg {
 font-size:14px;
 color:#1a4a77;
}
/* Dashboard */
img.Dashb {
 width: 100%;
 height: 260px;
 vertical-align: middle;
 text-align: center;
}
div.TextChart {
 height: 260px;
 overflow: auto;
 font-size: 10px;
 color: #666666;
 padding: 0px;
 margin: 0px 6px 0px 6px;
}
table.Dashb {
 border-style: none;
 padding: 0px;
}
td.ImgDashb {
   width:50%;
   border-style: solid;
   border-width: 1px;
   vertical-align: middle;
   padding: 0px;
}
/* Charts comments box */
div.TextDashb {
 height:62px;
 overflow: auto;
 font-size: 9px;
 color: #333333;
 background-color: #ebebeb;
 margin-top: 2px;
 padding: 0px 2px 0px 2px;
}
/* Dashb styles called from Data/Axes Lines */
table.TextTable {
 border: 2px ridge;
 font-size: 15px;
 background-color:#76a4fb;  /*#ebebeb;*/
 color: #333333;
 padding: 6px 6px 6px 6px;
}
td.TextData {
 background-color:white;
 color: #666666;
 padding: 6px 10px 6px 6px;
}
td.TextField {
 padding-left: 18px;
 padding-right: 6px;
}
/* Timeline styles */
div.Timeline {
 height: 580px;
 border: 2px solid;
 border-color: #aaaaaa;
 font-size:12px;
}