/* Sword core CSS */
#errormsg {
	color: #000000;
	border: 1px solid #ccc;
	padding: 2px;
	width: 250px;
	position: absolute;
	left: 400px;
	top:142px;
	height:25px;
	}

.home-button {
margin-left:30px;
float:left;
}
.home-button-side {
margin-right:87px;
float:left;
}

#clientarea .search {
	font-family:sans-serif;
	text-decoration:none;
	vertical-align:middle;
	position:absolute;
	left:572px;
	margin-top:-1px;
		
}


#clientarea .search input {
 	margin-right:-3px;
	margin-left:-1px;
    margin-top:2px;
	vertical-align:middle;
	
	font-size:0.85em;
	
	
}
#clientarea .search img {

	 position:relative;
	top:2px;
vertical-align:middle;	
}

#clientarea .search_shft {
	font-family:sans-serif;
	text-decoration:none;
	vertical-align:middle;
	position:absolute;
	left:620px;
	margin-top:-1px;
		
}


#clientarea .search_shft input {
 	margin-right:-3px;
	margin-left:-1px;
    margin-top:2px;
	vertical-align:middle;
	
	font-size:0.85em;
	
	
}
#clientarea .search_shft img {

	 position:relative;
	top:2px;
vertical-align:middle;	
}



#leftsearchholder {
margin-bottom:2px;
 padding:0;
    margin-top:0;
	margin-right:-3px;
	margin-left:63px;
}


/* interior page styles */



body
{
	font-family:arial, verdana, helvetica;
	font-size:0.7em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


H1 {
    font-weight:normal;
    font-size:2em;
    padding:3px 0px 1px 0px;
    margin:0;
    color:#666;
	letter-spacing:0;

}
	
H4	{
	font-weight:bold;
	font-size:1.1em;
	padding:0;
	margin:0;
	color:#666;
}
h5	{
	font-weight:bold;
	padding:0;
	margin:0;
	font-size:1em;
	color:#666;
}


#main-head {
float:left;
padding-left:10px;
clear:right;
}

#main-col {
float:left;
padding-left:10px;
height:100%;
}

#results {
float:left;

}
.mainarea {
margin-top:10px;
}
.main-indent {
	clear:both;
	margin-left:40px;
}

#layout
{
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}

 
#menu
{
    margin-left:auto;
    margin-right:auto;
}

#footer
{
    margin-left:auto;
    margin-right:auto;
}


#layout TABLE
{

    width:775px;
}

#layout TD
{
    padding:0px;
    border:0px;
}

.layout-border
{
    background-color: #999999;
}



/* Form layout tables */

TABLE.formlayout TH, TH.formlayout {

	text-align:left;
	font-weight: bold;
    vertical-align:top;
}

TD.subformlayout {
 
	
}

TABLE.formlayout TD, TD.formlayout {

    vertical-align:top;
}


/* Data Tables */

.datatable
{
    border:0;
    padding-top:2px;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:0px;
    margin-bottom:1em;
    vertical-align:top;
	font-size:1.1em;
}

th.datatable-left-spacer {
width:29px;

}
th.datatable-left-label {
text-align:left;
width:130px;
}

.datatable-description {

/* font-size:0.75em; */
vertical-align:top;
}

.datatable-description img {

float:left;
margin-right:3px;
}
.detail
{
font-size:100%;
text-align:left;
width:475px;
}

.detail-row {
vertical-align:text-top;
height:25px;
margin-top:4px;
}
.detail-right {
padding-left:4px;
}
.detail TH {
width:80px;
}

.line { 
height:1px;
background-color:#ccc;
font-size:0;
line-height:0;
}


HR {
height:1px;
padding:0px;
color:#CCCCCC;
}

/* mini table for home page */

.minitable
{
   /* border:1px solid #E5E5E5; */
    padding:2px;
    margin-bottom:1em;
    vertical-align:top;
	width:415px
}

TR.minitable-header-main
{	

}

TH.minitable-header-main
{
	font-size:0.97em;
	
	font-weight:normal;
	color:#000000;
	text-align:center;
	
	font-weight:bold;
	
}


.minitable-header-column TH.minitable-header-column
{
    font-size:0.97em;
	
    font-weight:normal;
    color:#000000;
    text-align:center;
	
}

TR.minitable-row-even
{
    background-color: #F4F4F4;
    vertical-align:top;
}

TR.minitable-row-odd
{
    background-color: #E4E4E4;
    vertical-align:top;
}

.minitable-footer-text
{
	font-size:0.9em;
	color:#000000;
}

.minitable-text
{
    font-size:0.95em;
    color:#000000;
}

.minitable-value
{
    font-size:0.95em;
    color:#000000;
	 text-align:center;
}

.minitable-status-neutral
{
    font-size:0.95em;
    color:#333333;
}

.minitable-status-waiting
{
    font-size:0.95em;
    color: #9B5E00;
}

.minitable-status-passed
{
    font-size:0.95em;
    color: #006600;
}

.minitable-status-failed
{
    font-size:0.95em;
    color: #990000;
}

.mini-po {
color:#777777;
font-style:italic;
}

/* Forms */
INPUT {
	vertical-align:middle;
	

}



.short {
	width:3em;
	font-size:90%;
}

.percentage {
	width:3em;
	font-size:90%;
}
.qtybox {
	width:4em;
	font-size:90%;
	vertical-align:top;
}
.qtybox-detail {
	width:30px;
	font-size:90%;
	margin-left:0px;
}

.date {
	width:5em;
}
.medium {
	width:8em;
	font-size:90%;
}
.long {
	width:30em;
}

INPUT.button, INPUT.cost-alloc-button {
border:1px solid #666;
  background-image:url(/images/button-background_17.gif);
	background-repeat:repeat-x;
    font-size:0.85em;
    padding-bottom:1px;
    margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:-3px;
	vertical-align:middle;
	height:19px;
	}
	
INPUT.cost-alloc-button {
margin-bottom:2px;
margin-left:2px;
margin-right:0px;
}
INPUT.smallbutton {
border:1px solid #666;
  background-image:url(/images/button-grey-bg.gif);
	background-repeat:repeat-x;
    font-size:0.85em;
    padding-bottom:1px;
     margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:-3px;
	vertical-align:middle;
	height:17px;
	}
INPUT.yellow-button {
border:1px solid #666;
  background-image:url(/images/button-yellow-bg.gif);
	background-repeat:repeat-x;
    font-size:0.85em;
    padding-bottom:1px;
    margin:0;
	vertical-align:middle;
	height:17px;

}
INPUT.yellow-button-tall {
border:1px solid #666;
  background-image:url(/images/button-yellow-bg_17.gif);
	background-repeat:repeat-x;
    font-size:0.85em;
    padding-bottom:1px;
    margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:-3px;
	vertical-align:middle;
	height:19px;

}


select {
 border:1px solid #999;
   font-size:0.85em;
    padding:0px;
    margin:0;
	vertical-align:middle;
	
	
}
.go-area {
	margin-left:-4px;
}
SELECT.catlist {
font-size:0.9em;

	}
.placeholder-rt {
margin-left:0px;
vertical-align:bottom;
padding-bottom:0px;
}
.placeholder-lft {
margin-right:-3px;
vertical-align:bottom;
padding-bottom:0px;
}

.placeholder-rt-m {
margin-left:0px;
padding-bottom:0px;
}
.placeholder-lft-m {
margin-right:-3px;
padding-bottom:0px;
}

.prevnext {
vertical-align:bottom;
margin-left:180px;
}

.nomargin {
margin-left:0px;
margin-right:-3px;
vertical-align:bottom;

}


TEXTAREA {
	font-size: 9.5pt;
	font-family:Arial, Helvetica, sans-serif;
}

.actions {
	
	margin-top:4px;
	padding-top:2px;
	/* need to spell it out for NS4 */
	border-color:#ccc;
	border-top-width:1px;
	border-top-style:solid;
	height:30px;
	width:100%;
	float:left;
}
.actionstable {
	font-size:1em;
	border:0;
}
.actionstable td {
	width:50px;
}
.header1 {
	font-weight:bold;
	font-size:1.05em;
	padding:3px 0px 2px 0px;
	margin:0;
}

.topactions {
	text-align:right;
	margin-right:70px;
}

.error  {
        color: #FF0000;
        font-weight: bold;
		padding-right:5px;
        }

.hilite {
        background-color: #AAFFAA;
        }

#advertheader, #advertclick
{
    color:#6464C9;
    font-family:arial,sans-serif;
    font-size:80%;
    font-weight:bold;
    padding-bottom:3px;
    padding-left:5px;
    background-color:#EFEFEF;
}

#advertclick
{
  text-align:right;
  padding-right:5px;
  
}
TD.advert
{
 font-family:arial,verdana,sans-serif;
  font-size:80%;
  vertical-align:top;
}

.advert A H3
{
  text-decoration:none;
  color:#1E0D62;
  margin:0;
  padding:0;
font-size:1em;
}

.advert A P
{
  text-decoration:none;
  margin:0;
  padding:0;
  color:#666666;

  
}
.datenote
{
	font-size:10px;
	font-style:italic;	
}


div.leftarea {
    float:left;
}
div.rightarea {
    margin-left:105px;
}

address {
    font-style:normal;
}


.nav-left {

width:129px;
font-size:0.95em;
float:left; 
padding-left:40px;
padding-top:20px;
}
.help-left {
width:129px;
font-size:0.95em;
float:left; 
padding-left:40px;
padding-top:5px;


}

.help-left-col {
width:129px;
font-size:0.95em;
float:left; 
padding-left:40px;
padding-top:5px;
height:100%;

}

.supplier-right {
float:left; 
width:201px;
margin-left:3px;
}


#accordianContainer {
 border-style: none  solid none solid ;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-width: 0px 3px 0px 3px;
	margin-left:169px;
	width:438px;

	}
	
#accordionExample {
    width: 438px;
    height: 275px; 

}


#panel1, #panel2, #panel3, #panel4 {
    margin: 0;
    padding-bottom: 0;
    border: none;
	
}
.accordionTabContentBox {
    height:180px; 
	
}
INPUT.centre-search {

}

.centre-search INPUT  {
float:left;
	margin-top: 100px;
	margin-left:-4px;
	margin-bottom:5px;
	font-size:0.85em;
}
#centre-placeholder {
float:left;
	margin-top: 100px;
	margin-left:11px;
	margin-right:3px;
	
}

.shortinput  {
margin-left:-4px;
margin-right:-4px;
	font-size:0.85em;  
}

.search-bar {
float:left;
}

.dive-buttons {
margin:0 0 0 0;
float:left;
text-align:center;
padding-top:5px;
height:22px;
font-size:90%;
}

.dive-buttons A {
color:#FFFFFF;
text-decoration:none;
}
.dive-buttons A:hover {
color:#FFCC00;
text-decoration:underline;
}


#bottom-left {
float:left;
margin-left:40px;
}


#qlhead-bottom-left {
float:left;
width:168px;
margin-top:2px;
}

#bottom-left-content {
margin-left:40px;
}

#bottom-right {
position:relative;
float:left;
margin-left:615px;
width:199px;
top:-274px;
}


.ad_all {
vertical-align:bottom;
text-align:left;
}
#ad_area {
height:137px;
	border-right-color:#ffffff;
	border-right-width:3px;
	border-right-style:solid;
margin-left:19px;
padding-top:8px;
padding-right:3px;
}

#bottom-f-right
{
	position:relative;
	top:-276px;
	border-left-color:#ffffff;
	border-left-width:3px;
	height:275px;
	float:left;
	width:4px;
	border-left-style: solid;	
	}

.pic-col {
float:left;
width:198px;
}

.prodimg {
border-color:#000000;
border-width:1px;
max-width:180px;


}

#the_supplier {
border:0;
}
.req-status {
float:left;
margin-left:2px;
margin-right:4px;
line-height:20px;
margin-top:5px;
}

.attr-col {
float:left;
width:475px;
}

#main-full {
width:100%;
float:left;
}

.basket-total {
margin-left:750px;
margin-bottom:10px;

}

.highlightasbutton {
	clear:both;
	margin-left:1px;
	font-size:110%;
}

.highlightasbutton A {
  background-image:url(/images/button-yellow-bg_17.gif);
	background-repeat:repeat-x;
	border:1px solid #666;
	padding-left:2px;
	padding-right:2px;
	color:#000000;
}
.highlightasbutton A:hover {
color:#000000;
text-decoration:none;
}
.fakebutton A {
border:1px solid #666;
  background-image:url(/images/button-background_17.gif);
	background-repeat:repeat-x;
	font-family:"MS Sans Serif", sans-serif;
	font-size:1.05em;
    padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
    margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:-3px;
	vertical-align:middle;
	height:19px;
	color:#000000;
	cursor:pointer;
	text-decoration:none;
}
.fakebutton A:hover {
color:#000000;
text-decoration:none;

}


#supplierlogo {
max-width:110px;
float:left;
}
#advert_image {
max-width:200px;

max-height:200px;

}
.ad-outline {
	border: thin solid #666666;
	width:500px;
	padding:3px;
}

.box {
float:left;
}
#ad_body {
margin-left:4px;
}
#ad-img {
float:right;
margin-left:3px;
}
.ad-s-logo {
margin-right:3px;
}

.addtosearch
{ color:red;}

#alt_ff {
position:absolute;
top:110px;
left:180px;
background-color:#FFFFCC;
z-index:999;
visibility:hidden;
padding:5px 5px 5px 5px;
border: 1px solid #ccc;
width:570px;
}
#alt_search {
width:550px;
}


/* Simple nav */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	
}

#nav {

}
#nav ul {
	border-top:none;
		border-left: solid #ccc;
	border-right: solid #ccc;
	border-right-width:1px;
	border-left-width:1px;
	border-bottom: solid #666;
	border-bottom-width:2px;
	padding-bottom:3px;
	z-index:101;

}

#nav a {
	display: block;
	text-align:center;
	margin-top:-3px;
}

#nav li { /* all list items */
	float: left;
	width: auto;
	z-index:102;
	padding-right:3px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 8.6em;
	left: -999em;
	z-index:103;
	background:#f4f4f4;
	padding-bottom:4px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;

}


#nav li ul a {
	background: #f4f4f4;
	left: auto;
	text-align:left;
	z-index:105;
	width:8.6em;
}
#nav li ul a:hover {
background:#cccccc;
left: auto;

}

.nopos {
clear:both;
padding-top:2px;
margin-left:2px;
}

.mktplacenews {
margin-left:18px;
margin-bottom:8px;
margin-right:3px;
margin-top:5px;
}

.favhead {
}
.read-pc {
margin-left:5px;
}

/*********************** SCROLLERS ***********************/
.root     {
    position:relative;
    height:      250px;
    width:      300px;
    margin:       0px 0px 0px 0px;    
    }
.root p   {
    margin:      10px 10px 5px 10px;
    }
.thumb     {
    position:      absolute;
    height:      9px;
    width:      15px;
    left:       10px;
    }
.up, .dn   {
    position:      absolute;
    left:       10px;
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border:      0;
    }
.scrollContainer { 
    position:      absolute; 
    left:      0px; 
    top:      0px; 
    width:      199px; 
    height:      250px; 
    clip:      rect(0 467 200 0); 
    overflow:      auto; 

    }
.scrollContent { 
    position:      absolute; 
    left:      0px; 
    top:      0px; 
    width:      175px; 
    }
	
	
.troot     {
    position:relative;
    height:      250px;
    width:      438px;
    margin:       0px 0px 0px 0px;    
    }
.troot p   {
    margin:      10px 10px 5px 10px;
    }

.tscrollContainer { 
    position:      absolute; 
    left:      0px; 
    top:      0px; 
    width:      436px; 
    height:      250px; 
    clip:      rect(0 467 200 0); 
    overflow:      auto; 

    }
.tscrollContent { 
    position:      absolute; 
    left:      0px; 
    top:      0px; 
    width:      418px; 
    }
	
	
	
INPUT.smallbutton2 {
border:1px solid #666;
  background-image:url(/images/button-yellow-bg_17.gif);
	background-repeat:repeat-x;
    font-size:0.7em;
    padding-bottom:1px;
     margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:-3px;
	vertical-align:middle;
	height:17px;
	}
	
.qtybox2 {
	width:3em;
	font-size:90%;
	vertical-align:top;
}

.result-zone {
margin-left:10px;
margin-top:10px;
font-size:0.8em;

}

#results-area {
float:left;
width:280px;
}


.result-zone a:hover {
background-color:#D1F2FE;
text-decoration:none;
cursor:default;
}

.data-entry {
padding-top:10px;
padding-right:10px;
width:200px;
float:left;
}


#dialog INPUT {
width:180px;
}

.descriptionLookup  {
text-decoration:underline;
font-size:0.8em;
cursor:pointer;
}

#hazard-area {
font-size:0.8em;
}

#hazard-area a:hover {
background-color:#D1F2FE;
text-decoration:none;
cursor:default;
}