<style>
/*
Not all the common attributes necessary are defined within this style sheets. Items such as
the standard with of tables and element colors cannot be placed within this file. This file
is only processed by the browser and some elements are variable depending on the user. These
elements are included at run time and processed by the application to substitute user values
when needed.
*/

/* Reset all the CSS attributes to a known default value */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;}

/* Define how the following should be displayed */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display:block;}

/* List attributes will not contain any bullets or markers */
ol, ul {
  list-style:none;}

/* Initial Blockguote quoted attributes defined */
blockquote, q {
  quotes:none;}

/* Initial Blockguote attributes defined */
blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none;}

/* Define tables with no spacing on the border and borders combined */
table {
  border-collapse:collapse;
  border-spacing:0;}

/* Define the form body attributes such as the font to be used */
body {
  line-height:1;
  font-family:Calibri, Arial, sans-serif;}

/* Define the font to be used for input boxes */
input {
  font-family:Calibri, Arial, sans-serif; font-size:0.9em;}

/* Create buttons with some style */
*.myButton {
  -moz-box-shadow:inset 0px 0px 8px 0px rgba(255,255,255,1);
  -webkit-box-shadow:inset 0px 0px 8px 0px rgba(255,255,255,1);
  box-shadow:inset 0px 0px 8px 0px rgba(255,255,255,1);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, rgba(237,237,237,1)), color-stop(1, rgba(223,223,223,1)));
  background:-moz-linear-gradient(center top, rgba(237,237,237,1) 5%, rgba(223,223,223,1) 100% );
  background-color:rgba(237,237,237,1);
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-topleft:5px;
  border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topright:5px;
  border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-bottomright:5px;
  border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-bottomleft:5px;
  border-bottom-left-radius:5px;
  text-indent:0;
  border:2px solid rgba(220,220,220,1);
  display:inline-block;
  color:rgba(0,140,140,1);
  font-family:Arial, sans-serif;
  font-size:15px;
  font-weight:bold;
  font-style:normal;
  height:25px;
  line-height:20px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px rgba(255,255,255,1);}

/* Highlight a button when the mouse hovers over the button */
*.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, rgba(223,223,223,1)), color-stop(1, rgba(237,237,237,1)));
  background:-moz-linear-gradient(center top, rgba(223,223,223,1) 5%, rgba(237,237,237,1) 100% );
  background-color:rgba(223,223,223,1);}

/* Highlight the selected button */
*.myButton:active {
  position:relative;
  top:1px;}

/* Define the standard input box corners */
input[type="text"], textarea, select, input[type="password"], div.styled, input[type="file"] {
  border-radius:2px;
  border:solid 1px rgba(204,204,204,1);
  padding:0.1em;}

/* Define the standard input box background colors and shading */
input[type="text"], textarea, select, input[type="password"], input[type="file"] {
  background-color:rgba(245,245,245,1);
  -webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);
  box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}

/* Define the standard input box with black text */
input[type="text"]:focus, textarea:focus {
  border-color:rgba(0,0,0,1);}

/* Define the fonts and size to be used for monospaced text in selection box */
select.FixedSize {
  font-family:"Lucida Console","Lucida Sans Typewriter",Monaco,"Bitstream Vera Sans Mono",monospace;
  font-size:0.8em;}

/* Align numbers to the right in number boxes */
input.NumberRight {
  text-align:right;}

/* Define the fonts and size to be used for monospaced text in selection box */
select.FixedSize {
  font-family:"Lucida Console","Lucida Sans Typewriter",Monaco,"Bitstream Vera Sans Mono",monospace;
  font-size:0.8em;}

/* Creates a table with no border, generally used for a table within a table that has borders */
table.WithBorder, table.WithBorder tr td {
  border-color:rgba(0,0,0,1);
  border-width:1px;
  border-style:solid;
  border-collapse:collapse;}

/* Creates a table with no border and no borders on the cells */
table.NoBorder, table.NoBorder tr td {
  border-style:none;}

/* Creates a table with borders on the table but no borders on the cells */
table.WithBorderNoCells {
  border:1px solid rgba(0,0,0,1);
  border-width:1px;
  border-style:solid;
  border-collapse:collapse;}

/* Remove the border from certain tables */
table.WithBorderNoCells tr td {
  border:0px;}

/* Creates a table with a border and a shadow on the table and the cells */
table.WithBorderShadow, table.WithBorderShadow tr td {
  border-color:rgba(0,0,0,1);
  border-width:1px;
  border-style:solid;
  border-collapse:collapse;
  box-shadow: 5px 5px 3px rgba(136,136,136,1);}

/* Creates a table with a round border and no shadow */
table.RoundBorder {
  border:1px solid rgba(161,161,161,1);
  padding:2px 2px;
  border-radius:10px;
  border-collapse:separate;}

/* Creates a table with rounded corners and a shadow */
table.ShadowRound {
  border:1px solid rgba(161,161,161,1);
  padding:2px 2px;
  border-radius:10px;
  border-collapse:separate;
  box-shadow: 5px 5px 3px rgba(136,136,136,1);}

/* Creates a table with a shadow on the table and all the cells */
table.ShadowSquare {
  border:1px solid rgba(161,161,161,1);
  padding:2px 2px;
  border-collapse:collapse;
  box-shadow:5px 5px 3px rgba(136,136,136,1);}

/* Define the color and width for the table cells with a square border and a shadow */
table.ShadowSquare tr, table.ShadowSquare td {
  border:1px solid rgba(161,161,161,1);}

/* Creates a table with a square shadow but no border in the cells */
table.ShadowSquareNoCells {
  border:1px solid rgba(161,161,161,1);
  padding:2px 2px;
  border-collapse:collapse;
  box-shadow:5px 5px 3px rgba(136,136,136,1);}

/* Will center the table within a cell */
table.CenteredTable {
  margin:0px auto;}

/* Used to provide a header row for a table that just looks good */
td.Normal, th.Normal {
  color:rgba(255,255,255,1);
  font-weight:bold;
  font-size:medium;
  font-variant:normal;
  text-align:center;
  background-color:rgba(0,139,139,1);}

/* Used to provide a header row for a table with left justified text that just looks good */
td.Important, th.Important {
  color:rgba(255,255,0,1);
  font-weight:bold;
  font-size:medium;
  font-variant:normal;
  text-align:center;
  background-color:rgba(0,139,139,1);}

/* Provides a consistent gap between buttons */
td.ButtonGap, th.ButtonGap {
  width:5px;}

/* Standard left justification for a table cell */
td.Left, th.Left, td.left,th.left {
  text-align:left;}

/* Standard right justification for a table cell */
td.Right, th.Right, td.right, th.right {
  text-align:right;}

/* Standard center justification for a table cell */
td.Center, th.Center, td.center, th.center {
  text-align:center;}

/* Standard vertical top justification for a table cell */
td.Top, th.Top, td.top,th.top {
  vertical-align:top;}

/* Standard vertical middle justification for a table cell */
td.Middle, th.Middle, td.middle,th.middle {
  vertical-align:middle;}

/* Standard vertical bottom justification for a table cell */
td.Bottom, th.Bottom, td.bottom,th.bottom {
  vertical-align:bottom;}

/* Center buttons within a table (typically used for buttons on the bottom of the page) */
table.CenterButtons {
  margin:0px auto;}

/* Provides a different color for the odd row in a table with cell borders */
*.DataRow:nth-child(odd) {
  background-color:rgba(224,255,255,1);
  color:rgba(0,0,0,1);}

/* Provides a different color for the even row in a table with cell borders */
*.DataRow:nth-child(even) {
  background-color:rgba(255,255,224,1);
  color:rgba(0,0,0,1);}

/* Provides a different color for the odd row in a table with no cell borders */
*.DataRowBorder:nth-child(odd) {
  background-color:rgba(224,255,255,1);
  color:rgba(0,0,0,1);}

/* Provides a different color for the even row in a table with no cell borders */
*.DataRowBorder:nth-child(even) {
  background-color:rgba(255,255,224,1);
  color:rgba(0,0,0,1);}

/* The main page header used on all the pages; the content is static */
*.HeaderLine {
  text-align:center;
  vertical-align:bottom;
  font-size:2.0em;
  font-weight:bold;
  /* text-shadow:2px 2px 1px rgba(128,128,128,1); */
  /* letter-spacing:3px; */}

/* The sub header used on all the pages; the content changes */
*.PageHeader {
  text-align:center;
  vertical-align:top;
  font-size:1.7em;
  font-weight:bold;
  /* text-shadow:1px 1px 1px rgba(169,169,169,1); */
  /* letter-spacing:2px; */}

/* Provides a smaller breaking space between items */
div.DivideSpace {
  line-height:60%;}

/* Makes the bullets display the same in all browsers */
ul {
  list-style-type:none;
  padding-left:20px;
  margin:5px;}

ul li {
  background-repeat:no-repeat;
  background-position:0px 5px;
  padding-left:0px;
  vertical-align:top;}

/* Used to display a response message when creating output files etc. */
td.ResponseMessage {
  color:rgba(128,0,0,1);
  font-weight:bold;}

/* Used to define the top horizontal line on the page. */
hr.TopLine {
  height:6px;
  border:0;
  box-shadow:inset 0 6px 6px -6px rgba(0,128,128,1);}

/* Used to define the bottom horizontal line on the page. */
hr.BottomLine {
  height:6px;
  border:0;
  box-shadow:inset 0 -6px 6px -6px rgba(0,128,128,1);}

/* Used to padding around data cells in a table. */
th.myPadding, td.myPadding {
  padding:0px 3px;}

/* Used to define the developer line information. */
td.DeveloperLine, span.DeveloperLine {
  font-weight:bold;
  color:rgba(189,79,123,1);
  font-size:0.9em;}

/* Allows the display of a border on table cells */
  table.debug, table.debug tr td {border: 1px solid orange;}

</style>