<!--
/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  B2B (Business to Business) Company Directory

  Copyright (c) 2009 Gill

*/

body {padding: 0; margin: 0; font-size:76%; font-family:"trebuchet MS", verdana, arial, sans-serif; }

h1 {
  color: #333333;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  white-space: nowrap;
  display: inline;
  margin: 5px 0 10px 0;
}

h2 {
  color: #333333;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  white-space: nowrap;
  margin: 0;
}

h3 {
  color: #333333;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
h6 {
  color: #000000;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
}

td, p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 10px;
}

img {
  border: 0;
}

form {
  margin-top: 0;
  margin-bottom: 0;
}

form ol {
  margin: 0;
  padding: 0;
}

form ol li {
  list-style: none;
  margin: 0;
  clear: left;
}

form label {
  float: left;
  width: 100%;
}

form label.fieldlabel {
  float: none;
}

form input, form select, form textarea {
}

form em {
  color: #ff0000;
  font-size: 9px;
  margin-left: 2px;
}

/* LAYOUT */

#minMax {width:1000px;margin:0 auto 0 auto;}

#pageColumnLeft {float:left; width:200px;padding-right:10px;}
#pageColumnRight {float:right; width:300px;}
#pageColumnLeft, #pageColumnRight {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper {overflow:hidden;}
#pageContent {float:left; width:490px;}
#pageContentr {float:right; width:700px;}

#pageTopBanLeft {float:left; width:240px;padding-top:5px;height:95px;}
#pageTopBanRight {float:right; width:750px;height:95px;padding-top:8px;}

#pageFooter {clear:both;background:#f8efed url(/images/infobox/bottom.gif) 0 repeat-x;}
#pageFooter p,
#pageFooter a {color:#333;}
#pageFooter a:hover {text-decoration:none;}


<!--[if lte IE 7]>
/* hack to compensate for IE and percentage widths rounding errors */
#pageContent {width:50.6%;}
#pageColumnRight {width:29.2%;}
/* for IE6 */
* html #wrapper {display:inline-block;}
* html #minMax {width: expression(document.body.clientWidth < 1002? "1000px" : document.body.clientWidth > 1002? "1000px" : "auto");}
<![endif]-->


/* DEFINITIONS */

#siteLogo {
  float: left;
}

#navigationIcons {
  float: right;
  margin: 0;
  padding: 15px 0 0 0;
  list-style-type: none;
}

#navigationIcons li {
  display: inline;
  padding: 5px;
}

#breadcrumbPath {
  float: left;
  padding-left: 5px;
}

#pageIcon {
  float: right;
  margin-right: 10px;
  height: 40px;
}

.messageStack {
  border-width: 1px;
  border-style: dotted;
  border-color: #C8AD91;
  background-color: #FFFCF5;
  font-family: Verdana, Arial, sans-serif;
  color: #465584;
  margin: 5px;
}

.moduleBox {
}

.moduleBox .content {
  border-width: 1px;
  border-style: solid;
  border-color: #B6B7CB;
  padding: 5px;
  margin-bottom: 5px;
}

.moduleBox H6 {
  padding: 5px 0px 5px 0px;
}

.inputRequirement {
  font-size: 10px;
  font-weight: normal;
  color: #FF0000;
  margin-top: 10px;
}

.submitFormButtons {
  padding: 5px;
}

.listingPageLinks {
  padding: 5px;
}


.moduleRow { }

.moduleRowOver {
  background-color: #D7E9F7;
}

.moduleRowSelected {
  background-color: #E9F4FC;
}

.highlight {background-color: yellow;}

/////////////////////////
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.companiesNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; font-weight: normal; }

a {
  color: black;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: white;
  vertical-align: top;
}

td.infoBox, span.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

tr.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.companyListing-odd, TR.companyReviews-odd, TR.upcomingCompanies-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

tr.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.companyListing-even, TR.companyReviews-even, TR.upcomingCompanies-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

td.categoryListing {
	padding:20px;
}

table.companyListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.companyListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: white;
  font-weight: bold;
}

td.companyListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

a.pageResults {
  color: #0000FF;
}

a.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

span.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

span.markCompanyOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

span.companySpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

span.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.boxCheckoutTrail {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #8c8c8c;
}

.boxCheckoutTrailActive {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FF8400;
}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }


.clear {line-height: 0.5px; visibility: hidden; clear:both;}


/* new start ng 2009-05-23 01:57:52 */

#headertopbar {height:24px;background: #f2f4f6 url(/images/icons/b2b_header_bar.gif) repeat-x 0 0px;}
#headertopbarcontainer {width: 1000px;margin: 0 auto;}
#headertopbarleft {width:500px;top:3px;position:absolute;padding-left:5px;}
#headertopbarright {width:500px;position:absolute;margin-left:585px;top:0px;z-index:510;}


/* style the outer div to give it width */
.topbar {font-size:0.85em;}

/* remove all the bullets, borders and padding from the default list styling */
.topbar ul {padding:0;margin:0;list-style-type:none; height:2.2em; background: #f2f4f6 url(/images/icons/b2b_header_bar.gif) repeat-x 0 0px;}

/* style the sub-level lists */
.topbar ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown topbar positon */
.topbar ul li {float:left;height:2.2em;line-height:2.2em;}

/* style the sub level list items */
.topbar ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.topbar a, .topbar a:visited {display:block;float:left;height:100%;font-size:1.2em;text-decoration:none;color:#00c;background: #f2f4f6 url(/images/icons/b2b_header_bar.gif) repeat-x 0 0px;padding:0 3em 0 1em;}

/* style the sub level links */
.topbar ul ul a, .topbar ul ul a:visited {display:block;background:#f9fafb; color:#00a;width:12em;height:100%;line-height:1em; padding:0.5em 1em;}
.topbar ul table ul a, .topbar ul table ul a:visited  {width:14em;}

 /* style the table so that it takes no part in the layout - required for IE to work */
.topbar table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.topbar ul ul table {left:-1px;}
.topbar ul ul table ul.left {margin-left:2px;}

.topbar li:hover {position:relative;}
* html .topbar a:hover {position:relative;}

/* style the level hovers */
/* first */
.topbar a:hover {color:#000;background:#f9fafb;}
.topbar :hover > a {color:#000;background:#f9fafb;}
/* second */
.topbar ul ul a:hover{color:#000;background:#ccc;}
.topbar ul ul :hover > a {color:#000;background:#ccc;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.topbar ul ul {visibility:hidden;position:absolute;height:0;top:2.2em;left:0;width:14em;}

/* make the second level visible when hover on first level list OR link */
.topbar ul li:hover ul, .topbar ul a:hover ul {visibility:visible; height:auto; padding-bottom:2.2em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.topbar ul :hover ul ul{visibility:hidden;}

table.b2b_directory_b1 {
  background: #F6F9FE;
  border-left:1px solid #CBD9F0;
  border-right:1px solid #CBD9F0;
  border-bottom:1px solid #CBD9F0;
}
table.b2b_directory_p1 {
  background: #F8EFED;
  border-left:1px solid #D29C90;
  border-right:1px solid #D29C90;
  border-bottom:1px solid #D29C90;
}

table.b2b_marketplace_p1 {
  background: #ffffff;
  border-left:1px solid #D29C90;
  border-right:1px solid #D29C90;
  border-bottom:1px solid #D29C90;
}
table.b2b_directory_pp1 {
  background: #F6F5F9;
  border-left:1px solid #B18ABB;
  border-right:1px solid #B18ABB;
  border-bottom:1px solid #B18ABB;
}
table.b2b_directory_g1 {
  background: #EFF1C5;
  border-left:1px solid #BDC467;
  border-right:1px solid #BDC467;
  border-bottom:1px solid #BDC467;
}

#headertabscontainer {width: 1000px;}
#headertabsleft {position:relative;}
#headertabsright {position:relative;}
div.logo { float:left; cursor:pointer; border-bottom:0; height:100%; position:relative;}
#tabmenu {margin: 0 auto; font:11px verdana,arial,sans-serif; width:700px; padding:35px 0 0 0; line-height:15px;font-weight:bold;}
#tabmenu div.off {color:#000; height:39px; margin-right:2px; line-height:34px; padding:0 20px; float:left; border:1px solid #ddd; border-bottom-color:#000; cursor:pointer; position:relative; z-index:20;background: #ffd2a6;}
#tabmenu div.on {color:#fff; padding:0 20px; margin-right:2px; margin-top:1px; float:left; cursor:pointer; height:37px; line-height:32px; position:relative; z-index:100;background: #ff9928;border-bottom-color:#ff9928;border:1px solid #ff9928;}
div.searchbar {clear:left; width:1000px; margin-top:0; top:-1px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;background: #ff9928;}

/* LINKS */
#navigationBar {
  background: #ff9928;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 0px;
  padding-right: 5px;
  padding-left: 5px;
}

#navigationBar A {
  color: #FFFFFF;
}

#navigationBar A:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

/* CSS Boxes */

.boxGroup {
  border-width: 1px;
  border-color: #bbc3d3;
  border-style: solid;
}

.boxNewBlue {
	margin-top:7px;
	border:#b6daeb solid 1px; margin-bottom:10px;
	line-height:22px;
}

.boxTitleBlue {
	padding-left:5px;
	color:#333333;
	background-color:#cedfeb;
  background-image:url(/images/infobox/b2b_box_title_b.gif);
}

.boxNewOrange {
	margin-top:7px;
	border:#f9bd68 solid 1px; margin-bottom:10px;
	line-height:22px;
}

.boxTitleOrange {
	padding-left:5px;
	color:#0564b7;
	background-color:#f9bd68;
  background-image:url(/images/infobox/b2b_box_title_o.gif);
}

.boxContentsBlue {
  padding-left: 5px;
  padding-right: 5px;
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 3px;
}

.boxBorderBlue {
	border:#b6daeb solid 1px; margin-bottom:10px;

}

.boxContentsOrange {
  padding-left: 5px;
  padding-right: 5px;
  background: #fffefd;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 3px;
}

.boxBorderOrange {
	border:#f9bd68 solid 1px; margin-bottom:10px;

}

.word_wrap
{
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.alternate div:hover {
	background-color: #ffba75;
	color: #000000;
	cursor: default;
	text-decoration:none;
}

#divblock {
	display: none;
}

.side-box ul{
	padding:8px 6px 0px;
}
.side-boxb li{
	padding-left:30px;
	list-style:none;
	background:url(images/icons/oktickb.gif) no-repeat 5px 2px;
	padding-bottom:10px
}
.side-boxo li{
	padding-left:30px;
	list-style:none;
	background:url(images/icons/okticko.gif) no-repeat 5px 2px;
	padding-bottom:10px
}

#okproup{clear:both;width:280px;height:26px;font-size: 11px;padding-left: 15px;padding-top: 0px;color:#ff9928;}
.buy{float:left;width:109px;height:109px;font-size:0.88em;line-height:12px;padding-top: 4px;padding-right: 10px;padding-bottom: 5px;padding-left: 16px;}
.sell{float:right; width:130px;height:109px;font-size:0.88em;line-height:12px;padding-top: 4px;padding-right: 0px;padding-bottom: 5px;	padding-left: 10px;}

.ngButton a {
	border:2px outset;
	background:#ccc;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	padding:5px;
}
.ngButton a:active {
	border:2px inset;
}

.tableBG {
	background:#fdfdfd url(/images/infobox/b2b_site_bg.jpg) top repeat-x;border : 1px solid #b7b7b7;
}

/* mazhar */
.recent-search{
height:30px; background:#F0FAFB; width:970px; border-bottom:solid 8px #ffffff; border-top:solid 8px #ffffff; line-height:28px;
}
.regular-text{
font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

#joinnow
{
height:30px;
background-image:url(images/joinnowforfree.gif);
background-repeat:no-repeat;
background-color:#4A90D6;
background-position:left;
margin-top:5px;
}
.box
{
border-bottom:solid 1px #EDF7F8;
border-left:solid 1px #EDF7F8;
border-right:solid 1px #EDF7F8;
margin-bottom:5px;}
.boxhead
{
height:23px;
background-color:#FCEFC9;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#113B3F;
padding:5px 0 0 10px;
font-weight:bold;
margin-top:10px;
}
 #boxhead2
{
height:23px;
background-color:#F0FAFB;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#113B3F;
padding:5px 0 0 10px;
font-weight:bold;
margin-top:10px;
}
.buyer
{
border-bottom:solid 1px #F1F9F9;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3F6E75;
font-weight:bold;
padding-left:17px;
line-height:25px;
}
.seler
{
border-bottom:solid 1px #F1F9F9;
border-left:solid 1px #EDF7F8;
padding-left:18px;
line-height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
}
#boxcon1
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
padding-left:10px;
}
 #boxcon1 img
{
margin:10px 8px 0 5px;
position: relative;
}
 #boxcon2
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
padding-left:10px;
padding-bottom:10px;
top: 248px;
border-left: solid 1px #EDF7F8;
}
 #boxcon2 img
{
margin:10px 8px 0 5px;
position: relative;
}
 #boxbottom
{
height:15px;
background-color:#FCEFC9;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#113B3F;
padding:5px 0 0 10px;
font-weight:bold;
}
#featuredproduct
{
width:494px;
}
#featuredproduct img
{
margin:9px 8px 10px 9px;
}
.lorum
{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
}
#imgboxes
{
margin-top:10px; margin-bottom:10px;
}
#welcome
{
height:58px;
background-image:url(images/welcome.gif);
background-repeat:no-repeat;
margin-bottom:3px;
padding-left:10px;
}
 #welcome2
{
position:absolute;
top: 27px;
}

#pics
{
height:120px;
background-image:url(images/pics.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
padding-top:5px;
padding-left:8px;
}
#blackbox1
{
height:190px;
background-color:#000000;
margin-top:5px;
margin-bottom:5px;
}
#blackbox2
{
height:120px;
background-color:#000000;
margin-top:3px;
margin-bottom:5px;
}
#story1
{
margin-left:12px;
margin-top:7px;
height:61px;
background-image: url(images/man_woman.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:73px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3F6E75;
text-decoration:underline;
font-weight:bold;
}
 #story2
{
margin-left:12px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
margin-bottom:8px;
}
.buyersearch1
{
height:31px;
background-image: url(images/magnify.gif);
margin-left:5px;
margin-top:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
background-repeat:no-repeat;
background-position:left top;
padding-left:35px;
}
.bluetext
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#2BB7E5;
}
 .buyersearch2
{
height:25px;
background-image: url(images/cloud.gif);
margin-left:5px;
margin-top:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#127798;
background-repeat:no-repeat;
background-position:left top;
padding-left:35px;
font-weight:bold;
}
#buttons
{
height:25px;
position:absolute;
margin-left:5px;
margin-top:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#127798;
padding-left:90px;
top: 875px;
}

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(images/infobox/b2b_btn2.png); background-repeat: no-repeat; display: block; position: relative; line-height:20px; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.orange { background: #ff9928; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #127798; color:#fff; text-decoration:none; }
.btn:active { background-color: #444; }
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.news ul {
margin: 0 0 5px 0px;
padding: 0 0 2px 0;
list-style-type: none;
width:179px;
font:12px arial;
list-style-type:none;
}

.news li a {
	color: #333;
	height: 20px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#476164;
	list-style-image: url(images/bullet.gif);
	padding-right:5px;
	display:block;
	line-height:15px;

}
.news li a:hover {
 color:blue;}
#hfc
{
background-image:url(images/hfc.gif);
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#2A0BC8;
padding-left:120px;
font-weight:bold;
text-decoration:underline;
line-height:30px;
}
#newsletter
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#2D0CD3;
padding-left:5px;
}
.advsearch
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
}
#searchbar{
position:absolute;
width:700px;
top: 110px;
margin-left:110px;
}
.bullet
{
padding:2px 2px 0px 15px;
}


div.b2bproduct {
    width: 95px;
    height: 110px;
    margin: 3px;
    overflow:hidden;
}
div.b2bproductbig {
    width: 195px;
    height: 185px;
    margin: 3px;
    overflow:hidden;
}
.b2bimages {border: 1px solid #aac9dd;}

a.tagCloud:hover
 {
  color: #ffffff;
  background: #000000;
  text-decoration:none;
}

.freeregistration {
	font-family: "Arial Narrow";
	font-size: 23px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(/images/infobox/freereg.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 168px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	cursor:pointer;
}
.free {
	font-family: "Arial Narrow";
	font-size: 21px;
	font-weight: bold;
	color: #b72d01;
}

img.floatLeft {
    float: left;
    margin:5px;
		border: thin black dotted;
}

/* Bar Graphs */
.graph {
  width: 250px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
}


/* ng 2009-06-04 09:58:48 */

#event1 {
display: none;
}

td.label {
	width: 190px;
}

label.error {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}

input.error {
	border: 2px solid red;
}

tr.required td.label {
	font-weight: bold;
	background: url(/images/infobox/backRequiredGray.gif) no-repeat right
		center;
}


div.error {
	color: red;
}

div.error a {
	color: #336699;
	font-size: 12px;
	text-decoration: underline
}

#location_types label.error {
	display: none;
}
#activity_types label.error {
	display: none;
}
div.tooltip {
	position: absolute;
	left: 30px;
	bottom: 0px;
	display: none; /* in case javascript is disabled */
	width: 170px;
	background-color: #F4F1E9;
	z-index: 100;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

div.buttonSubmit {
	position: relative;
}

div.buttonSubmit input,div.buttonSubmit span {
	height: 36px;
	position: relative;
	background-image: url(images/buttons/button-submit.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 15px 2px 15px;
	margin: 0px 0px 20px 50px;
	border: 0px;
	cursor: pointer;
}

div.buttonSubmit input {
	width: auto;
}

div.buttonSubmit span {
	width: 4px;
	position: relative;
	left: 0px;
	top: 0px;
	background-position: left -36px;
	padding: 0px 0px 0px 0px;
}

body.safari div.buttonSubmit span {
	display: none
}

div.buttonSubmitHover input {
	background-position: right -72px;
}

div.buttonSubmitHover span {
	background-position: left -108px;
}

/* Login page css start*/
#loginboxleft
{
width:447px;
padding-bottom:2px;
vertical-align:top;
height:431px;
}
#loginboxleftsub1
{
width:447px;
height:29px;
background-color:#4B79A0;
margin-bottom:2px;
}
#loginboxleftsub2
{
width:447px;
margin-bottom:5px;
height:393px;
background-image:url(/images/infobox/applynow.jpg);
background-position:left top;
position:relative;
}
#loginboxleftsub2div1
{
padding-top:30px;
text-align:center;
color:#0B456D;
line-height:12px;
}
#loginboxleftsub2div2
{
font:60px Verdana, Arial, Helvetica, sans-serif;
color:#A24242;
text-align:center;
margin-top:50px;
}
#loginboxleftsub2div3
{
float:right;
margin:134px 10px 0px 0px;
}
#loginboxright
{
	width:448px;
	position:relative;
}
#alreadyamember
{
height:19px;
background-image:url(/images/infobox/alreadyamember.jpg);
background-repeat:no-repeat;
background-position:left;
margin-bottom:2px;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:8px 0px 0px 20px;
}
#alreadyamember2
{
height:393px;
background-color:#FBF7F1;
border:solid 1px #AF946B;
margin-bottom:10px;
}
.formtable
{
padding:10px 10px 10px 10px;
border-bottom:solid 1px #7D7B78;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.formtable #email,#password
{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
border:solid 1px #E0B04C;
margin-left:5px;
height:17px;
}
.formtable a
{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#132EA2;
}
.formtable a:hover
{
color:#000000;
}
#learnmore
{
margin-top:2px;
background-color:#E6D8C2;
padding:3px 0px 3px 20px;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#35260E;
}
#learnmoresub
{
padding:5px 0px 5px 20px;
}
#learnmoresub a
{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
padding-left:20px;
}
#learnmoresub a:hover
{
color:#132EA2;
padding-left:20px;
}
#learnmoresub img
{
margin:7px 0px 0px 0px;
}
#notamember
{
border-top:solid 1px #000000;
padding-top:5px;
height:270px;
vertical-align:top;
}
#notamember2
{
height:24px;
background-image:url(/images/infobox/notamember.jpg);
background-repeat:no-repeat;
margin-bottom:2px;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:8px 0px 0px 20px;
}
#notamember3
{
height:234px;
background-image:url(/images/infobox/joinfreenow.jpg);
background-repeat:no-repeat;
background-position:left top;
position:absolute;
width:970px;
}
#notamember3 div
{
margin:15px 0px 0px 25px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
line-height:20px;
}
.notamember3
{
font:18px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.notamember3_2
{
font:18px Verdana, Arial, Helvetica, sans-serif;
color:#260678;
}
#loginfooterbar
{
height:20px;
background-color:#0087DD;
padding:8px 5px 3px 10px;
margin:7px 0px 10px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#064167;
word-spacing:5px;
}
#cssbutton
{
width:148px;
height:41px;
background-image:url(/images/infobox/button_bg.gif);
background-repeat:no-repeat;
padding:12px 5px 2px 3px;
text-align:center;
}
#cssbutton a
{
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#483713;
text-decoration:none;
}
#cssbutton a:hover
{
color:#A24242;
}
#loginfooterbar div
{
float:left;
}
#loginfooterbar a
{
color:#064167;
text-decoration:none;
}
#loginfooterbar a:hover
{
color:#ffffff;
}
/* Login page css end*/


/* Page navigation */
.headdiv2
{
background-color:#EDE2B8;
padding:2px 2px 2px 2px;
width:100px;
text-align:center;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
height:15px;
margin-left:2px;
}
.headdiv2 div
{
float:left;
margin:0px 2px 0px 2px;
}

.tablediv
{
padding-top:10px;
}
.tablediv div
{
margin-bottom:5px;
}
.tablediv a
{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#3C6FD8;
text-decoration:underline;
}
.tabledivftr
{
background-color:#F7F3E0;
margin:10px 0px 10px 0px;
}
.tablediv2ndtr
{
margin:10px 0px 10px 0px;
}
.boldblue
{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#3C6FD8;
font-weight:bold;
text-decoration:underline;
}
.goldball
{
float:left;
margin-right:10px;
}
.goldballgoldsilver
{
float:left;
margin-right:10px;
}
.playbutton
{
float:left;
margin-right:10px;
}
.video
{
float:left;
margin-right:10px;
}
.pageNav {
	padding-right: 0px; margin-top: 5px; padding-left: 0px; padding-bottom: 5px; font: 0.85em arial; overflow: hidden; color: #000000; padding-top: 2px; zoom: 1
}
.pageNav .typing {
	float: right
}
.pageNav input {
	font-size: 10px; font-family: verdana
}
.pageNav a {
	border:1px solid #bbc3d3; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; color: #000000! important; line-height: 2.2em; padding-top: 2px; text-decoration: none! important
}
.pageNav a:hover {
	color: #000000! important; background-color: #bbc3d3;
}
.pageNav span.current {
	border: 1px solid #0000ff; padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; color: #ffffff! important; padding-top: 2px; background-color: #5a9cfe! important
}
.pageNav .pre {
	margin: 0px 10px; white-space: nowrap
}
.pageNav .next {
	margin: 0px 10px; white-space: nowrap
}

.boxy_orange {position:relative; background:#fcdb78; color:#000; }
#ctl_o, #cbl_o, #ctr_o, #cbr_o {position:absolute; width:20px; height:20px; color:#fcdb78; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl_o {top:0; left:0;}
#cbl_o {bottom:0; left:0;}
#ctr_o {top:0; right:0;}
#cbr_o {bottom:0; right:0;}
.boxy_orange em b {position:absolute; font-size:150px; font-family:arial; color:#fcdb78; line-height:40px; font-weight:normal;}
#ctl_o b {left:-8px;}
#ctr_o b {left:-25px;}
#cbl_o b {left:-8px; top:-17px;}
#cbr_o b {left:-25px; top:-17px;}
.boxy_orange p {position:relative; z-index:100; padding:10px 15px; font-size:12px;}

.boxy_red {position:relative; background:#F0AEAC; color:#000; }
#ctl_r, #cbl_r, #ctr_r, #cbr_r {position:absolute; width:20px; height:20px; color:#F0AEAC; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl_r {top:0; left:0;}
#cbl_r {bottom:0; left:0;}
#ctr_r {top:0; right:0;}
#cbr_r {bottom:0; right:0;}
.boxy_red em b {position:absolute; font-size:150px; font-family:arial; color:#F0AEAC; line-height:40px; font-weight:normal;}
#ctl_r b {left:-8px;}
#ctr_r b {left:-25px;}
#cbl_r b {left:-8px; top:-17px;}
#cbr_r b {left:-25px; top:-17px;}
.boxy_red p {position:relative; z-index:100; padding:10px 15px; font-size:12px;}

.boxy_blue {position:relative; background:#e6e6e6; color:#000; }
#ctl_b, #cbl_b, #ctr_b, #cbr_b {position:absolute; width:20px; height:20px; color:#e6e6e6; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl_b {top:0; left:0;}
#cbl_b {bottom:0; left:0;}
#ctr_b {top:0; right:0;}
#cbr_b {bottom:0; right:0;}
.boxy_blue em b {position:absolute; font-size:150px; font-family:arial; color:#e6e6e6; line-height:40px; font-weight:normal;}
#ctl_b b {left:-8px;}
#ctr_b b {left:-25px;}
#cbl_b b {left:-8px; top:-17px;}
#cbr_b b {left:-25px; top:-17px;}
.boxy_blue p {position:relative; z-index:100; padding:10px 15px; font-size:12px;}


//-->