body {
    margin: 0;
    padding: 0;
}
iframe {
    border: 1px solid #759dc0;
    border-radius: 3px;
    box-sizing: border-box;
}
table {
    border: none;
    box-sizing: border-box;
}
td {
    border: none;
}
.amcBox, .dijitAccordionChildWrapper, .dijitAccordionInnerContainer {
    border-radius: 3px;
}
.dijitTextBox {
    border-radius: 3px;
}


A:link { color: black }
A:visited { color: black }
A:active { color: black }
A:hover { color: black }


input
{
   font-size: 10pt;
}

div.rootComponent *
{
   font-size: 9pt;
   font-family: Verdana;
}

body
{
   padding: 10px;
   font-family: Verdana;
   font-size: 9pt;
   background-color: #f3f3f3;

}

body.sidemenu
{
   background-color: #ffffff;
}

div.CLSurround
{
   text-align: left;
   padding: 5px;
   display: block;
}

table.topbar a:link { color: #000000 }
table.topbar a:visited { color: #000000 }
table.topbar a:active { color: #000000 }
table.topbar a:hover { color: #000000 }

table.topbar
{
   border: 1px dashed;
	border-color: #000000;
	background: #e5e5e5;
   padding: 5px;
   margin-bottom: 15px;
   width: 100%;
}

table.topbar div
{
   display: inline;
   margin-bottom: 0px;
}

table.topbar div.function
{
   margin-left: 0px;
   margin-right: 15px;
	font-size: 9pt;
}

table.topbar div.history
{
   margin-left: 15px;
   margin-right: 0px;
	font-size: 9pt;
}

table.pageHeader td
{
   color: white;
   font-size: 10pt;
   vertical-align: center;
   white-space: nowrap;
   margin: 10px
}

table.pageHeader div.headingA
{
   font-size: 12pt;
   /*font-weight: bold;*/
   margin: 10px
}
table.pageHeader div.heading
{
   font-size: 12pt;
   margin: 10px
}

table.pageHeader div.history
{
   margin: 1px
}

table.reportSelection td
{
   text-align: center;
   text-size: medium
}


table
{
   margin-top: 0px
}

td.nonbreaking
{
	white-space: nowrap
}

table.report
{
   font-size: 8pt;
   color: #000000;
}

table.report td
{
   font-size: 8pt;
    border: 1px solid;
    border-color: #ffffff #aaaaaa #aaaaaa #ffffff;
    background: #e5e5e5;
    font-weight: normal;
    padding: 5px;

}

table.report th
{
   background: #cfceff;
   border: 1px solid;
   border-color: #e9e8ff #b5b4e5 #b5b4e5 #e9e8ff;
   padding: 5px;
}

table.report a:link { color: #000000; font-size: 8pt; }
table.report a:hover { color: #000000; font-size: 8pt; }
table.report a:active { color: #000000; font-size: 8pt; }
table.report a:visited { color: #000000; font-size: 8pt; }


table.stringgrid
{
   font-size: 8pt;
   border: 2px solid;
   border-size-bottom: 1px;
   border-color: #aaaaaa #ffffff #ffffff #aaaaaa;
   background-color: white;

}

table.stringgrid tr td
{
   border: 1px;
   border-style: dotted;
   border-color: white #bbbbbb #bbbbbb white;
}


table.stringgrid tr.bottom td
{
   border-bottom-color: white;
}

table.stringgrid tr td.right
{
   border-right-color: white;
}

table.stringgrid tr.selected
{
   background-color: #cfceff;
}

table.stringgrid tr.selected td .textfield
{
   background-color: #cfceff;
}

table.stringgrid tr td.editing
{
   border: 1px;
   border-left-style: solid;
   border-right-style: solid;
   border-top-style: solid;
   border-bottom-style: solid;
   border-color: black;

}

table.stringgrid tr th
{
   border: 1px solid;
   border-color: #ffffff #aaaaaa #aaaaaa #ffffff;
   background-color: #dddddd;
}

table.stringgrid tr td .textfield
{
   width: 100%;
/*   height: 100%;*/
   border: none;
   padding: 0px;
   margin: 0px;
}

th
{
   vertical-align: middle;
   text-align: center;
   font-weight: normal;

}

table.report th.total, table.report td.total, table.report tr.total td
{
   background-color: #cccccc;
   border-color: #e6e6e6 #b2b2b2 #b2b2b2 #e6e6e6;
}

table.report th.grandTotal, table.report td.grandTotal, table.report tr.grandTotal td
{
   background-color: #aaaaaa;
   border-color: #c4c4c4 #909090 #909090 #c4c4c4;
   font-weight: bold;
}

table.report div.cellmenu
{
   margin: 5px;
   padding: 5px;
   border: 1px solid;
   border-color: #343399;
   background-color: #cfceff;
   position: absolute;
   color: #000000;
   z-index:20;
   visibility: hidden;
}

table.report div.cellmenu a:link { color: #000000 }
table.report div.cellmenu a:visited { color: #000000 }
table.report div.cellmenu a:active  { color: #000000 }
table.report div.cellmenu a:hover { color: #000000 }


table.box
{
   border: 1px solid;
   border-color: #343399;
}


table.box td.title
{
   color: #ffffff;
   font-size: 8pt;
   font-weight: bold;
   background-color: #343399;
   text-align: center;
   padding-bottom: 2px;
}

table.box td.title a:link { color: white }
table.box td.title a:visited { color: white }
table.box td.title a:active { color: white }
table.box td.title a:hover { color: red }


table.box td.content
{
   color: black;
   font-size: 7pt;
   font-weight: normal;
   background-color: #e5e5e5;
   text-align: justify;
}

table.box td.print
{
   color: black;
   font-size: 8pt;
   /*font-weight: bold;*/
   text-transform: uppercase;
}


td.content
{
   font-size: 9pt;
   border: 1px solid;
	border-color: #ffffff #cccccc #cccccc #ffffff;
	background: #e5e5e5;
   padding: 5px;
}

table.tabbedForm, table.form
{
   width: 100%;
}

table.tabbedForm td.selectedStart img.selectedStart { display: block; }
table.tabbedForm td.selectedStart img.selectedEnd { display: none; }
table.tabbedForm td.selectedStart img.unselected { display: none; }
table.tabbedForm td.selectedEnd img.selectedStart { display: none; }
table.tabbedForm td.selectedEnd img.selectedEnd { display: block; }
table.tabbedForm td.selectedEnd img.unselected { display: none; }
table.tabbedForm td.unselected img.selectedStart { display: none; }
table.tabbedForm td.unselected img.selectedEnd { display: none; }
table.tabbedForm td.unselected img.unselected { display: block; }

table.tabbedForm td.unselected
{
   font-size: 9pt;
   border-style: solid;
   border-width: 2px 2px 1px 1px;
   border-color: #c4c4c4 #909090 #909090 #c4c4c4;
   background-color: #aaaaaa;
   padding: 1px 5px 3px 5px;
}

table.tabbedForm td.selected
{
   font-size: 9pt;
   border-style: solid;
   border-width: 2px 1px 1px 1px;
   border-color: #e9e8ff #b5b4e5 #b5b4e5 #e9e8ff;
   background-color: #cfceff;
   padding: 1px 5px 3px 5px;
}

table.tabbedForm td.content
{
   border-style: solid;
   border-width: 1px 2px 2px 2px;
   border-color: #ffffff #cccccc #cccccc #ffffff;
   background-color: #e5e5e5;

}

table.tabbedForm td.unselected a:link { color: white }
table.tabbedForm td.unselected a:hover { color: white }
table.tabbedForm td.unselected a:active { color: white }
table.tabbedForm td.unselected a:visited { color: white }
table.tabbedForm td.selected a:link { color: black }
table.tabbedForm td.selected a:hover { color: black }
table.tabbedForm td.selected a:active { color: black }
table.tabbedForm td.selected a:visited { color: black }

p.history
{
   font-size: 8pt;
   margin-top: 2px;
   margin-bottom: 0px
}

td.tab
{
   background-color: #e5e5e5;
   border-style: solid;
   border-width: 1px 2px 2px 2px;
   border-color: #ffffff #cccccc #cccccc #ffffff;
}

table.internalGroup tr
{
   margin-top: 20px;
   margin-bottom: 20px;
}

textarea
{
   width: 100%
}



table.internalGroup, table.internalGroup td
{
   background-color: transparent;
   /*padding-left: 3px;
   padding-right: 3px;
   padding-top: 3p*/
   padding: 3px;
}


.select, .textfield
{
   font-size: 9pt;
   border: 1px solid;
   border-color: black;
}

td.label
{
   font-family: Verdana;
   font-size: 9pt;
   font-weight: bold;
}

table.externalGroup tr.form td
{
   background-color: white;
   padding: 2px;
   color: black;

   border: 1px solid;
   border-color: yellow;
}

table.externalGroup td
{
   background-color: transparent;
   padding: 3px;
}


.button-normal
{
   color: #000;
   background-color: #cfceff;
   padding: 2px;
   border: 2px solid;
   border-color: #e9e8ff #b5b4e5 #b5b4e5 #e9e8ff;
}

.button-hover
{
   color: #000;
   background-color: #e0e0ff;
   padding: 2px;
   border: 2px solid;
   border-color: #e9e8ff #b5b4e5 #b5b4e5 #e9e8ff;
}

.button-pressed
{
   color: #000;
   background-color: #e0e0ff;
   padding: 2px;
   border: 2px solid;
   border-color: #b5b4e5 #e9e8ff #e9e8ff #b5b4e5;
}


td.nopadding
{
   padding: 0px
}

.tab
{
	white-space: nowrap;
   padding: 0px;
   background-color: white
}

form td.whitebg
{
   background-color: white
}



.multiDataCell
{
   align : right;
   valign : top
}

/******************** SIDE MENU ***********************/

body.sidemenu
{
   margin: 0px;
   padding: 0px;
   color: #000000;
}


body.sidemenu *
{
   font-size: 8pt;
}


body.sidemenu div
{
	background-color: #343399;
	color: #ffffff;
	position: relative;
	z-index: 3;
}

body.sidemenu div.menuTitle
{
   width: 100%;
   background-color: #cfceff;
   text-align: center;
   font-size: 12px;
   color: #000000; /* black*/
   margin-bottom: 10px;
}


body.sidemenu div.bottomimages
{
   z-index: 0;
}

body.sidemenu div.poweredby
{
   position: absolute;
   bottom: 10px;
   left: 0px;
   width: 130px;
   z-index: 2;
   background-color: transparent;
   color: #343399;
   text-align: center;
}

body.sidemenu div.poweredby#poweredbyshadow
{
   bottom: 9px;
   left: 1px;
   z-index: 1;
   color: #606060;
}

body.sidemenu div.menu0
{
   border-bottom: solid 1px;
   border-bottom-color: #7275ac;
   padding: 10px;
}

body.sidemenu div.menu0#last
{
   border-bottom: none;
}

body.sidemenu div.menu1
{
   padding: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
}

body.sidemenu div.menu0 a:link {color: #ffffff; text-decoration: none; }
body.sidemenu div.menu0 a:hover {color: #ffff00; text-decoration: none; }
body.sidemenu div.menu0 a:active {color: #ffff00; text-decoration: none; }
body.sidemenu div.menu0 a:visited {color: #ffffff; text-decoration: none; }

body.sidemenu div.menu1 a:link {color: #ffff00; text-decoration: none; }
body.sidemenu div.menu1 a:hover {color: #ffffff; text-decoration: none; }
body.sidemenu div.menu1 a:active {color: #ffffff; text-decoration: none; }
body.sidemenu div.menu1 a:visited {color: #ffff00; text-decoration: none; }

/************************** ComboBox **************************/

.HTMLComboBox
{
   border: 2px solid;
   border-color: #606060 white white #606060;
   background-color: white;

   font-size: 9pt;
   /*font-size: 10px;*/
   cursor: default;
}

.HTMLComboBox .value
{
   font-family: Verdana;
   padding: 2px 2px;
   height: 9pt;
   border: none;
}


.HTMLComboBox .value_disabled
{
   font-family: Verdana;
   padding: 2px 2px;
   height: 9pt;
   border: none;
   background-color: #343399;
   color: #a0a0a0;
}

table.stringgrid tr.selected .HTMLComboBox .value
{
   background-color: #cfceff;
}


.HTMLComboBox td.arrow
{
   border: 2px solid;
   border-color: white #606060 #606060 white;
   background-color: #343399;
   width: 11px;
   padding-left: 2px;
   padding-right: 2px;
   text-align: center;
}

table.stringgrid tr .HTMLComboBox .arrow
{
   /* It looks nicer with a thinner bevel in a stringgrid */
   border-width: 1px;
   border-bottom-color: #606060;
}

.HTMLComboBoxDropDown
{
   background-color: white;
   position: absolute;
   border: black 1px solid;
   cursor: default;
}

/*  Causes horizontal scrollbar in Moz
.HTMLComboBoxDropDown div
{
   padding-left: 2px;
   padding-right: 2px;
}
*/

.HTMLComboBoxDropDown .selected
{
   background-color: #333899;
   color: white;
}



/************************** Calendar **************************/

table.calendar
{
   text-align: center;
   vertical-align: middle;
   font-size: 10pt;
   font-family: Verdana;
   border: 2px solid #343399;
   background-color: white;
}

table.calendar * table
{
   width: 100%;
}

table.calendar *
{
   font-size: 10pt;
}

tr.calendarButtons
{
   text-align: center;
   border-spacing: 0;
   font-size: 10pt;
   padding: 0;
}

tr.calendarButtons td
{
   background-color: #343399;
   color: #808080;
   border: 2px solid;
   border-color: #4343c6 #262670 #262670 #4343c6;
}

tr.calendarButtons td.calendarTitle
{
   color: white;
   cursor: move;
}

td.calendarButtons td.calendarArrow
{
   width: 10%;
}


tr.calendarButtons td a:link, tr.calendarButtons td a:hover, tr.calendarButtons td a:active, tr.calendarButtons td a:visited
{
   color: white;
}

table.calendar tr.dayNames td
{
   width: 14.3%;
   border: 1px;
   border-style: none none solid none;
   padding: 2px;
   margin: 2px;
}

table.calendar tr.days td
{
   border: 1px solid;
   border-color: #dddddd #dddddd white white;
}

table.calendar tr.days a
{
   color: inherit;
}

table.calendar tr.days td#today
{
   border-color: black;
}

table.calendar tr.days td#selected
{
   color: red;
}

table.calendar tr.days td#selectedtoday
{
   color: red;
   border-color: black;
}

table.calendar * td.shaded
{
   background-color: #e8e8ff;
}

table.calendar tr.days td.shaded
{
   border-color: #c2c2d6 #c2c2d6 #e8e8ff #e8e8ff;
}

table.calendar tr.dayNames td.shaded
{
   border-color: #e8e8ff #e8e8ff black #e8e8ff;
}

table.calendar * div.unavailable
{
   color: #aaaaaa;
}

table.monthList * a
{
   color: black;
}

table.monthList * td
{
   width: 33%;
   text-align: center;
   color: #808080;
}




/****************************** LOGIN SCREEN *****************************/

body.login td.normal
{
   text-align: center;
   font-weight: bold;
   font-size: 12pt;
}

body.login td.error
{
   font-weight: bold;
   font-size: 12pt;
   color: red;
   text-align: center;
}

body.login td.loginProblems
{
   font-size: 8pt;
   text-align: right;
   padding-right: 5px;
}

body.login div.intro
{
   display: block;
   padding-left: 10px;
}

body.login form.login
{
   background-color: #E5E5E5;
   border: 1px solid;
   border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
   padding-top: 5px;
   padding-bottom: 5px;
   background-repeat: no-repeat;
   background-position: bottom left;

}

body.login div.moreinfo
{

   padding: 10px;
}