/* WAPP Style Sheet */
body{
  margin: 0px 20px 20px 20px;
  font-family:verdana, helvetica, sans-serif;
  font-size: 12px;
}
#document{background-color:white}

h1{font: bold 18px verdana; color: #000066; margin:0px;padding-top: 5px;padding-bottom: 5px;width: 400px;text-align: left;}
h2{font: bold 16px verdana; color: #000066; margin:0px;}
h3{font: bold 15px verdana; color: #000066; margin:0px;}
h4{font: bold 13px verdana; color: #000066; margin:0px;}
h5{font: bold 12px verdana; color: #000066; margin:0px;}
h6{font: bold 11px verdana; color: #000066; margin:0px;}
.h1-tagline{font: bold 11px verdana; color: #999999; margin-bottom:20px; letter-spacing : -1px;}
a{text-decoration: none;}  /* unvisited link */
/*a:visited {color: #DEEBF3}   visited link */
a:hover{text-decoration: underline;}
/*a:hover {color: #000000;}    mouse over link */
/*a:active {color: #888888;}    selected link */
div.p a, p a, li a, dd a{ text-decoration: underline;}
.footer, .hint{font: normal 10px verdana; color: #999999;}
dt{font-weight:bold;margin-top:10px;}
li{margin-bottom:4px;}
.message-alert, .message-halt, .message-error{background-color:#eeeeee;color:#222222;font-weight:bold;border: 2px solid #ff9900;width:500px;margin-bottom:20px;}
.message-info, .message-success{background-color:#eeeeee;color:#222222;font-weight:bold;border: 1px solid #000099;width:500px;margin-bottom:20px;}
a.supplier-link{font-size:12px;font-weight:bold;color:#000066;}

.nav0{margin: 0px 0px 30px 0px; }
.nav0 div.item{padding: 20px 40px; border-left: 1px solid #666; text-align: center;}
.nav0 div.last{border-right: 1px solid #666; }
.nav0 div.logout{text-align: center; padding: 10px 40px;  }

.tabs{margin-bottom: 20px; background-image: url(/local/media/cccccc.gif); background-repeat:repeat-x; background-position-y:bottom; background-position:bottom;}
.tabs table{margin-left:20px;}
.tabs td{text-align: center; padding-left: 1em; padding-right: 1em;background-color: #f5f5f5; border: 1px solid #ccc; height: 17px; cursor:pointer;}
.tabs td.on{background-color: white; border-bottom:0px;}
.tabs a{color: black; cursor:pointer;}
.tabs a:hover{text-decoration:none;background-color:transparent;}
.tabs td.space{border-width: 0px; border-bottom-width: 1px; background-color: white; width: 3px; overflow:hidden; padding: 0px;}

.subtabs{clear:both; margin: 0px 20px 20px 40px;}
.subtabs div{float: left; margin: 0px 20px 0px 0px;}
.subtabs .on{font-weight: bold;}
.subtabs a{color: #333;}

.clear{clear:both;}
div.search-results-info{font: normal 11px verdana; color: #333; background-color: transparent; border: 1px solid #3C586D;padding:2px 6px 2px 6px; margin-top: 10px; margin-bottom: 10px; display: inline;}
div.instructions{margin-bottom: 10px; margin-top: 10px;font: normal 11px verdana; color:#333;border:1px solid #cccccc;padding:4px 6px 4px 6px;width:450px;}

.total{border-bottom-style : double;border-bottom-width : medium;border-collapse : collapse;border-bottom-color : Black;border-top-style : solid;border-top-width : thin;}

p,div.p{line-height:15px;color:#333;}
ol,ul,.normal,.body-text
{
  background-color: transparent;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.ten, .nine, .article-body
{
  font-family: arial,helvetica,sans-serif;
  font-size: 11px;
  padding-bottom: 10px;
  text-align: left;
}

.ad
{
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	background-color : #EBFFED;
	color : blue;
	/*text-decoration : underline;*/
	border : thin solid #A8DDA0;
	padding-left : 5px;
	padding-right : 5px;
}

.micro-text
{
	font-family: arial,helvetica,sans-serif;
	font-size: 9px;
	color: White;
	font-weight: bold;
}

.mini-text
{
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	color: White;
}

.calendar-text
{
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	color: White;
}
.page-title
{
	background-color: transparent;
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.page
{
	width: 720px;
	padding-left: 20px;
	padding-right: 20px; /*	border 				: 1px solid #cccccc;
    align				: center;*/
	color: White;
}

.page-help
{
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: White;
	background-color: transparent;
}

.tagline
{
	font-size: 9px;
	font-family: arial, helvetica, sans-serif;
	color: White;
	text-align: center;
}
	
.search-title
{
	font-family: arial,helvetica,sans-serif;
	font-size: 12pt;
	padding-top: 16px;
	color: White;
}

.search-url
{
	font-family			: arial,helvetica,sans-serif;
	font-size			: 8pt;
	color				: green;
	background-color	: white;
}

.xbutton
{
	background-color: #999999;
	color: White;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	font-family: arial,helvetica,sans-serif;
	padding-top: 4px;
	padding-bottom: 4px;
}

input.xbutton
{
    font-size           : 10px;
}

.list-term
{
    font-family			: arial,helvetica,sans-serif;
    color				: #000058;
    background-color	: transparent;
    font-size			: 13px;
    padding-top			: 20px;
/*	padding-left		: 20px;*/
    text-align			: left;
    font-weight			: bold;
}

.list-definition
{
    font-family			: arial,helvetica,sans-serif;
    font-size			: 14px;
    padding-left		: 20px;
    text-align			: left;
}

.search{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: White;
	font-size: 9px;
}


/* Tables */
td{font: 11px verdana, sans-serif;empty-cells: show;}
.table-box{border:1px solid #a9a9a9;}
.table-section{font-weight:bold;background-color:rgb(240,240,255);padding:4px;}
table.content{width:500px;}
th{text-align:center;}
th.data-on{font: normal 11px verdana; color: #E7EEF4; background-color: #3C586D; letter-spacing : -1px; border-bottom: 1px solid #111111; border-right: 1px solid #a9a9a9; cursor: pointer;padding-left:3px;padding-right:3px;empty-cells: show;}
th.data-off{font: normal 11px verdana; color: #6F8EA2; background-color: #E7EEF4; letter-spacing : -1px; border-bottom: 1px solid #111111; border-right: 1px solid #a9a9a9; cursor: pointer;padding-left:3px;padding-right:3px;empty-cells: show;}
th.data-on a{color: #E7EEF4;}
th.data-off a{color: #6F8EA2;}
tr.data-on{color: #333333; background-color: #f5f5f5;}
tr.data-off{color: #333333; background-color: #ffffff;}
tbody.data-on{border:3px solid red;}
tbody.data-off{border:3px solid red;}
td.data{font: 11px verdana, sans-serif;empty-cells: show; border-right: 1px solid #dddddd;padding-left:3px;padding-right:3px;empty-cells: show;}
td.row-num{width: 12px; color: white; background-color: #3C586D; text-align: center; border-bottom: 1px solid #dddddd;}
td.select{text-align: center;}
td.int, td.int2, td.int4, td.int8, td.float4, td.float8{text-align: right;}
td.money{text-align: right;}
.over{background-color:#ff9900;}
td.data a{color:#0000bb;}
td.data a:hover{color:#000000;text-decoration:underline;}
th.data-on a:hover{color:#000000;}
td.select, td.date, td.boolean{text-align:center;}
.table-heading, .th1
{
	background-color	: #CBC2C2;
	color				: Black;
	font-weight			: bold;
	text-align			: center;
}

.table-header 
{
	color				: #ffffff;
	/*background-color	: inherit;*/
	font-weight			: bold;
	margin-left		: 3px;
	margin-right		: 3px;
}

.table-sub-heading, .th2
{
	background-color: #dddddd;
	color: Black;
	font-weight: bold;
	text-align: center;
}

.table-data-on, .td-on
{
	background-color	: #eeeeee;
	color				: #000000;
}

.table-data-off, .td-off
{
	background-color	: #ffffff;
	color				: #000000;
}

.copyright {
	font-family			: arial,helvetica,sans-serif;
	font-size			: 8pt;
	color				: #808080;
	background-color	: white;
	text-align			: center;
}

 /* Status */
.status-complete
                  {
                      background-color	: #6183C2;
                      color				: #FFFFFF;
                  }
                  
                  .status-complete-late
                  {
                      background-color	: #E4843F;
                      color				: #FFFFFF;
                  }
                  
                  .status-tbd
                  {
                    background-color: #CCCCCC;
                    color: Black;
                  }
                  
                  .status-past-due
                  {
                      background-color	: #992020;
                      color				: #ffffff;
                  }
                  
                  .status-today
                  {
                      background-color	: Yellow;
                      color				: #404040;
                  }
                  
                  .status-link
                  {
                      background-color	: #EEEEEE;
                      color				: #333333;
                  }
                  
                  .status-ok
                  {
                      background-color	: #669966;
                      color				: #FFFFFF;
                  }
                  
                  .shop-ref
                  {
                      color				: #006633;
                      font-weight         : bold;
                  }
                  
                  .cust-ref
                  {
                      color				: #992020;
                      font-weight         : bold;
                  }
                  
.woid, .woid a, .woid a:visited{background-color:#CCCCCC;font-weight: bold;font-size:12px;}
                  


/* Paging */
div.paging-box{width:100%; text-align: center;}
div.paging-nav-on{display:inline; font-weight:bold;}
div.paging-nav-off{display:inline; color: #dddddd;}
div.paging-pages{display:inline; }
div.paging-page-on{display:inline; font-weight:bold;}
div.paging-page-off{display:inline; text-decoration: underline;}

/* Forms & Fields */
form{display: inline;}
label.row{text-align:center;}
label.field{font: 11px verdana, sans-serif;color:#111;}
label.group{font: 11px verdana, sans-serif;padding-right:4px;color:#333}
input.login-form-field{font: 11px verdana, sans-serif;}
.field-hint{font-size:10px;color:#bbb;}
.field-box{float:left;}
input, textarea, select{font: 11px verdana, sans-serif;}
.field-error{padding-left:2px;color:#000000;background-color:#ff9900;}
div.field-box > div.value, div.box-pad > div.value{font-weight:bold;}

.alert, notice
{
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	width: auto;
	background-color: #992020;
	color: #ffffff;
	text-align: left;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 10px;
	border: 1px solid #cccccc;
}

.notice-link
{
    text-decoration     : underline;
    background-color	: #992020;
    color				: #ffffff;
}

.formLabel, .fieldLabel, .field-label 
{color: White;
	font-family			: arial,helvetica,sans-serif;
	font-size			: 8pt;
}

.formText, .fieldElement, .field-text 
{color: White;
	font-family			: courier new, courier, monospace;
	font-size			: 8pt;
}

.formHelp, .fieldHelp, .field-help 
{
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	color: White;
	background-color: transparent; /*width				: 450px;*/
}

.message
{
	font-family			: arial,helvetica,sans-serif;
	font-size			: 8pt;
	color				: black;
	background-color	: #ffff99;
	border 				: 1px solid #cccccc;
}

.description {
	font-family			: arial,helvetica,sans-serif;
	font-size			: 8pt;
	font-weight			: bold;
	color				: #6666aa;
	background-color	: white;
}

.field-help
{
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	color: White;
}

.form-alert
{
	font-family: arial,helvetica,sans-serif;
	font-size: 10pt;
	color: White;
	font-weight: bold;
}

.field-input, input.text, .fieldInput
{
	font-family: courier,monospace;
	font-size: 10pt;
	color: White;
}

.feature-label
{
	color: White;
	font-size: 10pt;
	font-weight: bold;
}

/* Specific */
td.left{text-align:left;}
td.center{text-align:center;}
td.right{text-align:right;}