/* CSS stylesheet for TDMS DB Backend */
body { font-family: helvetica,arial; padding: 0px; margin: 0px; background: #808080 }
span.p { font-family: helvetica,arial; margin: 0px; padding: 0px; }
p { font-family: helvetica,arial; margin: 0px; padding: 0px; }
span.p a { color: #b79a51} 
p a { color: #21347a}  
div.clear { clear: both; }
a img {border: none; }

.container { width: 995px; margin: 0px auto; padding: 10px 0px; }
.header { width: 995px; padding: 25px }
.header img { float: left; }
.header p { float: right; font-size: 0.6em; margin-top: 96px; color: #21347a }
.container_inner { width: 100%; border-radius:10px; border: 1px solid #000000; background: #ffffff; float: left; clear: both;}


.navigation { width: 145px; min-height: 550px; margin: 7px; padding: 5px 0px 5px 0px; background: #ffffff; display: inline; float: left; clear: left; }
.nav_button { text-decoration: none; font-family: helvetica; font-weight:bold; color: #FFFFFF;}
.nav_button ul a { height:25px; width: 145px; margin: 7px auto; color: #FFFFFF; background: #000000; border-radius:15px; padding:5px 3px 0px 7px;  vertical-align: middle; font-size: 0.7em;}
.nav_button ul a:hover { color: #FFFFFF;
					/* Gradient Stuff: */ 
				    /* Mozilla: */ background: -moz-linear-gradient(left, #000000, #C0C0C0);
				    /* Chrome, Safari:*/ background: -webkit-gradient(linear, left top, right top, from(#000000), to(#C0C0C0));
				    /* MSIE */ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000000', EndColorStr='#C0C0C0', GradientType=1);	
				    }
.nav_button ul img { float:right; padding-right: 5px; vertical-align:middle; position:relative; z-index:1;}

.navigation h1 { font-size: 0.6em; text-decoration: none; color: #000000 }
.navigation p { font-size: 0.5em; text-decoration: none; color: #000000 }
.navigation img { padding:3px 0px 3px 0px; position:relative; z-index:2000; float: left; }
.navigation img.menuImage { padding:4px 6px 4px 0px; position:relative; z-index:2000; float: right; height:18px; }

.advert { width: 145px; min-height: 550px; margin: 7px; padding: 4px 0px 5px 0px; background: #ffffff; display: inline; float:left; }

div.mainHeader { width: 825px; margin: 20px 0px -1px 1px ; background: #ffffff; display: inline; float:left;}
.pagetabheader { font-size: 0.9em; position:relative; z-index:1; padding: 5px 15px 0px 15px; font-weight: bold; border-top-right-radius:10px; border-top-left-radius:10px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #ffffff; background: #ffffff; float:left;}
.afterpagetabheader { width: 4000px; padding: 10px; font-size: 0.8em; font-weight: bold; display: inline;}
div.main { width: 825px; padding: 9px 0px; margin: 0px 1px 20px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; border: 1px solid #000000; font-weight: bold; display: inline; float:left; }
.bottomButton { position:relative;  margin: 10px 0px -10px 615px; z-index:1; padding: 0px 10px 0px 7px; font-weight: bold; border-top-right-radius:10px; border-top-left-radius:10px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #ffffff; background: #ffffff; float:left;}
.bottomButton2 { position:relative;  margin: 10px 0px -10px 415px; z-index:1; padding: 0px 10px 0px 7px; font-weight: bold; border-top-right-radius:10px; border-top-left-radius:10px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #ffffff; background: #ffffff; float:left;}
.bottomButton3 { position:relative;  margin: 10px 0px -10px 215px; z-index:1; padding: 0px 10px 0px 7px; font-weight: bold; border-top-right-radius:10px; border-top-left-radius:10px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #ffffff; background: #ffffff; float:left;}


.rich-tool-tip { background-color: #BEBEBE; border: 1px solid #3B3B3B; border-radius: 5px; width: 300px }

h1 { font-size: 1.1em; color: #5a5758; margin: 0px 0px 10px 0px; }
h2 { color: #5a5758; font-size: 9pt; margin: 12px 0px 10px 0px;  }
h3 { color: #5a5758; font-size: 8pt; margin: 8px 0px 6px 3px;  }

table.messages { font-size: 8pt; margin: 0px 0px 10px 10px !important; padding: 0px; border-collapse: collapse; color: #00b6f0; font-weight: bold;}
table.messages td { padding: 0px; margin: 0px;}
.error { color: red; }

table.format, th.format , td.format { border: 1px solid black; padding: 15px; text-align: middle; }

.rich-calendar-input { width: 70px }

.main table { margin: 0px auto;  }
.midtable { margin: 0px auto;  }
.tabbedpanel { font-size:1.0em; background: #eae6e4;}

.historybox { font-size: 8pt; }
.logisticscommentbox { font-size: 8pt; }

p.close { padding-bottom: 0px !important; }
.main p { font-size: 8.0pt; color: #000000; padding-left: 10px; padding-bottom: 5px; }
.main span.p { font-size: 8.0pt; color: #000000; padding-left: 3px; padding-bottom: 5px; }
.main ul { font-size: 8.0pt; color: #000000; list-style: square; padding-left: 25px; z-index: 5 !important}
.main ul li { padding-bottom: 0px !important; z-index: 5 !important}



.tableHeader { font-weight: bold; padding: 3px 3px; font-size: 7.5pt; background: #bec0c2; color: #000000; }
.tableFooter { margin-top:7px; font-weight:bold; border-radius:105px; border:1px solid; padding:1px 5px 1px 5px;}

.oddRow { font-size: 8.0pt; padding: 0px 3px; font-weight: normal;
		/* Gradient Stuff: */ 
				    /* Mozilla: */ background: -moz-linear-gradient(left, #e7e8e9, #f1f9fe);
				    /* Chrome, Safari:*/ background: -webkit-gradient(linear, left top, right top, from(#e7e8e9), to(#f1f9fe));
				    /* MSIE */ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e7e8e9', EndColorStr='#f1f9fe', GradientType=1);
				  }
.evenRow { font-size: 8.0pt; padding: 0px 3px; font-weight: normal;
			/* Gradient Stuff: */ 
				    /* Mozilla: */ background: -moz-linear-gradient(left, #d1d2d4, #eff0f0);
				    /* Chrome, Safari:*/ background: -webkit-gradient(linear, left top, right top, from(#d1d2d4), to(#eff0f0));
				    /* MSIE */ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#d1d2d4', EndColorStr='#eff0f0', GradientType=1);
				  }
table.datatable td { padding: 0px 5px; }
table.datatable tr { padding: 0px 5px; }
table.datatable img { padding: 5px 0px 3px 0px; }


/* Alternative table style - no gradient but table highlighted row */
.odd-Row { font-size: 8.0pt; padding: 0px 3px; font-weight: normal; background-color: #e7e8e9; }
.even-Row { font-size: 8.0pt; padding: 0px 3px; font-weight: normal; background-color: #d1d2d4; }
.active-row { font-size: 8.0pt; padding: 0px 3px; font-weight: normal; background-color: #ebf7fe; cursor: pointer; }

rich-table.datatable  { border: 0px; }
rich-table.datatable td { padding: 0px 5px; }
rich-table.datatable tr { padding: 0px 5px; }
rich-table.datatable img { padding: 5px 0px 3px 0px; }
.rich-table-cell { border: 0px; }
.rich-table-headercell { border: 0px; }
.rich-table-subfootercell { border: 0px; background-color: #FFFFFF;}

.pgtop { vertical-align:top; margin: 0px;}
.pgtop table { margin: 0px; }

.rich-stglpanel { font-size: 1.3em; background: #ffffff; margin-top:7px; padding:0px;
				border-left: 1px solid #7b7979; border-right:1px solid #7b7979; border-bottom:1px solid #7b7979; border-radius: 10px;}
.rich-stglpanel-header { position:relative; z-index:1; margin: -1px; border: 1px solid #7b7979; border-top-left-radius: 10px; border-top-right-radius: 10px; color:#ffffff; padding: 5px 0px 5px 10px; 
				    background: #000000;
				    /* Gradient Stuff: */ 
				    /* Mozilla: */ background: -moz-linear-gradient(left, #000000, #C0C0C0);
				    /* Chrome, Safari:*/ background: -webkit-gradient(linear, left top, right top, from(#000000), to(#C0C0C0));
				    /* MSIE filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000000', EndColorStr='#C0C0C0', GradientType=1);	 */
				    }
.rich-stglpanel-body { font-size: 0.6em;}
.rich-stglpanel-body .object { font-size: 0.9em }

.rich-panel { font-size: 1.3em; background: #ffffff; margin-top:7px; padding:0px;
				border-left: 1px solid #7b7979; border-right:1px solid #7b7979; border-bottom:1px solid #7b7979; border-radius: 10px;}
				
.rich-panel .object { font-size: 8pt; color:#000000; }
.rich-panel-header { position:relative; z-index:1; margin: -1px; border: 1px solid #7b7979; border-top-left-radius: 10px; border-top-right-radius: 10px; color:#ffffff; padding: 5px 0px 5px 10px; 
				    background: #000000;
				    /* Gradient Stuff: */ 
				    /* Mozilla: */ background: -moz-linear-gradient(left, #000000, #C0C0C0);
				    /* Chrome, Safari:*/ background: -webkit-gradient(linear, left top, right top, from(#000000), to(#C0C0C0));
				    /* MSIE  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000000', EndColorStr='#C0C0C0', GradientType=1);	*/
				    }
.rich-panel-body { font-size: 8pt;}
.object { padding: 0px 3px; font-size: 8pt; width: 85px; color: #000000; }
.value { font-size: 8pt; color: #000000;}

td.object, td.value { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; color:#4A4344; font-weight:normal; }
td.value:disabled { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; color:#747170; font-weight:normal; }
input { font-size: 8.0pt; width: 140px; border-radius:5px; border:1px solid #7b7979; padding-left:5px; }
select { font-size: 8.0pt; border-radius:5px; border:1px solid #7b7979;}
input.tick { width: auto; }
textarea { font-size: 8pt; border-radius:5px; border:1px solid #7b7979;}
input.button { border:none; padding: 2px; margin: 5px 0px; font-size: 9pt; font-weight:bold; border-radius:12px; background: #000000; color: #ffffff; cursor: pointer }

.completetrue { color: #777; }

span.error textarea { border: 1px solid red; padding: 0.1em 0em 0.2em 0.1em}
span.error input { border: 1px solid red; padding: 0.1em 0em 0.2em 0.1em; margin-right: 2px;}
span.error { font-size: 8.0pt; font-family: Arial; font-weight: normal; }

.button { margin: 0px; padding: 1px; font-size: 8pt; font-weight:bold; border-radius:12px; color: #ffffff; cursor: pointer; 
					/* Gradient Stuff: */ 
				    /* Mozilla: */ background: -moz-linear-gradient(left, #000000, #7A7171);
				    /* Chrome, Safari:*/ background: -webkit-gradient(linear, left top, right top, from(#000000), to(#7A7171));
				    /* MSIE */ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000000', EndColorStr='#7A7171', GradientType=1);
				    /* Shadow Stuff: */ 
				    -moz-box-shadow: -3px 3px 5px #888;
					-webkit-box-shadow: -3px 3px 5px #888;
					box-shadow: -3px 3px 5px #888;
				    }
.buttondisabled { margin: 5px; font-size: 10pt; border: 1px solid #ccc; background: #aec6dd; color: #eee; cursor: pointer }

.buttonnopadd { height:23px; width:150px; margin: 5px 0px 5px 0px; font-size: 8pt; color: #ffffff; cursor: pointer; border: 0px; background: #ffffff; 
					  background-image:url('/images/button-black.png'); vertical-align: middle; 
				    }
.buttonnopadd:hover { height:23px; width:150px; margin: 5px 0px 5px 0px; font-size: 8pt; color: #ffffff; cursor: pointer; border: 0px; background: #ffffff; 
					  background-image:url('/images/button-black-over.png'); vertical-align: middle; 
				    }				    
				
.buttonnopaddbottom { height:23px; width:150px; margin: 5px 0px 5px 0px; font-size: 8pt; color: #ffffff; cursor: pointer; border: 0px; background: #ffffff;
					  background-image:url('/images/button-blue.png'); vertical-align: middle; 
				    }
.buttonnopaddbottom:hover { height:23px; width:150px; margin: 5px 0px 5px 0px; font-size: 8pt; color: #ffffff; cursor: pointer; border: 0px; background: #ffffff;
					  background-image:url('/images/button-blue-over.png'); vertical-align: middle; 
				    }
				    
.buttonnopadd p { padding: 0px; }
.buttonnopadd p a { text-decoration: none; color: #000000; font-size: 1.1em; padding: 0px;}
.buttonsmall { width: auto; margin: 3px; font-size: 7pt; border-radius:7px; border: 0px; background: #000000; color: #ffffff; cursor: pointer }
.buttonsmallnopadd { width: auto; margin: 2px 0px; font-size: 7pt; border: 0px; border-radius:7px; background: #000000; color: #ffffff; cursor: pointer }

ul { margin: 0; padding: 0; list-style: none; width: 117px;  }
ul li { position: relative; width: 155px; z-index: 1000}
/* Styles for Menu Items */
ul li a { display: block; text-decoration: none; color: #21347a; font-size: 7pt; padding: 2px 3px }
ul li:hover a { color: #00b6f0 }
li .dropdown { position: absolute; left: 20px; top: 26px; display:none; border: 1px solid #7b7979; padding-bottom: 3px; background: #ffffff; z-index:-500 } /* Second level frame */
li .dropdown ul { width: 155px; padding: 0px; margin: 0px; }
ul li .dropdown  ul li {  margin: 0px; padding: 3px 0px 3px 0px; height: 26px;  } /* Second level item */
ul li .dropdown  ul li a { margin: 0px; border: 0px; color: #ffffff; padding: 3px 0px 3px 0px; height: 26px; } /* Second level link */
ul li .dropdown  ul li a:hover {color: #ffffff }

.pagination { float: right; font-size: 0.6em; }
.pagination a { color: #000000; padding-left: 3px; }
		
	
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li:hover .dropdown, li.over .dropdown { display: block; } /* The magic */

.footer { height: 30px; width: 995px; margin: 0px auto;}
p.credit { color: #666; font-size: 0.7em; float:right; margin-right: -3px; }
p.credit a { color: #666 }
p.credit a:hover { color: black; }


/* Alternative Styles */

.buttonnopaddcss { margin: 0px; padding: 1px; font-size: 9pt; font-weight:bold; border-radius:12px; color: #ffffff; cursor: pointer;
					/* Gradient Stuff: */ 
				    /* Mozilla: */ background: -moz-linear-gradient(left, #000000, #7A7171);
				    /* Chrome, Safari:*/ background: -webkit-gradient(linear, left top, right top, from(#000000), to(#7A7171));
				    /* MSIE */ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000000', EndColorStr='#7A7171', GradientType=1);
				    /* Shadow Stuff: */ 
				    -moz-box-shadow: -3px 3px 5px #888;
					-webkit-box-shadow: -3px 3px 5px #888;
					box-shadow: -3px 3px 5px #888;
				    }
.buttonnopaddbottomcss { margin: 0px; padding: 1px; font-size: 9pt; font-weight:bold; border-radius:12px; color: #ffffff; cursor: pointer; border:2px solid #ffffff;
					/* Gradient Stuff: */ 
				    /* Mozilla: */ background: -moz-linear-gradient(left, #07507d, #4b9fca);
				    /* Chrome, Safari:*/ background: -webkit-gradient(linear, left top, right top, from(#07507d), to(#4b9fca));
				    /* MSIE */ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#07507d', EndColorStr='#4b9fca', GradientType=1);
				    /* Shadow Stuff: */ 
				    -moz-box-shadow: -3px 3px 5px #888;
					-webkit-box-shadow: -3px 3px 5px #888;
					box-shadow: -3px 3px 5px #888;
				    }

.nav_button_image { text-decoration: none; font-family: helvetica; font-weight:bold; color: #FFFFFF; }
.nav_button_image ul a { margin: 7px auto; width: 145px; height:26px; color: #FFFFFF; background-image:url('/images/button-nav-dark.png'); background-repeat: no-repeat; padding:5px 3px 0px 7px;  vertical-align: middle; font-size: 7.5pt; font-weight:bold;}
.nav_button_image_on ul a { margin: 7px auto; width: 145px; height:26px; color: #FFFFFF; background-image:url('/images/button-nav-over.png'); background-repeat: no-repeat; padding:5px 3px 0px 7px;  vertical-align: middle; font-size: 7.5pt; font-weight:bold;}
.nav_button_image ul a:hover { margin: 7px auto; width: 155px; height:26px; color: #FFFFFF; background-image:url('/images/button-nav-over.png'); background-repeat: no-repeat; padding:5px 3px 0px 7px;  vertical-align: middle; font-size: 7.5pt; font-weight:bold;}
.nav_button_image_on ul a:hover { margin: 7px auto; width: 155px; height:26px; color: #FFFFFF; background-image:url('/images/button-nav-over.png'); background-repeat: no-repeat; padding:5px 3px 0px 7px;  vertical-align: middle; font-size: 7.5pt; font-weight:bold;}
.nav_button_image ul img { float:right; padding-right: 5px; vertical-align:middle; position:relative; z-index:1;}


.datatable { border-collapse: collapse; border-top:none; border-left: none; }
.datatable th, .datatable td  { border-top:none; border-bottom: 2px solid white !important; border-right:none;}
.datatable tr { border-top:none; background: none !important; }
.datatable th:first-child, .datatable tr>td:first-child { border-top-left-radius:12px; border-bottom-left-radius:12px;  }
.datatable th:last-child, .datatable tr>td:last-child { border-top-right-radius:12px; border-bottom-right-radius:12px;  }
.datatable tr.oddRow td { background: #eeeeee !important }
.datatable tr.evenRow td { background: #dddddd !important }

.datatable tr.oddRow:hover td { background: #ebf7fe !important }
.datatable tr.evenRow:hover td { background: #ebf7fe !important }

.column25 { width: 25px; WORD-BREAK:BREAK-ALL}
.column50 { width: 50px; WORD-BREAK:BREAK-ALL }
.column75 { width: 75px; WORD-BREAK:BREAK-ALL}
.column100 { width: 100px; WORD-BREAK:BREAK-ALL}
.column150 { width: 150px; WORD-BREAK:BREAK-ALL}
.column200 { width: 200px; WORD-BREAK:BREAK-ALL}
.column250 { width: 250px; WORD-BREAK:BREAK-ALL}
.column300 { width: 300px; WORD-BREAK:BREAK-ALL}

.reset { clear: both; float:left; margin:0px; padding: 0px; }

.uploaddiv {
        height: 100px;
        width: 380px;
        overflow: auto;
        }