/* -----------------------------------------------------------------------

   Spectronics default css file

----------------------------------------------------------------------- */

	body { background: #FFF !important; font-size:12px }

	.container {
		background2: #fff;
		background2: #FFF url(/assets/images/body-background.gif) 50% 0 repeat-x;
		border2:solid 1px #ccc;
		border-top: none;
	}

   body#home #outer-wrapper,
	#outer-wrapper {
	   background: transparent !important;
	}
	
	#watermark {background: transparent;}

	#header { display:none; }
	
	#menuh,
	#menuv,
	#menuv_extras,
	#sidePanelNavigation,
	ul#titleLinks,
	#footer  { display:none !important; }
	
	.noprint {
		display:none !important;
	}
	
	#header {
	   display:none;
	}
	
	#printHeader {
	   display:block;
	   background2: url(/topsight/website/assets/images/header-logo-print.gif) 100% 0 no-repeat;
	}

	p.alphabet {
		display:none;
	}

    p#breadcrumbs {
    display:none;
    }

   input,
   ul.cpo,
	#headerLinks,
	#titleLinks {
	   display:none;
	}
	
	
		
	.addItemLink {
	  display:none !important;
	}
	
	
	
	/* When we are actually printing we want to make the page width dynamic - so it won't scale when printed */
	@media print {
	   #content,
		.container,
		.span-24, .span-23, .span-22 {
		   width: auto !important;
		   float:none !important;
		}

		/* This is for controls that are on a printed report - we want them to display in print mode - but not when actually printed */
		.preprint {
		   display:none !important;
		}
 	}
	
	#content .contentPadding {
		padding: 0px;
		
	}
	
	#content div.title {
		border-color:#333;
		padding-bottom: 12px;
	}
	
	#content h1 {
	   color: #333;
	}
	
	#content hr {
	   background: #000;
	}
	#content hr.space {background: #fff !important;}
	
	#content a:link,
	#content a:visited,
	#content a:active {
	   color: #333;
	}

/*
 * Report style )For poa report etc)
 */

	table#report {
	 
	}

	table#report th {
		text-align: left;
		font-weight: bold;
		padding-top: 22px;
		border-bottom:solid 1px #999;
	}
	
		table#report th span {
			font-weight: normal;
		}
	
	table#report td {
		text-align: left;
	}
	
/*
 * Format the prices on the report
 */
 
   table.shoppinglist th,
	table.shoppinglist td {
	   font-size: 12px;
	}
	
	table.shoppinglist td.total {
	   font-size: 12px;
	}

	table.shoppinglist th {
	   border-bottom: solid 1px #333 !important;
	}
	
	table.shoppinglist td.bottomline {
	   border-top: solid 1px #333 !important;
	}
	
	p {
	   font-size: 12px;
	}

   .hidden
   {
      display:none;
   }

   .ui-tabs-nav { display:none ; height:auto;}
   #content .ui-tabs .ui-tabs-hide { display:block !important; }
   .printonly { display:block !important; }