/*CSS used across Control Centre, dateTimePicker popup window, new Purchasing pages*/

/**{border:solid}*/

/*
hide wizard
#wizard {display: none;}

hide menu
#tab2 {display: none;}

hide breadcrumb
.breadcrumb {display: none;}
*/

a img {border:0;}

a:hover{text-decoration:underline;}

/*sub-site styles*/
#logo {background:url(http://images.uk-plc.net/imagesuk/cc/controlcentre_image.jpg) no-repeat 100% 80%; 
width:100%;
text-align:left;
}

/* section styles */
#sectionBand {background-color: #bfbfd9;}

.main h2{
color:#FFFFFF;
clear:left;
margin: 1px -11px 10px -11px; 
padding: 5px; 
background: url(http://images.uk-plc.net/imagesuk/cc/titleStrip.gif) top left repeat-x #009900;
}	

/*
ul {margin: 0; padding: 10px 10px 10px 25px;}
li{list-style: url(http://images.uk-plc.net/imagesuk/cc/greenarrow.gif); text-align:left; margin: 0;}*/

/*control centre styles*/
/* layout and structure */	

/* wizard navigation */

#wizard {
text-align:left; 
background: url(http://images.uk-plc.net/imagesuk/cc/QuickSteps.gif) top left #F6D04C no-repeat; 
margin:0; 
padding:0 0 0 13px; /*for image*/
white-space: nowrap;
height:1.7em;
line-height:1.7em; 
min-height:1.7em; /*opera weirdness*/ 
/*height:auto; breaks in IE6*/
font-size:0.8em; 
border-bottom:1px solid #000066;}

#wizard a:hover,#wizard .title a:hover{text-decoration:underline;}
#wizard .title {float:left; /*display:inline;*/ padding:0px 2px 0px 10px; font-weight:bold;}
#wizard .title a, #wizard .close a {text-decoration:none;}
#wizard .close {width: 10px; float:right; font-weight:bold; padding:0 2px;}

#wizard ul {/*float:left;*/ margin:0 0 0 10px; padding:0; list-style:none;}
#wizard li { 
	list-style:none;
	white-space:nowrap; /*prevent text wrapping*/
	float:left; /*keep them inline*/
	margin:0 1px 0 0; 
	padding:0;
	background-color:#fae7a5;
	height:1.7em; 
	line-height:1.7em; 
	min-height:1.7em; /*opera weirdness*/ 
}
#wizard li a {text-decoration:none;text-align:left; display:block; /*color:#FFF; */padding: 0 10px;}
#wizard li a:hover {color:#000066;}

#breadcrumb {
clear:both; /*IE6 */
margin:0 0 5px 0; 
padding:5px 5px 5px 20px;
font-size:0.7em; 
text-align:left; 
background: url(http://images.uk-plc.net/imagesuk/cc/titleStripGrey.gif) 0 0 repeat-x #dbe2ed;
height:1.3em; /*FF*/
}

#breadcrumb #breadcrumbTitle {
padding-left:14px;
font-weight:bold;
background: url(http://images.uk-plc.net/imagesuk/breadcrumbIcon.gif) 0 2px  no-repeat;
float:left;
}
#breadcrumb a {color:#000066; text-decoration:none;}
#breadcrumb a:hover {text-decoration:underline;}

#infobox {clear:both;
float:left;
width:100%;
background: url(http://images.uk-plc.net/imagesuk/iSml.gif) no-repeat top left #E5E5EF;
border: 1px solid #C6C8DE; 
margin: 10px 0px; 
/*padding: 3px 5px 8px 35px;*/ 
min-height:12px;
}

#infoboxcontent {float:left; clear:both; width:90%;/*for IE*/ padding:15px 10px 10px 50px; /*padding:0 10px;*/}
#infoboxcontent ul{ margin:0;/*padding:0;*/}
#infoboxcontent ul li{list-style: url(http://images.uk-plc.net/imagesuk/cc/lilacarrow.gif);}

#infobox #toggle 
{height:2em; 
float:left; 
/*width:100%; breaks FF*/
clear:both;
color:#7F7FB2;
text-decoration:none;
padding: 0 20px 0 35px ; 
background: url(http://images.uk-plc.net/imagesuk/iExpand.gif) no-repeat 100% 0; 
margin-right:10px;}

.techinfobox {float:left; 
width:99%;
clear:both;
text-align:left;
background-color: #E5E5E5;
border: 1px solid #c0c0c0; 
margin: 10px 0px; 
padding: 5px; 
}


#middleContainer{ 
	display: inline;
	width: 100%;
	/*text-align: center;*/
	}

.spacerColumn
	{ 
	width: 5%;
	float: left;
	}

.leftColumn
	{ 
	text-align: center;
	width: 25%;
	float: left;
	height: 100%; 
	display: block;
	}

.middleColumn
	{
	text-align: center;
	/*display: inline;*/
	/*width: 45%;*/
	/*max-width: 60%;*/
	/*float: left; */
	padding: 0 10px;
	}

.rightColumn
	{ 
	text-align: center;
	width: 25%;
	float: left;
	height: 100%; 
	display: block;
	}	

.main 
	{
	float:left;/*fixes auto height in FF*/
	height: auto;
	min-height: 300px;
	border: 1px solid #000066;
	background-color: #FFFFFF;
	font-size: 0.8em;
	padding: 0px 12px 12px 12px;
	text-align: left;
	width: auto;
	width: 100%;
	margin-top:10px;
	}
	
.shadow {
	width: auto;
	width: 90%;
	/*not used on main site
	padding-bottom: 4px;
	background: url(http://images.uk-plc.net/imagesuk/shadow.gif) bottom repeat;
	background-color:#FFFFFF;
	z-index: 2;*/
  }
	
	

			
/*		#lmenu{	margin:0;width: auto; background-color: #FFFFFF; } */

#lmenu ul { padding:0; margin:0; }

#lmenu ul li {
	list-style: url(http://images.uk-plc.net/imagesuk/pixel.gif); /* IE wont obey list style none */ 
	list-style: none;
	background: url(http://images.uk-plc.net/imagesuk/eProcStrip.gif) bottom left repeat-x #FFFFFF;
	border: solid 1px #000066;
	/*border-left: solid 1px #000066;*/
	border-top: none;
	padding: 3px;
}

#lmenu ul li.current{background: url(http://images.uk-plc.net/imagesuk/WebservStrip.gif) bottom left repeat-x #FFFFFF;}

#lmenu ul li a {color: #000066;	text-decoration: none; list-style: none;} 


	
/* level3 tab navigation */

#tabnav3 { font-size:0.8em;
	/*background: url(http://images.uk-plc.net/imagesuk/tab2BG.gif) repeat-x 0 100%;*/
	margin:0;
	padding:0;
	white-space:nowrap;
	border-bottom: 1px solid #000066;
	height:1.8em;
	line-height:1.8em; 
	min-height:1.8em; /*opera weirdness*/
	background-color: #FFFFFF;
}

#tabnav3 ul {margin:0 auto; padding:0; list-style:none;}

#tabnav3 li {
	/*background: url(http://images.uk-plc.net/imagesuk/tab2BG.gif) repeat-x 0 100% #FFFFFF;*/
	list-style:none;
	white-space:nowrap; /*prevent text wrapping*/
	float:left; /*keep them inline*/
	margin:0; 
	padding:0;
	border-right:1px solid;
	border-right-color: #C0C0C0;
}

#tabnav3 li a {
	/*background: url(http://images.uk-plc.net/imagesuk/tab2aro.gif) no-repeat 100% 0;*/
	text-align:left; 
	display:block; 
	text-decoration:none; 
	color:#808080; 
	padding: 0 10px;
}

#tabnav3 li a:hover {background-color: #CCCCCC; color:#FFFFFF}

/* option navigation now in main stylesheet
#optionNav {float:left;clear:both;width:100%;text-align:center; margin:0; margin-bottom:10px;padding:0;white-space:nowrap; 
}
#optionNav ul {margin:0 auto; padding:0; list-style:none;}
#optionNav li {	list-style:none;white-space:nowrap; float:left; margin:2px 0; padding:0;border-right:1px solid;border-right-color:#C0C0C0;}
#optionNav li a {text-align:left; display:block; color:#808080; padding: 2px 10px; }
#optionNav li a:hover {color:#000066;}*/


/*list of options with expl text*/
.main .optionList {width:100%; font-weight:bold; display:block; margin:10px 0px;  
padding:10px 5px; padding:0px; clear:right;}
.main .optionList li {
list-style: none; clear:both;  margin:2px 0; padding:2px 0; /*display:block; loses arrow in FF*/ 
background-color:#FFFFFF ; line-height:1.7em ;/*display:block; height:auto;*/
border-top:1px solid #E5E5E5}
.main .optionList li a {background:url(http://images.uk-plc.net/imagesuk/cc/greenarrow.gif) 0 5px no-repeat #FFFFFF;
width:39%; display:block; float:left; padding-left:10px; /*float breaks arrow in IE*/ text-decoration:none; }

.main .optionList li a:hover {text-decoration:underline; }

.main .optionList li .contents {font-style:italic; font-weight:normal; width:59%; float:left;display:block;}


/*round list box*/
.RoundListbox{height: 200px; width:259px; margin:5px; float:left;}
.RoundListboxtop{font-size:0.9em;background: url(http://images.uk-plc.net/imagesuk/cc/OptionTL.gif) no-repeat 0 0 ;color:#FFFFFF;font-weight:bold;font-size:1.1em;}	
.RoundListboxtop span{
	background: url(http://images.uk-plc.net/imagesuk/cc/OptionTR.gif) no-repeat 100% 0 ;
	display:block;
	padding: 3px 0;
	text-align:center;
	}
.RoundListboxtop span a{color:#FFFFFF; text-decoration:none;}
.RoundListboxbody{
	width: 257px;
	background-color:#FFFFFF;
	padding: 0;
	margin: 0;
	color: #000066;
	border: solid 1px #000066;
	border-bottom: none;
	height: 150px;
	min-height: 150px;
	}
.RoundListboxbottom{
	background: url(http://images.uk-plc.net/imagesuk/cc/OptionBL.gif) no-repeat 0 100%;
	width: 259px;
	height: 7px;
	}
.RoundListboxbottom span{
	background: url(http://images.uk-plc.net/imagesuk/cc/OptionBR.gif) no-repeat 100% 100%;
	display:block;
	width: 259px;
	height: 7px;
	padding: 0;
	margin: 0;
	}
.RoundListboximage{float: right; margin: 5px 5px 0 0;}
.RoundListboxbody ul {display:block; margin:0; padding:5px 0 0 5px; }
.RoundListboxbody li {list-style: none; line-height:1.6em}
.RoundListboxbody li img {float:left;}
.RoundListboxbody .arrowlink {display:block;
background: url(http://images.uk-plc.net/imagesuk/cc/greenarrow.gif) no-repeat 100% 2px;
text-align:right; padding-right:10px; margin:10px 10px 0 0; font-size:0.9em;}
.RoundListboxbody .arrowlink a {color:#4db91e; text-decoration:none;}

/*list of options with expl text*/
.main .checkList {display:block; }
.main .checkList li {list-style: none;
clear:both; padding: 0;}
.main .checkList li a {width:49%;}
.main .checkList li .contents {font-style:italic; font-weight:normal; width:49%; float:right;}


#formPreview {float:left; 
width:99%;
clear:both;
text-align:left;
background-color: #edf8e8;
border: 2px dashed #d2edc7;
margin: 10px 0px; 
padding: 5px;
}

/*to get the form design preview to look better*/

/*#formPreview .formLine{background-color:#f1fcec}*/

#formPreview .InFormText{background-color:#edf8e8;border: 1px solid #d2edc7;}
#formPreview li{background-color:#d2edc7;}

.formPreviewTitle {font-weight:bold; color:#7acb56; text-transform:uppercase;}

#formPreview div {border: 1px dashed #d2edc7;}

#formPreview .submit {background:none; 
background-color:#e5e5e5;
border:1px solid #C0C0C0; 
border-left:1px solid #808080; 
border-bottom:1px solid #808080;
color:#808080;padding:0 2px;margin:0;}


.htmlEditLinks, .formPreviewControl {border:1px dotted #7f7fb2; padding:2px; margin:0 0 0 25px; background-color:#FFFFFF;white-space:nowrap;}
.htmlEditLinks a,  .formPreviewControl {color:#7f7fb2;}


/*table styles*/
.olink { color: #FB9A28; font-weight: normal}
.cinput { font-size: 9pt; border: 2px #E7912B double}

.bodytxtsm { font-size: 10pt; }
.clist {  color: #FB9A28; list-style-position: outside; list-style-image: none; list-style-type: square}

.tableback {background: #FFFFFF}       /*	      grey               */

.locationheader {background: #000000}       /*	      black               */
.locationback {background: #FFCC99}        /*	    orange'ish	 */

.categoryheader {background: #6699CC}     /*	       blue	 	 */
.categoryback {background: #FFFFFF}       /*	       white	 */

.productback {background: #000066}          /*	      Dark Blue	 */
.productheader {background: #A4CC99}       /*	      green           */
.productfooter {background: #A4CC99}       /*	      green             */

.companiesback {background: #CCCC99}     /*	       beige	 */
.companiesheader {background: #ACBBE4}       /*	      blue             */
.updown {  font-size: 12px; color: #ffffff; font-weight: bold}

.moveupdown {height:18px; width:15px; }

.productbar {background: #A6A6CA} 
.searchNext {  font-size: 12px; ; font-weight: bold}
.searchsm {  font-size: 12px;  ; font-weight: normal}
.searchsmb {  font-size: 12px;  ; font-weight: bold}
.olinkSM {  font-size: 11px; color: #FB9A28; font-weight: normal }

.tdpadding { padding: 6px 6px; }

/*
td
{
	font-size: 0.65em;	
}
td.header
{
	font-size: 0.8em;
	font-weight: bold;
}*/


/*info table */

.infoTable { /*position:relative;*/
/*float: left; breaks IE next button*/
	clear: both;  /*FF*/
	border: 1px solid #95a9cb;
	/*border-collapse: collapse;*/
	margin: 5px 0;
	/*width:95%;*/
	
}

.infoTableHeader td{
	border: 1px solid #bfbfd9;
	/*background-color: #dbe2ed;*/
	background: url(http://images.uk-plc.net/imagesuk/cc/titleStripBlue.gif) 0 0 repeat-x #dbe2ed;
	font-weight: bold;
	padding: 5px;
	line-height: 1.2;
	border-left:none;
	border-right:none;	
}

.infoTableRow td {
	border: 1px solid #bfbfd9;
	background-color: #FFFFFF;
	padding: 3px;
	line-height: 1.2;
	text-align:left;
}

.infoTableRow .sideheader {
	border: 1px solid #bfbfd9;
	background-color: #dbe2ed;
	font-weight: bold;
	padding: 3px;
	line-height: 1.2;	
}

.infoTableHiddenRow td {
	border: 1px solid #bfbfd9;
	background-color: #DDDDDD;
	padding: 3px;
	line-height: 1.2;
}


/*temp for quick step page*/
.answer { font-size: 0.8em; /*font-style: normal; line-height: normal; */
/*color: #000066; font-weight: normal;*/}


/* NUMBER OF COLUMNS */

/*to remove right column enable the folowing 2 lines*/
/*.rightColumn {display: none;}
.middleColumn {width: 70%;}*/

/*to also remove left column, please also enable the folowing 2 lines*/
/*.leftColumn {display: none;}
.middleColumn {width: 90%; padding: 0 50px; margin:0; max-width: 100%;}*/	


/*ajax loading log*/
#log {
	float: left;
	/*width: auto;*/
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	padding: 2px;
	margin: 5px 0;
}
 
#log_res {
 	float:left; 
	width:600px;
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://images.uk-plc.net/imagesuk/ajaxspinner.gif) no-repeat center;
}

#popcontent {border: 1px solid black; background-color:#FFFFFF;  font-size:0.8em;
margin:5px; padding: 5px; text-align:left; float:left; width:600px}

#popcontent .closeSticky {float:right;}

#popcontent #popsearchbox {float:left; width:550px; border: 1px solid #95a9cb; background-color: #dbe2ed; padding:5px;}

#popcontent #UNSPSCSelector{width:100%; float:left;}

#CSStable2 .CSSTableTD  {float: left; width: 49%; border: solid 1px #000066} 

#CSStable3 .CSSTableTD, #CSStable3 .CSSTableTD1  {float: left; width: 33%; border: solid 1px #000066} 
#CSStable3 .CSSTableTD1 {width: 30%;clear: both;}

.hideme {display:none;}

.nextprev {margin:10px 0; float:left;}

.nextButt {margin-left:5px; padding-right:10px; background: url(http://images.uk-plc.net/imagesuk/rightAro.gif) 100% 0 no-repeat; text-decoration:none;}

.prevButt {margin-right:5px; padding-left:10px; background: url(http://images.uk-plc.net/imagesuk/leftAro.gif) 0 0 no-repeat; text-decoration:none;}

#picturelibrary {float:left;clear:both;}

      #picturelibrary ul {float:left;
      list-style-type:none;
      margin:12px 0 0 0;
      padding:0;

      }
      #picturelibrary ul li {
      text-align:center;
      display:inline;
      float:left;
      padding:3px;
      width:150px;
      margin:3px;
      overflow:visible;
      }
      #picturelibrary ul li div.pgName {
      width: 150px;
      background-color:#E5E5EF;
      overflow:visible;
      padding:2px;
      }

.graphContainer {/*float:left; border:1px solid #CCCCCC; causes problems*/ 
width:720px; clear:both; margin:10px auto;  padding:5px}
.graphTable {width: 100%; clear:both; margin:10px 0;}
.graphBar {display: block; width:14px; height:0px; background-color:#a6dc8e;} 

.bigButt{float:left;}

body#dateTimePicker {background-color: #FFFFFF;background-image: none;}	
#dateTimePicker td{font-size:0.8em;}	
#dateTimePicker .DateTimeTable {border:0; width:100%;}
#dateTimePicker .DateTimeTableHeader {background-color:#000066; color:#FFFFFF;}