/*/////////////////////////////////////////////////////////////////////*/
/*///                  The Main CSS Properties                      ///*/
/*/////////////////////////////////////////////////////////////////////*/
body {background: #ffffff url(/images/topbg.gif) repeat-x; margin: 0px; font-family: verdana, helvetica, geneva, arial, sans-serif; 
			font-size: 11px;	color: #000000;}
body.print {background: #ffffff; margin: 10px;}
body.viewform {background: #ffffff; margin: 10px 0px;}
body.accounting {background: #ffffff; margin: 10px;}
a:link, a:visited, a:active {color: #0A8694;	text-decoration: none;}
a:hover {color: #600; text-decoration: underline;}

p {margin:0;}
p, td, ul, ol, .normal, input, select, .submit {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 11px;	color: #000000;}

h1, h2, h3, h4, .titlesmall {font-weight: bold; margin: 0px;}
h1 {font-size: 22px;}
h2 {font-size: 18px;}
h3, .titlesmall {font-size: 14px;}
h4 {font-size: 12px;}

input, select {background-color: #ffffff; color: #555555; font-weight: bold; border: solid 1px #555555; padding-left: 3px;}
textarea {background-color: #ffffff; color: #555555; font-weight: bold; border: solid 1px #555555; padding: 3px; width: 100%;}
textarea.htmlformat {font-weight: normal; background-color: #ffffff; color: #000000; border: solid 1px #000000; border: solid 1px #555555; padding: 3px; width: 100%;}
input.submit {font-family: arial; font-weight: bold; background-color: #194860; color: #ffffff; border: 1px solid #000000; font-size: 11px;}
input.submitred {font-family: arial; font-weight: bold; background-color: #660000; color: #ffffff; border: 1px solid #000000; font-size: 11px;}
input.submitdis {font-family: arial; font-weight: bold; background-color: #cccccc; color: #777777; border: 1px solid #777777; font-size: 11px;}
input.reorder {font-weight: bold; background: #FFD178; font-size: 9px; color: #000000; border: 1px solid #000000;}
span.smallalt {margin: 0px; font-family: verdana; font-weight: bold; font-size: 10px; color: #165E6D;}

.notice {font-size: 12px; color: #660000; font-weight: bold; border: #003300 1px dotted; padding: 2px; margin: 0px;}
.optional {color: #0A8694;}
.notes {font-size: 10px;}
.tiny {font-size: 8px;}
.status {color: #ee0000; font-weight: bold;}
.help {color: #660000;}

#footer {text-align: right; color: #666666; font-size: 10px; padding: 3px 10px; border-top: dashed #777777 1px; border-bottom: dashed #777777 1px;}
#toplinks {font-weight: bold;}
#toplinks a:link, #toplinks a:visited, #toplinks a:active {color: #3C5E70;	text-decoration: none;}
#toplinks a:hover {color: #aaaaaa; text-decoration: underline;}

td.helpbox {color: #660000; background-color: #f3f6f9; padding: 5px 20px; border-bottom: solid 1px #000000;}
div.helpboxfull {color: #660000; background-color: #f3f6f9; padding: 8px; border: solid 1px #000000; margin-bottom: 20px;}
div.status {border: solid 1px #777777; padding: 8px; background-color: #f5f5f5;}
table.confirmbox {width: 400px; border: solid 1px #000000; background-color: #eeeeee;}
td.confirmbox {padding: 8px;}

.tablink {font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff;}
a.tablink:link, a.tablink:visited, a.tablink:active {color: #ffffff; font-weight: bold;	text-decoration: none;}
a.tablink:hover {color: #cccccc; font-weight: bold; text-decoration: none;}
td.tab-titlebg {background-color:#49637E;}

.pgnav {border: solid 1px #000000; padding: 1px 3px; color: #ffffff; font-size: 11px; font-weight: bold; background-color: #0A8694;}
.pgnavactive {border: solid 1px #000000; padding: 1px 3px; color: #000000; font-size: 11px; font-weight: bold; background-color: #ffff00;}
.pgnavinactive {border: solid 1px #999999; padding: 1px 3px; color: #ffffff; font-size: 11px; font-weight: bold; background-color: #cccccc;}
a.pgnavlink:link, a.pgnavlink:visited, a.pgnavlink:active {color: #E9F4FE; font-weight: bold; text-decoration: none;}
a.pgnavlink:hover {color: #ffff00; font-weight: bold; text-decoration: none;}

/*/////////////////////////////////////////////////////////////////////*/
/*///               Global Table and Cell Properties                ///*/
/*/////////////////////////////////////////////////////////////////////*/
div.formtabs {width: 100%; text-align: right;}
#forms table {border: solid 1px #555555; border-collapse: collapse;}
#forms th {background-color: #99CCCC; padding: 3px 5px; border-top: solid 1px #555555; border-bottom: solid 1px #555555;}
#forms th p {font-family: arial; font-size: 11px;	color: #555555; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;}
#forms td {padding: 3px 2px; vertical-align: top;}
#forms td.long {padding: 5px 10px;}
#forms td.formfooter {padding: 10px; background: #cccccc; border-top: solid 1px #555555;}
#forms p, .label {font-family: trebuchet ms, verdana, helvetica, geneva, arial, sans-serif; font-size: 11px;	color: #555555; font-weight: bold;}
#forms .labelsm {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 10px;	color: #555555; font-weight: bold;}
#forms td.helpbox {color: #660000; background-color: #f3f6f9; padding: 5px 20px; border-bottom: solid 1px #000000;}
#forms .status {color: #ee0000; font-weight: bold;}

#listtable table {border: solid 1px #555555; border-collapse: collapse;}
#listtable th {background-color: #99CCCC; padding: 3px 5px; border-top: solid 1px #555555; border-bottom: solid 1px #555555;}
#listtable th p {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 11px; font-weight: bold; color: #555555;}
#listtable th p.small {font-size: 10px;}
#listtable th p.dis {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 11px; font-weight: bold; color: #aaaaaa;}
#listtable a.header:link, #listtable a.header:visited, #listtable a.header:active {color: #0A8694; text-decoration: none;}
#listtable a.header:hover {color: #eeeeee; text-decoration: none; background-color: #000000;}
#listtable td p.small {font-size: 10px;}
#listtable td.normal {border-bottom: solid 1px #aaaaaa; background-color: #ffffff; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#listtable td.long {border-bottom: solid 1px #aaaaaa; background-color: #ffffff; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px;}
#listtable td.alt {border-bottom: solid 1px #aaaaaa; background-color: #fefcf2; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#listtable td.sba {border-bottom: solid 1px #aaaaaa; background-color: #ffc0cb; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#listtable td.deleted {border-bottom: solid 1px #aaaaaa; background-color: #ffc6c6; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#listtable td.notactive {border-bottom: solid 1px #aaaaaa; background-color: #cccccc; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#listtable td.highlight {border-bottom: solid 1px #aaaaaa; background-color: #ffff00; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#listtable td.started {border-bottom: solid 1px #aaaaaa; background-color: #aaffaa; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#listtable td.stopped {border-bottom: solid 1px #aaaaaa; background-color: #ffaaaa; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}

#notable table {border: none;}
#notable th {background-color: #dedede; padding: 3px 5px; border-top: solid 1px #555555; border-bottom: solid 1px #555555; border-left: solid 1px #555555; border-right: solid 1px #555555;}
#notable th p {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 14px; font-weight: bold; color: #000000;}
#notable th p.small {font-size: 12px;}
#notable th p.dis {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 11px; font-weight: bold; color: #aaaaaa;}
#notable a.header:link, #listtable a.header:visited, #listtable a.header:active {color: #0A8694; text-decoration: none;}
#notable a.header:hover {color: #eeeeee; text-decoration: none; background-color: #000000;}
#notable td {font-size: 13px; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px;}
#notable td p.small {font-size: 12px;}
#notable td.normal {border-bottom: solid 1px #aaaaaa; background-color: #ffffff; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#notable td.long {border-bottom: solid 1px #aaaaaa; background-color: #ffffff; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px;}
#notable td.alt {border-bottom: solid 1px #aaaaaa; background-color: #fefcf2; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#notable td.sba {border-bottom: solid 1px #aaaaaa; background-color: #ffc0cb; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#notable td.deleted {border-bottom: solid 1px #aaaaaa; background-color: #ffc6c6; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#notable td.notactive {border-bottom: solid 1px #aaaaaa; background-color: #cccccc; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#notable td.highlight {border-bottom: solid 1px #aaaaaa; background-color: #ffff00; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#notable td.started {border-bottom: solid 1px #aaaaaa; background-color: #aaffaa; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
#notable td.stopped {border-bottom: solid 1px #aaaaaa; background-color: #ffaaaa; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}

#pathcolumn {padding: 5px 0px 10px; text-align: left; vertical-align: top; font-weight: bold; font-size: 10px;}
#pathcolumn a:link, #pathcolumn a:visited, #pathcolumn a:active {color: #0A8694; text-decoration: none;}
#pathcolumn a:hover {color: #aaaaaa; text-decoration: none;}

td.menubar  {padding: 0px; text-align: center; vertical-align: middle; border: solid 1px #000000;}
#menubar table {width: 980px; border: 0px; border-collapse: collapse; border: solid 1px #000000;}
#menubar td {text-align: center; border: solid 1px #000000;}
#menubar td.menuitem {font-size: 11px; font-weight: bold; color: #2c426b; padding: 2px 0px; background-color: #99CCCC;}
#menubar td.menuitemo {font-size: 11px; font-weight: bold; color: #fff; padding: 2px 0px; background-color: #0A8694; cursor: pointer;}
table.dropmenu {}
td.dropmenu {color: #000000; background: #eff3f8; font-family: arial; font-size: 11px; font-weight: bold; padding: 3px 8px; border-right: solid 1px #000000;  border-left: solid 1px #000000;  border-bottom: solid 1px #000000;}
td.dropmenuover {background: #ffffcc; font-family: arial; font-size: 11px; font-weight: bold; padding: 3px 8px; border-right: solid 1px #000000;  border-left: solid 1px #000000;  border-bottom: solid 1px #000000; cursor: pointer;}
td.dropmenucat {color: #ffffff; letter-spacing: 1px; background: #546E8F; font-family: arial; font-size: 11px; font-weight: bold; padding: 3px 8px; border: solid 1px #000000;}

#indexpagecolumn {border: solid 1px #777777; margin-bottom: 10px;} 
#indexpagecolumn div.header {padding: 2px 5px; color: #ffffff; font-weight: bold; background: #0A8694; font-size: 12px;}
#indexpagecolumn div.itemcontainer {padding: 2px 0px 5px;}
#indexpagecolumn div.item {padding: 0px 5px 5px; font-size: 11px; font-weight: bold;}
#indexpagecolumn div.item small {font-size: 10px; color: #555555; font-weight: normal;}
td.contentcolumn {width: 980px; padding-left: 10px; text-align: left; vertical-align: top;}
td.contentcolumnpopup {width: 980px; padding: 50px 20px 20px; text-align: left; vertical-align: top;}
td.contentcolumnprint {width: 100%; padding: 10px; text-align: left; vertical-align: top;}

#viewform {text-align: left; width: 750px;}
#viewform p, #viewform td, #viewform ul, #viewform ol, #viewform .normal {font-family: verdana, helvetica, geneva, arial, sans-serif; font-size: 12px; color: #000000;}
#viewform a:link, #viewform a:visited, #viewform a:active {color: #660000;	text-decoration: none;}
#viewform a:hover {color: #4B7EE7; text-decoration: underline;}
#viewform table.borderit {border: solid 1px #555555; margin-bottom: 5px; border-collapse: collapse;}
#viewform th.left {padding: 5px 10px;}
#viewform th.right {padding: 5px 10px;}
#viewform td.col1 {text-align: right; padding: 2px 5px; border-bottom: solid 1px #777777; border-left: solid 1px #777777;}
#viewform td.col2 {padding: 2px 5px; border-bottom: solid 1px #777777;}
#viewform td.col1b {text-align: right; padding: 3px 5px; border-bottom: solid 1px #777777; border-left: solid 1px #777777;}
#viewform td.col2b {padding: 3px 5px; border-bottom: solid 1px #777777;}
#viewform td.col1bind {padding: 3px 2px 3px 10px; border: solid 1px #555555;}
#viewform td.col1balt {text-align: right; padding: 3px 5px; background: #f7f7f7; border-bottom: solid 1px #777777; border-left: solid 1px #777777;}
#viewform td.col2balt {padding: 3px 5px; background: #f7f7f7; border-bottom: solid 1px #777777;}
#viewform td.col1bindalt {padding: 3px 2px 3px 10px; background: #f7f7f7; border: solid 1px #777777;}
#viewform td.colinstruct {text-align: left; padding: 10px 5px 2px; border-bottom: solid 1px #777777;}
#viewform td.colsubheader {text-align: left; padding: 2px 5px; border-bottom: solid 1px #777777; background-color: #f5f5f5;}
#viewform td.narr {padding: 10px; border: solid 1px #777777;}

#viewform h1, #viewform h2 {font-weight: bold; margin: 0px;}
#viewform h1 {font-size: 16px;}
#viewform h2 {font-size: 12px;}

#accounting table {border-collapse: collapse;}
#accounting th {text-align: left; vertical-align: bottom; padding: 1px; font-family: verdana; font-weight: bold; background-color: #e6f2f7; border-top: solid 1px #aaaaaa; border-bottom: solid 1px #aaaaaa;}
#accounting th small {font-family: verdana; font-weight: bold;}
#accounting td {text-align: left; vertical-align: bottom; padding: 0px 1px 1px; font-family: arial;}
#accounting td.alt {background-color: #ffffea;}
#accounting small {font-size: 9px;}

.breakit {page-break-before: always}

/* Loading message */
div#loading {
	font-size: 11px; 
	color: #000;
	position: fixed;
	z-index: 100;
	width: 300px;
	left: 50%; top: 50%;
	margin-left: -166px; 
	margin-top: -56px;
	text-align: center;
	padding: 15px;
	border: 1px solid #333;
	background-color: #EFEFEF; /* #eee; */
}
* html div#loading { position: absolute; } /* IE hack */
div#PBouter, div#PBdone { margin-left: auto; margin-right: auto; }