/* Accept: +/+ */

@media screen {

	/* global style */

	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		border: 0;
		margin: 0;
		padding: 0;
		padding-top: 34px; /* new banner height */
		background: #ffffff url(../images/newprodbanner.png) no-repeat top left;	
	}

	/* ensure that there are no rules between frame layout table cells/window edge */
	
	#frameTable {
		border-collapse: collapse;
		border-style: none;
	}

	.menuDefaultClass {
		margin: 0;
		padding: 0;
		border-collapse: collapse;
		border-style: none;
		vertical-align: top;
	}


	/* horizontal menu */

	#menuBarTableRow {
		padding: 0;
		margin: 0;
		border: 0;
		vertical-align: middle; /* was bottom */
	}
	
	#menuBar {
		padding: 0;
		margin: 0;
		/* was margin-left: 2px; */	
		border: 0;
		/* was border-top: 1px solid #ffffff; */
		background-color: #000000;
		/* was line-height: 1.2; */
	}
	
	#menuBar td {
		padding: 0;
		margin: 0;
		border: 0;
		/* was border-right: 1px solid #ddccbb; */
		position: relative;
		/* was line-height: 1.2; */
		vertical-align: middle;
	}
	
	#menuBar a:link, #menuBar a:active, #menuBar a:hover, #menuBar a:visited {
		padding: 0;
		margin: 0;
		margin-right: 3px;
		padding-left: 3px;
		padding-right: 3px;
		margin-right: 3px;
		font-size: 10pt;
		color: #ffffff;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-weight: bold;
		text-decoration: none;
	}
	
	#menuBar a:hover {
		background-color: #ffffff; 
		color: #000000;
	}


        /* button bar */
        #buttonBar {
                display:none;
        }

	/* button strip */
	#buttonStrip {
		display:none;
	}

	
	/* vertical menu */

	#menuStrip {
		width: 225px;
		padding: 0;
		margin: 0;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 9pt;
		vertical-align: top;
		/* was border-top: 0; */
		background-color: #FFFFFF;		
		border-right: 1px solid #000000;	
	}
	
	#menuStrip ul {
		margin: 0;
		padding: 0;
		padding-left: 0px;
		border: none;
		vertical-align: top;
		width: 100%;	
	}
	
	#menuStrip li {
		border-bottom: 1px solid #ffffff; 
		margin: 0;
		list-style: none;
		width: 215px;	
	}
	
	#menuStrip li a {
		display: block;
		padding: 5px 3px 5px 8px; /* was 5px 3px 5px 0.6em; */
		border-left: 16px solid #000000; /* was #337777; was #cc0066 */ 
		background-color: #F0F8FF;
	 	// color: #000000;
	 	color: #000000;
		text-decoration: none;
		font-size: 8pt;
		white-space: nowrap;
	}
	
	
	#menuStrip li a:hover {
		border-left: 16px solid #ffffff; /* was #000000; */ 
		background-color: #4682B4; /* was #337777; */
		color: #FFFFFF;
	}
	
	
	#menuStrip li ul {
		margin: 0;
		padding: 0;
		border-left: 0; 
		background-color: #FFFFFF; 
		list-style: square outside;
		border-bottom: 0;
		color: #000000;
	}
	
	#menuStrip li ul li {
		border-bottom: 0;
		margin: 0;
		list-style: square outside;
		vertical-align: middle;
		margin-left: 40px;
		width: 175px;
		color: #000000;
	}
	
	#menuStrip li ul li a:link, #menuStrip li ul li a:active, #menuStrip li ul li a:visited {
		padding: 5px 0px 5px 5px;
		border-left: 0;
		background-color: #FFFFFF;
		// color: #000000;
		color: #000000;
		text-decoration: none;
		font-size: 8pt;
		margin: 0;
	}
	
	#menuStrip li ul li a:hover {
		border-left: 0;
		background-color: #4682B4; /* was #337777; was #cc0066; */
		color: #FFFFFF;
	}

        #statusBar {
		margin-left: 3px;
		margin-right: 3px;
		padding: 0px 5px 0px 5px;
		border-top: 1px solid #000000;	
		border-bottom: 1px solid #000000;	
		background-color: #EEEEEE;
		// color: #000000;
		color: #000000;
	}

	.redAlertClass {
		color: red;
		font-weight: bold;
	}

	.orangeAlertClass {
		color: orange;
                font-weight: bold;
        }

	.greenAlertClass {
		color: green;
		font-weight: normal;
	}

	/* links in general */

	a {
		text-decoration: none;
	}
	
	a:link {
		text-decoration: none;
		color: blue;
	}
	
	a:active {
		text-decoration: underline;
	}
	
	a:visited {
		color: #339933;
		text-decoration: underline;
	}
	
	a:hover {
		color: #EE9900;	
		text-decoration: underline;
	}


	/* lists in general */
	
	li {
		list-style-type: none;
	}


	/* tables in general */
	
	td {
		font-weight: normal;
		font-size: 8pt;
		white-space: normal;
	}		
	
	th, th.labelClass {
		font-weight: bold;
		font-size: 8pt;
		text-align: left;
		// color: #337777;
		color: #000080;
		
		background-color: #ffffff; 
		white-space: normal;
		vertical-align: bottom;
		padding-right: 5px;
		padding-left: 4px;
	}


	/* headings in general */
	
	h3, h2 {
		white-space: nowrap;
	}

	
	/* form controls */

	input {
		background-color: #FFFFFF;
		color: black;
		border-width: 1px;
		border-color: #444;
		vertical-align: middle;
		font-size: 8pt;
		padding-left: 1px;
		padding-right: 1px;
	}
	
	select {
		background-color: #FFFFFF;
		color: black;
		border-width: 1px;
		border-color: black;
		font-size: 8pt;
		vertical-align: middle;
	}
		
	button {
		background-color: #e5e5e5;
		color: #000000;
		font-size: 8pt;
		vertical-align: middle;
		padding-left: 1px;
		padding-right: 1px;
	}

	/* would use input[type=submit], but IE can't hack it */
	.buttonClass {
		background-color: #e5e5e5;
		color: #000000;
	}

	.closeBoxClass {
		position: absolute;
		width: auto; height: auto;
		top: 6em; right: 2em; bottom: auto; left: auto;
		text-align: right;
	}

	.systemButtonClass {
		margin: 0;
		padding: 0;
		border: 0; /* system buttons already have a border */
		background-color: transparent;
	}

	.systemButtonClass img {
		margin: 0;
		padding: 0;
		border: 0;
		horizontal-align: center;
		vertical-align: middle;
	}
	
	/* for internet explorer */
	input:disabled {
		border: 1px solid #cccccc;
	}
	

	/* main content */

	td#content {
		background-color: #ffffff; 
		right: 1em;
		margin-top: 0;
		padding-left: 2em;
		padding-right: 2em;	
		vertical-align: top;	
		width: 100%;
	}
		
	div {
		margin-left: 0;
		padding-left: 0;
		border:0;
		background-color: transparent;
		margin-bottom: 15px;
		position: relative;
	}

	/* multi-column lookups (e.g. country) */
	.OptionsColumn0Class {
		display: inline;
		_vertical-align: top;  
	}
	.OptionsColumn1Class {
		display: inline;
		_vertical-align: top;
	}
	.OptionsColumn2Class {
		display: inline;
		_vertical-align: top;  
	}
	.OptionsColumn3Class {
		display: inline;
		_vertical-align: top;  
	}
	.OptionsColumn4Class {
		display: inline;
		_vertical-align: top;  
	}

	.pageErrorClass, .fieldClass.fieldErrorMsgClass {
		text-align: left;
		font-size: 10pt;
		font-weight: bold;
		color: red;
		margin-top: 1em;	
		white-space: normal;
	}

	.hidden {
		display: none;
	}
	
	.pageHeadingClass, .beanHeadingClass {
		display: block;
		font-size: 16pt;
		font-family:Helvetica;
		color: #000000;
		font-weight: normal;
		text-align: left;
		margin-top: 1em;
		border-bottom: 1px solid #000000;
	}
	
	.beanHeadingClass {
		font-size: 14pt;		
	}
	
	.sectionHeadingClass {
		position: relative;
		font-size: 10pt;
		margin-top: 10px;
		margin-bottom: 1px;
		padding-bottom: 0;
		color: #000000;
	}
	
	.labelClass {
		text-align: right;
		font-size: 8pt;
		vertical-align: top;
		// color: #000000;
	}
	
	.fieldClass {
		text-align: left;
		font-size: 8pt;
		font-weight: bold;
	}
		
	/* style for cells in multi-bean controls... */
	.fieldClass td  {
		vertical-align: middle;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-right: 16px;
		padding-left: 4px;
		background-color: #eeeeee; /*#faf7f1;*/
	}
		
	.fieldErrorClass  {
		display: block;
		white-space: normal;	
		text-align: left;
		font-size: 8pt;
		font-weight: bold;
		right: 10em;
	}

	/* ruler row */

        .rulerRowClass td {
                background-color: #FFFFFF;
        }
	
	.fieldClass ul {
		list-style-type: none;
		list-style-position: outside;
		margin: 0;
		padding: 0;	
	}
	
	/* Fix the Peekabo Bug - http://www.positioniseverything.net/articles/hollyhack.html#haslayout */
	/* http://jade.mcli.dist.maricopa.edu/cdb/2004/08/31/abandon-ie/  */
	
	/* fix for the peekaboo bug in ie6 in which hovering over menubar or menulist links causes content to disappear from beanClass*/
	
	/* Hides from IE5-mac \*/
	* html .beanClass { height: 1%; }
	/* End hide from IE5-mac */

	/* At the top of lookup+edit maintenance screens */

	.sectionSectionListDetailsListClass {
                padding:0;
                margin: 0;
                text-align: left;
        }

        /* At the bottom of lookup+edit maintenance screens */

        .sectionSectionListDetailsDetailsClass, .sectionChosenClass, .sectionChosenPartyClass, .sectionChildClass {
                border-color: #776666;
                border-style: solid;
                border-width: thin;
                margin-left: 1em;
                color: #000000;
                background-color: #EEEEEE;
        }

        .sectionSectionListDetailsDetailsClass table tr td, .sectionChosenClass table tr td th, .sectionChosenPartyClass table tr td,
                        .sectionChildClass table tr td {
                color: #000000;
                background-color: #EEEEEE;
        }

        .sectionChosenClass table, .sectionChosenPartyClass table, .sectionChildClass table {
                color: #000000;
                background-color: #EEEEEE;
        }

	.sectionSectionListDetailsDetailsClass table tr th, .sectionSectionListDetailsDetailsClass table tr th.labelClass,
        .sectionSectionListDetailsDetailsClass table tr th, .sectionChosenClass table tr td th, .sectionChosenPartyClass table tr th,
                        .sectionChildClass table tr th {
		font-weight: bold;
		font-size: 8pt;
		text-align: left;
		background-color: #337777;
		color: #ffffff; 
		white-space: normal;
		vertical-align: bottom;
		padding-right: 5px;
		padding-left: 4px;
	}

	/* Coloured containers */

	span.pinkContainerClass {
		color: #993333;
	}

	span.orangeContainerClass {
		color: #996633;
	}

	span.cyanContainerClass {
		color: #339999;
	}

	span.indigoContainerClass {
		color: #333399;
	}

	span.greenContainerClass {
                font-weight: bold;
		color: #669933;
	}

	.pinkContainerClass td {
		background-color: #eedddd;
	}

	.orangeContainerClass td {
		background-color: #ffcc99;
	}

	.cyanContainerClass td {
		background-color: #cffdee;
	}

	.indigoContainerClass td {
		background-color: #9999cc;
	}

	.greenContainerClass td {
		background-color: #ccff99;
	}

	/* Embedded documents (for printing) */

	.sectionReleaseDocumentClass {
		border: solid 1pt black;


		width: 190mm;

	}

	.sectionDirectionClass {
		border: solid 1pt black;


		width 190mm;

	}

	.fieldDepartmentHeadingClass img {
		width: 300px;
	}

	.fieldDepartmentHeadingClass, .fieldActClass, .fieldActClass, .fieldSectionClass, .fieldInstrumentClass {
		font-weight: bold;
		font-size: 12pt;
		text-align: center;
	}

	.fieldReleaseNumberLineClass, .fieldQuarantineNoticeNumberLineClass {
		font-size: 14pt;
		font-weight: bold; /* khan #10 amendment 5 */
                text-align: center;
	}

	.fieldCopyLineClass, .fieldRateClass {
		text-align: right;
	}

	.fieldDatelineClass, .fieldImporterLineClass, .fieldPortLineClass, .fieldDeclarationLineClass, /* khan #10 amendments 1, 2 */
        .fieldCopyLineClass, .fieldRateClass, .fieldDoNotSendAnyMoneyClass, .fieldED209Class {
		font-weight: bold;
	}

	table.ActionGridColumn0Class {
		width: 180mm;
	}


	table.ActionGridColumn0Class tr td.furnitureClass, table.ActionGridColumn0Class tr td.furnitureClass {
		display: none;
	}
                                
	table.ActionGridColumn0Class tr th.furnitureClass, table.ActionGridColumn0Class tr th.furnitureClass {
		display: none;
	}


	table.ContainersColumn0Class {
		width: 180mm;
	}


	table.ContainersColumn0Class tr td.furnitureClass, table.ContainersColumn0Class tr td.furnitureClass {
		display: none;
	}
                                
	table.ContainersColumn0Class tr th.furnitureClass, table.ContainersColumn0Class tr th.furnitureClass {
		display: none;
	}


	td.fieldActionLine1Class, td.fieldActionLine2Class, td.fieldActionLine3Class, td.fieldEffectiveToClass, td.fieldInspectorLineClass,
	td.fieldDoNotSendAnyMoneyClass, td.fieldDatelineClass, td.fieldImporterLine, td.fieldPortLine, td.fieldDeclarationLine { /* khan #10 amendments 4, 6 */
		line-height: 2em;
	}
}

@media print {
	
	/* global style */

	body {
		font-family: "Gill Sans", Times, "Times New Roman", serif;
		font-size: 12pt;
		border: 0;
		margin: 0;
		padding: 0;
		padding-top: 0;
	}


	td.labelClass {
		font-size: 12pt !important;
	}

	th.fieldClass {
		font-size: 12pt !important;
	}

	
	#menuBar {
		display: none;
	}
	
	#menuStrip {
		display: none;
	}
	
	#statusBar {
		display: none;
	}
	
	.closeBoxClass {
		display: none;
	}

	.pageHeadingClass {
		display: none;
        }

	.pageErrorClass {
		display: none;
        }

	.fieldDepartmentHeadingClass img {
		width: 300px;
	}

	.fieldDepartmentHeadingClass, .fieldActClass, .fieldActClass, .fieldSectionClass, .fieldInstrumentClass {
		font-weight: bold;
		font-size: 14pt;
		text-align: center;
	}

	.fieldReleaseNumberLineClass, .fieldQuarantineNoticeNumberLineClass {
		font-size: 18pt;
		font-weight: bold; /* khan #10 amendment 5 */
                text-align: center;
	}

	.fieldCopyLineClass, .fieldRateClass {
		text-align: right;
	}

	.fieldDatelineClass, .fieldImporterLineClass, .fieldPortLineClass, .fieldDeclarationLineClass, /* khan #10 amendments 1, 2 */
	.fieldCopyLineClass, .fieldRateClass, .fieldDoNotSendAnyMoneyClass, .fieldED209Class {
		font-weight: bold;
	}
		
	button {
		display: none;
	}

	table.ActionGridColumn0Class {
		width: 100%;
		border-collapse: collapse;
	}

	td.ActionClass {
		font-weight: bold;
		font-size: 10pt;
		border: solid 1pt black;
		padding: 0.5em;
	}

	td.StartClass, td.EndClass, td.AttendanceClass, td.TariffClass {
		font-weight: normal;
		font-size: 10pt;
		border: solid 1pt black;
		padding: 0.5em;
	}


	td.furnitureClass, th.furnitureClass {
		display: none;
	}


	th.ActionClass {
		font-weight: bold;
		font-size: 10pt;
		width: 30%;
		text-align: left;
		border: solid 1pt black;
		padding: 0.5em;
	}

	th.StartClass, th.EndClass {
		font-weight: bold;
		font-size: 10pt;
		width: 15%;
		text-align: left;
		border: solid 1pt black;
		padding: 0.5em;
	}

	th.AttendanceClass, th.TariffClass {
		font-weight: bold;
		font-size: 10pt;
		width: 20%;
		text-align: left;
		border: solid 1pt black;
		padding: 0.5em;
	}

	table.ContainersColumn0Class {
		width: 100%;
		border-collapse: collapse;
	}

	td.DescClass, td.NumberOrSizeClass, td.SupplierProducerClass {
		font-weight: normal;
		font-size: 10pt;
		border: solid 1pt black;
		padding: 0.5em;
	}

	th.DescClass, th.NumberOrSizeClass, th.SupplierProducerClass {
		font-weight: bold;
		font-size: 10pt;
		width: 33%;
		text-align: left;
		border: solid 1pt black;
		padding: 0.5em;
	}



	td.fieldActionLine1Class, td.fieldActionLine2Class, td.fieldActionLine3Class, td.fieldEffectiveToClass, td.fieldInspectorLineClass,
	td.fieldDoNotSendAnyMoneyClass, td.fieldDatelineClass, td.fieldImporterLine, td.fieldPortLine, td.fieldDeclarationLine { /* khan #10 amendments 4, 6 */
		line-height: 1cm;
	}

}