@import "modaldialog.css";

body {background-color: #FFFFFF; margin: 0 0 0 0; vertical-align: middle; overflow: hidden;}
table {}
td {cursor: default;}

a {font: 12px 'Arial';}
a.report {color: #0000FF;}

table.desktop {height: 100%; width: 100%;}
td.desktoptabs {background-color: #696969; height: 40px;}
td.desktopbody {}
div.desktopbody {height: 100%; width: 100%;}
iframe.desktoptabslist {border: 1px solid #000000; height: 160px; left: 0px; position: absolute; top: 0px; width: 200px; z-index: 100;}
td.desktoptabs {border-left: 1px solid #000000; border-right: 1px solid #000000; padding: 0px 0px 0px 0px;}
td.desktoptabslogo {border-bottom: 1px solid #000000; padding: 0px 0px 0px 0px; text-align: center; width: 136px;}
td.desktoptabshome {border-bottom: 1px solid #000000; padding: 0px 0px 0px 0px; text-align: center; width: 40px;}
td.desktoptabsmenu {border-bottom: 1px solid #000000; padding: 0px 0px 0px 0px; text-align: center; width: 40px;}
td.desktoptabsprevious {border-bottom: 1px solid #000000; padding: 0 0 0 0; text-align: center; width: 40px;}
td.desktoptabsnext {border-bottom: 1px solid #000000; padding: 0 0 0 0; text-align: center; width: 40px;}
td.desktoptabprint {border-bottom: 1px solid #000000; padding: 0 0 0 0; text-align: center; width: 40px;}
td.desktoptabrefresh {border-bottom: 1px solid #000000; padding: 0 0 0 0; text-align: center; width: 40px;}
td.desktoptablist {border-bottom: 1px solid #000000; padding: 0 0 0 0; text-align: center; width: 40px;}
td.desktoptabclose {border-bottom: 1px solid #000000; padding: 0 0 0 0; text-align: center; width: 40px;}
img.desktoptabslogo {height: 40px; width: 128px;}
img.desktoptabshome {height: 32px; width: 32px;}
img.desktoptabsprevious {height: 32px; width: 32px;}
img.desktoptabsmenu {height: 32px; width: 32px;}
img.desktoptabsnext {height: 32px; width: 32px;}
img.desktoptabprint {height: 32px; width: 32px;}
img.desktoptabrefresh {height: 32px; width: 32px;}
img.desktoptablist {height: 32px; width: 32px;}
img.desktoptabclose {height: 32px; width: 32px;}
div.desktoptabs {height: 100%; overflow: hidden;}
iframe.desktop {height: 100%; left: 0; position: relative; top: 0; width: 100%;}
table.desktoptabs {height: 100%; width: 100%;}
td.desktoptabsspace {border-bottom: 1px solid #000000; width: 8px;}
td.desktoptabscontainer {border-bottom: none; padding: 8px 0px 0px 0px; width: 16px;}
td.desktoptabsseparetor {border-bottom: 1px solid #000000; width: 100%;}
table.desktoptab {border: 1px solid #000000; height: 100%; width: 100%;}
td.desktoptab {background-color: #C0C0C0; font: 12px 'Arial'; font-weight: 800; padding: 4px 0px 4px 20px; text-align: center; vertical-align: middle;}
td.desktoptabimage {background-color: #C0C0C0; padding: 3px 4px 0px 4px; text-align: center; vertical-align: top; width: 20px;}
table.desktoptabselect {border: 1px solid #000000; border-bottom: none; height: 100%; width: 100%;}
td.desktoptabselect {background-color: #FFFFFF; font: 12px 'Arial'; font-weight: 800; padding: 4px 0px 4px 20px; text-align: center; vertical-align: middle;}
td.desktoptabimageselect {background-color: #FFFFFF; padding: 4px 4px 0px 4px; text-align: center; vertical-align: top; width: 20px;}
img.desktoptabimage {height: 12px; width: 12px;}
table.desktoplist {width: 100%;}
td.desktoplisttext {background-color: #FFFFFF; color: #000000; font: 12px 'Arial'; padding: 4px 8px 4px 8px;}
td.desktoplisttextselect {background-color: #000080; color: #FFFFFF; font: 12px 'Arial'; font-weight: 800; padding: 4px 8px 4px 8px;}
td.desktoplisttitle {font: 12px 'Arial'; font-weight: 800;}

table.application {}
table.applicationstatus {border: 1px solid #000000; height: 100%; width: 100%; z-index: 100;}
td.applicationnavigation {background-color: #FFFFFF; height: 24px; padding: 0 0 0 0;}
td.applicationtoolbar {background-color: #C0C0C0; height: 40px;}
td.applicationbody {background-color: #00FF00; vertical-align: middle;}
td.applicationstatus {background-color: #C0C0C0; height: 32px;}
td.applicationstatusmessage {border: 1px outset; padding: 2px 2px 2px 2px;}
td.applicationstatusprogress {border: 1px outset; padding: 2px 2px 2px 2px; width: 0px;}
td.applicationstatusinfo {border: 1px outset; padding: 2px 2px 2px 2px; width: 380px;}
div.applicationstatusmessage {font: 12px 'Arial'; font-weight: 800; height: 100%; overflow: hidden; padding: 4px 4px 4px 4px; vertical-align: middle; width: 99%;}
div.applicationstatusprogress {font: 12px 'Arial'; font-weight: 800; height: 100%; overflow: hidden; padding: 2px 2px 2px 2px; vertical-align: middle; width: 99%;}
div.applicationstatusinfo {font: 12px 'Arial'; font-weight: 800; height: 100%; overflow: hidden; padding: 2px 2px 2px 2px; vertical-align: middle; width: 99%;}
table.applicationnavigation {}
table.applicationnavigationcontainer {background-color: #000080; border: 1px outset; height: 100%; width: 100%;}
td.applicationnavigationcontainer {padding: 2px 2px 2px 2px;}
td.applicationnavigationpage {color: #FFFFFF; cursor: pointer; font: 12px 'Arial'; padding: 2px 2px 2px 2px;}
td.applicationnavigationpageselect {color: #FFFFFF; cursor: pointer; font: 12px 'Arial'; padding: 2px 2px 2px 2px; text-decoration: underline;}
td.applicationnavigationspace {padding: 0px 4px 0px 4px;}
div.applicationcontainer {background-color: #FFFFFF; height: 100%; overflow: hidden; width: 100%;}
div.applicationmenu {background-color: #FFFFFF; border-right: 1px solid #000000; left: -800px; padding: 0 0 0 0; position: absolute; width: 560px; z-index: 80;}
div.applicationbody {background-color: #FFFFFF; left: 40px; overflow: auto; position: absolute; padding: 0 0 0 0; text-align: center; vertical-align: top;}
table.applicationpanel {background-color: #C0C0C0; z-index: 80;}
td.applicationpanelleftcontainer {border: 1px outset; padding: 0 0 0 0; vertical-align: top; width: 40px;}
td.applicationpanelcontainer {border-right: 1px outset; height: 100%; padding: 8px 8px 8px 8px; vertical-align: top; width: 100%;}
td.applicationpanelrightcontainer {border: 1px outset; padding: 0 0 0 0; vertical-align: top; width: 40px;}
td.applicationpaneltab {padding: 2px 2px 0px 2px; text-align: center; vertical-align: top; width: 40px;}
div.applicationpanelcontainer {background-color: #FFFFFF; height: 100%; overflow: hidden; }
div.applicationpanelpanel {padding: 10px;}
img.applicationpaneltab {border: 1px outset; width: 32px;}
div.applicationnavigate {background-color: #FFFFFF; padding: 8px 8px 8px 8px; overflow: auto; position: absolute; text-align: center;}

fieldset.control {border: 1px solid #000000; padding: 2px 2px 2px 2px;}
legend.control {font: 11px 'Arial'; font-weight: 800;}
label.controllabel {font: 11px 'Arial'; padding: 4px 4px 4px 4px; text-align: left; vertical-align: top;}
table.control {height: 100%; width: 100%;}
td.controllabel {font: 11px 'Arial'; padding: 4px 4px 4px 4px; /*width: 120px;*/ text-align: left; vertical-align: top;}
td.controllabelerror {color: #FF0000; font: 11px 'Arial'; padding: 4px 4px 4px 4px; width: 120px; text-align: left; vertical-align: top;}
td.controltext {font: 11px 'Arial'; padding: 4px 4px 4px 4px; text-align: center; vertical-align: bottom;}
td.controlbody {padding: 0px 8px 8px 0px;}
td.controlrow {padding: 0px 0px 4px 0px;}
td.controlinfo {background-repeat: no-repeat; cursor: pointer; height: 16px; padding: 4px 4px 4px 4px; width: 16px;}
td.controlradio {padding: 0px 0px 4px 0px; text-align: center; vertical-align: middle; width: 16px;}
td.controlradiotext {font:  11px 'Arial'; padding: 0px 0px 4px 0px; text-align: left; vertical-align: middle;}
td.controlspace {padding-right: 8px;}
img.controlbutton {height: 24px; width: 24px;}
div.controlfiles {border: 1px solid #000000; height: 120px; overflow: auto; width: 100%;}
table.controlfiles {width: 100%;}
td.filedetail {font: 12px 'Arial'; padding: 2px 2px 2px 2px;}
td.filedetailselect {background-color: #000080; color: #FFFFFF; font: 12px 'Arial'; padding: 2px 2px 2px 2px;}
td.fileactions {text-align: center; vertical-align: top; width: 32px;}
td.fileaction {text-align: center; padding-bottom: 4px; vertical-align: middle; width: 32px;}
img.fileaction {height: 24px; width: 24px;}
iframe.attachmentfile {border: none; height: 100%; width: 100%;}

input.control {font: 11px 'Arial';}
input.controlrequired {background-color: #FFFFCC; border-style: inset; font: 11px 'Arial';}
select.control {font: 11px 'Arial';}
select.controlrequired {background-color: #FFFFCC; border-style: inset; font: 11px 'Arial';}
select.controlagenda {font: 11px 'Arial';}
input.viewer {background-color: #C0C0C0; font: 11px 'Arial';}
textarea.control {font: 11px 'Arial';}
textarea.controlrequired {background-color: #FFFFCC; border-style: inset; font: 11px 'Arial';}

table.layout {}
table.layoutcell {}
td.layout {}
td.layoutcell {}
td.layoutrowspace {height: 8px;}
td.layoutspace {}

table.window {border: 1px solid #000000;}
td.windowbody {background-color: #FFFFFF; padding: 4px 4px 4px 4px;}
td.windowlayoutspace {font: 10px 'Arial';}
td.windowtitle {background-color: #000080; border: 1px outset;}
td.windowtitletext {color: #FFFFFF; font: 12px 'Arial'; font-weight: 800; padding: 4px 4px 4px 4px;}
td.windowtitleshortcut {}
td.windowtitlespace {width: 100%;}

table.button {background-color: #C0C0C0; border: 1px solid #000000;}
table.buttontext {background-color: #C0C0C0;}
td.button {border: 1px outset; padding: 4px 4px 4px 4px;}
td.buttontext {font: 12px 'Arial'; font-weight: 800; padding: 0px 4px 0px 4px;}
a:hover.buttontext {color: #000000; cursor: pointer; text-decoration: none;}
a:visited.buttontext {color: #000000; cursor: pointer; text-decoration: none;}

table.report {width: 100%;}
td.report1 {border-bottom: 1px solid #000000; font: 15px 'Arial'; font-weight: 800; padding: 2px 2px 2px 8px; width: 100%;}
td.report2 {font: 14px 'Arial'; font-weight: 800; padding: 2px 2px 2px 12px; width: 100%;}
td.report3 {font: 13px 'Arial'; font-weight: 800; padding: 2px 2px 2px 16px; width: 100%;}
td.report4 {font: 12px 'Arial'; font-weight: 800; padding: 2px 2px 2px 20px; width: 100%;}
td.reporttitletext {font: 15px 'Arial'; font-weight: 800;}
td.reportsubtitletext {border-bottom: 1px solid #000000; font: 13px 'Arial'; font-weight: 800}
table.reportheader {height: 100%; width: 100%;}
td.reportheader {border-bottom: 1px solid #000000; font: 12px 'Arial'; font-weight: 800; height: 100%; padding: 2px 2px 2px 2px; text-align: center; width: 100%;}
td.reportheadercontainer {height: 100%; padding: 0px 0px 0px 4px; vertical-align: bottom;}
td.reportheaderfirstcontainer {height: 100%; padding: 0px 0px 0px 0px; vertical-align: bottom;}
td.reportdatacontainer {padding: 0px 0px 0px 0px; text-align: center; vertical-align: middle;}
table.reportmenu {height: 100%; width: 100%;}
td.reportmenuimage {background-color: #FFFFFF; padding: 8px 2px 2px 2px; text-align: center;}
td.reportmenuimageselect {background-color: #000080; padding: 8px 2px 2px 2px; text-align: center;}
td.reportmenutitle {background-color: #FFFFFF; font: 12px 'Arial'; font-weight: 800; padding: 2px 2px 2px 2px; text-align: center;}
td.reportmenutitleselect {background-color: #000080; color: #FFFFFF; font: 12px 'Arial'; font-weight: 800; padding: 2px 2px 2px 2px; text-align: center;}
img.reportmenuimage {height: 48px; width: 48px;}
table.reportcell {height: 100%; width: 100%;}
td.reportcell {font: 12px 'Arial'; height: 100%; padding: 4px 4px 4px 4px; text-align: left; width: 100%;}
td.reportcellalert {background-color: #FF0000; color: #000000; font: 12px 'Arial'; height: 100%; padding: 4px 4px 4px 4px; text-align: left; width: 100%;}
td.reportcellselect {color: #0000FF; cursor: pointer; font: 12px 'Arial'; height: 100%; padding: 4px 4px 4px 4px; text-align: left; text-decoration: underline; width: 100%;}
td.reportcellunselect {background-color: #000080; color: #FFFFFF; cursor: pointer; font: 12px 'Arial'; height: 100%; padding: 4px 4px 4px 4px; text-align: left; text-decoration: underline; width: 100%;}
td.reportcellcontainer {height: 100%; padding: 0px 0px 0px 4px; vertical-align: top;}
td.reportcellfirstcontainer {height: 100%; padding: 0px 0px 0px 0px; vertical-align: top;}
td.reportcellcontainer {padding: 2px 2px 2px 2px; text-align: center; vertical-align: top;}
table.reportcelltitle {height: 100%; width: 100%;}
td.reportcelltitle {font: 12px 'Arial'; font-weight: 800; height: 100%; padding: 4px 4px 4px 4px; text-align: left; width: 100%;}
td.reportcelltitlecontainer {height: 100%; padding: 0px 0px 0px 4px; vertical-align: top;}
td.reportcelltitlefirstcontainer {height: 100%; padding: 0px 0px 0px 0px; vertical-align: top;}
td.reportcelltitlecontainer {padding: 0px 0px 0px 0px; text-align: center; vertical-align: top;}
table.reportcelltotal {border-top: 1px solid #000000;height: 100%; width: 100%;}
td.reportcelltitleselect {color: #0000FF; cursor: pointer; font: 12px 'Arial'; font-weight: 800; height: 100%; padding: 4px 4px 4px 4px; text-align: left; text-decoration: underline; width: 100%;}
td.reportcelltitleunselect {background-color: #000080; color: #FFFFFF; cursor: pointer; font: 12px 'Arial'; font-weight: 800; height: 100%; padding: 4px 4px 4px 4px; text-align: left; text-decoration: underline; width: 100%;}
td.reportcelltotal {font: 12px 'Arial'; font-weight: 800; height: 100%; padding: 4px 4px 4px 4px; text-align: left; width: 100%;}
td.reportcelltotalcontainer {height: 100%; padding: 0px 0px 0px 4px; vertical-align: top;}
td.reportcelltotalfirstcontainer {height: 100%; padding: 0px 0px 0px 0px; vertical-align: top;}
td.reportcelltotalcontainer {padding: 0px 0px 0px 0px; text-align: center; vertical-align: top;}

table.grid {height: 100%; width: 95%;}
table.gridcolumn {background-color: #C0C0C0; table-layout: fixed;}
table.gridrow {background-color: #C0C0C0;}
table.griddata {background-color: #FFFFFF; table-layout: fixed;}
td.gridbody {padding: 0px 0px 8px 0px; text-align: left; vertical-align: top; height: 100%;}
td.gridcolumn {border: 1px outset; font: 12px 'Arial'; font-weight: 800; text-align: center;}
td.griddata {border-bottom: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; font: 12px 'Arial'; height: 24px; vertical-align: middle; padding: 0px 0px 1px 1px;}
td.griddataselect {background-color: #000080; border-bottom: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; color: #FFFFFF; font: 12px 'Arial'; height: 24px; vertical-align: middle; padding: 0px 0px 1px 1px;}
span.griddata {overflow: hidden; padding: 2px 2px 2px 2px;}
td.gridrow {border: 1px outset; height: 24px; text-align: center;}
td.gridrowselect {background-color: #CFCFCF; border: 1px outset; height: 24px; text-align: center;}
td.gridlabel {font: 12px 'Arial'; padding: 8px 0px 8px 0px; text-align: left; vertical-align: top;}
div.grid {background-color: #696969; border: 1px solid #000000; height: 100%; left: 0; overflow: hidden; position: relative; top: 0; width: 100%;}
div.gridspace {background-color: #C0C0C0; border: 1px outset; height: 24px; left: 0; top: 0; width: 24px; z-index: 100;}
div.gridcolheaders {background-color: #C0C0C0; border-bottom: 1px solid #000000; display: none; height: 24px; left: -100px; position: absolute; top: -100px; width: 24px; z-index: 90;}
div.gridrowheaders {background-color: #C0C0C0; border-right: 1px solid #000000; display: none; height: 24px; left: -100px; position: absolute; top: -100px; width: 24px; z-index: 90;}
div.griddata {background-color: #696969; display: none; height: 24px; left: -100px; overflow: auto; position: absolute; top: -100px; width: 24px; z-index: 80;}

table.framemanager {height: 100%; width: 100%;}
td.framemanagerbody {height: 100%; width: 100%;}
td.framemanagerlabel {font: 12px 'Arial'; padding: 8px 0px 8px 0px; text-align: left; vertical-align: top;}
td.framemanagercontainer {}
div.framemanagercontainer {background-color: #696969; border: 1px solid #000000; height: 100%; left: 0; position: relative; top: 0; width: 100%;}
iframe.framemanager {height: 100%; width: 100%;}

td.informationtitle {font: 12px 'Arial'; font-weight: 800; padding: 2px 2px 2px 2px;}
td.informationtext {font: 12px 'Arial'; padding: 2px 2px 2px 16px;}

table.tabdisplay {height: 100%; width: 100%;}
table.tabdisplaytabs {background-color: #696969; height: 40px; width: 100%;}
td.tabdisplaytitle {background-color: #C0C0C0; font: 14px 'Arial'; font-weight: 800; padding: 2px 2px 2px 16px; text-decoration: underline;}
td.tabdisplaytabsspace {border-bottom: 1px solid #000000; width: 8px;}
td.tabdisplaytabsseparetor {border-bottom: 1px solid #000000; width: 100%;}
div.tabdisplaytabs {height: 100%; overflow: hidden;}
td.tabdisplaytabs {padding: 0px 0px 0px 0px;}
div.tabdisplaybody {background-color: #00FF00; overflow: auto; padding: 8px 8px 8px 8px; width: 100%;}
td.tabdisplaybody {height: 100%; width: 100%;}
td.tabdisplaytabscontainer {padding: 8px 0px 0px 0px;}
table.tabdisplaytabsbody {background-color: #C0C0C0; border: 1px solid #000000; height: 100%;}
td.tabdisplaytabsleft {padding: 2px 2px 2px 2px; width: 12px;}
td.tabdisplaytabstext {font: 12px 'Arial'; font-weight: 800; padding: 2px 2px 2px 2px; text-align: center; vertical-align: middle;}
td.tabdisplaytabsright {padding: 2px 2px 2px 2px; width: 12px;}
table.tabdisplaytabsbodyselect {background-color: #FFFFFF; border: 1px solid #000000; border-bottom: none; height: 100%;}
td.tabdisplaytabsleftselect {padding: 2px 2px 2px 2px; width: 12px;}
td.tabdisplaytabstextselect {font: 12px Arial; font-weight: 800; padding: 2px 2px 2px 2px; text-align: center; vertical-align: middle;}
td.tabdisplaytabsrightselect {padding: 2px 2px 2px 2px; width: 12px;}

table.score {width: 100%;}
td.scoreheaderspace {border: 1px solid #000000; font: 12px 'Arial'; font-weight: 800; text-align: center; vertical-align: middle;}
td.scoreheadertitle {border-bottom: 1px solid #000000; border-right: 1px solid #000000; font: 12px 'Arial'; font-weight: 800; padding: 2px 4px 2px 4px; text-align: center;}
td.scoreheadertext {border: 1px solid #000000; border-top: none; font: 12px 'Arial'; font-weight: 800; text-align: center;}
td.scoreheader {border: 1px solid #000000; border-left: none; font: 12px 'Arial'; font-weight: 800; padding: 2px 2px 2px 2px; text-align: center;}
td.scoretext {font: 12px 'Arial'; font-weight: 800; text-align: center; vertical-align: middle;}
td.scoretexttitle {font: 12px 'Arial'; font-weight: 800; text-align: left; padding: 2px 0px 2px 0px; vertical-align: middle;}
td.scorenumber {font: 12px 'Arial'; text-align: right; padding: 2px 0px 2px 0px; vertical-align: middle;}
td.scorenumberselect {background-color: #000080; color: #FFFFFF; font: 12px 'Arial'; text-align: right; text-decoration: underline; padding: 2px 0px 2px 0px; vertical-align: middle;}
td.scorenumberurl {color: #0000FF; font: 12px 'Arial'; text-align: right; text-decoration: underline; padding: 2px 0px 2px 0px; vertical-align: middle;}

table.auditoria {}
td.auditorialogo {border-bottom: 1px solid #000000; border-right: 1px solid #000000;}
td.auditoriacolheader {border: 1px solid #000000; border-left: none; font: 12px 'Arial'; font-weight: 800; padding: 4px 4px 4px 4px; text-align: center;}
td.auditoriarowheader {border: 1px solid #000000; border-top: none; font: 12px 'Arial'; font-weight: 800; padding: 4px 4px 4px 4px; }
td.auditoriadata {border-bottom: 1px solid #000000; border-right: 1px solid #000000; font: 12px 'Arial'; text-align: right; padding: 2px 2px 2px 2px; }
td.auditoriadataselect {background-color: #000080; border-bottom: 1px solid #000000; border-right: 1px solid #000000; color: #FFFFFF; font: 12px 'Arial'; text-align: right; text-decoration: underline; padding: 2px 2px 2px 2px; }
td.auditoriadataurl {border-bottom: 1px solid #000000; border-right: 1px solid #000000; color: #0000FF; font: 12px 'Arial'; text-align: right; text-decoration: underline; padding: 2px 2px 2px 2px; }
td.auditoriagroup {background-color: #000080; border: 1px solid #000000; border-top: none; color: #FFFFFF; font: 13px 'Arial'; font-weight: 800; padding: 4px 4px 4px 16px;}

table.formcontainer {}
td.formcontainer {padding: 8px 8px 8px 8px; text-align: center; vertical-align: top;}
td.formcontainertitle {font: 12px 'Arial'; font-weight: 800; text-align: left; vertical-align: middle; width: 180px;}
td.formcontainertext {font: 12px 'Arial'; text-align: left; vertical-align: middle;}

table.toolbar {height: 100%;}
td.toolbar {background-color: #C0C0C0; padding: 2px 2px 2px 2px; text-align: center; vertical-align: middle;}
td.toolbarspace {background-color: #C0C0C0; width: 4px;}
table.toolbarbutton {height: 32px; width: 32px; text-align: center; vertical-align: middle;}
td.toolbarbutton {background-color: #C0C0C0; border: 1px solid #C0C0C0; text-align: center; vertical-align: middle;}
td.toolbarbuttonselect {background-color: #C0C0C0; border: 1px outset; text-align: center; vertical-align: middle;}
img.toolbar {height: 24px; text-align: center; vertical-align: middle; width: 24px;}
      
table.calendarcontainer {border: 1px solid #000000; height: 100%; width: 100%;}
td.calendarcontainer {height: 100%; text-align: center; vertical-align: top; width: 100%;}
table.calendar {height: 100%; width: 100%;}
td.calendarheader {background-color: #C0C0C0; border: 1px outset; height: 12px; width: 100%;}
table.calendarheader {height: 12px; width: 100%;}
td.calendarheadertitle {font: 13px 'Arial'; font-weight: 800; padding: 8px 8px 8px 8px;}
td.calendarheaderspace {width: 100%;}
td.calendarheaderaction {padding: 8px 8px 8px 0px;}
img.calendarheaderaction {border: 1px solid #C0C0C0; height: 24px; width: 24px;}
img.calendarheaderactionover {border: 1px outset; height: 24px; width: 24px;}
td.calendardays {height: 100%; width: 100%;}
table.calendardays {height: 100%; width: 100%;}
td.calendarday {border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; height: 48px;}
td.calendardaytitle {background-color: #C0C0C0; border: 1px outset; font: 12px 'Arial'; font-weight: 800; height: 24px; text-align: center; width: 14.28%;}
table.calendardayscontainer {height: 100%; width: 100%;}
table.calendarday {height: 100%; width: 100%;}
td.calendardaytitlecontainer {background-color: #CFCFCF; height: 16px;}
table.calendardaytitletext {height: 100%; width: 100%;}
td.calendardaytitlespace {width: 100%;}
td.calendardaytitletext {font: 12px 'Arial'; padding: 1px 4px 1px 1px; text-align: right; vertical-align: middle;}
td.calendardaytitletextcurrent {background-color: #000080; color: #FFFFFF; font: 12px 'Arial'; padding: 1px 4px 1px 4px; text-align: right; vertical-align: middle;}
td.calendardaybody {height: 100%; width: 100%;}
div.calendardaybody {height: 100%; overflow: auto; width: 100%;}
table.calendardayappointments {width: 100%;}
td.calendardayappointment {font: 10px 'Arial'; padding: 1px 1px 1px 1px; width: 100%;}
span.calendardayappointment {border-bottom: 1px solid #C0C0C0; font: 10px 'Arial'; overflow: hidden; width: 100%;}
span.calendardayappointmentselect {border-bottom: 1px solid #C0C0C0; font: 10px 'Arial'; overflow: hidden; text-decoration: underline;width: 100%;}

table.scheduler {border: 1px solid #000000; height: 100%; width: 100%}
td.schedulerheader {}
table.schedulerheader {width: 100%;}
td.schedulerheadercontainer {}
table.schedulertitle {background-color: #000080; width: 100%;}
td.schedulertitletext {color: #FFFFFF; font: 12px 'Arial'; font-weight: 800; padding: 2px 2px 2px 8px;}
td.schedulerbody {height: 100%; width: 100%}
div.schedulerbody {height: 100%; overflow: auto; width: 100%}
table.schedulerbody {width: 100%;}
td.schedulerdatatime {background-color: #C0C0C0; border: 1px solid #696969; font: 11px 'Arial'; height: 24px; padding: 2px 2px 2px 2px; text-align: center; vertical-align: middle; width: 60px;}
td.schedulerdata {background-color: #FFFFCC; height: 24px; width: 100%;}
div.schedulerdata {left: 0px; top: 0px; overflow: hidden; height: 20px; padding: 0px 0px 0px 0px;}
table.schedulerdatarow {height: 20px;}
td.schedulerdatacell {background-color: #FFFFCC; font: 8px 'Arial'; padding: 0px 0px 0px 0px; height: 20px; vertical-align: middle;}
div.schedulerdatacell {background-color: #FFFFFF; border: 1px solid #000000; font: 10px 'Arial'; overflow: hidden; height: 16px; vertical-align: top;}


div.scheduler {height: 100%; width: 100%;}
table.monthlycalendar {border: 1px solid #000000;}
td.monthlycalendarmaintitle {background-color: #C0C0C0; border: 1px outset; color: #000000; font: 11px 'Arial'; padding: 2px 2px 2px 2px; text-align: center;}
table.monthlycalendaractions {width: 100%;}
td.monthlycalendaractionsleft {padding: 2px 0px 2px 2px;}
td.monthlycalendaractionsselect {padding: 2px 2px 2px 2px;}
select.monthlycalendarselect {font: 11px 'Arial';}
td.monthlycalendaractionsright {padding: 2px 2px 2px 0px;}
td.monthlycalendarheadercontainer {background-color: #C0C0C0;}
table.monthlycalendaraction {width: 100%;}
td.monthlycalendaraction {padding: 1px 1px 1px 1px;}
img.monthlycalendaraction {}
table.monthlycalendarheader {width: 100%;}
td.monthlycalendarheadertitle {border: 1px outset;}
td.monthlycalendartitle {color: #000000; font: 11px 'Arial'; padding: 2px 2px 2px 2px; text-align: center;}
td.monthlycalendardaytitle {border: 1px outset; color: #000000; font: 11px 'Arial'; height: 16px; padding: 2px 2px 2px 2px; text-align: center; width: 24px;}
td.monthlycalendartitletext {font: 11px 'Arial'; padding: 2px 2px 2px 2px; text-align: center;}
table.monthlycalendarbody {background-color: #FFFFFF; width: 100%;}
td.monthlycalendarday {border: 1px solid #FFFFFF; font: 11px 'Arial'; height: 16px; padding: 2px 2px 2px 2px; text-align: center; width: 24px}
td.monthlycalendardayactive {border: 1px solid #FF0000; font: 11px 'Arial'; height: 16px; padding: 2px 2px 2px 2px; text-align: center; width: 24px}
td.monthlycalendardaycurrent {background-color: #000080; border: 1px solid #FFFFFF; color: #FFFFFF; font: 11px 'Arial'; font-weight: 800; height: 16px; padding: 2px 2px 2px 2px; text-align: center; width: 24px}
td.monthlycalendardaycurrentactive {background-color: #000080; border: 1px solid #FF0000; color: #FFFFFF; font: 11px 'Arial'; font-weight: 800; height: 16px; padding: 2px 2px 2px 2px; text-align: center; width: 24px}
td.monthlycalendardayselect {background-color: #FFFFCC; border: 1px solid #FFFFFF; font: 11px 'Arial'; font-weight: 800; height: 16px; padding: 2px 2px 2px 2px; text-align: center; text-decoration: underline; width: 24px}
td.monthlycalendardayselectactive {background-color: #FFFFCC; border: 1px solid #FF0000; font: 11px 'Arial'; font-weight: 800; height: 16px; padding: 2px 2px 2px 2px; text-align: center; text-decoration: underline; width: 24px}
td.monthlycalendardaycurrentselect {background-color: #000080; border: 1px solid #FFFFFF; color: #FFFFFF; font: 11px 'Arial'; font-weight: 800; height: 16px; padding: 2px 2px 2px 2px; text-align: center; text-decoration: underline; width: 24px}
td.monthlycalendardaycurrentselectactive {background-color: #000080; border: 1px solid #FF0000; color: #FFFFFF; font: 11px 'Arial'; font-weight: 800; height: 16px; padding: 2px 2px 2px 2px; text-align: center; text-decoration: underline; width: 24px}
td.monthlycalendarseparator {border-left: 1px solid #C0C0C0;}

td.labeltext {font: 11px 'Arial'; padding: 0px 8px 0px 4px;}
td.labeltextfirst {font: 11px 'Arial'; padding: 0px 8px 0px 0px;}
td.ejecutivofilter {width: 288px;}
img.actionagenda {height: 24px; width: 24px;}

table.tabs {height: 100%; width: 100%;}
td.tabsheader {width: 100%;}
table.tabitems {width: 100%;}

td.tabitemspace {border-bottom: 1px solid #000000;}
td.tabitemtextselect {background-color: #C0C0C0; border: 1px solid #000000; border-bottom: none; font: 11px 'Arial'; padding: 2px 4px 2px 4px;}
td.tabitemtext {background-color: #C0C0C0; border: none; border-bottom: 1px solid #000000; font: 11px 'Arial'; padding: 2px 4px 2px 4px; text-decoration: underline;}
td.tabsbody {background-color: #C0C0C0; border: 1px solid #000000; border-top: none; height: 100%; padding: 4px 4px 4px 4px; vertical-align: top; width: 100%;}

td.tabitemspace {border-bottom: 1px solid #000000;}
td.tabitemtextselect {background-color: #FFFFFF; border: 1px solid #000000; border-bottom: none; font: 11px 'Arial'; padding: 2px 4px 2px 4px;}
td.tabitemtext {background-color: #FFFFFF; border: none; border-bottom: 1px solid #000000; font: 11px 'Arial'; padding: 2px 4px 2px 4px; text-decoration: underline;}
td.tabsbody {background-color: #FFFFFF; border: 1px solid #000000; border-top: none; height: 100%; padding: 4px 4px 4px 4px; vertical-align: top; width: 100%;}

td.tabitemspacebottom {border-top: 1px solid #000000;}
td.tabitemtextbottomselect {background-color: #C0C0C0; border: 1px solid #000000; border-top: none; font: 11px 'Arial'; padding: 2px 4px 2px 4px;}
td.tabitemtextbottom {background-color: #FFFFFF; border: none; border-top: 1px solid #000000; font: 11px 'Arial'; padding: 2px 4px 2px 4px; text-decoration: underline;}
td.tabsbodybottom {background-color: #C0C0C0; border: 1px solid #000000; border-bottom: none; height: 100%; padding: 4px 4px 4px 4px; vertical-align: top; width: 100%;}
td.tabitemtextbottomselect {background-color: #FFFFFF; border: 1px solid #000000; border-top: none; font: 11px 'Arial'; padding: 2px 4px 2px 4px;}
td.tabitemtextbottom {background-color: #FFFFFF; border: none; border-top: 1px solid #000000; font: 11px 'Arial'; padding: 2px 4px 2px 4px; text-decoration: underline;}
td.tabsbodybottom {background-color: #FFFFFF; border: 1px solid #000000; border-bottom: none; height: 100%; padding: 4px 4px 4px 4px; vertical-align: top; width: 100%;}

table.appdisplay {background-color: #C0C0C0;}
div.tabsbody {background-color: #C0C0C0; overflow: auto; vertical-align: top; width: 100%;}
table.tabbody {background-color: #C0C0C0;}
table.appdisplay {background-color: #FFFFFF;}
div.tabsbody {background-color: #FFFFFF; overflow: auto; vertical-align: top; width: 100%;}
table.tabbody {background-color: #FFFFFF;}

td.agendaaction {padding: 0px 0px 0px 4px;}
img.agendaaction {height: 24px; width: 60px;}

td.directoriocontainer {padding: 0px 0px 4px 0px;}
table.directorio {background-color: #FFFFFF; border: 1px solid #000000; width: 100%;}
td.directorio {font: 11px 'Arial'; font-weight: 800; text-align: center; width: 3.84%;}
td.directorioover {background-color: #696969; font: 11px 'Arial'; font-weight: 800; text-align: center; width: 3.84%;}
td.directorioselect {background-color: #000080; color: #FFFFFF; font: 11px 'Arial'; font-weight: 800; text-align: center; width: 3.84%;}

table.list {width: 100%;}
td.listitem {padding: 2px 2px 2px 2px;}
table.listitem {width: 100%;}
table.listitemselect {background-color: #000080; width: 100%;}
td.listitemimage {padding: 0px 4px 0px 0px;}
img.listitemimage {height: 16px; width: 16px;}
td.listitemtext {font: 10px 'Arial'; padding: 0px 0px 0px 4px; width: 100%;}
td.listitemtextselect {color: #FFFFFF; font: 10px 'Arial'; padding: 0px 0px 0px 4px; width: 100%;}
td.listitemtextover {font: 10px 'Arial'; padding: 0px 0px 0px 4px; text-decoration: underline; width: 100%;}

table.absorcioncontainer {}
td.absorcioncontainerfilter {padding: 4px 4px 4px 4px;}
td.absorcioncontainerresults{padding: 4px 4px 4px 4px;}
table.absorcionresults {}
td.absorcionresultsfilterheader {background-color: #FFFFFF; border: 1px solid #000000; color: #FFFFFF; font: 12px 'Arial'; font-weight: bold; text-align: center; padding: 2px 2px 2px 2px;}
td.absorcionresultsheader {background-color: #663300; border: 1px solid #000000; border-left: none; color: #FFFFFF; font: 12px 'Arial'; font-weight: bold; text-align: center; padding: 2px 2px 2px 2px;}
td.absorcionrowheader {background-color: #000080; border-bottom: 1px solid #000000; border-right: 1px solid #000000; color: #FFFFFF; cursor: pointer; font: 12px 'Arial'; font-weight: bold; text-align: left; text-decoration: underline; padding: 2px 2px 2px 2px;}
td.absorcionrowheaderover {background-color: #000080; border-bottom: 1px solid #000000; border-right: 1px solid #000000; color: #FFFFFF; cursor: pointer; font: 12px 'Arial'; font-weight: bold; text-align: left; text-decoration: underline; padding: 2px 2px 2px 2px;}
td.absorcionrowheadertext {background-color: #000080; border-bottom: 1px solid #000000; border-right: 1px solid #000000; color: #FFFFFF; font: 12px 'Arial'; font-weight: bold; text-align: left; padding: 2px 2px 2px 2px;}
td.absorcionrowdata {background-color: #FFFFFF; border-bottom: 1px solid #000000; border-right: 1px solid #000000; color: #000000; font: 12px 'Arial'; text-align: right; padding: 2px 2px 2px 2px;}
td.absorcionrowtotalheader {background-color: #000080; border: 1px solid #000000; border-top: none; color: #FFFFFF; font: 12px 'Arial'; font-weight: bold; text-align: left; padding: 2px 2px 2px 2px;}
td.absorcionrowtotal {background-color: #000080; border-bottom: 1px solid #000000; border-right: 1px solid #000000; color: #FFFFFF; font: 12px 'Arial'; font-weight: bold; text-align: right; padding: 2px 2px 2px 2px;}
div.absorcionresultsfilterheader {height: 70px; overflow: auto; width: 100%;}
td.absorcionurl {background-color: #FFFFFF; color: #0000FF; font: 11px 'Arial'; padding: 1px 1px 1px 1px; text-decoration: underline;}
td.absorcionurlover {background-color: #000080; color: #FFFFFF; font: 11px 'Arial'; padding: 1px 1px 1px 1px; text-decoration: underline;}

table.dailyevolutioncontainer {border: 1px solid #000000; background-color: #C0C0C0;}
td.dailyevolutioncolor {border: 1px outset; width: 24px;}
td.dailyevolutiontitle {border: 1px outset; font: 13px 'Arial';}
td.dailyevolutionscale {border: 1px outset; width: 24px;}
td.dailyevolutiondata {border: 1px outset; padding: 2px 2px 2px 2px;}
td.dailyevolutionheader {border: 2px groove; font: 11px 'Arial'; font-weight: 800; text-align: center; vertical-align: middle;}
td.dailyevolutionheadertitle {border: 2px groove; color: #0000FF; font: 11px 'Arial'; font-weight: 800; text-align: center; text-decoration: underline; vertical-align: middle;}
td.dailyevolutionheadertitleover {background-color: #000080; border: 2px groove; color: #FFFFFF; font: 11px 'Arial'; font-weight: 800; text-align: center; text-decoration: underline; vertical-align: middle;}
td.dailyevolutiontitle {border: 2px groove; font: 11px 'Arial'; font-weight: 800; text-align: left; vertical-align: middle;}
td.dailyevolutionsubtitle {border: 2px groove; font: 11px 'Arial'; padding-left: 16px; text-align: left; vertical-align: middle;}
td.dailyevolutioncell {border: 2px groove; font: 11px 'Arial'; padding: 2px 2px 2px 2px; text-align: right; vertical-align: middle;}
td.dailyevolutioncellnumber {border: 2px groove; font: 11px 'Arial'; padding: 2px 2px 2px 2px; text-align: right; vertical-align: middle;}
td.dailyevolutiontitletotal {border: 1px outset; font: 13px 'Arial';font-weight: bold; text-align: right; padding: 2px 2px 2px 2px}
td.dailyevolutioncellnumbertotal {border: 1px outset; font: 12px 'Arial';font-weight: 800; text-align: center; vertical-align: middle;}

table.login {}
table.loginstatus {border-width:1px; border-style:solid; border-color:#000000; height: 100%; width: 100%; z-index: 100;}
td.loginnavigation {background-color: #FFFFFF; height: 24px; padding: 0px 0px 0px 0px;}
td.logintoolbar {background-color: #C0C0C0; height: 40px;}
td.loginbody {background-color: #00FF00; vertical-align: middle;}
td.loginstatus {background-color: #C0C0C0; height: 32px;}
td.loginstatusmessage {border: 1px outset; padding: 2px 2px 2px 2px;}
td.loginstatusprogress {border: 1px outset; padding: 2px 2px 2px 2px; width: 0px;}
td.loginstatusinfo {border: 1px outset; padding: 2px 2px 2px 2px; width: 380px;}
div.loginstatusmessage {font: 12px 'Arial'; font-weight: 800; height: 100%; overflow: hidden; padding: 4px 4px 4px 4px; vertical-align: middle; width: 99%;}
div.loginstatusprogress {font: 12px 'Arial'; font-weight: 800; height: 100%; overflow: hidden; padding: 2px 2px 2px 2px; vertical-align: middle; width: 99%;}
div.loginstatusinfo {font: 12px 'Arial'; font-weight: 800; height: 100%; overflow: hidden; padding: 2px 2px 2px 2px; vertical-align: middle; width: 99%;}
table.loginnavigation {}
table.loginnavigationcontainer {background-color: #000080; border: 1px outset; height: 100%; width: 100%;}
td.loginnavigationcontainer {padding: 2px 2px 2px 2px;}
td.loginnavigationpage {color: #FFFFFF; font: 12px 'Arial'; padding: 2px 2px 2px 2px;}
td.loginnavigationpageselect {color: #FFFFFF; font: 12px 'Arial'; padding: 2px 2px 2px 2px; text-decoration: underline;}
td.loginnavigationspace {padding: 0px 4px 0px 4px;}
div.logincontainer {background-color: #FFFFFF; height: 100%; overflow: hidden; width: 100%;}
div.loginmenu {background-color: #FFFFFF; border-right: 1px solid #000000; left: -800px; padding: 0 0 0 0; position: absolute; width: 560px; z-index: 80; display:none}
div.loginbody {background-color: #FFFFFF; left: 40px; overflow: auto; position: absolute; padding: 0 0 0 0; text-align: center; vertical-align: top;}
table.loginpanel {background-color: #C0C0C0; z-index: 80;}
td.loginpanelleftcontainer {border: 1px outset; padding: 0 0 0 0; vertical-align: top; width: 40px;}
td.loginpanelcontainer {border-right: 1px outset; height: 100%; padding: 8px 8px 8px 8px; vertical-align: top; width: 100%;}
td.loginpanelrightcontainer {border: 1px outset; padding: 0 0 0 0; vertical-align: top; width: 40px;}
td.loginpaneltab {padding: 2px 2px 0px 2px; text-align: center; vertical-align: top; width: 40px;}
div.loginpanelcontainer {height: 100%; overflow: hidden;}
img.loginpaneltab {border: 1px outset; width: 32px;}
div.loginnavigate {background-color: #FFFFFF; padding: 8px 8px 8px 8px; overflow: auto; position: absolute; text-align: center;}

table.homeApplication {}
table.homeApplicationstatus {border: 1px solid #000000; height: 100%; width: 100%; z-index: 100;}
td.homeApplicationnavigation {background-color: #FFFFFF; height: 24px; padding: 0 0 0 0;}
td.homeApplicationtoolbar {background-color: #C0C0C0; height: 40px;}
td.homeApplicationbody {background-color: #00FF00; vertical-align: middle;}
td.homeApplicationstatus {background-color: #C0C0C0; height: 32px;}
td.homeApplicationstatusmessage {border: 1px outset; padding: 2px 2px 2px 2px;}
td.homeApplicationstatusprogress {border: 1px outset; padding: 2px 2px 2px 2px; width: 0px;}
td.homeApplicationstatusinfo {border: 1px outset; padding: 2px 2px 2px 2px; width: 380px;}
div.homeApplicationstatusmessage {font: 12px 'Arial'; font-weight: 800; height: 100%; overflow: hidden; padding: 4px 4px 4px 4px; vertical-align: middle; width: 99%;}
div.homeApplicationstatusprogress {font: 12px 'Arial'; font-weight: 800; height: 100%; overflow: hidden; padding: 2px 2px 2px 2px; vertical-align: middle; width: 99%;}
div.homeApplicationstatusinfo {font: 12px 'Arial'; font-weight: 800; height: 100%; overflow: hidden; padding: 2px 2px 2px 2px; vertical-align: middle; width: 99%;}
table.homeApplicationnavigation {}
table.homeApplicationnavigationcontainer {background-color: #000080; border: 1px outset; height: 100%; width: 100%;}
td.homeApplicationnavigationcontainer {padding: 2px 2px 2px 2px;}
td.homeApplicationnavigationpage {color: #FFFFFF; cursor: pointer; font: 12px 'Arial'; padding: 2px 2px 2px 2px;}
td.homeApplicationnavigationpageselect {color: #FFFFFF; cursor: pointer; font: 12px 'Arial'; padding: 2px 2px 2px 2px; text-decoration: underline;}
td.homeApplicationnavigationspace {padding: 0px 4px 0px 4px;}
div.homeApplicationcontainer {background-color: #FFFFFF; height: 100%; overflow: hidden; width: 100%;}
div.homeApplicationmenu {background-color: #FFFFFF; border-right: 1px solid #000000; left: -800px; padding: 0 0 0 0; position: absolute; width: 560px; z-index: 80; display:none}
div.homeApplicationbody {background-color: #FFFFFF; left: 40px; overflow: auto; position: absolute; padding: 0 0 0 0; text-align: center; vertical-align: top;}
table.homeApplicationpanel {background-color: #C0C0C0; z-index: 80;}
td.homeApplicationpanelleftcontainer {border: 1px outset; padding: 0 0 0 0; vertical-align: top; width: 40px;}
td.homeApplicationpanelcontainer {border-right: 1px outset; height: 100%; padding: 8px 8px 8px 8px; vertical-align: top; width: 100%;}
td.homeApplicationpanelrightcontainer {border: 1px outset; padding: 0 0 0 0; vertical-align: top; width: 40px;}
td.homeApplicationpaneltab {padding: 2px 2px 0px 2px; text-align: center; vertical-align: top; width: 40px;}
div.homeApplicationpanelcontainer {height: 100%; overflow: hidden; }
div.homeApplicationpanelpanel {padding: 10px;}
img.homeApplicationpaneltab {border: 1px outset; width: 32px;}
div.homeApplicationnavigate {background-color: #FFFFFF; padding: 8px 8px 8px 8px; overflow: auto; position: absolute; text-align: center;}