h1
{
   margin: 10px 0px 13px 0px;
   padding: 5px 0px 5px 9px;
   background: url('../images/old/lineHeading.gif') no-repeat left;
   color: #4787C6;
   font-size: 14px;
   font-weight: bold;
}
h2
{
   font-size: 11px;
   font-weight: bold;
   margin: 10px;
}
h3
{
   color: #4787C6;
   margin: 0px;
   padding: 4px;
   font-size: 11px;
   font-weight: bold;
}

img
{
   border: none 0px;
}

ul.menu
{
   padding: 10px 5px 10px 18px;
   margin: 0px;
   background: url('../images/old/tileNav.gif') repeat-y left;
}

ul.menu li
{
   font-weight: bold;
   list-style-type: none;
}

ul.menu li ul
{
   margin-left: 0px;
   padding-left: 17px;
}

ul.menu li ul li
{
   font-weight: normal;
   list-style-image: url('../images/old/arrowGreen.gif');
}

div.termandcondition
{
   width: 350px;
   border: 1px solid #CCC;
   padding: 5px 10px 5px 10px;
   margin: 5px 10px 5px 10px;
   overflow: auto;
   height: 400px;
}

div.paymenttermandcondition
{
   width: 350px;
   border: 1px solid #CCC;
   padding: 5px 10px 5px 10px;
   margin: 5px 10px 5px 10px;
   overflow: auto;
   height: 200px;
}

div.boxedText
{
   padding-bottom: 5px;
   margin-bottom: -1px;
   width: 100%;
   border: 1px solid #CCC;
   clear: left;
}

div.boxedText h2
{
   margin: 0px 0px 10px 0px;
   padding: 4px;
   border-bottom: 1px solid #CCC;
   background-color: #CCEDFF;
   background-image: url('../images/boxHeadBG.gif');
   background-position: top;
   background-repeat: repeat-x;
}

div.boxedText h3
{
   color: #4787C6;
   margin: 0px;
   padding: 4px;
   font-size: 11px;
   font-weight: bold;
}
div.boxedText ul.tasks
{
   margin: 0px;
   padding-left: 10px;
}
div.boxedText ul.tasks li
{
   padding: 5px;
   list-style-type: none;
   vertical-align: middle;
}
div.boxedText ul.tasks li img
{
   margin-right: 10px;
   vertical-align: middle;
}

table.dataTable
{
   border: 1px solid #CCC;
   width: 100%;
   border-collapse: collapse;
}

div.boxedText table.dataTable
{
   width: 93%;
   margin: 5px 11px 5px 11px;
}

table.dataTable th
{
   background-color: #CCEDFF;
   background-image: url('../images/boxHeadBG.gif');
   background-position: top;
   background-repeat: repeat-x;
   font-size: 11px;
   font-weight: bold;
   border-bottom: 1px solid #CCC;
}

table.dataTable td, table.dataTable th
{
   border-left: 1px solid #CCC;
   padding: 3px 6px 3px 6px;
   text-align: left;
}
table.dataTable td
{
   vertical-align: top;
}

table.dataTable tr.odd td
{
   background-color: #F0F0F0;
}

table.dataTable td.numeric, table.dataTable th.numeric
{
   text-align: right;
}

table.dataTable td.buttons, table.dataTable th.buttons
{
   text-align: center;
}
div.loading
{
   text-align: center;
   vertical-align: middle;
}

div.processing
{
   text-align: center;
   vertical-align: middle;
   display: none;
}

div.inputs, div.buttons, div.boxedText p, div.inputsWideLabel, div.contentBox, div.processing
{
   padding: 5px 10px 5px 10px;
}

div.inputs label, div.inputs input, div.inputs span.label, div.inputs select, div.inputs span.readonly, div.inputs textarea,
div.inputsWideLabel label, div.inputsWideLabel input, div.inputsWideLabel span.label, div.inputsWideLabel select,
div.inputsWideLabel span.readonly, div.inputsWideLabel textarea, div.inputs h3, div.inputs span.printerFriendly
{
   display: block;
   float: left;
}

div.inputs label, div.inputs span.label, div.inputsWideLabel label, div.inputsWideLabel span.label,
{
   margin: 3px 1px 0px 1px;
   font-weight: bold;
}

div.inputs label.label10
{
   width: 10%;
}
div.inputs h3, div.inputs span.h3
{
   width: 40%
}
div.inputs label, div.inputs span.label
{
   width: 30%;
}

div.inputsWideLabel label, div.inputsWideLabel span.label
{
   width: 40%;
}

div.inputsXWideLabel label, div.inputsXWideLabel span.label
{
   width: 70%;
   margin: 3px 1px 0px 1px;
   font-weight: bold;
}

div.inputs span.readonly, div.inputs span.printerFriendly, div.inputsWideLabel span.readonly
{
   margin: 3px 1px 10px 1px;
}

div.inputs span.printerFriendly
{
   font-size:10px;
}

div.inputs span.name
{
   margin: 0px 1px 1px 4px;
}

div.inputs input, div.inputs select, div.inputs textarea,
div.inputsWideLabel input, div.inputsWideLabel select, div.inputsWideLabel textarea
{
   margin: 0px 1px 10px 1px;
}

/* this doesn't work in IE6, but because of the way it renders incorrectly it doesn't need it anyway */
div.inputs input[type=radio], div.inputs input[type=checkbox], div.inputsWideLabel input[type=radio], div.inputsWideLabel input[type=checkbox]
{
   margin: 3px 4px 10px 4px;
}

div.inputs input[type=file]
{
   margin: 0px 0px 0px 0px;
   vertical-align: bottom;
}

div.inputs br, div.buttons br, div.inputsWideLabel br
{
   clear: both;
}

a.helpLink, a.helpLinkUp
{
   text-indent: -999em;
   background-image: url('../images/help.gif');
   margin: 2px 0px 2px 5px;
   width: 16px;
   height: 16px;
   display: block;
   float: left;
   cursor: help;
}

a.dateLink
{
   outline: none 0px;
   text-indent: -999em;
   background-image: url('../images/calendar.gif');
   margin: 2px 0px 2px 5px;
   width: 16px;
   height: 16px;
   display: block;
   float: left;
}

a.wikiLink
{
   text-decoration: underline;
}

div.buttons
{
   text-align: center;
}

div.buttons input
{
   margin-right: 10px;
}

input.buttonMini30, input.buttonMini45
{
   outline: none 0px;
   border: none 0px;
   height: 17px;
   font-weight: bold;
   margin: 1px;
}

input.buttonMini30
{
   background-image: url('../images/buttonMini30.gif');
   width: 30px;
}

input.buttonMini45
{
   background-image: url('../images/buttonMini45.gif');
   width: 45px;
}

input.button50, input.button75, input.button100, input.button125, input.button150
{
   outline: none 0px;
   border: none 0px;
   height: 21px;
   font-weight: bold;
   margin: 1px;
}

input.button50
{
   background-image: url('../images/button50.gif');
   width: 50px;
}

input.button75
{
   background-image: url('../images/button75.gif');
   width: 75px;
}

input.button100
{
   background-image: url('../images/button100.gif');
   width: 100px;
}

input.button125
{
   background-image: url('../images/button125.gif');
   width: 125px;
}

input.button150
{
   background-image: url('../images/button150.gif');
   width: 150px;
}

span.required
{
   font-weight: normal;
   color: #F00;
}

div.paging
{
   padding: 0px 15px 5px 15px;
}
div.paging span.totals
{
   float: left;
}
div.paging span.links
{
   float: right;
}

/* right side info boxes */
div.importantBox
{
   background-color: #fdac00;
   background-image: url('../images/importantFooter.gif');
   background-position: bottom;
   background-repeat: no-repeat;
   width: 203px;
   margin: 0px;
   padding-bottom: 4px;
}
div.importantBox h3
{
   width: 195px;
   _width: 203px;	/* IE Only */
   height: 25px;
   _height: 28px; /* IE Only */
   background-image: url('../images/importantHeader.gif');
   background-position: top;
   background-repeat: no-repeat;
   margin: 0px;
   padding: 3px 0px 0px 8px;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   font-family: 'Arial Narrow' Arial;
}
div.importantBox div.content
{
   font-size: 10px;
   margin: -16px 0px 0px 0px;
   padding: 16px 5px 5px 5px;
   line-height: 14px;
   border-left: solid 1px #ab680b;
   border-right: solid 1px #ab680b;
}
div.importantBox img
{
   float: right;
   margin-right: 1px;
   margin-top: -16px;
}
div.importantBox div.content a
{
   color: #CF0000;
   font-weight: bold;
}

div.noticeBox
{
   background-color: #fff;
   background-image: url('../images/noticeFooter.gif');
   background-position: bottom;
   background-repeat: no-repeat;
   width: 203px;
   margin: 0px;
   padding-bottom: 5px;
}
div.noticeBox h3
{
   width: 198px;
   _width: 203px;	/* IE Only */
   height: 19px;
   _height: 22px; /* IE Only */
   background-image: url('../images/noticeHeader.gif');
   background-position: top;
   background-repeat: no-repeat;
   margin: 0px;
   padding: 3px 0px 0px 5px;
   font-size: 11px;
   font-weight: bold;
}
div.noticeBox div.content
{
   font-size: 10px;
   padding: 5px;
   line-height: 14px;
   border-left: solid 1px #d1d1d1;
   border-right: solid 1px #d1d1d1;
}

table.printerVersion
{
   border-top: none;
   border: 1px solid #CCC;
   width: 400px;
   border-collapse: collapse;
   clear: left;
}

table.statmentTable
{
   border-top: none;
   border: 1px solid #CCC;
   width: 100%;
   border-collapse: collapse;
   clear: left;
}

div.boxedText table.statmentTable
{
   width: 93%;
   margin: 0px 11px 5px 11px;
}

table.statmentTable th.title, table.printerVersion th.title
{
   background-color: #CCEDFF;
   background-image: url('../images/boxHeadBG.gif');
   background-position: top;
   background-repeat: repeat-x;
   font-size: 11px;
   font-weight: bold;
   border-bottom: 1px solid #CCC;
   text-align: left;
}

table.statmentTable th, table.printerVersion th
{
   font-size: 11px;
   font-weight: bold;
   border-bottom: 1px solid #CCC;
}

table.statmentTable td, table.statmentTable th, table.printerVersion td, table.printerVersion th
{
   border-left: 1px solid #CCC;
   padding: 3px 6px 3px 6px;
   text-align: center;
}
table.statmentTable td, table.printerVersion td
{
   vertical-align: top;
}

table.statmentTable tr.odd td, table.printerVersion tr.odd td
{
   background-color: #F0F0F0;
}

table.statmentTable td.numeric, table.statmentTable th.numeric, table.printerVersion td.numeric, table.printerVersion th.numeric
{
   text-align: right;
}

table.statmentTable td.total, table.printerVersion td.total
{
   border-top: 1px solid #CCC;
   text-align: right;
   font-weight: bold;
}

table.statmentTable td.buttons, table.statmentTable th.buttons, table.printerVersion td.buttons, table.printerVersion th.buttons
{
   text-align: center;
}

div.statmentSummary
{
   width: 93%;
   margin: 0px;
   padding: 0px;
}

div.statementSummary h4
{
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   margin: 0px 0px 0px 0px
}

div.statementSummary div.content
{
   width: 93%;
   font-size: 10px;
   /*margin: 5px 2px 5px 2px;*/
   padding: 5px 2px 5px 5px;
   font-weight: bold;
   text-align: center;
}

hr
{
   height: 1px;
   color: #CCC;
}

.image
{
   float: left;
   border: none;
}

.error ul, .error li
{
   color: #ff0000;
   font-weight: bold;
}

/* Top Menu */
div.topmenucontainer
{
   width: 100%;
   margin: 5px 11px 0px 11px;
   display: block;
}

div.topmenucontainerno
{
   width: 100%;
   margin: 5px 0px 0px 0px;
   display: block;
}

ul.topmenu
{
   font-weight: bold;
   list-style-type: none;
   margin: 0;
   padding: 0;
   vertical-align: bottom;
}

ul.topmenu li
{
   float: left;
   margin: 0;
   padding: 0;
   vertical-align: bottom;
}

ul.topmenu a.tabactive
{
   color: #000000;
}

ul.topmenu a.tab
{
   font-size: 10px;
   font-weight: bold;
}

a.tab, a.tabcaution, a.tabactive
{
   display: block;
   margin-top: 8px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   padding: 0px 6px 0px 6px;
   white-space: nowrap;
   text-decoration: none;
   border: 1px solid #ccc;
   border-bottom: none;
}

a.tabactive, a.tab:hover
{
   color: #000000;
   padding: 4px 6px 4px 6px;
   margin: 0px 0px 0px 0px;
   font-size: 11px;
   font-weight: bold;
   background-color: #ffffff;
   background-image: url('../images/tabHeadBG.gif');
   background-position: bottom;
   background-repeat: repeat-x;
}

strong.smallBottomSpace
{
   margin-bottom : 0px;
   padding-bottom : 0px;
}

ul.smallTopSpace
{
   margin-top : 0px ;
   padding-top : 0px ;
}

.hiddenblk
{
   visibility: hidden;
   color: #000000;
   font-weight: bold;
}

.hidden
{
   visibility: hidden;
   color: #ff0000;
   font-weight: bold;
}

.unhidden
{
   visibility: visible;
   color: #ff0000;
   font-weight: bold;
}