

.maincontent {
  position: relative;
  width: 950px;
  top: 25px;
  margin-bottom: 10px;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  clear: both;
}

.topmenulinks {
	font-size: 15px;
}

.topmenu {
	position: relative;
	top: -5px;
	margin-right: 10px;
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index: 2;
}

.topmenu a:link {
  color: #005ebe;
  text-decoration: none;
}

.topmenu a:visited {
  color: #005ebe;
  text-decoration: none;
}

.topmenu a:hover {
  color: #005ebe;
  text-decoration: underline;
}

.topmenu a:active {
  color: #005ebe;
  text-decoration: none;
}

.topmenu input {
  vertical-align: middle;
  background-color: #ffffff;
  height: 16px;
  width: 130px;
  border: 1px solid #b1b7bb;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.elancelogo {
  background: url('http://official-offer.net/sr/images/elance-logo.jpg') no-repeat center left;
  position: absolute;
  top: 0px; left: 5px;
  padding: 0px;
  height: 27px;
  width: 250px;
  text-align: center;
  z-index: 2;
	cursor: pointer
}

.elancetablogo {
  background-image: url('http://www.official-product.com/sr/images/header_footer.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  position: relative;
  float: left;
  padding: 0px 0px 0px 0px;
  height: 16px;
  width: 15px;
  text-align: left;
}

.loginmenu {
  position: absolute;
  top:10px; right: 0px;
  height: 20px;
  width: 330px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  z-index: 2;
}

.loginmenu a:link {
  color: #005ebe;
  text-decoration: none;
}

.loginmenu a:visited {
  color: #005ebe;
  text-decoration: none;
}

.loginmenu a:hover {
  color: #005ebe;
  text-decoration: underline;
}

.loginmenu a:active {
  color: #005ebe;
  text-decoration: none;
}

.topnavigation {
  position: relative;
  height: 31px;
  width: 822px;
  top: 1px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 128px;
  background-image: url('http://www.official-product.com/sr/images/topnav_bg.jpg');
  text-align: center
}


.topnavigationtable {
  position: relative;
  width: 950px;
  height: 31px;
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('http://www.official-product.com/sr/images/topnav_bg.jpg');
  background-position: left bottom;
  background-repeat: repeat-x;
  text-align: center
}

.topnav-      .nav-home       .navbarleft,
.topnav-home      .nav-home       .navbarleft,
.topnav-buyer       .nav-buyer      .navbarleft,
.topnav-provider       .nav-provider      .navbarleft,
.topnav-skills       .nav-skills      .navbarleft,
.topnav-resource       .nav-resource      .navbarleft
{
  background-image: url('http://www.official-product.com/sr/images/header_footer.gif');
  background-repeat: no-repeat;
  background-position: -140px 0px;
  margin: 0;
  margin-left: 2px;
  padding: 0;
  position: relative;
  float: left;
  height: 31px;
  width: 11px;
}

.topnav-      .nav-home       .navbarright,
.topnav-home      .nav-home       .navbarright,
.topnav-buyer       .nav-buyer      .navbarright,
.topnav-provider       .nav-provider      .navbarright,
.topnav-skills       .nav-skills      .navbarright,
.topnav-resource       .nav-resource      .navbarright
{
  background-image: url('http://www.official-product.com/sr/images/header_footer.gif');
  background-repeat: no-repeat;
  background-position: -160px 0px;
  margin: 0;
  margin-right: 2px;
  padding: 0;
  position: relative;
  float: left;
  height: 31px;
  width: 11px;
}

.topnav-      .nav-home       .navbar,
.topnav-home      .nav-home       .navbar,
.topnav-buyer       .nav-buyer      .navbar,
.topnav-provider       .nav-provider      .navbar,
.topnav-skills       .nav-skills      .navbar,
.topnav-resource       .nav-resource      .navbar
{
  position: relative;
  float: left;
  background-image: url('http://www.official-product.com/sr/images/m_active_bg.gif');
  background-repeat: repeat-x;
  height: 24px;
  width: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #993300;
  margin: 0;
  padding-left:0; padding-right:0; padding-top:7px; padding-bottom:0; background-position-y:50%
}

.topnav-      .nav-home       .navbar a,
.topnav-home      .nav-home       .navbar a,
.topnav-buyer       .nav-buyer      .navbar a,
.topnav-provider       .nav-provider      .navbar a,
.topnav-skills       .nav-skills      .navbar a,
.topnav-resource       .nav-resource      .navbar a
{
  color: #993300;
}

.navbarleft {
  background-image: url('http://www.official-product.com/sr/images/header_footer.gif');
  background-repeat: no-repeat;
  background-position: -180px 0px; 
  position: relative;
  float: left;
  height: 21px;
  margin: 5px 0 0;
  margin-left: 1px;
  padding: 5px 0 0;
  width: 12px;
}

.navbarright {
  background-image: url('http://www.official-product.com/sr/images/header_footer.gif');
  background-repeat: no-repeat;
  background-position: -200px 0px;
  position: relative;
  float: left;
  height: 21px;
  margin: 5px 0 0;
  margin-right: 1px;
  padding: 5px 0 0;
  width: 12px;
}

.navbar {
  position: relative;
  float: left;
  background-image: url('http://www.official-product.com/sr/images/m_bg.gif');
  background-position: left bottom;
  background-repeat: repeat-x;
  height: 21px;
  font-size: 12px; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}

.navbar a:link {
  color: #4A4A4A;
  text-decoration: none;
}

.navbar a:visited {
  color: #4A4A4A;
  text-decoration: none;
}

.navbar a:hover {
  color: #000000;
  text-decoration: none;
}

.navbar a:active
{
  color: #4A4A4A;
  text-decoration: none;
}

.pagepath {
  position: relative;
  width: 950px;
  margin-top: 1px;
  background: url('http://www.official-product.com/sr/images/pathbg.jpg') repeat-x;
  font-size: 11px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  margin-bottom:0; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0
}

.pagepathmain {
  height: 32px;
}

.pagepathmain img {
  vertical-align: middle;
  border: none;
  font-size: 11px;
}

.pagepathmain input {
  vertical-align: middle;
  background-color: #ffffff;
  height: 16px;
  width: 180px;
  border: 1px solid #b1b7bb;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding-top: 2px; padding-bottom: 2px;
}
.pagepathmain select {
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  width: auto;
  height: auto;
  font-size: 14px;
  padding-top: 1px; padding-bottom: 1px;
}

.pagepathleft {
	float: left;
	font-size: 11px;
	padding-left: 5px;
}

.topmenu .buttons
{
  position: relative;
  width: 305px;
  float:right;
}

.topmenu .buttons img
{
  position: relative;
  float:left;
}



/***************
 * Footer 
 **************/

.footer {
	position: static;
  width: 935px; min-height: 75px;
	margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
	margin-bottom: 20px;
	border-top: 1px solid #d6d9dc;
  padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	background: #FFF url('http://www.official-product.com/sr/images/46px-footer-gradient.jpg') repeat-x top;
  clear: both;
	line-height: 14px
}

.footer a:link {
  color: #1b6ccd;
  line-height: 14px;
}

.footer a:visited {
  color: #1b6ccd;
  line-height: 14px;
}

.footer a:hover {
  text-decoration: underline;
  color: #00468C;
  line-height: 14px;
}

.footer .footer_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  float: left;
  line-height: 14px;
	color: #AAAAAA;
}

.footer td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  line-height: 14px;
  color: #AAAAAA;
  padding: 1px;
}

#footer_helpus {
	float: right; 
	padding-right: 20px;
}

#footer_categorylinks {
	padding-top: 8px; 
}

#footer_copyright {
	padding-top: 8px;
}

.breadcrumb {
  font-size: 11px;
	padding-left: 17px;
}


/***************************/
/*  Header/Footer images   */
/***************************/

img.header_footer_icon {
   background: url('http://www.official-product.com/sr/images/header_footer.gif') no-repeat;
}

img.paypal_icon {
   background-position: -220px 0px; 
   width: 50px;
   height: 33px;
}

img.finalmark_icon {
   background-position: -17px 0px; 
   width: 120px;
   height: 33px;
}

img.reliabilityseal_icon {
   background-position: -280px 0px; 
   width: 87px;
   height: 33px;
}

img.amex_icon {
   background-position: -468px 0px; 
   width: 78px;
   height: 33px;
}

img.search_icon {
   background-position: -374px 0px; 
   width: 69px;
   height: 29px;
}

img.right_arrow_icon {
   vertical-align: text-top; 
   background-position: -445px 0px; 
   width: 19px;
   height: 18px;
}

img.left_arrow_icon {
   background-image:url('http://www.official-product.com/sr/images/arrow-back.gif');
   background-repeat: no-repeat;
   vertical-align: text-top;
   width: 20px;
   height: 20px
}

/* Contact Me Nav Styles */

.cmnav {
  position: relative;
  height: 31px;
  width: 520px;
  top: 1px;
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 17px;
  background-image: url('http://www.official-product.com/sr/images/31px-beige-background-with-bottom-line.gif');
  text-align: center
}

.cmnav-invite    .nav-invite   .cmnavbarleft,
.cmnav-chat      .nav-chat     .cmnavbarleft,
.cmnav-call      .nav-call     .cmnavbarleft
{
  background-image: url('http://www.official-product.com/sr/images/33px-white-leftcorner.gif');
  background-repeat: no-repeat;
  margin: 0;
  margin-left: 2px;
  padding: 0;
  position: relative;
  float: left;
  height: 31px;
  width: 5px;
}

.cmnav-invite      .nav-invite   .cmnavbarright,
.cmnav-chat      .nav-chat       .cmnavbarright,
.cmnav-call      .nav-call       .cmnavbarright
{
  background-image: url('http://www.official-product.com/sr/images/33px-white-rightcorner.gif');
  background-repeat: no-repeat;
  margin: 0;
  margin-right: 2px;
  padding: 0;
  position: relative;
  float: left;
  height: 31px;
  width: 11px;
}

.cmnav-invite      .nav-invite .cmnavbar,
.cmnav-call      .nav-call     .cmnavbar,
.cmnav-chat    .nav-chat       .cmnavbar
{
  position: relative;
  float: left;
  background-image: url('http://www.official-product.com/sr/images/33px-white.gif');
  background-repeat: repeat-x;
  height: 24px;
  width: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #930;
  margin: 0;
  padding-left:0; padding-right:0; padding-top:7px; padding-bottom:0
}

.cmnav-invite      .nav-invite       .cmnavbar a,
.cmnav-chat      .nav-chat       .cmnavbar a,
.cmnav-call      .nav-call     .cmnavbar a
{
  color: #930;
}

.cmnavbarleft {
  background-image: url('http://www.official-product.com/sr/images/29px-yellow-gradient-leftcorner.png');
  background-repeat: no-repeat;
  position: relative;
  float: left;
  height: 29px;
  margin: 2px 0 0;
  margin-left: 1px;
  padding: 5px 0 0;
  width: 5px;
}

.cmnavbarright {
  background-image: url('http://www.official-product.com/sr/images/29px-yellow-gradient-rightcorner.png');
  background-repeat: no-repeat;
  position: relative;
  float: left;
  height: 29px;
  margin: 2px 0 0;
  margin-right: 1px;
  padding: 5px 0 0;
  width: 12px;
}

.cmnavbar {
  position: relative;
  float: left;
  background-image: url('http://www.official-product.com/sr/images/29px-yellow-gradient.png');
  background-repeat: repeat-x;
  height: 29px;
  font-size: 12px; margin-left:0; margin-right:0; margin-top:2px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}

.cmnavbar a:link {
  color: #4A4A4A;
  text-decoration: none;
}

.cmnavbar a:visited {
  color: #4A4A4A;
  text-decoration: none;
}

.cmnavbar a:hover {
  color: #000000;
  text-decoration: none;
}

.cmnavbar a:active
{
  color: #4A4A4A;
  text-decoration: none;
}

.headingsuperscript {
	font-size: 12px;
	vertical-align: top;
}


/* Contact Me Nav Styles */


/* Data Table Styles */

table.dataTable {
	width: 100%;
	margin: 10px 0px;
}

table.dataTable td {
	padding: 5px;
	vertical-align: top;
	border-bottom: solid 1px #aaa;
	font-size: 11px;
}

table.dataTable .invoiceItem {
	border-bottom: solid 1px #aaa;
}
 
table.subDataTable td {
	border-bottom: none;
	padding: 0px;
}

table .noBottomBorder td {
	border-bottom: none;
	padding: 0px;
}

table .tableWithoutButtomBorder {
	border-bottom: none;
}

table.dataTable th {
	text-align: left;
	font-weight: bold;
	background-color: #fff;
	background-image: url('http://www.official-product.com/sr/images/tableHeaderGradient.png');
	background-repeat: repeat-x;
	font-size: 12px; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; background-position-y:50%
}

table.dataTable th#firstcol {
	border-left: solid 1px #aaa;
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

table.dataTable th#midcol {
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

table.dataTable th#lastcol {
	border-right: solid 1px #aaa;
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

/** Narrow Width Filter Box **/
.filterBox #fbMid {
	display: block;
	float: left;
	height: 36px;
	margin: 5px 2px 0 0;
	padding: 0;
	background: url('http://www.official-product.com/sr/images/filter-box.jpg') repeat-x left -72px;
	_width: 1%;
}

.filterBox #fbLeft {
	display: block;
	height: 36px;
	background: url('http://www.official-product.com/sr/images/filter-box.jpg') no-repeat left -0px;
}

.filterBox #fbRight {
	display: block;
	height: 26px;
	width: 555px;
	padding: 8px 10px 2px 10px;
	background: url('http://www.official-product.com/sr/images/filter-box.jpg') no-repeat right -36px;
	white-space: nowrap;
	outline:none;
}

/** Full Width Filter Box **/
.wideFilterBox #fbMid {
	display: block;
	float: left;
	height: 36px;
	margin: 5px 2px 0 0;
	padding: 0;
	background: url('http://www.official-product.com/sr/images/filter-box.jpg') repeat-x left -72px;
	_width: 1%;
}

.wideFilterBox #fbLeft {
	display: block;
	height: 36px;
	background: url('http://www.official-product.com/sr/images/filter-box.jpg') no-repeat left -0px;
}

.wideFilterBox #fbRight {
	display: block;
	height: 26px;
	width: 755px;
	padding: 8px 10px 2px 10px;
	background: url('http://www.official-product.com/sr/images/filter-box.jpg') no-repeat right -36px;
	white-space: nowrap;
	outline:none;
}

.bread_crumb {
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 12px;
}

a.bc_link:link, a.bc_link:visited{
	color: #1b6ccd;
	text-decoration: none;
}

a.bc_link:hover{
	text-decoration: underline;
	color: #1b6ccd;
}

.flowstep {
	background-image:url('http://www.official-product.com/sr/images/flow-step-bg.gif');
	background-repeat:no-repeat;
	float:left;
	position: relative;
	top: -8px;
	color: #993300;
	font-size: 16px;
	font-weight: bold;
	margin-right: 5px; padding-left:9px; padding-right:9px; padding-top:4px; padding-bottom:4px
}

.infoblock {
	border: 1px solid #aaa;
	min-height: 32px;
	/* min-height hack for IE6 */
	height: auto !important;
	height: 32px !important;
	background:#fff url('http://www.official-product.com/sr/images/info-icon-medium.gif') no-repeat 10px 10px;
	padding-left:45px; padding-right:10px; padding-top:10px; padding-bottom:10px; background-color:#fff
}
