﻿* {	font-family: tahoma; font-size: 12px; margin: 0px; padding: 0px; border: 0px; }
html {height: 100%;}
body {margin:0;	padding:0;height:auto !important;height:100%; min-height:600px;	min-width:800px; width:expression(document.body.clientWidth < 800? "800px" : "auto" );
      width:expression(document.body.clientHeight < 600? "600px" : "auto" ); overflow:auto;}

#divWaitScreen { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; z-index: 1000; -moz-opacity: 0.8;
                 opacity: .80; filter: alpha(opacity=80); text-align: center; vertical-align: middle;padding-top: 25%;font: bold 16pt;}

#tblOrder{ width: 100%;	height: 100%;}
	#tblOrder #firstRow { border: 3px solid #bbbbbb; }
	#tblOrder #thirdRow { border: 3px solid #bbbbbb; }
	#tblOrder #firstRow_{ }
	#tblOrder #thirdRow_{ }
	#tblOrder #brokenRowHat { border-left: 3px solid #898fb1; border-right: 3px solid #898fb1; border-top: 3px solid #898fb1; width: auto; height: 30px; vertical-align: top; }
	#tblOrder #brokenRowBottom { border-left: 3px solid #898fb1; border-right: 3px solid #898fb1; border-bottom: 3px solid #898fb1;	height: auto; width: 100%; vertical-align: top; }
	#tblOrder #tdOrderHeader { background: #bbbbbb;	padding: 3px; width: 100%; overflow: auto; }
	#tblOrder #tdOrderDetails {	background: #bbbbbb; padding: 3px; overflow: auto; }
	#tblOrder #tdOrderDetailsLogin { background-color: #00826f; }
	#tblOrder #divOrderGrid {background: #fff; height: 30%;	width: auto; padding: 0px; }
		
#divOrderContentAreaLogin {	background-color: #c2dadd; }

#spanLogin { background: transparent; float: right; height: 30px; text-align: right; vertical-align: top; padding: 10px 15 px; }
	#spanLogin span { color: #004439; cursor: pointer; }

/*------------------from premia.main.css------------------*/
#tblMainContent { min-height:600px; min-width:800px; width:expression(document.body.clientHeight < 600? "600px": "auto" ); width:expression(document.body.clientWidth < 800? "800px" : "auto" ); 
                  height:100% !important; width:100% !important; background: #888; overflow: auto; }	
#tdMainHeader { height: 75px; background-color: #fff; }
#tdMainTabs { height: 30px; background-color: #ffffff; background-image: url(../img/new/tab_line.gif); padding: 0px 10px; overflow: hidden; width: 100%; }
#tdMainMenu { background-color: #c2dadd; background-image: url(../img/new/tab_line.gif); height: 30px; padding: 0px 0px; }
#divSubMenuArea{ background-color: #c2dadd; background-image: url(../img/new/tab_line.gif); height: 30px; padding: 4px 10px; width: 100%; position: relative; }
#tdMainContent { height: 100%; background: #fff; padding: 5px; width: 100%; overflow: auto; }
#divOrderContentArea{  width:expression(document.body.clientHeight < 600? "600px": "auto" );width:expression(document.body.clientWidth < 800? "800px" : "auto" );
                       height: 99%; width: 100%; overflow: auto; }

#divTabsArea { background-color: #ffffff; height: 35px; padding: 0px 10px; }
#divTabsArea { height:20px;	width:100%;  background-image: url(../img/new/tab_line.gif); }
	#divTabsArea UL LI { float: left; list-style-type: none; }
		#divTabsArea UL LI A { color: #254651; text-decoration: underline; background-image: url(../img/new/tab_line.gif); }
		#divTabsArea UL LI DIV { color: #ffffff; float: left; height: 35px; background-image: url(../img/new/tab_line.gif); }
			#divTabsArea UL LI DIV.center { height: 15px; _height:35px; padding: 10px 15px; background-image: url(../img/new/tab_line.gif); }
		#divTabsArea UL LI.active A { color: #254651; text-decoration: underline; }
		#divTabsArea UL LI.active DIV.center { background: url(../img/new/pointer_to_tab.gif) 50% 91% no-repeat; }
		#divTabsArea UL LI.active DIV.left { background-image: url(../img/new/tab_line.gif);  }
		#divTabsArea UL LI.active DIV.right { background-image: url(../img/new/tab_line.gif); }

#divMenuArea { background-color: #efefef; /*background-image: url(../img/new/tab_line.gif);*/ height: 22px; padding: 4px 0px; border-bottom: 1px solid #bbbbbb; }
	#divMenuArea DIV { float: left; padding: 4px 10px; display: inline; }
		#divMenuArea DIV A { color: #254651; text-decoration: underline; }
		#divMenuArea DIV.active { background-color: #ffffff; }

#divSubMenuArea DIV { float: left; padding: 4px 10px; }
	#divSubMenuArea DIV A { color: #254651; text-decoration: none; }
	#divSubMenuArea DIV.active { background-color: #ffffff ; }

#divSubMenuAreaTbl { width: 100%; height: 100%;	background-image: url(../img/new/tab_line.gif); }
	#divSubMenuAreaTbl tr td { float: left; padding: 4px 10px; }
		#divSubMenuAreaTbl tr td A { color: #254651; text-decoration: none; }
		#divSubMenuAreaTbl tr td.active { background-color: #ffffff; }
/*------------------end premia.main.css------------------*/

/*------------------start Reports.htm---------------- */
#divTreeArea { margin-left: 0px; height: 300px; width: 250px; overflow: auto; }
#ReportTop { width:940px; height:200px;	background-color:#fff; border:3px solid #898FB1; display:inline; float:none;text-align:center; }
#ReportBottom {	width:100%;	height:521px; background-color:#fff; border:3px solid #898FB1; margin-top:3px; }
#GenReport { border:1px solid #000;	width:200px; margin-bottom:3px;	height:30px;text-align:center; }
#GenReportBut {	text-align:right; float:none; width:314px; display:inline; }
.alignright { text-align:right; }
#PathFile {	border:1px solid #000; }
#divTreeAreaForReport { margin-left: 0px; height: 300px; width: 250px; overflow: auto; border: 3px solid #898fb1; }
/*------------------end Reports.htm---------------- */

#divOrderGridInfo { background-color:White; height:30%; overflow:auto; }
#divOrderGridInfoLogin { height:40%; overflow:auto; }

.divFilter { position:absolute;	left:300px;	top:300px; width: 490px; background-color:#fff;	border:3px solid #898FB1; z-index:100; padding:15px; display:block; }
.divFilter { position:absolute;	left:300px;	top:300px; width: 490px; background-color:#fff; border:3px solid #898FB1; z-index:10; padding:15px; display:none; }
#tableFilter td { border:1px solid #898FB1; }
.Filter { width:100%; height:20px; background:#898FB1; display:none; }

.stringWhereLabel{ margin-left:20px; }

.dgContainer { width:100%; height:100%; }
.dgContainerBody { width:100%; height:100%; }
.dgContainerFooter { height:25px; }

/*------------Help form------------*/
.divHelpForm { background: #FFF; -moz-opacity: 1.0; opacity: 1.0; filter: alpha(opacity=100%); cursor: default; visibility: hidden; position: absolute;left: 35%; top: 30%; z-index: 1001; }
	.divHelpForm table { border: 3px solid #898FB1;	height: 200px; width: 300px; }
		.divHelpForm table td.header { padding: 5px; height: 5px; background: #898FB1; color: #FFF;	font: bold 10pt; text-align: left; }
		.divHelpForm table td.footer { height: 10px; background: #898FB1; padding: 10px 10px 5px 10px; text-align: right; }
			.divHelpForm table td.footer button { width: 60px; }
		.divHelpForm table td.contentl { vertical-align: middle; padding: 15px; }
		.divHelpForm table td.contentr { padding: 15px;	vertical-align: middle; }
			.divHelpForm table td.contentr input { width: 50px;	border: 1px solid #898FB1; text-align: right; }
/*------------         ------------*/

#divInputBox { background: #FFF; -moz-opacity: 1.0; opacity: 1.0; filter: alpha(opacity=100%); cursor: default; visibility: hidden; position: absolute; left: 35%; top: 30%; z-index: 1001; }
	#divInputBox table { border: 3px solid #898FB1;	height: 200px; width: 300px; }
		#divInputBox table td.header { padding: 5px; height: 5px; background: #898FB1; color: #FFF;	font: bold 10pt; text-align: left; }
		#divInputBox table td.footer { height: 10px; background: #898FB1; padding: 10px 10px 5px 10px; text-align: right; }
			#divInputBox table td.footer button { width: 60px; }
		#divInputBox table td.contentl { vertical-align: middle; padding: 15px; }
		#divInputBox table td.contentr { padding: 15px;	vertical-align: middle; }
			#divInputBox table td.contentr input { width: 50px;	border: 1px solid #898FB1; text-align: right; }

#ordershipaddress {	visibility:visible !important; }
#divLoginFormBottom { vertical-align: bottom; width: 100%; background-color: #00826f; }
#divLogo{}
div.test { width: 100%; }

/*------------------start Default.htm---------------- */
#divSplitterTable {	background-color: #e7e9ef; display: none; overflow: hidden;	position: absolute; z-index: 1000; }
#divSplitterBackground { background-color: #e7e9ef;	display: none; overflow: hidden; position: absolute;z-index: 1000; }

#divHeaderArea { background-color: #ffffff; height: 0px; awidth: 100%; display: none; }

#divContentArea { background-color: #ffffff; border: 5px solid #ffffff;	width: 100%; height: auto; }

#divTreeArea { background-color: #ffffff; border: 3px solid #898fb1; float: left; height: 100%; margin-right: 0px; overflow: auto; margin: 0px 0px 10px 0px; width: 300px; }

#divSplitterVertical { position: absolute; overflow: hidden; width: 4px; z-index: 100; }
	#divSplitterVertical DIV { background-image: url(../img/icoSplitterVertical.gif); height: 60px;	cursor: e-resize; display: block; width: 4px; }
	
#divSplitterHorizontal { height: 4px; overflow: hidden;	position: absolute;	z-index: 100; }
	#divSplitterHorizontal DIV { background-image: url(../img/icoSplitterHorizontal.gif); height: 4px; cursor: n-resize; display: block; width: 60px; }

#divGridArea { background-color: #ffffff; border: 3px solid #898fb1; float: right; height: 300px; overflow: auto; width: 300px; }

#divSubGridArea { background-color: #ffffff; border: 3px solid #898fb1;	float: right; height: 300px; overflow: auto; position: relative; width: 300px; }

#divTreeArea UL { margin-left: 0px; }
	#divTreeArea UL LI { list-style-type: none; height: 20px; line-height: 20px; margin-left: 20px; }
		#divTreeArea UL LI DIV { float: left; height: 20px;	line-height: 20px; }
			#divTreeArea UL LI DIV.divNodeIcon { cursor: pointer; height: 15px;	_height: 20px; padding: 5px 0px 0px 5px; _padding: 5px 0px 0px 0px;	width: 15px; _width: 20px; }
			#divTreeArea UL LI DIV.divNodeName { padding: 0px 5px; white-space: nowrap; }
			#divTreeArea UL LI DIV IMG { float: left; }
		#divTreeArea UL LI.liChildNode { height: auto; _height: 0px; padding-left: 20px; }
		#divTreeArea UL LI.active DIV.divNodeName {	background-color: #e0dfe3; }

.tblGrid {}
	.tblGrid TH { background-color: #e0e8f1; border-bottom: 1px solid #d1d9e1; padding: 0px; }
		.tblGrid TH DIV { font-weight: normal; overflow: hidden; padding: 5px 5px; text-align: left; white-space: nowrap; }
		.tblGrid TH A { color: #5f569a; }
		.tblGrid TH.separator {	background-position: center top; background-repeat: repeat-y; cursor: e-resize;	font-weight: normal; overflow: hidden; padding: 0px; width: 3px; }
	.tblGrid TD { background-color: #ffffff; border-bottom: 1px solid #e3e3e3; overflow: hidden; padding: 0px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
		.tblGrid TD DIV { font-weight: normal; overflow: hidden; padding: 5px 5px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
	.tblGrid TR.active TD, .tblGrid TR.active TD div, .tblGrid TR.active TD.separator {	background-color: #ffffdc; }
	.tblGrid TD.separator {	background-color: #ffffff; background-position: center top;	background-repeat: repeat-y; overflow: hidden; padding: 0px; text-overflow: clip; width: 3px; }
		.tblGrid TD.separator DIV {	padding: 0px; text-overflow: clip; width: 3px; }

td.hat{ width: 100%; height: 25px; background-color: #e3f3ec; color: #5f569a; }
/*------------------Tools---------------- */
.submitButton { width: 100px; height: 22px; background-image: url(../img/new/button.gif); font-size: 12px; }
.submitButton_ { width: 100px; height: 22px; background-image: url(../img/new/button.gif); }

#help { width: 150px; height: auto; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; z-index: 1000; background: #F0FFF0;
	position: absolute;	display: none; left:0; top:0; border: solid 1px #000000; }
img.question { width: 14px;	height: 14px; }
input.closeframebtn {}
div.tabs { display: none; float:left; width: 100%; background-color: White; }
div.activetab { background-color: White; }
div.passivetab { background-color: #d7d7d7; }
.tools {}
div#divTabsContainer { width:100%;height:15px;background-color:#d7d7d7; }	
div#divTabsContainerChild { width:100%;height:15px;background-color:#d7d7d7; }	
	div.activetab { background-color: White; float: left; padding-left: 5px; padding-right:5px; cursor: pointer; }
	div.passivetab { background-color: #d7d7d7; float: left; padding-left: 5px; padding-right:5px; cursor: pointer; }
.editfield { border: 1px solid black; width: 100%; }
.contactman { border: 1px solid black; width: 100%; }
input.addcontactface { }

div.activetabm { float: left; margin-left: 5px; margin-right:5px; cursor: pointer; font-weight:bold; }
div.passivetabm { float: left; margin-left: 5px; margin-right:5px; cursor: pointer; font-weight:normal; }
.show {} .hide {}
ul.editUl { list-style-type: none; }
li.editTabs { float:left; }
.on {background-color: White; }
	.on a { text-decoration: none; color: Gray; }
.off { background-color: Gray; }
	.off a { text-decoration: none; color: White; }

table.fillform_table td, table.fillform_table th { border: 1px solid black; height: 35px; text-align: center; }
.in_fillform { padding-left: 5px; padding-right: 5px; margin-left: 5px; margin-right: 5px; }

.addButtonImage { background-image: url(../img/new/button_add.gif); width: 100px; height: 22px; }

.buttonImage_50 { background-image: url(../img/new/button_50.gif); width: 50px; height: 22px; }
.buttonImage_60 { background-image: url(../img/new/button_60.gif); width: 60px; height: 22px; }
.buttonImage_70 { background-image: url(../img/new/button_70.gif); width: 70px; height: 22px; }
.buttonImage_80 { background-image: url(../img/new/button_80.gif); width: 80px; height: 22px; }
.buttonImage_90 { background-image: url(../img/new/button_90.gif); width: 90px; height: 22px; }
.buttonImage { background-image: url(../img/new/button.gif); width: 100px; height: 22px; }
.buttonImage_110 { background-image: url(../img/new/button_110.gif); width: 110px; height: 22px; }
.buttonImage_150 { background-image: url(../img/new/button_150.gif); width: 150px; height: 22px; }
	
/*---------------- jquery.alerts -----------------*/	
#popup_container { font-family: Arial, sans-serif;	font-size: 12px; min-width: 300px; max-width: 600px; background: #FFF; border: solid 5px #999; color: #000;	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; z-index: 100; }
#popup_title { font-size: 14px;	font-weight: bold;text-align: left; line-height: 1.75em; color: #666;	background: #CCC url(images/title.gif) top repeat-x; border: solid 1px #FFF; border-bottom: solid 1px #999;	cursor: default; padding: 0em; margin: 0em; }

#popup_content { background: 16px 16px no-repeat url(images/info.gif); padding: 1em 1.75em;	margin: 0em; }
	#popup_content.alert { background-image: url(images/info.gif); }
	#popup_content.confirm { background-image: url(images/important.gif); }
	#popup_content.prompt {	background-image: url(images/help.gif); }

#popup_message { padding-left: 10px; }
#popup_panel { text-align: center; margin: 1em 0em 0em 1em; }
#popup_prompt {	margin: .5em 0em; }
/*----------------------------------------------------*/
.mt2
{
    margin-top:4px;
}
