@charset "utf-8";

/* =========== Global =========== */

form {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	background:
		#979fa4
		url(../img/tiledback.gif)
		top
		left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	}

a {
	color: #007fbf;
	}

a:hover {
	color: #e58600;
	}

hr {
  color: #E1EAF1;  
  border: 0;
  background-color: #E1EAF1; 
  height: 4px;
  margin-top: 5px;
}

#middlepanel .txtright{ text-align: right; }

.jslink 
{
  cursor: pointer;
	border-bottom: 1px dashed #007fbf;
	text-decoration: none;
}

.jslink:hover 
{
	border-bottom: 1px dashed #e58600;
}

.jslink.current 
{
  cursor: pointer;
	border-bottom: 1px dashed #005E8A;
	text-decoration: none;
}

a.disabled {
	color: #a6a6a6;
	border-bottom-color: #a6a6a6;
}

a.disabled:hover {	
	color: #a6a6a6;
	}
	
a:focus, a:active {
	-moz-outline:none;
	outline: none;
	}
	
br, .clear {
	clear: both;
	}

.width50 {width: 47.1%}

.inner #middlepanel .quotes li h4 { margin: 0 0 5px 0; padding: 0; }
.inner #middlepanel .quotes li p { margin: 5px 0 10px 0; }

.left {float: left; }
.right {float: right; display: block; }
.center {text-align: center;}
.center img{margin: 0 20px;}

.width60 { width: 57%; margin-right: 15px;}
.width40 { width: 40%; }
.width95 { width: 95%; }
.width94 { width: 94%; }
.widthform { width: 338px; }
.widthauto { width: auto !important; }

#body {
	padding: 0 0 0 0;
	overflow: hidden;
	}

#printbody { background-color: #ffffff; background-image: none; }

#mainBox {
	position: relative;
	background:
		url(../img/mainboxback.gif)
		top
		center
		repeat-y;
	width: 984px;
	margin: 0 auto 0 auto;
	padding: 0 3px 0 3px;
	/*overflow: hidden;*/
	}

.leftshadow {
	position: absolute;
	width: 18px;
	height: 300px;
	background:
		url(../img/leftshadow.gif)
		top
		left;
	top: 0;
	left: 0;
	}

.rightshadow {
	position: absolute;
	width: 18px;
	height: 300px;
	background:
		url(../img/rightshadow.gif)
		top
		left;
	top: 0;
	right: 0;
	}

input, select, textarea {
	font-size: 12px;
	font: 12px Arial, Helvetica, sans-serif;	
	}
	
/* =========== Icons =========== */
	
a.iconok, a.iconcancel, a.iconedit, a.iconview, a.icontemplate, a.iconremove, a.iconpublish, a.iconmailsupplier, a.iconhelp, a.iconaddaddressee, a.icontip, a.iconupdatefile, a.iconadd, a.iconcancelfeedback, a.iconbidpending, a.iconbiddeclined, a.iconbidaccepted {
	display: block;
	background:
		url("../img/icondel.gif")
		0
		0
		no-repeat;
	padding-left: 17px;
	height: 15px;
	float: left;
	margin: 0 2px;
	}

a.icontip {
  padding: 0px;}
  
a.iconok:hover, a.iconcancel:hover, a.iconedit:hover, a.iconview:hover, a.icontemplate:hover, a.iconremove:hover, a.iconpublish:hover, a.iconmailsupplier:hover, a.iconaddaddressee:hover, a.iconupdatefile:hover, a.iconadd:hover, a.iconcancelfeedback:hover {
	background-position: 0 -15px;
	}
	

a.icontip:hover {
	background-position: center -22px;
	}
	
a.iconremove  {
	background:
		url("../img/icondel.gif")
		0
		0
		no-repeat;
	}
	
a.iconok  {
	background:
		url("../img/iconok.gif")
		0
		0
		no-repeat;
	}
	
a.iconcancel  {
	background:
		url("../img/iconcancel.gif")
		0
		0
		no-repeat;
	}
	
a.iconedit  {
	background:
		url("../img/iconedit.gif")
		0
		0
		no-repeat;
	}
	
a.iconview  {
	background:
		url("../img/iconview.gif")
		0
		0
		no-repeat;
	}
	
a.icontemplate  {
	background:
		url("../img/icontemplate.gif")
		0
		0
		no-repeat;
	}
	
a.iconpublish  {
	background:
		url("../img/iconpublish.gif")
		0
		0
		no-repeat;
	}
	
a.iconmailsupplier  {
	background:
		url("../img/iconmailsupplier.gif")
		0
		0
		no-repeat;
	}
	
a.iconhelp {
	background:
		url("../img/iconinfo.gif")
		0
		0
		no-repeat;
	}

a.iconaddaddressee {
	background:
		url("../img/iconaddaddressee.gif")
		0
		0
		no-repeat;
  }

a.iconadd {
	background:
		url("../img/iconadd.gif")
		0
		0
		no-repeat;
  }
  
a.icontip {
	width: 20px;
	height: 20px;
	background:
		url("../img/icontip.gif")
		center
		0
		no-repeat;
	}

a.iconupdatefile {
	background:
		url("../img/iconupdatefile.gif")
		center
		0
		no-repeat;
	}

a.iconcancelfeedback {
	background:
		url("../img/iconcancelfeedback.gif")
		center
		0
		no-repeat;
    }
a.iconbidpending {
	background:
		url("../img/bidpending.gif")
		center
		0
		no-repeat;
	}

a.iconbiddeclined {
	background:
		url("../img/biddeclined.gif")
		center
		0
		no-repeat;
}

a.iconbidaccepted {
	background:
		url("../img/bidaccepted.gif")
		center
		0
		no-repeat;
}

ins.dots {
	background:
		url("../img/menudots.gif")
		center
		center
		no-repeat;	
	display: block;
	width: 10px;
	height: 15px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
.legend {
	display: block;
	clear: both;
	margin: 7px 0;
	overflow: hidden;
	}	
	
.legend a {
	background-position: top left;	
	color: black;
	font-size: 11px;
	line-height: 15px;
	}
	
.legend a:hover {
	color: black;
	background-position: top left;	
	}
	
.legend span {
	float: left;
	font-size: 11px;
	line-height: 15px;
	margin-right: 10px;
	}	
		
a.iconok.disabled, a.iconcancel.disabled, a.iconedit.disabled, a.iconview.disabled, a.icontemplate.disabled, a.iconremove.disabled, a.iconpublish.disabled, a.iconmailsupplier.disabled,  a.iconaddaddressee.disabled{
	background-position: 0 -30px;
	}



/* =========== Header =========== 

#header {
	position: relative;
	background: #dbe6ef url(../img/headerback.jpg) top left;
	width: 970px;
	height: 108px;
	margin: 0 auto 0 auto;
	padding: 12px 0 0 0;
	}

#header h1 {
	margin: 0 0 0 23px;
	padding: 0;
	}

#header h1 a {
	display: block;
	padding: 60px 0 0 0;
    overflow: hidden;
	background:
		url("../img/logo.gif")
		no-repeat;
	width: 145px;
    height: 0;
	}

 =========== Menu =========== 

#menu {
	display: block;
	position: absolute;
	bottom: 0;
	left: 3px;
	margin: 0;
	padding: 0;	
	}

#menu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background:
		url("../img/menudots.gif")
		center
		left
		no-repeat;
	}

#menu li:first-child {
	background: none;
	}

#menu a{
	display: block;
	margin: 0;
	padding: 9px 15px 8px 15px;
	font-weight: bold;
	text-decoration: none;
	}

#menu li span {
	display: block;
	margin: 0 7px 0 7px;
	}


#menu li.selected span{
	display: block;
	background:
		url("../img/menutabback.gif")
		no-repeat;
	}

#menu li.selected span a {
	background:
		url("../img/menutabright.gif")
		no-repeat
		top
		right;
	color: #000000;
	}

/* =========== Toolbar =========== 

#toolbar {
	display: block;
	position: absolute;
	bottom: 0;
	right: 20px;
	margin: 0;
	padding: 0;	
	}

#toolbar li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;	
	}
	
#toolbar li a {
	display: block;
	margin: 0;
	padding: 0 20px 8px 17px;
	list-style: none;	
	font-weight: bold;
	text-decoration: none;
	}

#toolbar li a:hover {
	background-position: 0 -28px;
	}

.iconregister a{
	background:
		url("../img/iconregister.gif")
		0
		0
		no-repeat;	
	}

.iconlogin a{
	background:
		url("../img/iconlogin.gif")
		0
		0
		no-repeat;	
	}

.iconhelp a{
	background:
		url("../img/iconhelp.gif")
		0
		0
		no-repeat;	
	}
	
.iconlogout a{
	background:
		url("../img/iconlogout.gif")
		0
		0
		no-repeat;	
	}

/* =========== Subheader =========== 

#subheader, #innersubheader {
	width: 970px;
	height: 72px;
	margin: 5px auto 0 auto;
	padding: 0;
	position: relative;
	}

#subheader h2 {
	display: inline;
	font-size: 22px;
	font-weight: bold;
	padding: 0;
	margin: 20px 20px 20px 25px;
	float: left;
	width: 670px;
	}

#subheader h2 span, #innersubheader h2 span {
	font-size: 16px;
	font-weight: normal;
	color: #005E8A;
	}

#subheader p {
	display: inline;
	float: right;
	width: 220px;
	padding: 0;
	margin: 20px 15px 5px 5px;
	color: #005E8A;
	}
	
#innersubheader h2 {
	display: inline;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 31px 20px 20px 25px;
	float: left;
	width: 670px;
	}

#innersubheader h2 a
{
	text-decoration: underline;	
}

#innersubheader div {
	display: block;
	position: absolute;
	font-size: 10px;
	padding: 0 12px 0 0;
	float: left;
	top: 15px;
	left: 23px;
	font-weight: bold;
	color: #007fbf;
	background:
		url(../img/patharrow.gif)
		center
		right
		no-repeat;	
	}
	
#innersubheader div a {
	font-weight: normal;
	font-size: 11px;
	margin: 0 2px 0 2px;
	}
	
#innersubheader p {
	display: inline;
	float: right;
	width: 185px;
	padding: 0 0 0 35px;
	margin: 18px 15px 5px 5px;
	color: #005E8A;
	background:
		url(../img/icophone.gif)
		center
		left
		no-repeat;
	}
	
#innersubheader p span {
	font-size: 18px;
	}

/* =========== Content =========== 

#content {
	width: 970px;
	margin: 5px auto 5px auto;
	clear: both;
	}
	
#content .landing {
	background:
		url(../img/homecontentback.jpg)
		top
		left
		repeat-y;
	}
	
#content .inner {
	background:
		url(../img/innercontentback.gif)
		top
		left
		repeat-y;
	}

.contenttop {
	background:
		url(../img/homecontenttop.gif)
		top
		left
		no-repeat;
		clear: both;
	height: 15px;
	}
	
.inner .contenttop {
	background-image: url(../img/contenttopinner.gif)
	}

.contentbottom {
	background:
		url(../img/homecontentbottom.gif)
		bottom
		left
		no-repeat;
	clear: both;
	height: 11px;
	}
	
.inner .contentbottom {
	background-image: url(../img/contentbottominner.gif)
	}

/* =========== Left Panel =========== 

#leftpanel {
	float: left;
	width: 180px;
	}
	
.inner #leftpanel {
	width: 198px;
	}

.inner #leftpanel h3 {
    padding: 15px 0 0 0;
    overflow: hidden;	
	background:
		url("../img/options.gif")
		no-repeat;   
    height: 0px;
	margin: 10px 0 10px 25px;
	}
	
.inner #leftpanel h3.filterResults {
    padding: 15px 0 0 0;
    overflow: hidden;	
	background:
		url("../img/filterResults.gif")
		no-repeat;   
    height: 0px;
	margin: 10px 0 10px 25px;
	}
	
.inner #leftpanel h3.browseCategories {
    padding: 15px 0 0 0;
    overflow: hidden;	
	background:
		url("../img/browseCategories.gif")
		no-repeat;   
    height: 0px;
	margin: 25px 0 10px 0px;
	}

/* =========== Submenu =========== 

#submenu {
	width: 170px;
	margin: 5px 0 10px 10px;
	padding: 0;
	overflow: hidden;
	}

#submenu li	{
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0 15px 0 0;
	width: 155px;
	}

#submenu li a {
	display: block;
	background:
		url(../img/submenuback.gif)
		bottom
		left
		no-repeat;	
	font-size: 13px;
	font-weight: bold;
	padding: 7px 17px 9px 15px;
	}

#submenu li span {
	position: absolute;
	right: 17px;
	bottom: 9px;
	color: #005E8A;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	}

#submenu li.selected {
	background:
		#e5eaed
		url(../img/submenucorner.gif)
		top
		left
		no-repeat;	
	}

#submenu li.selected a {
	background:
		url(../img/submenubackselected.gif)
		bottom
		left
		no-repeat;	
	}

.inner #submenu {
	width: 190px;
	}

.inner #submenu li	{
	width: 175px;
	}
	
.inner #submenu li a {
	font-size: 12px;
	padding: 5px 17px 6px 15px;
	background: none;
	font-weight: normal;
	}

.inner #submenu li.selected {
	background:
		#FFFFFF	
		url(../img/innersubmenubottom.gif)
		bottom
		left
		no-repeat;
	}

.inner #submenu li.selected a {
	background:
		url(../img/innersubmenutop.gif)
		top
		left
		no-repeat;
	font-weight: bold;
	}

.inner #submenu li.selected ul, .inner #submenu li.selected li.selected ul {
	display: block;
	margin: 5px 0 5px 25px;
	padding: 0 0 5px 0;
	}

.inner #submenu li.selected li, .inner #submenu li.selected li.selected li {
	float: inherit;
	background: none;
	padding: 0;
	margin: 0;
	width: 150px;
	}

.inner #submenu li.selected li a, .inner #submenu li.selected li.selected li a {
	font-weight: normal;
	font-size: 11px;
	background: none;
	padding: 0 0 5px 0;
	margin: 0;
	color:#007FBF;
	}
	
.inner #submenu li.selected li.selected a, .inner #submenu li.selected li.selected li.selected a {
	color: #000000;
	}

/* =========== Paging =========== */

.paging {
	background:
		url("../img/pagingback.gif")
		top
		center
		no-repeat;
	}

.paging, .select-items-paging {
	width: 139px;
	height: 19px;
	text-align: center;
	margin: 2px auto 0 auto;
	padding: 2px 0 0 0;
	text-align: center;
	}

.paging a, .select-items-paging a {
	font-size: 10px;
	text-decoration: none;
	}

.paging span, .select-items-paging span {
	background:
		url("../img/menudots.gif")
		center
		center
		no-repeat;
	font-size: 10px;
	padding: 0 8px 0 8px;
	}
	
.paging a span, .select-items-paging a span{
	font-size: 11px;
	text-decoration: underline;
	background: none;
	padding: 0;
	}

.paging .disabled, .paging .disabled span, .select-items-paging .disabled, .select-items-paging .disabled span {
	color: #a6a6a6;
	text-decoration: none;
	}
	
.select-items-paging 
{
	margin-right: -20px;
}

#middlepanel .paging {
	background: none;
	float: right;
	}

.paging-modal {
	background: none;
	float: right;
	}



/* =========== Middlepanel =========== */

#middlepanel {
	float: left;
	padding: 10px 20px 10px 20px;
	width: 486px;
	text-align: center;
	}
		
#mainBox.printpanel #middlepanel {
	float: none;
	width: 940px;
	text-align: left;
	background: 
		url("../img/content-bg.gif")
		center
		top
		repeat-y;
  }
  
#mainBox.printpanel #footer {
	height: 30px;
  }


/* 29.07. 11:40 */
#middlepanel #logo{
  margin: 30px 0;
  text-align: left;
	}

.inner #middlepanel {
	width: 710px;
	text-align: left;
	padding: 15px 30px 10px 30px;
	}

#middlepanel h3 {
	font-size: 16px;
	padding: 0;
	margin: 0 0 20px 10px;
	float: left;
	}

h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0 20px 0;	
  padding: 0;
	}

.landing #middlepanel p {
	display: inline;
	float: left;
	width: 220px;
	height: 66px;
	padding: 3px 0 0 0;
	margin: 0 10px 7px 10px;
	text-align: left;
	}

.landing #middlepanel p a{
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	}

.landing #middlepanel p a span {
	float: left;
	width: 58px;
	height: 58px;
	padding: 0;
	margin: -3px 5px 0 0;
	background:
		url("../img/pictureback.gif")
		no-repeat;
	text-align: center;
	line-height: 58px;
	}

.landing #middlepanel p a:hover span{
	background-image: url("../img/picturebackover.gif");
	}

.landing #middlepanel img {
	display: inline;
	vertical-align: middle;
	border: none;
	padding: 0;
	margin: 0 0 1px 0;
	}
	
/* =========== Tab Menu =========== 

#tabmenu {
	display: block;
	width: 100%;
	margin: 12px 0 1px 0;
	padding: 0;
	background:
		url("../img/tabmenubackground.gif")
		top
		left
		repeat-x;
	height: 27px;
	}

#secondtabmenu #tabmenu {margin-top: 0}

#tabmenuhigh {
	display: block;
	width: 100%;
	margin: 12px 0 1px 0;
	padding: 0;
	background:
		url("../img/tabmenuhighbackground.gif");
	height: 31px;
	}
	

#tabmenuhigh li {
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
	list-style: none;
	background:
		url("../img/menudotsdouble.gif")
		center
		left
		no-repeat;	
	}

#tabmenu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url("../img/menudots.gif") center left no-repeat;
	height: 27px;
	}
	
#tabmenu a {
	display: block;
	float: left;
	margin: 0;
	padding: 8px 25px 0 25px;
	font-weight: bold;
	text-decoration: none;
	height: 19px;
	text-align: left;
	}

#tabmenuhigh a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 25px;
	font-weight: bold;
	text-decoration: none;

	text-align: left;
	}

#tabmenu li:first-child, #tabmenuhigh li:first-child {
	background: none;
	}
	
#tabmenu li.selected span {
	background:
		url("../img/tabmenuback.gif")
		no-repeat;
	height: 27px;
	}

#tabmenuhigh li.selected span{
	display: block;
	background:
		url("../img/tabmenuhighback.gif")
		no-repeat;
	}

#tabmenu li.selected span a{
	background:
		url("../img/tabmenuright.gif")
		no-repeat
		top
		right;
	color: #000000;
	padding: 8px 10px 0 10px;
	}

#tabmenu li span, #tabmenuhigh li span {
	display: inline;
	float: left;
	margin: 0 6px 0 6px;
	overflow: hidden;
	}
	
#tabmenu.narrow, #tabmenuhigh.narrow {
	padding-bottom: 15px;
	}
	
#tabmenu.summary, #tabmenuhigh.summary {
	padding-bottom: 0px;
	}
	
#tabmenu a, #tabmenuhigh.narrow a {
	padding: 8px 5px 0 5px;
	}
	
#tabmenu li.selected a, #tabmenuhigh.narrow li.selected a {
	padding: 8px 10px 0 10px;
	}

/* =========== Right Panel =========== */

#rightPanel {
	float: right;
	width: 253px;
	margin: 0;
	padding: 0;
	}

/* =========== Find Supplier =========== */

#suppliers {
	padding: 13px 20px 15px 20px;
	text-align: center;
	width: 209px;
	}

#suppliers h3 {
    padding: 15px 0 0 0;
    overflow: hidden;	
	background:
		url("../img/findsuppliers.gif")
		no-repeat;   
    height: 0px;
	margin: 0 0 10px 0;
	}
	
#suppliers p {
	color: #005E8A;
	font-weight: bold;
	text-align: left;
	margin: 10px 0 5px 0;
	padding: 0;
	}

#suppliers p a{
	font-weight: normal;
	}

#suppliers input {
	width: 100%;
	padding: 0;
	margin: 0 0 5px 0;
	}

#suppliers input.button100 {
	width: 100px;
	margin: 0;
	}

/* =========== Submit project =========== */

#project {		
	background:
		url("../img/dottedband.gif")
		top
		left
		repeat-x;
	padding: 25px 20px 15px 20px;
	text-align: center;
	}

#project h3 {
    padding: 15px 0 0 0;
    overflow: hidden;	
	background:
		url("../img/submitproject.gif")
		no-repeat;   
    height: 0px;
	margin: 0 0 10px 0;
	}
	
#project p {
	color: #005E8A;
	margin: 10px auto 5px auto;
	}

#project  select {
	width: 100%;
	margin: 0 0 5px 0;
	}
	
/* =========== Our Partners =========== */

#partners {		
	background:
		url("../img/dottedband.gif")
		top
		left
		repeat-x;
	padding: 25px 20px 15px 20px;
	text-align: center;
	}

#partners h3 {
    padding: 15px 0 0 0;
    overflow: hidden;	
	background:
		url("../img/ourpartners.gif")
		no-repeat;   
    height: 0px;
	margin: 0 0 10px 0;
	}
	
#partners a {
	display: block;
	margin: 10px;
	}

#partners img {
	border: none;
	}

/* =========== Footer =========== 

#footer {
	background:
		url("../img/footerback.gif")
		top
		no-repeat;
	text-align: center;
	clear: both;
	width: 984px;
	margin: 0 auto 0 auto;
	}

/* =========== Directory =========== 

#directory {
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	width: 100%;
	height: 40px;
	font-weight: bold;
	}

#directory li {
	display: inline;
	padding: 0;
	margin: 0;
	}

#directory li span{
	color: #005E8A;
	margin: 0 10px 0 10px;
	}

#directory a {
	text-decoration: none;
	padding: 0 1px 0 1px;
	border: 1px solid white;
	}

#directory span a {
	text-decoration: underline;
	border: none;
	}

#directory small {
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 0 0 0 2px;
	}

#directory a:hover {
	border: 1px solid #dae5ef;
	background: #e8f1fa;
	}

#directory span a:hover {
	border: none;
	background: none;
	}
	
/* =========== Footer menu ===========

#footerMenu {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
	}

#footerMenu li {
	display: inline;
	padding: 0 9px 0 11px;
	background:
		url("../img/whitedots.gif")
		center
		left
		no-repeat;
	}

#footerMenu li:first-child {
	background: none;
	}

#footerMenu a {
	color: #FFFFFF;
	}

#footerMenu a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

#footer p{
	margin: 30px 0 20px 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 11px;
	}

/* =========== Buttons =========== */

.button60, .button70, .button80, .button100, .button120, .button140, .button160, .button180, .button200 {
	background:
		url("../img/btnback80.gif")
		0
		0
		no-repeat;
	border: 0;
	color: #FFFFFF;
	font-size: 12px;
	width: 80px;
	height: 25px;
	font-weight: bold;
	margin: 0;
  padding: 5px 0;
	}

/* button.button60, button.button70, button.button80, button.button100, button.button120, button.button140, button.button160, button.button180, button.button200 {
	padding: 0 0 2px 0;
//padding: 0;
	} */

.button60 {
	background-image: url("../img/btnback60.gif");
	width: 60px!important;
	}
	
.button70 {
	background-image: url("../img/btnback70.gif");
	width: 70px!important;
	}

.button80 {
	background-image: url("../img/btnback80.gif");
	width: 80px!important;
	}

.button100 {
	background-image: url("../img/btnback100.gif");
	width: 100px!important;
	}

.button120 {
	background-image: url("../img/btnback120.gif");
	width: 120px!important;
	}

.button140 {
	background-image: url("../img/btnback140.gif");
	width: 140px!important;
	}

.button160 {
	background-image: url("../img/btnback160.gif");
	width: 160px!important;
	}

.button180 {
	background-image: url("../img/btnback180.gif");
	width: 180px!important;
	}

.button200 {
	background-image: url("../img/btnback200.gif");
	width: 200px!important;
	}

#button-learnmore, #button-registernow {
	border: 0;
	color: #FFFFFF;
	font-size: 12px;
	width: 127px;
	height: 41px;
	font-weight: bold;
	margin: 0;
}
	
#button-learnmore {
	background-image: url("../img/btnbacklearnmore.png");
	}

#button-registernow {
	background-image: url("../img/btnbackregisternow.png");
	}

.disabled {
	background-position: 0 -50px;
	color: #a6a6a6;
	}
	
a.disabled:hover {	
	color: #a6a6a6;
	}

input.disabled:hover, button.disabled:hover {
	background-position: 0 -50px;
	}

input:hover, button:hover {
	background-position: 0 -25px;
	}

button:hover {cursor: pointer;}

.buttonbox {
	width: 600px;
	text-align: center;
	margin: 15px 0 10px 10px;
	clear: both;
	height: 25px;
	}

.buttonboxcentered {
	width: 100%;
	text-align: center;
	padding: 0;	
	height: 25px;
	margin: 15px 0 10px 0;
	}

.buttonboxleft {
	text-align: left;
	padding: 0;
	margin: 10px 0 0 10px;
	clear: both;
	}

.buttonboxright {
	text-align: right;
	padding: 0;
	margin: 0;
	}
		
.quotes .buttonboxcentered {
	margin: 15px 0 10px 0;
	}

/* =========== Forms =========== */

#middlepanel h4, .modalData h4 {
	font-size: 12px;
	font-weight: bold;
	color: #804a00;
	margin: 20px 0 0 0;
	padding: 0;
	}
	
.modalData #mailheader { height: auto;}
	
.modalData h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 25px 0 10px 0; /*	margin: 25px 0 10px 0; Folder management */
	padding: 0;
	}	
	
.inner #middlepanel .quotes h4 {
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin: 10px 0 10px 10px;
	padding: 0;
	}

.inner #middlepanel .formrow, .modalData .formrow {
	overflow: hidden;
	padding: 0;
	margin: 8px 0 0 0;
	width: 100%;
	clear: both;
	}
	
.inner #middlepanel .treebox {
	float: left;
	}
	
.inner #middlepanel .formrow label, .modalData .formrow label {
  position: relative;
	float: left;
	width: 108px;
	margin: 0 1px 0 0;
	padding: 3px 10px 3px 0;
	min-height: 15px;
	}

.inner #middlepanel .formrow p { margin: 10px 0; width: 478px;}

.inner #middlepanel .checkboxes-inline, .inner #middlepanel .checkboxes-inline div label,
.modalData .checkboxes-inline, .modalData .checkboxes-inline div label {
	width: auto;
	}
	
.inner #middlepanel .checkboxes-inline div label input {	
	vertical-align: middle;
	padding: 0;
	margin: 0;
	}
	
.inner #middlepanel .formrow .formtext {	
	padding: 3px 10px 3px 0;
}

.inner #middlepanel .formrow div, .modalData .formrow div {
	border-left: 3px solid white;
	padding: 0 0 0 1px;
	overflow: hidden;
	float: left;
	}
	
.inner #middlepanel .formrow .formborder, .modalData .formrow .formborder, #mailmanagefolders .formborder, #frmBusinessDetails .formborder{
	/* border-left: 3px solid #e5eaed; */
	padding: 0 0 0 1px;
	overflow: hidden;
	position: relative;
	float: left;
	width: 587px;
	}
	
#modalWideContainer .formrow .formborder {
	width: 670px !important;	
	}	
	
	
.formrow .text {
	border-left:none;
	}


.inner #middlepanel .summarytable .formrow .formborder{
	width: 555px; /* 587 */
  }

div#qtyErrors, div#targetPriceQtyErrors, div#referencePriceQtyErrors {
	width: 210px;
	}

.summarytable div#qtyErrors, .summarytable div#targetPriceQtyErrors, .summarytable div#referencePriceQtyErrors {
	width: 192px;
	}

#addFileDiv .formrow .formborder, #editFileDiv .formrow .formborder, #divRenameFolder .formrow .formborder, #divRenameGroup .formrow .formborder, #divAddGroup .formrow .formborder, #addtogroup-modal .formrow .formborder, #divAddNote .formrow .formborder, #divEditNote .formrow .formborder, #divViewNote .formrow .formborder, #divAddAttachment .formrow .formborder, #divEditAttachment .formrow .formborder, #divAddContact .formrow .formborder, #divAddProspectContact .formrow .formborder, #divAddProspectNote .formrow .formborder, #divAddEditListItem .formrow .formborder {
	width: 422px; 
	overflow: auto!important; 
	}
	
#login-modal .formrow .formborder {
	width: auto;
	overflow: auto!important; 
   }

#divFeedback .formrow .formborder {
	width: 300px; 

  }

#addtogroup-modal .formrow div label {width: auto;}

#createQuoteTable input[type=text]
{
	padding: 2px !important;
	border: 1px solid #7f9db9;
}

.inner #middlepanel .formrow label span, .modalData .formrow label span, .inner #middlepanel .tinymce label span {
	display: block;
	position: absolute;
	top: 0;
	right: 2px;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: none;
	width: auto;
	}

.inner #middlepanel .formrow input[type=text], .inner #middlepanel .formrow input[type=password], .inner #middlepanel .formrow textarea, .inner #middlepanel .formrow input[type=file] {
	width: 336px;
	margin: 0;
	padding: 2px;
	float: left;
	border: 1px solid #7f9db9;
	}
	
.inner #middlepanel .formrow input[type=file] {
	width: 342px;
	}

.inner #middlepanel .formrow input[type=file].filedelete 
{
	width: 322px;
}
	
.modalData .formrow input[type=text], .modalData .formrow input[type=password], .modalData .formrow input[type=file] {
	width: 336px;
	margin: 0;
	padding: 2px;
	float: left;
	border: 1px solid #7f9db9;
	}
	
#login-modal .formrow input[type=text], #login-modal .formrow input[type=password] {
	width: 246px;
	}
	
#modalWideContainer .formrow input[type=text], #modalWideContainer .formrow input[type=password], #modalWideContainer .formrow textarea, #modalWideContainer .formrow input[type=file] {
	width: 440px;
	}
	
.modalData .formrow input[type=file] {
	width: 206px;
	}

.inner #middlepanel .formrow span.small input {
	width: 76px;
	float: none;
	vertical-align: middle;
	}
	
.inner #middlepanel .formrow input.radio, .inner #middlepanel .formrow input.checkbox {
	width: auto;
	border: none;
	float: left;
	}
	
.inner #middlepanel .formrow .clickable {
	width: auto;
	cursor: pointer;
	}
	
.inner #middlepanel .formrow input.calendar {
	width: 320px;	
	margin: 0;
	padding-left: 18px;
	background:
		#FFFFFF
		url("../img/iconcalendar.gif")
		2px
		center
		no-repeat;	
	}

.inner #middlepanel .formrow select {
	width: 342px;
	margin: 0;
	float: left;
	}

.modalData .formrow select {
	width: 207px;
	margin: 0;
	float: left;
	}

.inner #middlepanel .formrow span, .inner #middlepanel .formrow .counter span.icontip, .summarytable td table span.icontip, .modalData .formrow span {
	float: left;
	width: 20px;
	height: 20px;
	padding: 0;
	background:
		url("../img/icontip.gif")
		center
		0
		no-repeat;
	margin: 0;
	clear: none;
	}
	
.summarytable td table span.icontip {
	display: inline;
	float: none !important;
	padding: 5px 20px 0 0;
	cursor: default;
	}

#divFeedback .formrow .leavefeedbackstars, #divViewFeedback .formrow .leavefeedbackstars {
	background: url("../img/feedback-stars.gif") 0 0 no-repeat ;
  }

#divFeedback .formrow .leavefeedbackstars-o, #divViewFeedback .formrow .leavefeedbackstars-o {
	background: url("../img/feedback-biggerstars.gif") 0 0 no-repeat ;
  }

.inner #middlepanel .formrow span:hover, .summarytable td table span.icontip:hover, .modalData .formrow span:hover {
	background-position: center -22px;
	}
	
.inner #middlepanel span.small {
	width: auto;
	height: auto;
	background: none;
	margin: 0 0 0 5px;
	}
	
.inner #middlepanel .errorbox, .inner #middlepanel .validation-summary-errors, .modalData .validation-summary-errors {
	display: block;
	clear: both;
	width: 100%;
	background-color: #FFE6E6;
	color: red;
	padding: 10px 0 10px 0;
	margin: 10px 0 20px 0;
}

.inner #middlepanel .errorbox p, .inner #middlepanel .validation-summary-errors li, .modalData .validation-summary-errors li  {
	background:
		url("../img/iconwarning.gif")
		0
		5px
		no-repeat;
	padding: 5px 20px 5px 20px;
	margin: 0 0 0 20px;
	}
	
.inner #middlepanel .validation-summary-errors li, .modalData .validation-summary-errors li  {
	list-style: none;
}
	
/** 25.07 15:00 **/
.inner #middlepanel .okbox {
 display: block;
 clear: both;
 width: 100%;
 background-color: #def1be;
 color: green;
 padding: 10px 0 10px 0;
 margin: 10px 0 20px 0;
}

/** 25.07 15:00 **/
.inner #middlepanel .okbox p {
 background:
  url("../img/msgok.gif")
  0
  5px
  no-repeat;
 padding: 5px 20px 5px 20px;
 margin: 0 0 0 20px;
 }
	
/** 25.07 12:00 **/
.inner #middlepanel .infobox, .modalData .infobox  {
	 display: block;
	 clear: both;
	 width: 100%;
	 background-color: #e5f7ff;
	 color: ;
	 padding: 10px 0 10px 0;
	 margin: 10px 0 20px 0;
	}

/** 25.07 12:00 **/
.inner #middlepanel .infobox p, .modalData .infobox p{
	 background:
	  url("../img/iconinfo.gif")
	  0
	  5px
	  no-repeat;
	 padding: 1px 20px 1px 20px;
	 margin: 0 0 0 20px;
	 line-height: 22px;
	}

/** 25.07 12:00 **/
.inner #middlepanel .infobox p label{
	 font-weight: bold;
	}

.inner #middlepanel label.error, .modalData .formrow label.error, #FolderManagementDiv label.error, #divFeedback label.error {
  display: block;
	float: right;
	width: 175px;
	color: red;
	background:
		url("../img/errorboxback.gif")
		top
		left
		no-repeat;
	padding: 3px 0 3px 35px;
	height: auto;
	margin: 0 0 0 5px;
	border: none;
	}

.inner #middlepanel .summarytable .formrow label.error {width: 153px;} /* 175 */

#FolderManagementDiv label.error {
	width: auto;
	padding-right: 5px;
	}

.inner #middlepanel input.error, .modalData .formrow input.error {
	background-color: #ffe6e6;
	}
	
.formlink {
	display: block;
	padding: 0px 0 5px 0;
	margin-left: 125px;
	}
	
.formlink span {
	padding: 0 10px 0 10px;
	background:
		url("../img/menudots.gif")
		center
		center
		no-repeat;	
	}

.inner #middlepanel .formrow div.counter {
	border: none;
	padding: 0;
	}
	
.inner #middlepanel .formrow .counter span, #charCountFullDescription {
	background: none;
	width: 200px;
	height: auto;
	font-size: 11px;
	display: block;
	clear: left;
	padding: 3px 5px 2px 5px;
	color: #36414d;
	margin: 0;
	}
	
.inner #middlepanel .formrow input[type=text].phone
{
	width: 250px;
}

.inner #middlepanel .formrow label.ext
{
	float: left;
	width: auto;
	padding-right: 0px;
}

.inner #middlepanel .formrow input[type=text].phone-ext
{
	width: 55px;
}

	
.counter b {
	font-weight: normal;
	background: #E1EAF1;
	padding: 0 3px 0 3px;
	}

/* =========== Dashboard =========== */

#inbox, #rfqsummary, #events, #mysuppliers, #whitepapers, #projects, #mybuyers, #approve-users, #approve-rfqs, #non-payment-users, #chart-accounts, #admin-dashboard-statistics, #renewal-date-users, #upgrade-requests {
	border-bottom: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	margin: 17px 0 2px 0;
	}

#inbox, #events {
    margin-top:0;
}
	
.dashboardtable, .innertable, .summarytable {
	width: 100%;
	font-size: 11px;
	color: #000000;
	clear: both;
	}

.summarytable {
  margin-bottom: 20px;
  }
  
.single td{
  padding: 5px 0px !important;
  }

.single .spacing {border-top: none !important; padding:0 !important;}

.single .heading{
  border-top: none !important;
  border-bottom: solid 1px #E1EAF1 !important;
  }  

.single h4{
  padding: 0;
  margin: 10px 0 5px 0!important;
  }

#middlepanel .innertable tr.link td {padding: 0 0 11px 0;}

#middlepanel .innertable tr.link td table {margin: 0 0 10px 0}

.dashboardtable {
	clear: both;
	}

.innertable {
  /* margin-bottom: 20px; */	
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	font-size: 12px;
}

tfoot {
	clear: both;
	}
	
.dashboardtable caption, #emailoptions, .innertable caption {
	text-align: left;
	background: #EFF3F6 url("../img/underline.gif") bottom repeat-x;
	padding: 0px 10px 0px 10px;
	border-bottom: 1px solid white;
	color: #222222;
	font-size: 12px;
	font-weight: bold;
	height: 31px; /* For search results */
	width: 100%;
	}

  .dashboardtable caption {width: auto;} /* Problem with dashboard in WebKit*/

#middlepanel #emailoptions {padding: 0px;}

#middlepanel #emailoptions label {margin-left: 10px}
#middlepanel #emailoptions input[type=submit], #middlepanel .summarytable #emailoptions button {margin-right: 10px}

.dashboardtable caption {
  padding: 5px 10px;
  height: auto;
	}

.dashboardtable caption span {font-weight: normal}  /* For search results */

.dashboardtable caption a, .innertable caption a {
	background:
		url("../img/menudots.gif")
		center
		left
		no-repeat;
	padding: 0 0 0 10px;
	font-weight: normal;
	font-size: 11px;
	margin-left: 9px;
	vertical-align: 0;
	}

.innertable caption a {
	float:left;
	margin-top: 10px;
	font-size: 12px;	
	}

.innertable caption a.leftlink {
	float: right;
	padding: 0;
	background: none;
	line-height: 13px;
	}

/** 25.07 10:50 **/
.innertable tfoot td li, .innertable tbody td .links li, #SuppliersTable .tabbedCategories li, #quotes-list-body td li {
	float: left;
	list-style: none;
	background:
		url("../img/menudots.gif")
		center
		left
		no-repeat;	
	padding: 2px 10px 5px 10px; /* Don't touch this*/
	}

/** 25.07 10:50 **/
.innertable tbody td .links li {
	padding: 0px 0px 5px 10px;
}

/** 25.07 10:50 **/
.innertable tfoot td li:first-child, .innertable tbody td .links li:first-child, #SuppliersTable .tabbedCategories li:first-child, #quotes-list-body td li:first-child {
	background: none;
	}

/** 25.07 10:50 **/
.innertable tbody td .links li:first-child {
	padding:0;
	}
	
#middlepanel .summarytable td, #middlepanel .summarytable th{
	border-top: 1px solid #E1EAF1;
	padding: 0 0 0 0; /* padding: 15px 10px 0 10px; */
	vertical-align: top;
	margin: 0;
	}

  #middlepanel .summarytable td:first-child{
    border-top: none;
    }

    #middlepanel .summarytable table td:first-child{
      border-top: 1px solid #E1EAF1;
      }

/** Quote for PFQ form - Quantity **/

#middlepanel .summarytable table th{
	padding: 5px 10px; /* Supplier part 15th form - buyyer files, contacts ...  */	    /* padding: 5px 10px 5px 10px; */
	border-top: none;
	}
	
.summarytable td table {
	/* margin: 0 10px 15px 10px;  vilazit za granici*/
	width: 100%;
	}

.col2 td {padding: 0 10px 0px 10px !important;}

#middlepanel .col2 tr.link td {border-top: none; padding: 0px 10px 10px 10px !important;}

#middlepanel .col2 td.no-border {border-top: none;}
#middlepanel .col2 td.border-bottom {border-bottom: 1px solid #E1EAF1;}

.col2 td table td {padding: 0 10px 10px 10px;}



.col2 {
  }

.summarytable td table span {
	width: 70px;
	display: block;
	float: left;
	}
	
.summarytable td table .paging span {
	width: auto;
	display: inline;
	float: none;
	}
	
#middlepanel .summarytable td td {
	padding: 6px 5px 5px 10px !important;
	}	

#middlepanel .summarytable td td input{
	padding: 0;
	margin: 0;
	}	

#middlepanel .summarytable td caption {
	background: none;
	padding: 0 0 5px 5px;

	}

#middlepanel .summarytable .summarytable caption {
	text-align: left;
	background-color: #E1EAF1;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid white;	
	color: #005E8A;
	font-size: 12px;
	font-weight: bold;
	}

#middlepanel .summarytable td caption h4 {
	padding: 10px 0 5px 0;
	margin: 0;
	}

.dashboardtable tr, .innertable tr {
	text-align: left;
	height: 12px;
	}

.dashboardtable th, .innertable th {
	background-color: #F3EDDD;
	padding: 3px 10px 3px 10px;
	color: #929091;
	/* border-bottom: 7px solid white; */
	}

.dashboardtable th span {
	float: none !important;
	}

.dashboardtable th, .dashboardtable th a, .innertable th a{
	color: #929091;
	margin:0;
	}	

span.filterdown{
  background: url(../img/filterdown.gif) 0% 70% no-repeat;
  width: 6px;
  height: 8px;
  margin: 5px 3px 0px 3px;
	}
	
span.filterup{
  background: url(../img/filterup.gif) 0% 70% no-repeat;
  width: 6px;
  height: 8px;
  margin: 5px 3px 0px 3px;
	}

.dashboardtable td, .innertable td {
	padding: 2px 10px 2px 10px;
	text-align: left;
	height: 16px;
	overflow: hidden;
	
  }
	
.dashboardtable td {
	/*padding: 1px 10px 1px 10px; */
	}
	
.innertable td, .innertable th {
	padding: 2px 0px 2px 10px;
	border-bottom: none;
	}
	
/* .innertable th {
	padding: 5px;
	} prospects */
	
.innertable tfoot td a {
	padding: 0;
	margin: 0;
	}
	
.innertable tfoot td ul{
	margin: 0 0 0 -10px;
	padding: 0;
	}	
	
.innertable tfoot td li {
	float: left;
	list-style: none;
	background:
		url("../img/menudots.gif")
		center
		left
		no-repeat;	
	padding: 5px 10px 5px 10px;
	}
	
.innertable tfoot td li:first-child {
	background: none;
	}
	
tr.newmail {
	font-weight: bold;
	}

/* .dashboardtable tr.newmail {
	font-weight: bold;
	}
*/

.dashboardtable tbody span {
	display: block;
	background:
		url("../img/iconmailread.gif")
		center
		left
		no-repeat;
	width: 13px;
	height: 13px;
	}

.dashboardtable tr.newmail span {
	background:
		url("../img/iconmail.gif")
		center
		left
		no-repeat;
	}

.dashboardtable tbody tr:hover {	
	background-color: #E1EAF1;
	cursor: pointer;
	}

.dashboardtable tfoot td {	
	padding: 8px 10px 10px 10px;
	}
	
#projects .dashboardtable tfoot td, #mysuppliers .dashboardtable tfoot td, #whitepapers .dashboardtable tfoot td, #mybuyers .dashboardtable tfoot td {	
	padding: 5px 10px 1px 10px;
	}

.dashboardtable tfoot a {
	text-decoration: none;
	}

.dashboardtable tfoot a span {
	text-decoration: underline;
	}

.event_create_textarea {
	height:40px;
}

#projects, #mysuppliers, #inbox, #mybuyers {
	float: left;
	}

#rfqsummary, #whitepapers, #events {
	float:right;
	}

#inbox, #events {
	width:  342px;
	min-height: 225px;
	}

#rfqsummary, #projects {
	width:  342px;
	min-height: 230px; /* 225 */
	}

#mysuppliers, #whitepapers, #mybuyers {
	width:  342px;
	min-height: 230px; /* 195 */
	}

#rfqsummary span,/* #mysuppliers span , #projects span*/ {
	display: inline;
	background: none;
	color: red;
	}

#prospectsInnerTable tbody tr:hover {	
	background-color: #E1EAF1;
	cursor: pointer;
	}

/*#rfqsummary tr:hover, #mysuppliers tr:hover, #whitepapers tr:hover, #events tr:hover, #projects tr:hover {
	background: none;
	cursor: default;
	}*/

/*	
.remove.disabled{
	background:
		url("../img/icondel.gif")
		0
		-30px
		no-repeat;
	}
*/


#events .filter, #eventlist .filter {
	border-bottom: 1px solid white;
	padding: 5px 0 5px 10px;
	}

#events .filterinput, #eventlist .filterinput, .rfq .calendar, .filterinput {
	width: 220px;	
	vertical-align: middle;
	margin: 0;
	height: 16px;
	padding-left: 18px; 
	border: 1px solid #7f9db9;
	background:
		#FFFFFF
		url("../img/iconcalendar.gif")
		2px
		center
		no-repeat;	
	}
	
.inner #middlepanel .skills .summarytable .filterinput {
	padding-left:18px;
	vertical-align: middle;
	width: 100px;
	}

.inner #middlepanel .skills .summarytable .filterinput:hover {
	background-position: 2px center;
	}

#events input.button80, #eventlist input.button80 {
	width: 80px;
	vertical-align: middle;
	}
	
#inbox tr.nodata td, #mybuyers tr.nodata td {
	height: 85px;
	text-align: center;
	padding-top: 20px;
	}

#inbox tr.nodata, #mybuyers tr.nodata {
	cursor: default;
	}

#inbox tr.nodata:hover, #events tr.nodata:hover, #whitepapers tr.nodata:hover, #projects tr.nodata:hover, #rfqsummary tr.nodata:hover, #mysuppliers tr.nodata:hover, #mybuyers tr.nodata:hover {
	background: none;
	}
	
#Notes tr.nodata td {
	height: 40px;
	text-align:center;
	padding-top: 15px;
}

#Attachments tr.nodata td {
	height: 40px;
	text-align:center;
	padding-top: 15px;
}

#Quote tr.nodata td {
	height: 40px;
	text-align:center;
	padding-top: 15px;
}

#Contacts tr.nodata td {
	height: 40px;
	text-align:center;
	padding-top: 15px;
}

#SuppliersTable tr.nodata td, #tblQuotes tr.nodata td {
	height: 40px;
	text-align:center;
	padding-top: 20px;
}




#events tr.nodata td {
	height: 190px;
	text-align: center;
	}

#whitepapers tr.nodata td {
	height: 150px;
	text-align: center;
	}

#inbox tr.nodata:hover {
	background: none;
	}

#rfqlist tr.nodata td, #inboxlist tr.nodata td, #whitepaperlist tr.nodata td, #eventlist tr.nodata td, .managebody .innertable tbody tr.nodata td {
	height: 85px;
	text-align: center;
	padding-top: 20px;
	}

#rfqlist tr.nodata, #inboxlist tr.nodata, #whitepaperlist tr.nodata, #eventlist tr.nodata {
	cursor: default;
	}

#rfqlist tr.nodata:hover, #inboxlist tr.nodata:hover, #whitepaperlist tr.nodata:hover, #eventlist tr.nodata:hover {
	background: none;
	}
	
.managebody div.nodata {
	text-align: center;
	padding-top: 50px;
	}
	
.stars {
  /* position: relative;    problem in ie7 with short supplier profile in modal window*/
  display: block;
  
	width: 56px;
	height: 10px;
	background:
		url("../img/stars.gif")
		0
		0
		no-repeat;
	font-size: 5px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.starsdiv {
  float: left;
  background: url("../img/starsbg.gif") no-repeat;
  margin-top: -1px;
  width: 74px;
	height: 19px;
  }

#SuppliersTable .innertable .tablesubhead .stars{
  margin:0;
  }

/* =========== Notes =========== */

.note {
	background: #fffbe6;
	padding: 10px;
	margin: 0 0 10px 0;
	}
	
.note p {
	margin: 20px 0 0 0;
	padding: 0;
	}

.note span {
	float: left;
	}
	
.note .remove {
	float: right;
	}
	
.addnote textarea {
	width: 704px;
	height: 100px;
	padding: 2px;
	border: 1px solid #7f9db9;
	vertical-align: middle;
	}
	
.addnote {
	margin: 0 0 10px 0;
	}
	
/* =========== Event list =========== */

#eventlist, #whitepaperlist {
	margin: 17px 0 10px 0;
	/* border-bottom: 1px solid #d8e5d5; */
	}

#eventlist .dashboardtable tbody tr:hover {	
	cursor: default;
	}

#eventlist .dashboardtable tbody a{ 
  text-decoration: none;
  }

#eventlist .dashboardtable .expand a{ 
  text-decoration: none;
	background: url("../img/iconexpand.gif") 0 0 no-repeat;
  padding: 0px 5px 0px 8px;
	border: none;
	text-decoration: none;
  }

/*
#eventlist .dashboardtable tbody td{ 
  border-bottom: #d8e5d5 1px solid;
  }
*/

#eventlist .dashboardtable .expand a:hover{ 
  text-decoration: none;
	background:
		url("../img/iconexpand.gif")
		0
		-15px
		no-repeat;
  }

#eventlist .dashboardtable .collapse { background: #E1EAF1; }

#eventlist .dashboardtable .collapse .expand a{ 
  text-decoration: none;
	background: url("../img/iconcollapse.gif") 0 0 no-repeat;
	border: none;
	text-decoration: none;
  }

#eventlist .dashboardtable .collapse .expand a:hover{ 
  text-decoration: none;
	background-position: 0 -15px !important;
  }

#eventlist .dashboardtable .eventdetails { background: white;}

#eventlist .dashboardtable .eventdetails p {margin: 10px 0;}
#eventlist .dashboardtable .eventdetails .note {margin: 10px 0;}

/* =========== Rfq list =========== */

.rfq  #mailheader label {
	 vertical-align: middle;
	 width: 120px;
	 float: left;
	 line-height: 24px;
	 }
 
.rfq  #mailheader div {
	 float: left;
	 width: 560px;
	 }
	 
.rfq  #mailheader div form {
	 padding: 0;
	 margin: 0;
	 margin-bottom: 10px;
	 }

.rfq  #mailheader div form .button180 {margin: 7px 0 0 2px;}

.rfq  #mailheader li {
	 line-height: 24px;
	 zoom: 1;
	 }
	 
.rfq  #mailheader li ul {
	 margin: 0;
	 padding: 0 0 5px 0;
	 }
	 
.rfq  #mailheader li ul li {
	 line-height: normal;
	 zoom: 1;
	 border: none;
	 height: auto;
	 width: 300px;
	 padding: 3px 0 0 0;
	 margin: 0;
	 }
	 
.rfq  #mailheader li ul li label {
	 height: 16px;
	 line-height: normal;
	 width: 140px;
	 margin: 0;
	 }
	
.rfq  #mailheader li div div {
	 width: 300px;
	 margin: 0;
	 padding: 0;
	 }

.rfq  #mailheader div label {
	 width: 100px;
	 height: 28px;
	 }
 
.rfq  #mailheader select {
	 width: 182px;
	 vertical-align: middle;
	 }

 .rfq  #mailheader li .dateinput {
	 width: 160px; 
	 margin: 0;
	 padding-left: 18px; 
	  }
 
.rfq  #mailheader li input {
	 vertical-align: middle;
	 }
 
.rfq  #mailheader span {
	 vertical-align: middle;
	 width: 200px;
	 float: left;
	 line-height: 24px;
	 }
 
.rfqstats {
	 clear: both;
	 border-bottom: 1px solid #d8e5d5; 
	 overflow: hidden;
	 padding: 0 0 15px 0;
	 zoom: 1;
	 }
 
.rfqstats label {
	 float: left; 
	 margin-left: 10px;
	 width: 120px;
	 }
 
.rfqstats ul {
	 padding: 0;
	 margin: 0;
	 float: left;
	 }
 
.rfqstats li {
	 padding: 0;
	 margin: 0;
	 text-align: right;
	 width: 220px;
	 display: block;
	 clear: both;
	 margin-bottom: 3px;
	 }
 
.rfqstats li span {
	 padding: 0;
	 margin: 0;
	 float: left;
	 }
	
/* =========== All lists =========== */

#inboxlist, #rfqlist {
  clear: both; /* 23.07 10:00 */
	padding: 0 0 5px 0; /* 	margin: 0 0 10px 0; */
	/* border-bottom: 1px solid #d8e5d5; */
	}

#inboxlist .dashboardtable, #eventlist .dashboardtable, #rfqlist .dashboardtable, #whitepaperlist .dashboardtable {
	font-size: 12px;
	}

#inboxlist .dashboardtable th, #eventlist .dashboardtable th, #rfqlist .dashboardtable th, #whitepaperlist .dashboardtable th {
	font-size: 11px;
	}

#inboxlist .dashboardtable td, #eventlist .dashboardtable td, #rfqlist .dashboardtable td, #whitepaperlist .dashboardtable td {
	padding: 3px 10px 3px 10px;
	vertical-align: top;
	border-bottom:1px solid #CFDBCD;
	}

/* =========== Emails =========== */

#mailheader, .tableactions {
	padding: 0;
	margin: 0px 0 20px 0; /* margin: 10px 0 20px 0; */
	clear: both;
	background: #EDF0F3;
	}
	
.quotes #mailheader {
	margin: 10px 0 10px 0;
	}
	
.managebody #mailheader.managefilter, .tableactions, .managefilter {
	clear: both;
	background: #EDF0F3;
	overflow: hidden;
	width: 100%;
	}

.tableactions, .managefilter {
	margin: 0;
	background: none;
	clear: both;
	background-color: #EDF0F3;
	height: 50px;
	font-size: 11px;
	padding:0;
	}
		
#mailheader li, .tableactions li, .managefilter li {
	list-style: none;
	padding: 3px 10px 3px 10px;
	margin: 0;
	background: #F3EDDD;
	vertical-align: middle;
	border-bottom: 1px solid white;
	line-height: 18px;
	overflow: hidden;
	}

	
.tableactions li, .managefilter {
	background: none;
	}

.mt0 { margin-top: 0px !important }
.mt2 { margin-top: 2px !important }
.mt3 { margin-top: 3px !important }
.mt5 { margin-top: 5px !important }
.mt6 { margin-top: 6px !important }
.mt8 { margin-top: 8px !important }
.mt10 { margin-top: 10px !important }
.mt15 { margin-top: 15px !important }
.mt20 { margin-top: 20px !important }
.mt25 { margin-top: 25px !important }
.mt30 { margin-top: 30px !important }
.mt40 { margin-top: 40px !important }
.mt50 { margin-top: 50px !important }

.mb0 {margin-bottom: 0px !important }
.mb5 {margin-bottom: 5px !important }
.mb10 {margin-bottom: 10px !important }
.mb15 {margin-bottom: 15px !important }
.mb20 {margin-bottom: 20px !important }

.mr7 {margin-right: 7px !important }
.mr8 {margin-right: 8px !important }
.mr10 {margin-right: 10px !important }

.ml7 { margin-left: 7px !important }

.pt15 { padding-top: 15px !important }

.managefilter { margin-bottom: 10px; clear: both; height: 100%;	background: #F3EDDD; }

.managebody #mailheader.managefilter li, .tableactions li, .managefilter li {
	float: left;
	width: 160px;
	padding-bottom: 5px;
	padding-right: 7px;
	vertical-align: bottom;
	height: 40px;
  list-style: none;
	}

.managebody #mailheader.managefilter li.buttonboxcentered, .managefilter li.buttonboxcentered {
	width: 100%;
	height: auto;
	padding-top: 5px;
	}

.managefilter li.buttonboxcentered {
	width: 692px;
	height: auto;
	padding-top: 5px;
	}

.short li {
	width: 153px;
	}
	
.managebody #mailheader.files li {
	width: auto;
	height: auto;
	float: none;
	padding: 3px 10px 3px 10px;
	margin: 0;
	vertical-align: middle;
	}
	
.managebody #mailheader.files li span {
	width: 110px;
	float: left;
	font-size: 12px;
	vertical-align: middle;
	line-height: 22px;
	}
	
.managebody #mailheader.files li .button160, .managebody #mailheader.files li .button140 {
	padding: 0;
	margin: 0;
	}

.managebody #mailheader.files li input {
	width: 371px;
	}
	
.managebody #mailheader.files li input[type=file] {
	width: 376px;
	}
	
.managebody #mailheader.managefilter select, .tableactions select, .managefilter select {
	width: 100%;
	clear: both;
	}

.managebody #mailheader.managefilter span {
	clear: both;
	float: none;
	font-size: 11px;
	}	

.managebody #mailheader.managefilter .button160, .tableactions .button140, .tableactions .button160, .managefilter .button120 {
	margin-top: 17px; /* margin-top: 17px; prospects */
	vertical-align: bottom;
	}
	
#mailheader li.links {
	padding: 0;
	margin: 0;
	height: 25px;
	}

#mailheader .links li {
	float: left;
	list-style: none;
	background:
		url("../img/menudots.gif")
		center
		left
		no-repeat;	
	padding: 2px 10px 2px 10px;
	border: none;
	}
	
#mailheader .links li:first-child {
	background: none;
	}
	
#mailheader .links ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

#mailheader span {
	width: 80px;
	float: left;
	vertical-align: middle;
	line-height: 18px;
	margin-top: 2px;
	}

#mailheader a {
  margin-top: 4px;
  line-height: 14px;
	}

#mailheader button {margin-right: 8px; padding:0;}

#mailheader .high {height: 22px; line-height: 22px; }

.width100 {width: 688px;}

#mailheader .width50 span, #mailheader .width20 { width: 125px; }

#mailheader p {margin:0; width: 560px;}

.quotes #mailheader span {
	width: 90px;
	}
	
.inner #middlepanel h3 {
	display: block;
/*	float: none; */
	font-size: 13px;
	padding: 0;
	margin: 20px 0 15px 0;
/*	clear: both; */
  }
	
	

/* H3 with feedback */
.inner #middlepanel h3 span{ float: left; }
.inner #middlepanel h3 .stars { margin: 3px 0 0 20px; }

.inner #middlepanel .quotes h3 {
	border-bottom:1px solid #90AD69;
  margin: 0;
	padding: 10px 0 5px 0;
	width: 100%;
	}
	
#mailheader input[type=text], #mailheader input[type=password] {
	width: 603px;
	margin: 0;
	padding: 2px;
	border: 1px solid #7f9db9;
	}
	
#mailheader input[type=file] {
	/* width: 625px; */
	/* margin: 0; */
	/* padding: 2px; */
	}

#mailheader div a.remove {
 margin-top: 5px;
 float: right;
 }
 
.quotes #mailheader .button100 {
	border: none;
	}

#mailheader select {
	width: 631px;
	}

/* 23.07 10:30 */
#inboxlist select {
  float: left;
  margin: -18px 0 8px 0;  /* -18px 0 10px 0; */
  }

#inboxlist button {
  float: left;
  margin: -21px 0 10px 5px; 
  }

/* 23.07 10:30 */
#inboxlist label {
  float: left;
  margin: -16px 5px 10px 10px; 
  }

#inboxlist select option{
  font-weight: normal;
  }

/* 23.07 10:30 */
.navigation select {
  margin: 13px 0 0 0; 
  }

/* 23.07 10:30 */
.navigation label {
  margin: 0 0 0 10px; 
  }

/* 23.07 10:30 */
#inboxlist #emailoptions {
  clear: both;
  height: 31px;
  }

#inboxlist #emailoptions button, #inboxlist #emailoptions input[type=submit]{
  margin: 2px 10px 0 0;
  float: right;
  }

/* 23.07 10:30 */
#inboxlist #emailoptions label {
  font-weight: normal;
  padding: 0;
  margin: 7px 5px 0 10px ; 
  float: left;
  }

/*
#inboxlist #emailoptions #deleteButton,
#btnCreateGroup {
  float: right;
  }
*/

/* 23.07 10:30 */
#inboxlist #emailoptions select {
  font-weight: normal;
	width: 20%;
	margin-top:5px;
	padding:0;
  }

/* 23.07 10:30 */
#inboxlist .dashboardtable caption label{
  font-weight: normal;
  font-size: 11px;
  }

#inboxlist .dashboardtable .mailcheckbox{
  /* margin:0;
  padding:0; */
  text-align: center;
  }

#inboxlist iframe {	
  width: 704px;
	height: 200px;
	/* margin: 0 0 20px 0; */
	/* padding: 2px; */
	/* border: 1px solid #7f9db9; */
	vertical-align: middle;
  }

/* #mailmanagefolders... 23.07 12:30 */
#mailmanagefolders {
  margin: 10px 0;
  width: 580px;
  }

#mailmanagefolders {border-top: #D3D3D3 1px solid;}
#mailmanagefolders td {padding: 3px 0 3px 0; border-bottom: #D3D3D3 1px solid;}
#mailmanagefolders td.folder { width: 15px; }
#mailmanagefolders td.opt { width:140px; text-align: center;}
#mailmanagefolders td.opt img { margin-left: -10px; }
#mailmanagefolders td.foldername { width: 380px;}
#mailmanagefolders #new-folder td {border-bottom: none;}
	
td.foldername label, td.foldername input {
	float:left;
	vertical-align: middle;
	}
	
td.foldername input {	
	margin-left: 4px;
	}

td.foldername span {
	display: block;
	float: left;
	width: 50px;
	margin-top: 3px;
}

#mailmanagefolders td .formborder { width:100%; }
#mailmanagefolders td input.text { width:98%; }

#mailmanagefolders label{margin-left: 7px;}

#mailmanagefolders td.folder span {
  padding-right: 10px;
	background:
		url("../img/iconfolder.gif")
		center
		left
		no-repeat;
	}

#mailmanagefolders td.opt a {
	font-size: 11px;
	vertical-align: top;
	}

#mailmanagefolders td.opt .renameapply {
	background:
		url("../img/iconsubmit.gif")
		top
		right
		no-repeat;
  padding: 0px 2px 0px 8px;
	border: none;
	text-decoration: none;  
  }

#mailmanagefolders td.opt .renameapply:hover {
	background:
		url("../img/iconsubmit.gif")
		bottom
		right
		no-repeat;
  }

#mailmanagefolders td.opt .renamecancel {
	background:
		url("../img/icondel.gif")
		top
		right
		no-repeat;
  padding: 0px 2px 1px 8px;
	border: none;
	text-decoration: none;
  }

#mailmanagefolders td.opt .renamecancel:hover {
	padding: 0px 2px 1px 8px;
  background:
		url("../img/icondel.gif")
		bottom
		right
		no-repeat;
  }

/* =========== Manage =========== */

.managebrowse {
	float: left;
	width: 185px;
	clear: both;
	}
	
.managebrowse div {
	padding: 4px 5px 4px 5px;
	}
	
.managebrowse span {
	font-size: 11px;
	}
	
.managebrowse .groupinput {
	width: 96px;
	margin: 0;
	padding: 2px;
	border: 1px solid #7f9db9;
	}

.managebrowse input {
	vertical-align: middle;
	}
	
.managebrowse ul {
	margin: 5px 0 0 5px;
	padding: 0;	
	}
	
.managebrowse li {
	list-style: none;
	margin: 0;
	background:
		url("../img/iconfolder.gif")
		left
		5px
		no-repeat;	
	padding: 2px 0 5px 20px;
//padding: 2px 0 5px 5px;
	}
	
.inner #middlepanel .quotes .managebody h4, .inner #middlepanel .quotes .managebrowse h4 {
	border-bottom: none;
  font-size: 12px;
	font-weight: bold;
	color: #005E8A;
	margin: 10px 0 10px 0;
	padding: 0;
	}

.managebody {
	float: right;
	width: 510px;
	}
	
.filterbody {
	float: center;
	width: 100%;
	}
	
.managebody .innertable {
	margin: 0;
	}

.managebody .innertable thead th {
	padding: 2px 5px 2px 5px;
	}



.managebody .innertable tbody td {
	padding: 0 10px 7px 5px;
	vertical-align: top;
	
	}

.tablesubhead {
	font-weight: bold;
	}

.tablesubhead td{
	padding-top: 7px;
	}

.managebody .innertable tbody .tablesubhead td {
	padding: 7px 5px 3px 5px;
	}
	
.managebody .innertable tbody .tablesubhead td.checkboxcell {
	padding-top: 5px;
  }
	
.managebody .innertable tfoot td {
	padding: 0 0 3px 0;
	margin: 0;
	}

.managebody .innertable tfoot td ul {
	padding: 0;
	margin: 0;
	}
	
.managebody .innertable tfoot td li {
	margin-left: -5px;
	padding-top: 0;
	}
	
.managebody .innertable tfoot td span {
	margin: 0 0 0 5px;
	}
	
.hidelink, .showlink {
  display: block;
	margin: 20px 0 20px 0;
	background:
		url("../img/iconhide.gif")
		left
		4px
		no-repeat;
	padding-left: 10px;
	cursor: pointer;
	text-decoration: none;
	}

.hidelink:hover {
	background:
		url("../img/iconhideover.gif")
		left
		4px
		no-repeat;
	text-decoration: none;
	}

.showlink {
	background:
		url("../img/iconshow.gif")
		left
		3px
		no-repeat;
	}
	
.showlink:hover {
	background:
		url("../img/iconshowover.gif")
		left
		4px
		no-repeat;
	text-decoration: none;
	}
	
.rightlink {
  float: right;
	margin-top: 12px;
	}
	
/* =========== Comparison =========== */

.texttable {
	font-size: 11px;
	width: 100%;
	}
	
.texttable th {
	background-color: #F3EDDD;
	padding: 5px 10px 5px 10px;
	color: #738c99;
	text-align: left;
	border-bottom: 1px solid #d8e5d5;
	padding: 5px 10px 5px 10px;
	}
	
.texttable td {
	vertical-align: top;
	border-bottom: 1px solid #d8e5d5;
	border-left: 1px solid #d8e5d5;
	border-right: 1px solid #d8e5d5;
	padding: 5px 10px 5px 10px;
	}
	
.texttable .subhead {
	vertical-align: top;
	border: none;
	background: none;
	padding-left: 0;
	color: black;
	width: 130px;
	font-weight: normal;
	}
	
.texttable tbody span{
	float: left;
	width: 50%;
	}
.texttable tbody a.feedback span{
	width:100%;
}
	
.texttable ul {
	padding: 0;
	margin: 5px 5px 5px 0;
	}
	
.texttable li {
	padding: 0 0 0 10px;
	margin: 0;
	list-style: none;
	background:
		url("../img/bullet.gif")
		0
		5px
		no-repeat;
	}
	
.texttable thead span {
	background:
		url("../img/menudots.gif")
		center
		center
		no-repeat;
	padding: 0; 
	margin: 5px; 
	}
	
.texttable thead a {
	font-weight: bold;
	line-height: 16px;
	}
	
.dots {
  	background: url("../img/menudots.gif") center no-repeat;
  	margin: 0 0 0 10px;
  }

.add, .inner #middlepanel .formrow label .add {
	position: relative;
	display: inline;
	padding-left:2px;
	margin:5px 0 0 0; 
	color: #808080;
	font-size: 11px;
	font-weight: normal;
	max-width: 320px;
	line-height: 13px;
	width: 100% !important; /* with "auto" problems in Supplier->Profile->Business Details */ 
	height: 100%;
	clear: both;
  } 

#detailsForm .add label{
  color: #808080;
  font-size: 11px;
  width: 200px;
  }

.inner #middlepanel .formrow .add a{ color: #808080; text-decoration: none;}
.inner #middlepanel .formrow .add a.link{ color: #007fbf; text-decoration: underline;}

.tabbedCategories .discipline div, .tabbedCategories div.details{
  float: left;
  clear: both;
  background: #E1EAF1;
  padding: 5px 10px;
  margin-top: 7px; /* margin dolzhen bitj na pojavljaushemsja boxe - chtobi ne vlijat na otstupi, kogda boxa net */
  font-size:11px;
  position: relative;
  width: 620px;
  } 

.tabbedCategories div.details p{
  font-size:12px;
  position: relative;
  } 

.tabbedCategories div.details span{
  display: block;
  float: left;
  margin-right: 50px;
  width: 200px;
  } 

#SuppliersTable tbody label, .tabbedCategories div.discipline label, .tabbedCategories div.details label {
  position: relative;
	float: left;
	width: 75px;
	margin: 0;
  }

.tabbedCategories div.discipline label {
  font-weight: bold;
}

.tabbedCategories div.discipline label, .tabbedCategories div.details label {
	width: 130px;
  }

#SuppliersTable tbody span, .tabbedCategories div.discipline p {
	float: right;
	width: 480px;
	margin: 0 20px 0 0;

  }

#SuppliersTable tbody span {width: 120px; }

.inner #middlepanel .quotes .managebody .innertable .tabbedCategories div p, #SuppliersTable .tabbedCategories div p {
  margin: 0 0 7px 0;
  padding: 0;
  } 

.inner #middlepanel .quotes .managebody .tabbedCategories label, #SuppliersTable .tabbedCategories label  {
  font-size:11px;
  margin: 0 0 5px 0;
  } 

.inner #middlepanel .quotes .managebody .innertable tbody p{
  margin: 7px 0 ;
  }

.inner #middlepanel .quotes .managebody .innertable tbody h4{
  color: #000;
  margin:0 0 5px 0;
  }

.inner #middlepanel .quotes .managebody .innertable .tablesubhead a{
  font-weight: normal;
  margin-right: 10px;
  }

.tabbedCategoriesContainer{
  float: left;
  margin: 0 20px 0 0;
  padding: 5px 0 5px 0; 
  width: 95%;
  }

.rfqcategories .tabbedCategoriesContainer{
  padding: 0;
  width: 685px; 
  }

.managebody .tabbedCategoriesContainer {
  width: 410px; 
  }

.managebody .tabbedCategoriesContainer .discipline{
  width: 100%;
  }
    
.managebody .tabbedCategoriesContainer .discipline div{
  width: 100%;
  }
  
.managebody .tabbedCategoriesContainer .discipline p{
  width: 260px;
  }

.supcategories .tabbedCategoriesContainer { width: 640px; }

.inner #middlepanel #SuppliersTable .rfqcategories div { width: 668px; }

.inner #middlepanel #SuppliersTable .rfqcategories div ul {width: auto; border-top: none; padding:0 0 5px 0; margin: 0; }

.inner #middlepanel #SuppliersTable .rfqcategories ul {width: 688px; border-top: 1px solid #eef2f5; margin-top: 0; padding-top: 5px; }

.inner #middlepanel #SuppliersTable .supcategories .morecategories {
  margin-left: 122px;

  }

.inner #middlepanel .tabbedCategories td{
  padding-bottom: 10px !important;
  vertical-align: top;
  }

.inner #middlepanel .tabbedCategoriesTitle{
  float: left;
  font-weight: bold;
  color: #005E8A;
  margin: 0 10px 0 0;
  position: relative;  
  }

.inner #middlepanel .tabbedCategories ul{
  display: block;
  float:left;
  padding: 0;
  margin: 0 0 0 0;
  height: 15px;
  font-size: 12px;
}

.inner #middlepanel .tabbedCategoriesContainer ul {margin: 0 0 2px 0;}

.inner #middlepanel a.iconcollapse, .inner #middlepanel a.iconexpand{
	display: block;
	background:
		url("../img/iconexpand.gif")
		0
		0
		no-repeat;
	height: 5px;
	width: 15px;
	height: 15px;
	padding:0;
	padding-right: 5px;
  }

caption a.iconcollapse, caption a.iconexpand {margin: 7px 5px 0 0 !important; padding:0; float: right;}

.inner #middlepanel a.iconcollapse{
	background:
		url("../img/iconcollapse.gif")
		0
		0
		no-repeat;
  }

.inner #middlepanel a.iconcollapse:hover, .inner #middlepanel a.iconexpand:hover{
		background-position: 
		0
		-15px;
		no-repeat;
  }

.managebody .tabbedCategories li, #SuppliersTable .tabbedCategories li{
  list-style: none;
  margin: 0;
  padding-bottom: 0px;
  display: inline;
  } 

.managebody .tabbedCategories li a, #SuppliersTable .tabbedCategories li a{
  padding: 3px 0px 2px 0px;
  text-decoration: none;
  position: relative;
  overflow: visible;
  } 

.managebody .tabbedCategories li a.current, #SuppliersTable .tabbedCategories li a.current{
  color: #005E8A;
  } 

/* .inner #middlepanel .tablecaptions {border: none;} */


/* .tablecaptions th{padding-right: 0; border: none;} */

#SuppliersTable .tabbedCategories li:first-child { padding-left: 0;}

#SuppliersTable tbody {font-size: 11px;}
#SuppliersTable tbody .tablesubhead span {font-weight:normal; display: block; font-size: 11px; }
#SuppliersTable tbody p {margin: 0 20px 0 0;}
#SuppliersTable tbody ul{margin:0; padding:0; font-weight:normal; }
#SuppliersTable tbody ul li{list-style: none; line-height: 14px; clear: both;}

#SuppliersTable tfoot td {padding: 0 0 0 10px}

#SuppliersTable .stars {vertical-align: top; margin: 0; padding:0; font-size: 4px; float: left; }
#SuppliersTable .innertable {border-bottom: #d8e5d5 1px solid; margin: 0; /*table-layout: fixed; */}
#SuppliersTable .innertable h4 {color: black; margin:0;}
#searchresults #SuppliersTable .innertable td {border: none; padding: 0 0 0 5px; }
/* #SuppliersTable .innertable .tabbedCategoriesTitle { width: 100px; } */
#SuppliersTable .innertable div li { padding-top: 0;} 
#SuppliersTable .innertable thead td {font-weight: normal; padding-left: 10px;}

#searchresults .innertable thead th {padding-left: 5px;}

#SuppliersTable .innertable .stars {margin: 4px 0 0 10px; width: 54px;}
#SuppliersTable .innertable tbody ul {margin: 0px 0 0 0;}
.filterresults .innertable tr.tablesubhead:hover {background: #e1eaf2;}
#tblInviteSuppliers .hidelink { margin: 10px 0 0 0; }
	
#SuppliersTable.filterresults .innertable tr { display: none;}
#SuppliersTable.filterresults .innertable tr.tablesubhead { 
  display: table-row;
//display: block
}

#SuppliersTable.filterresults .collapse tr { 
  display: table-row; 
//display: block
}	

#SuppliersTable .innertable .expand a, #SuppliersTable.filterresults .innertable .expand a { 
  text-decoration: none;
	background:
		url("../img/iconexpand.gif")
		top
		right
		no-repeat;
  padding: 0px 5px 1px 8px;
	border: none;
	text-decoration: none;
  }

#SuppliersTable .innertable .expand a:hover, #SuppliersTable.filterresults .innertable .expand a:hover { 
  text-decoration: none;
	background:
		url("../img/iconexpand.gif")
		bottom
		right
		no-repeat;
  }

#SuppliersTable .innertable .collapse, #SuppliersTable.filterresults .collapse .tablesubhead { background: #e1eaf2; }

#SuppliersTable .innertable .collapse .expand a, #SuppliersTable.filterresults .collapse .expand a { 
  text-decoration: none;
	background:
		url("../img/iconcollapse.gif")
		top
		right
		no-repeat;
  padding: 0px 5px 1px 8px;
	border: none;
	text-decoration: none;
  }

#eventlist .dashboardtable .collapse .expand a:hover, #SuppliersTable.filterresults .collapse .expand a:hover { 
  text-decoration: none;
	background:
		url("../img/iconcollapse.gif")
		bottom
		right
		no-repeat;
  }

/* Buyer Overview */

#overviewnav {
  margin: 0px auto 0px auto;  
	background: url("../img/tabmenubackground.gif") repeat-x;
	height: 50px;
	margin: 20px 0 0 0;
}

#overviewnav ul {
  height: 15px;
  list-style-type: none;
  margin: 0;
  padding: 9px 10px 10px 20px;

  }

#overviewnav ul li{
  position: relative;
  display: inline;
  margin-left: -9px;
  padding: 9px 0px 8px 0px;
//padding: 1px 0px 1px 0px;
  }

#overviewnav ul li.prev{
  background: url(../img/overviewnav-left.png) no-repeat left center;
  }

#overviewnav ul span{
  position: relative;
  padding: 8px 6px 7px 7px;
  background: #fff url(../img/overviewnav-arrow.png) no-repeat right;
  border-top: #ced4d9 1px solid;
  border-bottom: #ced4d9 1px solid;
  }

#overviewnav ul span.last{
  background-color: transparent;
  border: none;
  }

#overviewnav ul li a {
  position: relative;
  margin-left: 6px;
  padding: 8px 10px 7px 7px;
  text-decoration: none;
  font-weight: bold;
  background: #fff;
  border-top: #ced4d9 1px solid;
  border-bottom: #ced4d9 1px solid;
  /* border: red 1px solid; */
  }

#overviewnav ul li a#current
  {
  color: black;
  }

/* qtyColumns */

#qtyErrors { position: relative; float: right; width: 30%; }
#detailsForm .formrow #qtyColumns input[type=text], #detailsForm .formrow #targetQtyColumns input[type=text], #detailsForm .formrow #referenceQtyColumns input[type=text] {width: 60px; margin-right: 16px; }
.summarytable #detailsForm .formrow #qtyColumns input[type=text], .summarytable #detailsForm .formrow #targetQtyColumns input[type=text], .summarytable #detailsForm .formrow #referenceQtyColumns input[type=text] {width: 52px; margin-right: 16px; }
#availability input.checkbox {}
#availability {
  float: left;
  margin-top:2px;
//margin-top:1px;
  }
#availability .icontip {margin-left: 323px;}

/* Testimonials */

.testimonial {
	width: 100%;	
	background: #E1EAF1;
	position: relative;
	margin: 20px 0 10px 0;
	}
	
.topcorners, .bottomcorners {
	width: 100%;
	font-size: 10px;
	overflow: hidden;
	clear: both;
	position: relative;
	}
	
.topcorners ins {
	width: 10px;
	height: 10px;
	float: left;
	background:
		url(../img/tcornertl.gif)
		top
		left
		no-repeat;	
	}
	
.topcorners del {
	width: 10px;
	height: 10px;
	float: right;
	background:
		url(../img/tcornertr.gif)
		top
		left
		no-repeat;	
	}
	
.bottomcorners ins {
	width: 10px;
	height: 10px;
	float: left;
	background:
		url(../img/tcornerbl.gif)
		bottom
		left
		no-repeat;	
	}
	
.bottomcorners del {
	width: 10px;
	height: 10px;
	float: right;
	background:
		url(../img/tcornerbr.gif)
		bottom
		left
		no-repeat;	
	}
	
#testimonials span, .testimonial span {
	float: right;
	margin: 6px 20px 0 0;
	display: inline;
	font-size: 11px;
	}
	
#testimonials b, .testimonial b {
	font-size: 12px;
	}
		
#testimonials p, .testimonial p {
	margin: 5px 20px 5px 40px;
	padding: 0;
	position: relative;
	float: left;
	display: inline;
	}
	
#testimonials p ins, .testimonial p ins {
	display: block;
	position: absolute;
	top: -4px;
	left: -28px;
	background:
		url(../img/quotetl.gif)
		top
		left
		no-repeat;
	width: 24px;
	height: 18px;
	}
	
#testimonials p del, .testimonial p del {
	display: block;
	position: absolute;
	bottom: 0px;
	right: -30px;
	background:
		url(../img/quotebr.gif)
		top
		left
		no-repeat;
	width: 24px;
	height: 18px;
	}  

/* STATIC PAGES */

.inner #middlepanel #staticpage {margin-bottom: 40px; position: relative; }
.inner #middlepanel #staticpage h3 {font-size: 14px; font-weight: bold; color: #black; margin: 10px auto 0 auto;}
.inner #middlepanel #staticpage h4 {font-size: 12px; font-weight: bold; margin: 30px 0 5px 0; color: black; clear: both;}
.inner #middlepanel #staticpage h5 {float: none; font-size: 12px; font-weight: bold; margin: 20px 0 0 0; font-style: italic; } 
.inner #middlepanel #staticpage h3 {float: none; font-size: 14px; font-weight: bold; color: #black; margin: 25px 0 5px 0;}
.inner #middlepanel #staticpage h4 {float: none; font-size: 12px; font-weight: bold; margin: 20px 0 0 0; color: black; clear: both;}
.inner #middlepanel #staticpage p {margin: 10px 0 10px 0;}
.bigtext {font-size: 16px; color: #005E8A; margin: 5px 0 0 0;}
.inner #middlepanel #staticpage h3.subtitle {color:#005E8A; margin: 0 0 20px 0}

.inner #middlepanel #staticpage .withimg p {float: left; width: 76%;}
.inner #middlepanel #staticpage .withimg img {float: right; display: block; margin: 13px 10px 30px 0;}

.inner #middlepanel #staticpage .prelease {
  clear: both;
  margin-top: 50px;
  }

.inner #middlepanel #staticpage .contact {
  float: left;
  background: #E1EAF1;
  padding: 0 10px 10px 10px;
  position: relative;
  margin: 5px 0;
  color: #005E8A;
  font-size: 11px;
  }

.inner #middlepanel #staticpage .prelease h4 {
  margin-top: 20px;
  }

.inner #middlepanel #staticpage .contact p{
  display: inline; position: relative; float: left; margin: 10px 90px 0px 0;
  }
  
.inner #middlepanel #staticpage .contact br { clear: none; }

.inner #middlepanel #staticpage div {position: relative;}
.inner #middlepanel #staticpage div ul {float: left; margin-right: 35px;}

.inner #middlepanel #staticpage ul, .inner #middlepanel #staticpage ol{margin: 20px 0 20px 0; padding: 0 0 0 25px}

.inner #middlepanel #staticpage ol ul{margin: 5px 0 5px 0; padding: 0 0 0 20px}


.inner #middlepanel #staticpage ul li {
  list-style: url(../img/bullet2.gif);
  margin: 5px 0 5px 0;
  }

.inner #middlepanel #staticpage #address {margin-top: 40px; padding-left: 120px}
.inner #middlepanel #staticpage #address div {float: left; margin-right: 100px}
.inner #middlepanel #staticpage #address div h4{margin:0 0 5px 0; padding:0;}

.lnknewwindow {background: url(../img/iconnewwindow.gif) left 80% no-repeat; display: block; padding: 0 0 0 15px; margin: 0;}
.lnknewwindow:hover {background-image: url(../img/iconnewwindowhover.gif); }

.inner #middlepanel #staticpage #meps ul {margin: 10px 0 15px 0}
.inner #middlepanel #staticpage #meps li {margin: 5px 0 5px 0; padding: 0; list-style: none; list-style-image: none;}
.inner #middlepanel #staticpage #meps li a{background: url(../img/iconnewwindow.gif) left bottom no-repeat; display: block; padding: 0 0 0 15px; margin: 0;}

.inner #middlepanel #staticpage .innertable {float: left; width:530px;}

.inner #middlepanel #staticpage .summarytable {margin: 10px 0; border-bottom: #E1EAF1 1px solid;}
.inner #middlepanel #staticpage .summarytable td, .inner #middlepanel #staticpage .summarytable th {font-weight: normal; font-size: 12px; margin: 0; padding: 3px 0 3px 0; width: 50%}
.inner #middlepanel #staticpage .summarytable th {width: 20%;}
.inner #middlepanel #staticpage .summarytable .tablesubhead td{font-weight: bold;}

.inner #middlepanel #staticpage .testimonial p {margin: 10px 40px 10px 40px; width: 65%;}
.inner #middlepanel #staticpage .testimonial span {width: 20%;}

.inner #middlepanel #staticpage .introtext {font-size: 14px; line-height: 18px;}

.inner #middlepanel #staticpage .lnkbutton {padding: 5px 18px 5px 18px; text-decoration: none; }
.inner #middlepanel #staticpage .lnkbutton:hover {color: white; background-position: 0 -25px;}

.inner #middlepanel #staticpage .left {width: 33%; padding-bottom: 10px;}
.inner #middlepanel #staticpage .left ul {margin: 0 auto 10px auto; clear: both; float: none;}
.inner #middlepanel #staticpage .left h4 {margin-top: 30px;}

/* /STATIC PAGES */

#invitionTable {border-bottom: #d8e5d5 1px solid; margin-bottom: 20px}
#invitionTable tr:hover{background: none; }

.inner #middlepanel #invite .compulsory label { margin-left: 10px; width: 63px;}

.formlinkright {position relative; width: 430px;}
.formlinkleft {position relative;}

.summarytable #detailsForm {position: relative; z-index: 0;}

#ExistingShipToAddress, #NewShipToAddress, #ExistingBillToAddress, #NewBillToAddress, #existingProjectDiv, #newProjectDiv,
#ExistingShipToAddress div, #NewShipToAddress div, #ExistingBillToAddress div, #NewBillToAddress div, #existingProjectDiv div, #newProjectDiv div, 
#existingProjectDiv div select, #newProjectDiv div input {
	float: none;
	position: relative;
	display:block;
} 

/* Supplier profile */

/* left */

.skills {width: 480px; margin-top: 3px;}

#middlepanel .left .summarytable { margin-bottom: 20px; }

#middlepanel .left .summarytable td table td, #middlepanel .left td table td{
  padding: 5px 0 5px 0 !important;
	}

.inner #middlepanel .left .summarytable table caption{
  color: #804b00;
  padding: 10px 0 5px 0;
  float: none;
  height: auto;
  width: auto;  
  }

.inner #middlepanel .left .summarytable caption {
  /* padding: 0 9px 0px 10px; */
  padding: 0;
  float: none;
  height: 29px;
  width: 480px;
  }

.inner #middlepanel .summarytable caption {
  padding: 0 0 0 0px;
  }

.inner #middlepanel .summarytable table caption {
  padding:0 0 0 0px;

  }

/* removed .inner #middlepanel for print pages. left span 10px -> 5px */
.summarytable caption span{
  display: block;
  float: left;
  /* margin: 8px 0 0 10px; /* headings in captions*/  
  margin: 8px 0 0 9px;
  }

.inner #middlepanel .summarytable caption a{
  margin: 8px 0px 0 10px;
  }

.inner #middlepanel .left .summarytable tfoot td a{margin-bottom: 5px;}

.inner #middlepanel .left .summarytable caption span { font-size: 11px; color: black; font-weight: normal; display: block; float: right; margin: 4px 20px 0 0; width: 270px;}
.inner #middlepanel .left .summarytable caption span label { margin: 3px 5px 0 0; display: block; float: left}
.inner #middlepanel .left .summarytable caption span select { display: block; float: left; /* margin-top: 0px; */ float: left; width: 115px;}
.inner #middlepanel .left .summarytable caption span.icon, span.icon { background: url("../img/circle.gif") no-repeat; width: 21px; height: 21px; position: relative; margin: 4px 9px 0 0; background-position: center right; }
.inner #middlepanel .left .summarytable caption a.remove:hover { background-position: 0 -15px; }
.inner #middlepanel .left .summarytable caption a.remove, .inner #middlepanel .left .summarytable a.remove {
	display: block;
	background:
		url("../img/icondel.gif")
		0
		0
		no-repeat;
	width: 7px;
	height: 15px;
	margin: 3px 0 0 4px;
	float: none;
	}

.inner #middlepanel .left .summarytable a.remove {float: right; width: 15px; margin-top: 2px; height:15px;}
.inner #middlepanel .left .summarytable a.remove:hover { background-position: 0 -15px; }

#middlepanel .left .summarytable td {
	padding: 5px 0px 2px 0px; /* padding: 5px 10px 2px 10px; */
	vertical-align: top;
	margin: 0;
	font-size: 12px;
	}

#middlepanel .left .onerow table td { border-top: none; }
#middlepanel .left .empty { border: none; }

#middlepanel .left .summarytable .onerow { margin:0; }

#middlepanel .left .summarytable td a { font-size: 11px; /* display: block; */ } 

#middlepanel .left .summarytable .firsttr td {border-top: none;}

.inner #middlepanel .left .summarytable .formrow { width: 430px; margin: 0; } /* margin: 0 0 5px 0; */
.inner #middlepanel .left .summarytable .formrow label { width: 78px; }
.inner #middlepanel .left .summarytable .formrow label.small { width: 45px; }

.inner #middlepanel .left .summarytable .formrow input[type=text]{ width: 123px; }
.inner #middlepanel .left .summarytable .formrow select { width: 130px; display: inline; }
.inner #middlepanel .left .summarytable .formrow .formborder { width: 145px; float: left; }
.inner #middlepanel .left .summarytable .formrow .formborder.small { width: 132px; }

.inner #middlepanel .left .summarytable .formrow .formborder.small .filterinput {
  padding-left: 18px;
  width: 107px;
	background:
		#FFFFFF
		url("../img/iconcalendar.gif")
		2px
		center
		no-repeat;	
	}

.inner #middlepanel .left h3 {margin:10px 0 17px 0; padding:0; position: relative; }
.inner #middlepanel .left .summarytable h4 {color: #005E8A; margin: 6px 0 0 10px; float: left;}


#middlepanel .left ul {
	list-style: none;
	padding:0;
	margin: 0px 0 10px 0;
	}

#middlepanel .left ul li { 
  list-style: none; 
  list-style-image: none; 
  margin: 0 0 20px 0; 
  padding: 0; 
  clear: both;
  display: block;
	background: #ECF0F3; 
	color: #222222;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	height: 30px
  }

#middlepanel #staticpage .left ul {
  list-style: url(../img/bullet2.gif);
	padding: 0 0 0 20px;
	}

#middlepanel #staticpage ul li { 
  list-style-image: url(../img/bullet2.gif);  
  margin: 5px 0 0 0;
	background: none; 
	color: black;
	font-weight: normal;
	height: auto;
	display: list-item;
	padding:0;
  }
  
#middlepanel .left ul li span{
  margin-top: 7px; 
  display: block;
  float: left;
  }

#middlepanel .left ul li span.icon{
  margin: 5px 10px 0 0; 
  padding:0;
  float: right;
  width: 21px;
  }

  #middlepanel .left ul li span.icon:hover{
    background-position: 0 0;
    }

#middlepanel .left .icon a.remove {
  width: 7px;
	color: #005E8A;
	font-weight: bold;
  text-decoration: none;
  float: right;
  	background:
		url("../img/icondel.gif")
		0
		0
		no-repeat;
	margin: 3px 0 0 4px;
	height: 15px;
  }

#middlepanel .left .icon a.remove:hover {
  	background:
		url("../img/icondel.gif")
		0
		-15px
		no-repeat;
  }

#middlepanel .left ul li span a{
	background:
		url("../img/menudots.gif")
		center
		left
		no-repeat;
	padding: 0 0 0 10px;
	font-weight: normal;
	font-size: 11px;
	margin-left: 9px;
	}

/* right */

.inner #middlepanel .addskill h4 {margin: 1px 0 19px 0; margin-top: 2px;}

.addskill {
  width: 200px; 
  padding: 10px;}

.addskill .tableactions {background: #F3EDDD; padding: 7px 10px 0 10px; width: 190px; height: 45px;}

.addskill select {width: 190px;}

#skilllist {padding: 0; margin: 0; border: #d8e5d5 1px solid; border-bottom: none; width: 208px;}

#skilllist li {margin: 0; padding: 7px 10px; list-style: none; list-style-image: none; border-bottom: #E1EAF1 1px solid; height: 100%; }
#skilllist li li { padding: 0 5px;}


/*
#middlepanel #skilllist li span{width: 165px; display: block;  float: left; position: relative;}
#middlepanel #skilllist li a.iconadd {margin: 1px 0 2px 0; color: black; text-decoration: none; padding: 0; width: 15px;}
#middlepanel #skilllist li a.iconadd:hover {background-position: 0 -15px; }
*/

#middlepanel #skilllist li a.iconadd {
  margin: 1px 0 2px 0; 
  color: black; 
  background: url(../img/iconadd-n.gif) no-repeat top right; 
  text-decoration: none; 
  padding: 0 20px 0 0; 
  height: 100%;
  width: 166px;   
  }
  
#middlepanel #skilllist li a.iconadd:hover {background: url(../img/iconadd-h.gif) no-repeat top right; }
#middlepanel #skilllist li a.iconadd.disabled {background: url(../img/iconadd-d.gif) no-repeat top right; }

#skilllist li ul {margin: 0;}

.addskilloptions {font-size: 11px; padding:0;}
.addskilloptions li {
  display: inline;
	background:
		url("../img/menudots.gif")
		center
		left
		no-repeat;	
	padding: 0 5px;
	margin: 0 0;
  }

.addskilloptions li:first-child {
	background: none;
	padding-left:0;
	}

/* 7-8 Pages */

.inner #middlepanel .fullrow .formborder {width: 700px;} 
.inner #middlepanel .fullrow .formborder textarea {width: 460px;} 
.inner #middlepanel .fullrow .formborder iframe {width: 460px;} 

/*

div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.selectbox
{
  margin: 2px 5px 10px 0px;
  padding: 4px 0 4px 0;
  padding-left:5px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  width : 195px; 
  font-weight: bold;
  display : block;
  text-align:left; 
  background: url('../img/bg_select.png') right;
  cursor: pointer;
  border: none;
}

.selectbox:hover
{
   background: url('../img/bg_select-hover.png') right; 
}

/* select {
	background: url('bg_select.png') right;
} */

.inner #leftpanel #searchfilter {
	width: 150px;
	margin: 5px 0 10px 25px;
	padding: 0;
	overflow: hidden;
}

.inner #leftpanel #searchfilter div {
	margin-bottom: 10px;
}

.inner #leftpanel #searchfilter #filtermenu {
  margin-bottom: 20px;  
  }

.inner #leftpanel #searchfilter label{
	display: block;
	font-size: 11px;
}

.inner #leftpanel #searchfilter select{
	width: 150px;
	padding: 1px 0;
}

.inner #leftpanel #searchfilter ul {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	}

.inner #leftpanel #searchfilter #submenu {
	margin-left: 0px;
	}
	
.inner #leftpanel #searchfilter ul li {
	float: inherit;
	background: none;
	padding: 0;
	margin: 0 0 0 0px;
	width: 150px;
	padding: 3px 0;
	}

.inner #leftpanel #searchfilter ul li a {
	font-weight: normal;
	font-size: 11px;
	background: none;
	padding: 0 0 0 0;
	margin: 0;
	}

.inner #leftpanel #searchfilter ul li span{
	position: absolute;
	right: 0px;
	bottom: 0px;
	color: #005E8A;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	}

.inner #leftpanel #searchfilter ul .selected a {
	color: black;
	}

.feedback label {margin-bottom: 3px;}

.feedback div {margin: 5px 20px 0 20px; position:relative;}

#divFeedback .feedback div {margin: 0; position:relative;}

#feedback-text {color: #808080; }

a.iconcancelfeedback {float:left}
a.iconcancelfeedback:hover {background-position: 1px -15px;}

.starsbig {
  position: relative;
	display: block;
	width: 74px !important;
	height: 15px !important;
	background: url("../img/starsbig.gif") 0 0 no-repeat ;
	font-size: 5px;
	padding: 0;
	margin: 0 0 0 25px ;
	float: none !important;
	}

.leavefeedbackstars {
  position: relative;
	display: block;
	width: 113px !important;
	height: 20px !important;
	background: url("../img/feedback-stars.gif") 0 0 no-repeat ;
	font-size: 5px;
	padding: 0;
	margin: 0 0 0 25px ;
	float: none !important;
	}

.leavefeedbackstars-o {
  position: relative;
	display: block;
	width: 133px !important;
	height: 24px !important;
	background: url("../img/feedback-stars.gif") 0 0 no-repeat ;
	font-size: 5px;
	padding: 0;
	margin: 0 0 0 25px ;
	float: none !important;
	}

#searchdiv {margin-top: 20px; height: 50px}
#searchdiv label {display: block; float: left; margin: 4px 5px 0px 0; }
#searchdiv input {display: block; float: left; width: 360px; margin: 2px 0 0px 0;}
#searchdiv select {padding: 1px 0; width: 150px; margin: 2px 5px 0px 0; margin-left: 5px; float: left;}
#searchdiv button {display: block; float: left; margin: 0 0 0px 5px;}

#searchresults .tableactions {height: 31px; margin-bottom: 1px; width: 100%; }

.inner #middlepanel #searchresults .tableactions li {
	width: auto;
	vertical-align: bottom;
	height: 25px;
	border-bottom: none;
  }

.inner #middlepanel #searchresults .tableactions li#results {
  padding:0 0 0 10px;
  width: 182px;
  }

.inner #middlepanel #searchresults .tableactions li#results span {
  float: left;
  display: block; 
  margin: 6px 0px 0 0;
  font-size: 12px;
  color: #005E8A;
  }

.inner #middlepanel #searchresults .tableactions li#buttons{
  width: 500px;
  }

.inner #middlepanel #searchresults .tableactions li#buttons button{
  float: right;
  margin: 0;  
  padding: 0 5px;
  }


#searchresults .innertable{
  border:none;
  margin:0;
  }

.inner #middlepanel #searchresults .checkboxcell {padding-top: 5px; padding-left: 4px; padding-right: 5px;}


#chkSelectAll{
  display: block;
//margin-left:0px;
  } 

#searchresults .innertable th a, #searchresults .innertable th span{
  display: block;
  float: left;  
	}

#searchresults #SuppliersTable .innertable{
  /* margin-bottom: 5px; */
  border: #d8e5d5 1px solid;
  border-top: none;
  }

#searchresults #SuppliersTable .innertable td{

  }

span.results {
  margin-top: 8px;
  margin-right: 10px;
  float: left;
  color: #929091;
  font-size: 11px;}

.pagination {
  width: auto;
  margin-top: 5px;
  }

#searchresults #SuppliersTable .paging .prev {margin-right: 10px; text-decoration: none;}
#searchresults #SuppliersTable .paging .next {margin-left: 10px; text-decoration: none;}

.pagination a{
  display: block;
  float: left;
  font-size: 12px;
  padding: 2px 6px 3px 6px;
  margin: 0;
  text-decoration: none;
  }

.pagination a span{
  text-decoration: underline;
  }

.pagination .selected {
  background: #E1EAF1;
  color: #005E8A;
  text-decoration: none;
  }

.pagination ul {
  margin:0; 
  padding:0;
  list-style: none;
  float: right;
  }

.pagination ul li {list-style: none; list-style-image: none; float: left; margin:0; padding:0;}

caption #searchLoading, caption .searchLoading {float: left; margin-top: 7px; font-weight: normal;}
caption #searchLoading label, caption .searchLoading label {vertical-align: 20%; font-weight: normal;}

#content-loading-center
{
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}

#content-loading
{
	margin-top: 5px;
	margin-bottom: 5px;
}

#content-loading label, #content-loading-center label
{
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}

/* for new table */
caption .resultstext {
  float: left; 
  /* margin-top: 7px; */ 
  font-weight: normal;
  }

.innertable caption .resultstext {
  float: left; 
  margin-top: 7px;
  font-weight: normal;
  }
  
.pagesizeselect
{
	float: left;
	color: #929091;
	padding: 2px 0;
	font-size: 11px;
}

span.pagesizeselect select 
{
	width:50px;
}

label.pagesizeselect
{
	padding-top: 5px;
}

caption button, caption input[type="submit"], caption input[type="button"] { margin-top: 2px !important; }

/* MAIN PAGE - New & featured suppliers */

#showsupconteiner {
  height: 510px;
  }

.showsup {
  width: 490px;
  height: 500px;
  position: absolute;
  left: 210px;
  }

#newsup {
  height: 185px;
  }

#featuredsup {
  height: 280px;
  }

#middlepanel .showsup .nodata {
  width: 100%;
	text-align: center;
	padding-top: 240px;
}

.showsup #featuredsup .nodata { padding-top: 60px; }

.showsup #newsup .nodata { padding-top: 100px; }

.inner #leftpanel ul.profileList {margin: 0px; padding-top: 8px; padding-left: 15px; padding-bottom: 10px;}

.inner #leftpanel ul.profileList li {
  list-style: url(../img/bullet2.gif);
  margin: 5px 0 5px 0;
  }



/* For Administrator -> Static pages */

.inner #middlepanel .formrow input[type=text].smalltextbox {
  width: 100px;
  float: none;
  }
  
.inner #middlepanel .formrow #path {
  margin-top: 3px;
  }

/* Compare Suppliers -> View Profile */

 .backlink {
 	text-decoration: none;
 	float: right;
 }
 
 .backlink span {
 	text-decoration: underline;
 }
 
/* Static Page -> Index Pages */
#staticpages-index div {
	margin: 10px 0px 10px 0px;
	text-align: left;
	}

.staticpage-header h1, .staticpage-header h2, .staticpage-header h3, .staticpage-header h4, .staticpage-header h5 {
	float: none !important;
}

.staticpage-footer h1, .staticpage-footer h2, .staticpage-footer h3, .staticpage-footer h4, .staticpage-footer h5 {
	float: none !important;
}

#staticpages-index p {
	display: inline;
	float: left;
	width: 670px;
	height: 98px;
	padding: 10px 0 0 0;
	margin: 0 10px 17px 10px;
	text-align: left;
	}

#staticpages-index p a{
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	}

#staticpages-index p a span.image {
	float: left;
	width: 98px;
	height: 98px;
	padding: 0;
	margin: -3px 15px 0 -10px;
	background:
		url("../img/picturebackbig.gif")
		no-repeat;
	text-align: center;
	line-height: 98px;
	}
	

#staticpages-index p a:hover span.image {
	background-image: url("../img/picturebackbigover.gif");
	}
	
#staticpages-index p a span.empty {
	background:
		url("../img/picturebackbigempty.gif")
		no-repeat;
	}

#staticpages-index img {
	display: inline;
	vertical-align: middle;
	border: none;
	padding: 0;
	margin: 0 0 2px 0;
	}
	
#header-fields iframe, #footer-fields iframe {
	height: 200px !important;
	}
	
/* Administrator -> List Values (Max) */

.tableheader span {
	margin-left: 4px;	
	}

.drag .i-drag {
	margin-left: 8px;
	}
	
/* Supplier -> Profile Wizard -> Images (Max) */
#supplier-images tr td div {
	float: left!important; 
	width: 98px;
	height: 98px;
	padding: 0 5px 0 0 !important;
	margin: 0;
	line-height: 98px;
	}
	
#supplier-images tr td div a div {
	background:
		url("../img/picturebackbig.gif")
		no-repeat;
	text-align: center;
	}

#supplier-images tr td div a.hover div {
	background-image: url("../img/picturebackbigover.gif");
	}

#supplier-images tr td div a:hover div {
	background-image: url("../img/picturebackbigover.gif");
	}
	
#supplier-images tr td div a div.empty {
	background:
		url("../img/picturebackbigempty.gif")
		no-repeat;
	}

#supplier-images img {
	display: inline;
	vertical-align: middle;
	border: none;
	padding: 0;
	margin: 0 0 1px 0;
	}

/* RFQ Approval (Max) */

#rfqlist table.table tr td div.rfqimage {
	width: 58px;
	height: 58px;
	padding: 0 5px 0 0 !important;
	margin: 0;
	line-height: 58px;
	}
	
#rfqlist table.table tr td div.rfqimage {
	background:
		url("../img/pictureback.gif")
		no-repeat;
	text-align: center;
	}
	
#rfqlist table.table tr td div.rfqimage:hover {
	background:
		url("../img/picturebackover.gif")
		no-repeat;
	}

#rfqlist table.table tr td div.rfqimage img {
	display: inline;
	vertical-align: middle;
	border: none;
	padding: 0;
	margin: 0 0 1px 0;
	}
	
#rfqlist table.table tr td div.rfqimage span {
	width: 58px;
	}

/* Buyer -> Supplier Groups */

#SuppliersForm div.nodata 
{
	margin: 60px 0 0 20px;
	text-align: center;
}

#current-group {
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 10px 0;
	float: left;
	border: solid 1px #DAE7F3;
	background: #fff;
	cursor: default;
}

#current-group label.current-group-item {
	font-weight: bold;
}

#current-group span {
	padding: 0 9px 0 0;
	height: 12px;
	background:
		url("../img/iconshow.gif")
		right
		center
		no-repeat;
}

#current-group:hover span {
	background:
		url("../img/iconshowover.gif")
		right
		center
		no-repeat;
}

#current-group.active
{
	border: solid 1px #CED4D9;
	border-bottom: solid 1px #fff;
}

#current-group.active span
{
	background:
		url("../img/iconhide.gif")
		right 
		center
		no-repeat;
}

#current-group.active:hover span
{
	background:
		url("../img/iconhideover.gif")
		right 
		center
		no-repeat;
}

#groups-list
{
	border: solid 1px #CED4D9;
	background: White;
	width: 446px;
	height: 300px;	
	clear: none;
}

.inner #middlepanel #groups-list label.error {
	width: auto;
	padding: 3px 3px 3px 35px;
	margin: 0 0 0 3px;
	float: none;
	display: inline;
	}
	
#groups-list input.error {
	background-color: #ffe6e6;
	}

#groups-list .paging {
	background: none;
	float: right;
	}

#groups-list div.header
{
	margin: 5px 0 0px 0;
	padding:5px 7px;
	font-size:11px;
	background: none;
}

#groups-list table.groups-table
{
	margin: 0 9px 0 9px;
	width: 200px;
	float: left;
}

#groups-list-tables {
	background: none;
}

/* Buyer -> Invite Suppliers */

.inner #middlepanel #invitationTables {
	float: none;
	width: 100%;
}

.inner #middlepanel #invitationTables caption {
	width: 100%;
}

.inner #middlepanel #invitationTables table {
	margin: 0 0 8px 0;
}

.inner #middlepanel #invitationTables #lnkAdd {
	float: right !important;
}

.inner #middlepanel #invitationTables td {
	padding: 10px 10px 0 10px;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow {
	width: 333px;
	float: left;
	clear: none;
	margin: 0 0 8px 0;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow.fullrow {
	width: 687px;
	margin-right: 0;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow.col2 {
	margin-left: 21px;
}
 
.inner #middlepanel #invitationTables.left .summarytable tbody .formrow label {
	width: 92px;
	padding-right: 4px;
} 

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow .formborder {
	width: 232px;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow .formborder input {
	width: 226px;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow .formborder select {
	width: 232px;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow.fullrow .formborder {
	width: 586px;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow.fullrow .formborder input {
	width: 580px;
}

/* Supplier -> Profile Wizard -> Images (Max) */
.image-upload-list {
	overflow: visible !important;
	width: 560px;
	border: none !important;
	}
	
.image-upload-list div 
{
	border: none !important;
}

.image-upload-holder {
	margin-top: 20px;
	width: 106px;
	height: 106px;
	overflow: visible !important;
	}
	
.image-upload-holder div {
	overflow: visible !important;
	border: 0px !important;
	}	
	
.image-upload-holder div.icondelete {
	position: relative;
	right: -86px;
	top: -106px;
	background:
		url("../img/icondelbig.png")
		0 0
		no-repeat;
	cursor: pointer;
	}
	
.image-upload-holder div.icondelete:hover {
	background:
		url("../img/icondelbig.png")
		0 -22px
		no-repeat;
	}
	
.image-upload-holder div.icondelete a {
	display: block;
	margin: 0;
	padding: 2px 14px 5px 2px;
	list-style: none;	
	font-weight: bold;
	text-decoration: none;
	}

.image-upload-holder div.icondelete a:hover {
	background-position: 0 -28px;
	}

.image-upload-holder a div {
	float: left!important; 
	width: 98px;
	height: 98px;
	padding: 0 5px 0 0 !important;
	margin: 0;
	line-height: 97px;
	overflow: hidden !important;
	
	background:
		url("../img/picturebackbig.gif")
		no-repeat;
	text-align: center;
	}

.image-upload-holder:hover a div, .image-upload-holder.hover a div {
	background-image: url("../img/picturebackbigover.gif");
	}

.image-upload-holder a div img {
	display: inline;
	vertical-align: middle;
	border: none;
	padding: 0;
	margin: 0 0 1px 0;
	}

#projects, #mysuppliers, #inbox, #mybuyers, #approve-users, #non-payment-users, #chart-accounts, #upgrade-requests  {
	float: left;
	}

#rfqsummary, #whitepapers, #events, #approve-rfqs, #admin-dashboard-statistics, #renewal-date-users {
	float:right;
	}

#inbox, #events, #approve-users, #approve-rfqs, #non-payment-users, #chart-accounts, #admin-dashboard-statistics, #renewal-date-users, #upgrade-requests {
	width:  342px;
	min-height: 225px;
	}

/* Confirm Solicitation Compatibility */
#middlepanel .summarytable .mceEditor.defaultSkin td {
	vertical-align: middle !important;
	padding: 0 !important;
	margin: 0 !important;
}

#middlepanel .summarytable .mceEditor.defaultSkin table.mceToolbar {
	width: auto !important;
}

#middlepanel .summarytable .mceEditor.defaultSkin td.mceToolbar {
	border-top: 1px solid #CCCCCC !important;
	border-bottom: 1px solid #CCCCCC !important;
	width: auto !important;
}

#middlepanel .summarytable .mceEditor.defaultSkin td.mceToolbar td {
	border: 0 none !important;
}

#middlepanel .summarytable .mceEditor.defaultSkin .mceIframeContainer {
	border-top: 0 none !important;
}

#middlepanel .summarytable .mceEditor.defaultSkin td.mceToolbar td span {
	width: auto !important;
}

#middlepanel .summarytable .mceEditor.defaultSkin td.mceToolbar td a span {
	width: 20px !important;
}

#middlepanel .summarytable #tblProjectDetails td span {
	float: none;
	display: inline;
	width: auto;
}

/* Administrator -> List Values (Max) */

.tableheader span {
	margin-left: 4px;	
	}

.drag .i-drag {
	margin-left: 8px;
	}
	
/* RFQ Approval (Max) */

div.rfqimage {
	width: 58px;
	height: 58px;
	padding: 0 5px 0 0 !important;
	margin: 0;
	line-height: 58px;
	}
	
div.rfqimage {
	background:
		url("../img/pictureback.gif")
		no-repeat;
	text-align: center;
	}
	
div.rfqimage:hover {
	background:
		url("../img/picturebackover.gif")
		no-repeat;
	}

div.rfqimage img {
	display: inline;
	vertical-align: middle;
	border: none;
	padding: 0;
	margin: 0 0 1px 0;
	}


#yui-history-iframe {
  position:absolute;
  top:0; left:0;
  width:1px; height:1px;
  visibility:hidden;
}

div.feedback-progress
{
	width:100%;
	height:100%;
	background-color:#ffffdf;
}
div.feedback-progress div 
{
	height:100%;
	background-color:#f3c003;
}

/* Buyer -> Supplier Groups */

#SuppliersForm div.nodata, #AdminsForm div.nodata
{
	margin: 60px 0 0 20px;
	text-align: center;
}

div.current-group {
	padding: 5px 3px 5px 5px;
	margin: 0px 0px 10px 0;
	float: left;
	border: solid 1px #DAE7F3;
	background: #fff;
	cursor: default;
}

div.current-group.actions {
	border: none;
	background: transparent;
	padding: 3px 3px 3px 6px;
}

div.current-group label {
	cursor: pointer;
}

div.current-group label.current-group-item {
	font-weight: bold;
}

div.current-group.actions label.current-group-item {
	font-weight: normal;
}

div.current-group span {
	padding: 0 15px 0 0;
	height: 15px;
	background:
		url("../img/iconopen.gif")
		0
		0
		no-repeat;
		margin-left: 5px;
}

div.current-group.loading span {
	padding: 0 15px 0 0;
	height: 15px;
	background:
		url("../img/loading.gif")
		0
		0
		no-repeat;
		margin-left: 5px;
}

div.current-group:hover {
    border: solid 1px #CED4D9;
    background-color: #F6FAFD;
}

div.current-group.loading:hover {
	border: solid 1px #DAE7F3;
	background: #fff;
}

div.current-group.actions:hover {
    border: solid 1px #CED4D9;
    background-color: #F6FAFD;
	padding: 2px 2px 2px 5px;
}

div.current-group:hover span {
    background-position: 0 -15px;
}

div.current-group.loading:hover span {
    background-position: 0 0;
}

div.current-group.active
{
	border: solid 1px #CED4D9;
	border-bottom: solid 1px #F6FAFD;
	background-color: #F6FAFD;
}

div.current-group.actions.active
{
	border: solid 1px #CED4D9;
	border-bottom: solid 1px #F6FAFD;
	background-color: #F6FAFD;
	padding: 2px 2px 2px 5px;
}

div.current-group.active span
{
	background:
		url("../img/iconclose.gif")
		0 
		0
		no-repeat;
}

div.current-group.active:hover span
{
    background-position: 0 -15px;
}

div.groups-list
{
	border: solid 1px #CED4D9;
	background-color: #F6FAFD;
	width: 446px;
	height: 300px;	
	clear: none;
}

.inner #middlepanel div.groups-list label.error {
	width: auto;
	padding: 3px 3px 3px 35px;
	margin: 0 0 0 3px;
	float: none;
	display: inline;
	}
	
div.groups-list input.error {
	background-color: #ffe6e6;
	}

div.groups-list .paging {
	background: none;
	float: right;
	}

div.groups-list div.header
{
	margin: 5px 0 0px 0;
	padding:5px 7px;
	font-size:11px;
	background: none;
}

div.groups-list table.groups-table
{
	margin: 0 9px 0 9px;
	width: 200px;
	float: left;
}

div.groups-list-tables {
	background: none;
}

#middlepanel #groups-list table.groups-table td
{
	margin: 0 !important;
	padding: 0 !important;
	border-top: 0 !important;
}

#middlepanel .summarytable #file-list td, #middlepanel .summarytable #file-list th, #middlepanel .summarytable #files-paging td
{
	border-top: 0 !important;
}

#middlepanel .summarytable table#files-paging.right, #middlepanel .summarytable table#files-paging.right
{
	float: right;
	display: table;
}

#middlepanel .summarytable #frmFiles table caption 
{
	padding: 0 0 5px 5px !important;
	background-color:#EDF0F3 !important;
}

#middlepanel .summarytable #frmFiles table caption span.resultstext
{
	width: auto !important;	
	margin-left: 5px;
}

#middlepanel .summarytable #frmFiles table th
{
	padding: 2px 10px 2px 10px !important;
	vertical-align: middle;
}

#middlepanel .summarytable #frmFiles table th input
{
	margin: 2px 2px 2px 0 !important;
}

#files-paging div.paging {
	background: none;
}

/* Buyer -> Invite Suppliers */

.inner #middlepanel #invitationTables {
	float: none;
	width: 100%;
}

.inner #middlepanel #invitationTables caption {
	width: 100%;
}

.inner #middlepanel #invitationTables table {
	margin: 0 0 8px 0;
}

.inner #middlepanel #invitationTables #lnkAdd {
	float: right !important;
}

.inner #middlepanel #invitationTables td {
	padding: 10px 10px 0 10px;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow {
	width: 333px;
	float: left;
	clear: none;
	margin: 0 0 8px 0;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow.fullrow {
	width: 687px;
	margin-right: 0;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow.col2 {
	margin-left: 21px;
}
 
.inner #middlepanel #invitationTables.left .summarytable tbody .formrow label {
	width: 92px;
	padding-right: 4px;
} 

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow .formborder {
	width: 232px;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow .formborder input {
	width: 206px;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow .formborder select {
	width: 212px;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow.fullrow .formborder {
	width: 586px;
}

.inner #middlepanel #invitationTables.left .summarytable tbody .formrow.fullrow .formborder input {
	width: 560px;
}

/* Meta tags */

#meta-tags div.selected-tags {
	margin-bottom: 10px !important;                        
	}

#meta-tags div.selected-tags h3 {
	margin-bottom: 5px !important;                        
	}

#meta-tags #add-tag div {
	margin: 6px 0 0 0;
	width: auto !important;
	}	
	
#meta-tags #add-tag h4 {
	margin: 6px 0 0 0;
	}	

#meta-tags #add-tag div input {
	width: 200px !important;
	}	
	
#meta-tags #add-tag div button {
	margin: 4px 0 0 5px;
	}	

#meta-tags ul.horizontal-list {
	padding: 0;
	margin: 5px 0 10px 0;
	float:left;
	}	

#meta-tags ul.horizontal-list li {
	width: auto;
	float: left;
	list-style-type:none;
	margin: 0 7px 0 0;
	}
	
#meta-tags ul.horizontal-list span {
	float: left;
	margin: 0 3px 0 3px;
	}	
	
	
/* Administrator -> Static Pages -> List (max) */
#static-pages-list input {
	margin: 0 0 1px 0 !important;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	}
	
tr.hoverable:hover {
	background-color: #edf0f3;
	cursor: pointer;
	}
	
#static-pages-list td.nopadding {
	padding: 0;
	}
	
/* Static Page -> Add/Edit -> Accordion fix (Max) */

.inner #middlepanel #accordion .formrow .formborder {
	width: 372px !important;
	}
	
/* Administrator -> RFQ Management (Max) */

.inner #middlepanel div.selector {
	margin: 0 0 10px 0;
	clear: both;
	}
	
.inner #middlepanel div.selector label {
	width: 80px;
	margin: 0 0 10px 0;
	float: left;
	}	
	
.inner #middlepanel div.selector label.value {
	font-weight: bold;
	width: auto;
	}
	
.inner #middlepanel div.selector select {
	width: 200px;
	}

.inner #middlepanel div.selector label.value span {
	font-weight: normal;
	margin: 0 0 0 20px;
	}
	
.inner #middlepanel div.selector label.value span ins.dots {
	float: none;
	display: inline;
	padding: 2px;
	margin: 0 3px 0 1px;
	}
	
label.link {
	cursor:pointer;
}

label.link:hover {
	color:#E58600;
}

/* Context menu */
.context-menu
{
	padding-bottom: 10px !important;	
}

.context-menu label {
	margin-top: 5px;
	display: block;
}

.context-menu label.first {
	margin-top: 0px;
}
#middlepanel .summarytable #tblProjectDetails td h3 {
	float: none;
	display: block;
	width: 100%;
	color: #000;
}


#middlepanel .summarytable.col2 td {
	border-top: medium none;
} 

.stars {
	float: left;
}

.pics div {
	margin-left: 34px;
	background-color:#f4f6f5;
}

.pics div img
{
	float:left;
}