@charset "utf-8";
/* CSS Document */
/* do not need copy this*/
body { margin:0; padding:15px; padding-top: 10px; font-family:Arial, Helvetica, sans-serif; }
/* Do nedd Copy this */

h1 { margin:0; }
h2 { margin:0; margin-bottom: 4px; }
p { margin:0; }
.toprightmenu  { position:relative; float: right; top: 20px; font-size: 12px; text-align: right;}
.toprightmenu a { text-decoration: none; color: blue; }
.hbox { 
  border: 3px solid #2A83E6;
  background-color: #2A83E6; 
  -webkit-border-radius: 12px; 
  -moz-border-radius: 12px; 
  border-radius: 12px; 
}

.main { font-size: 12px; width: 960px;}

.hbox .label { 
  font-size: 12px; font-weight: bold;
  line-height: 25px; 
  padding: 4px; padding-left: 8px; color: #fff; 
  -webkit-border-radius: 12px; 
  -moz-border-radius: 12px; 
  border-radius: 12px; 
/*  text-shadow: 0px 0px 2px #000;
  filter: dropshadow(color=#000, offx=2, offy=2);
*/}
.hbox .content {
  background-color: #fff; 
  -webkit-border-radius: 12px; 
  -moz-border-radius: 12px; 
  border-radius: 12px; 
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 6px;
  text-align: left;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; 
}

.vspace { height: 10px; }
.hspace { width: 10px; }
/*
.foot {
  line-height: 30px; 
  font-size: 10px; 
  font-weight: bold;
  text-align: center;
  color: #fff;
  border: 3px solid #2A83E6;
  background-color: #2A83E6; 
  -webkit-border-radius: 12px; 
  -moz-border-radius: 12px; 
  border-radius: 12px;
}
*/
.foot {
	text-align: center;
	line-height: 2.5em;
	font-size: .7em;
	font-weight: bold;
	color: darkblue;
	border-top: .2em dashed lightgray;
	margin-left: 1em;
	margin-right: 1em;
}
td.middle { width: 15px; }
/* ----- clear fix for floats ----- */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */

/* Images */
.onlycssmenu, .onlycssmenu ul, .onlycssmenu ul li a, .onlycssmenu ul li span { background-image:url(/images/menu_stip.png); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; }
.onlycssmenu { height:41px; line-height:41px;  background-position:-1005px 0px; padding-left:10px }
.onlycssmenu ul { background-position: right -45px; height:41px; line-height:41px; margin:0; padding:0; list-style:none;  }
.onlycssmenu ul li { display:inline; float:left; padding:6px 6px 0 5px; background:url(/images/menu_div.png) no-repeat right 11px;}
.onlycssmenu ul li.nopipe { background:none;}
.onlycssmenu ul li a { float:left; padding-left:15px;  color:#FFFFFF; text-decoration:none;}
.onlycssmenu ul li a span{ float:left; padding-right:15px; height:30px; line-height:30px;}
.onlycssmenu ul li a:hover, .onlycssmenu ul li a.active {background-position: -1005px -90px; color:#165aa2;}
.onlycssmenu ul li a:hover span, .onlycssmenu ul li a.active span { background-position:right bottom;}

/* You will Need change */
.onlycssmenu  {}

label { display: block; margin: 2px 0px; font-weight: bold; }
label:hover { cursor: pointer; }
select { width: 100%; }
.searchPagination{ text-align: left; padding: 6px 0px;}

.nowrap { white-space:nowrap }
.pad4 {padding: 4px;}
.pageInfo { padding: 3px 0px; float:left; width:50%; font-weight:bold; font-size:110%; }
.resultsInfo { padding: 3px 0px; float:left; width:50%; text-align: right; font-weight:bold; font-size:110%; }
.pagerLinks { padding: 3px 0px; margin: 4px 0px; float: left}
.siteLinks { padding: 4px 2px; margin: 4px 0px;} 
.sepHorizFull { width: 100%; clear:both; margin: 1px; height:1px; }
.tableRollOverEffect1 td{
	background-color:#FFEEEE;
	/*color:#FF0066;*/
        background-color:#E7FFCF;
	border-color:#FF0066;
        border-color:#CFFF9F;
}
	
.tableRowClickEffect1 td{
	background-color:#FFFF99;
	/*color:#FF6600;*/
	border-color:#FF9900;
}

.tableRollOverEffect1 th{
	background-color:#ddcccc;
        background-color:#D8EFC2;
	/*color:#FF0066;*/
	border-color:#FF0066;
        border-color:#D1DFC3;
}
	
.tableRowClickEffect1 th{
	background-color:#dddd77;
	/*color:#FF6600;*/
	border-color:#FF9900;
}

/*.facetTbl {margin-bottom: 10px; }*/

.propertiesTbl {width:90%}
.propertiesTbl th {text-align:right; vertical-align:top; white-space:nowrap; width: 170px;}
.propertiesTbl td {text-align:left; vertical-align:top;}
.mcbl input {margin-right: 4px; vertical-align:middle;}
.mcbl-hov { background-color:#FFEEEE;}
.borderless {border:none; padding:0px; border-collapse:collapse; }
.borderless td {border:none; padding:0px;}
.autowidth {width:auto}
table tr.altrow {
  background-color: #f4f4f4;
}
table td.data {
 padding: 5px 6px;
}
table th {
  white-space:nowrap;
  text-align: center; 
  line-height: 1em;
  padding: 5px;
/*  -webkit-border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px; 
  border: 3px solid #CFE5FF;
*/  background-color: #CFE5FF; 
}
.browseLinks {/*color:#333333*/}
.greenLinks {/*color:green;*/}
.blueLinks {/*color:blue;*/}
.greenHighlight {background-color:#CCFF99;}
/*.searchfacets{border: 1px solid;}
.searchfacets table {border-collapse: collapse;}
.sf-chk { text-align: center; padding: 2px; padding-left: 5px; vertical-align: middle; }
.sf-chk input { margin-left: auto; margin-right: auto; }
.sf-cnt { text-align: center; padding: 5px; vertical-align: middle;}
.sf-cnt label{ display: inline; padding:5px; }
.sf-nam { text-align: left; vertical-align: middle; padding: 5px; padding-left: 8px;}	
.sf-nam label {display: inline; padding: 5px; }
*/
.searchTips {background-color:#FFFF99; padding: 2px 4px; margin: 4px 0px; }
em {
background-color: yellow;
}

.go-btn {
  /* Legacy browsers */
  background: #60AF01 url("/images/go-btn-bg.png") repeat-x center;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /* Internet Explorer */
  *background: #60AF01;
  background: #60AF01\0/;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF71CB00, endColorstr=#FF60AF01);
  /* Recent browsers */
  background-image: -moz-linear-gradient(
    top,
    #71CB00,
    #60AF01
  );
  background-image: -webkit-gradient(
    linear,
    left top, left bottom,
    from(#71CB00),
    to(#60AF01)
  );
  color: #fff;
  font-weight: bold;
  border-color: #60AF01;
/*  text-shadow: 0px 0px 2px #000;
  filter: dropshadow(color=#000, offx=2, offy=2);
*/  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px; 
  width:  100%;
  border-width: thin;
  height: 2em;
}
.rtrn-btn {
  /* Legacy browsers */
  background: #60AF01 url("/images/go-btn-bg.png") repeat-x center;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /* Internet Explorer */
  *background: #60AF01;
  background: #60AF01\0/;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF71CB00, endColorstr=#FF60AF01);
  /* Recent browsers */
  background-image: -moz-linear-gradient(
    top,
    #71CB00,
    #60AF01
  );
  background-image: -webkit-gradient(
    linear,
    left top, left bottom,
    from(#71CB00),
    to(#60AF01)
  );
  color: #fff;
  font-weight: bold;
  border-color: #60AF01;
/*  text-shadow: 0px 0px 2px #000;
  filter: dropshadow(color=#000, offx=2, offy=2);
*/  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px; 
  border-width: thin;
  height: 2em;
  width:  100%;
  margin-top: 10px;
}

.supplier-filter-label { font-weight: normal; }
.supplier-select { width: 400px; }

fieldset { 
  border: 1px solid #2A83E6;
  -webkit-border-radius: 12px; 
  -moz-border-radius: 12px; 
  border-radius: 12px; 
  margin: 10px;
  padding: 10px 20px;
}

legend {
  color: #2A83E6;
  font-weight: bold;
  font-size: 1.5em;
}
/*
.supplier-profile input, .supplier-profile select, .supplier-profile textarea {
  border: 1px solid #2A83E6;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
}
*/
.supplier-profile *:focus {outline: none;}

.success-message { 
  font-weight: bold;
  border: 1px solid #668E39;
  color: #668E39;
  background-color: #BCE27F;
  padding: 6px;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
}
.error-message { 
  font-weight: bold;
  border: 1px solid #D5393B;
  color: #D5393B;
  background-color: #F4CDCE;
  padding: 6px;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
}
.warning-message { 
  font-weight: bold;
  border: 1px solid #000;
  color: #000;
  background-color: #ffff66;
  padding: 6px;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
}

.required { color: #D5393B; }
.required-notice { font-weight:bold; text-align:right; }
div.disabled {
  color: #efefef;
  display:inline;
}

.clear { clear:both; }

.profile-img { margin: 0px 4px; }
.selected-supplier-profile-image { }
.supplier-profile-image { vertical-align: middle; }
.delete-supplier-profile-image { padding: 10px; text-align: left; margin-left; 3em; }

.supplier-profile em { background-color: inherit; }
.admin-btn {
  /* Legacy browsers */
  background: #333 url("/images/go-btn-bg.png") repeat-x center;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /* Internet Explorer */
  *background: #333;
  background: #666\0/;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF71CB00, endColorstr=#FF60AF01);
  /* Recent browsers */
  background-image: -moz-linear-gradient(
    top,
    #666,
    #333
  );
  background-image: -webkit-gradient(
    linear,
    left top, left bottom,
    from(#666),
    to(#333)
  );
  color: #fff;
  font-weight: bold;
  border-color: #333;
/*  text-shadow: 0px 0px 2px #000;
  filter: dropshadow(color=#000, offx=2, offy=2);
*/  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px; 
  border-width: thin;
  height: 2em;
}

.profile-editor { 
  margin-top: 6px;
}

.supplier-profiles-section {
  padding: 6px;
  margin: 6px;
  vertical-align:middle;
  border-bottom: thin dashed #ccc;
}

.supplier-profiles-section .thumb {
  float: left;
}

.supplier-profiles-section .thumb img{
  border: 0px;
}

.supplier-profiles-section .content {
  float:left;
}

.supplier-profiles-section .content h4 {
  margin:0px; padding:0px;
}

.disclaimer {
  padding: 4px;
} 

#whats-new-sidebar {
	float:left;
	margin-right: 1em;
	width: 18em;
}
/*
#whats-new-sidebar .content {
	height: 20em;
}
*/
#whats-new-messages, #whats-new-message {
	float:left;
	width: 60em;
}
#whats-new-message .hbox .content{
	min-height:20em;
	position:relative;
}
#whats-new-message .hbox .content .updated{
	position:absolute;	
	text-align:right;
	color: #aaa;
	bottom: 5px;
	right: 5px;
}
#whats-new-messages .hbox {
	margin-bottom: 1em;
	cursor:pointer;
	pointer:pointer;
}

#whats-new-messages .hbox .updated{
	text-align: right;
	color: #aaa;
}

#whats-new-mini {
	margin-top: 1em;
}

.fb-like-box {
  margin-top: 30px;
  width: 300px; 
  float:right;
  margin-right: 10px;
  vertical-align: bottom;
}

div.pageOptions {
	text-align: right;
	padding: 3px 0px; 
	margin: 4px 0px; 
	width: 18em;
	float: right;
}