body {margin: 3px 20px 0 20px; font-family: Arial; background-color: #fff; font-size: 12px}
img {border: 0}
#odesk_header {height: 3.8em; font-size: 9pt}
#subheader {float: right; display: inline; width: auto}
#logo {position: relative; top: 2px}
#logo img {border: 0}
#logo a {display: block; width: 115px; height: 40px; margin-right: .7em}
#login {margin: 0 .2em .1em 0}
#top_nav {background-color: #9c9c9c; height: 30px}
#nav_menu {display: block; float: left}
#nav_menu a {display: block; height: 23px; text-decoration: none; margin: 1px 1px 1px 1px; padding: .4em 1em 0 1em; font-family: Arial,Helvetica,sans-serif}
#nav_menu a b {font-weight: bolder; font-size: 15px}
#nav_menu a:link, #nav_menu a:visited {background: transparent; color: #fff}
#nav_menu a:hover, #nav_menu a:active {background: #fff; color: #4586b8}
.search_form {font-weight: normal; font-size: .8em; text-align: right; white-space: nowrap; color: #000; margin: .2em .5em .2em .5em; padding-top: .1em; display: block; float: right}
.small_input {font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; vertical-align: middle; padding: .1em 0 .1em .2em}
.big_input {font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; vertical-align: middle; padding: .1em 0 .1em .2em; size: 150}
.small_select {font-family: Arial,Helvetica,sans-serif; font-size: 1em; vertical-align: middle; padding: .1em 0 .1em .2em; color: #000; width: 8.5em; margin: 0 .3em}
a {color: #03f}
a:link, a:visited {text-decoration: none}
a:active, a:hover {text-decoration: underline}
a.strong {color: #ff8000; font-weight: bolder}
a strong {font-family: Verdana; font-size: 8pt}
.curved_box {font-size: 9pt; padding-bottom: 10px}
.curved_box .info_container {display: block; border-left: 1px solid #a5acb2; border-right: 1px solid #a5acb2; padding-top: .5em; height: 1px}
.curved_box > .info_container {height: auto}
.curved_box h3 {display: block; background-repeat: repeat-x; margin-bottom: -17px; height: 28px; font-family: Verdana; font-size: 15pt}
.curved_box > h3 {margin-bottom: 0; font-size: 9pt}
.curved_box h3 * {margin: 0; padding: 0}
.curved_box h3 b{ display: block; height: 27px; font-weight: normal; background-repeat: no-repeat; background-position: top left}
.curved_box h3 i {padding: 5pt 0 5pt 10pt; font-style: normal; display: block; height: 27px; font-size: .7em; background-repeat: no-repeat; background-position: top right}
.curved_box > h3 > b > i {font-size: 1.2em}
.curved_box .bottom .left {background-image: url(/w/images/bl_grey.gif); background-position: bottom left; font-size: 0}
.curved_box .bottom .right {background-image: url(/w/images/br_grey.gif); background-position: bottom right}
.curved_box .bottom * {background-repeat: no-repeat; height: 10px; display: block}
.curved_box .bottom {display: block; height: 10px; background-image: url(/w/images/btm_grey.gif); background-repeat: repeat-x}
.curved_box h4 {text-align: center; font-size: 1.2em; margin-bottom: 1em}
.feedback_rating_chart span {width: 15px; height: 15px; margin-left: 2px; float: left; background-position: top left; background-repeat: no-repeat; display: block; background-image: url(/w/images/star_passive.png)}
.feedback_rating_chart b {display: none}
.feedback_rating_chart .active {background-image: url(/w/images/star_active.gif)}; input {}
input.orange_btn {background-color:#DA8200; background-repeat: no-repeat; background-image: url(/w/images/bg_btn.png); border-width: 1px; border-color: #FFAB0B rgb(196, 117, 0) rgb(196, 117, 0) rgb(255, 171, 11); cursor: pointer; text-transform: capitalize; vertical-align: middle; color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; padding: 0pt .5em .2em; height: 23px}
input.small_orange_btn {background-image: url(/w/images/buttonBg.gif); font-size: 12px; height: 1.8em}
input.search {width: 58px}
table.wide {margin: 0 auto}
table.wide td, table.wide th {padding: 2px}
tr.odd {}
tr.even {background-color: #cfdfe9}
td.centered, th.centered {text-align: center; vertical-align: middle}
th.leftaligned {text-align: left}
.width_230px {width: 230px}
.width_320px {width: 320px}
.align_center {text-align: center}
.clearfix {clear: both}
.margin_top_1em {margin-top: 1em}
hr.divider {clear: both; display: none}
span.nobr {white-space: nowrap}
#mc_unread_status span {margin: 0 4px 0 2px; font-size: 9px; background: transparent url(/w/images/group_icons.png) 0px -135px no-repeat; padding: 0 0 0 18px !important}
#mc_unread_status.high span {font-size: 18px; background: transparent url(/w/images/group_icons.png) 0 0 no-repeat; padding: 0 0 0 21px !important}
#mc_unread_status.low span {font-size: 13px; background: transparent url(/w/images/group_icons.png) 0 -69px no-repeat; padding:0 0 0 18px !important}
#header, #nav_area, #main_area, #footer {max-width:1400px; min-width:970px; width:970px; margin: 0 auto}
#main_area #content_area.page-contact #address{ top: 20px}
#main_area #content_area {width: 790px}
#main_area #content_area.centered {width: 100%; position: relative}
div#content_area {float: right; margin-bottom: 12px; padding-top: 10px; position: relative; width: 725px}
.new_header_wrapper {width: 955px}
.navbar1_wrapper {width: 960px}
.navbar2_wrapper {width: 910px}
#new_header {padding: 8px 8px 0 8px; position: relative; font-family: Tahoma, sans-serif; height: 63px}
#header img {border: none}
#tagline {color: #000000; font-size: 13px; display: inline; white-space: nowrap}
#logline {float: right; font-size: 12px; position: relative; top: 13px; .top: -14px}
#logline li {margin-left: 8px; display: inline}
#logline a {font-weight: normal; color: #345B9E; text-decoration: none}
#slogan {float: left; font-size:13px; color: #000; font-weight:normal; white-space:nowrap; left: 160px; top: 36px; position: absolute; white-space: nowrap; display: inline; background: none; margin: 0}
.icon {background-repeat: no-repeat; background-position: left center; padding: 3px 0pt 3px 20px}
.icon.new {background-image:url(/w/images/new.png); padding:3px 0 3px 20px}
.icon.arrow_down {background-image:url(/w/images/expanded.png); background-position:0 9px; margin-left:3px; padding:3px 3px 0 !important}
.group_lock span{ background: transparent url(/w/images/group_icons.png) no-repeat scroll -74px 0; margin: 0 2px; font-size: 13px; padding: 0 0 2px 12px !important}
.group_help span{ background:transparent url(/w/images/group_icons.png) no-repeat scroll -75px -70px; margin:0 3px 0 2px; padding:0 0 0 12px !important; font-size: 13px}
div#content_area.centered {float: none; margin: 0px auto}
div#content_area.centered #content{ padding-bottom: 30px}
#navbar_left {float: left; font-size: 12px; font-family: Tahoma, sans-serif; margin-left: 6px}
div#content {float: left; margin: 0; width: 100%}
.navbox {background: transparent url(/w/images/box_150_bottom.gif) no-repeat scroll left bottom; margin-top: 12px; padding-bottom: 3px; position: relative; width: 150px}
#nav3 h2 {background: #345b9e url(/w/images/box_150_blue_top.gif) no-repeat scroll left top}
#navbar_left a {color: #0033ff; text-decoration: underline; font-size: 12px}
.navbox h2 {background: #666666 url(/w/images/box_150_gray_top.gif) no-repeat scroll left top; color: #ffffff; font-size: 13px; padding: 10px 6px 10px 12px; margin:0}
.navbox ul {list-style-type: none; margin:0; padding:0}
.navbox li {display: block; border-top: 1px dotted #CCCCCC; padding: 3px 6px 3px 12px}
#nav3 li.current {background: transparent url(/w/images/bar_blue.png) no-repeat scroll left center}
#nav3 li.current a {color:#000000; font-weight:bold; text-decoration:none}
.navbox p {padding: 0pt 10px 10px}
.navbox p.intro {font-size: 17px; margin: 10px 0pt 4px; text-align: center; font-weight: bold}
.promo {margin-bottom: 12px}
.promo ul {margin: 0pt 12px; width: 120px}
.promo li {background: transparent url(/w/images/bullet_square_blue.gif) no-repeat scroll 0px 4px; border: 0pt none; margin-bottom: 6px; padding: 0pt 0pt 0pt 14px}
.big_buttons {margin: 20px 12px 0px}
.big_buttons .yellow_button {margin-bottom: 5px; text-align: center; padding: 0}
#navbar_left .yellow_button a {display: block; font-weight: bold; color: #333333; font-size: 13px; text-decoration: none; width: 120px; height: 20px; padding-top: 2px}
div#content ul.sitemap_main h2{ background-color: #EBEBEB; padding: 7px}
div#content ul.sitemap_main{ list-style-type: none; margin: 0px; padding: 0px}
div#content ul.sitemap_sub1{ list-style-type: none; margin: 0px; padding-left: 7px}
div#content ul.sitemap_sub1 li{ margin: 0px; padding: 0px}
div#content ul.sitemap_sub2{ list-style-type: disc; margin-top: 0px; padding-top: 0px; margin-left: 10px; padding-left: 10px}
div#content ul.sitemap_sub2 li{ margin-left: 0px; padding-left: 0px}
.tab_bar.home {border-bottom: 1px solid #CCCCCC; height: 25px; margin: 0 0 6px 0; padding-left: 12px; position: relative}
.tabs-container.home {margin: 0 5px; padding: 1.5em 0 0}
div.tabs-container.home td {color: #333333; padding: 8px; vertical-align: middle}
#main_area {padding:12px 0 0}
#main_area h3 {font-size: 14px; margin-bottom: 3px}
#main_area ul {list-style-type:none}
#main_area * {font-family:Tahoma,sans-serif !important}
#main_area p {margin-bottom:12px}
#main_area a {color:#03F}
#main_area h1 {border: medium none !important; font-size: 18px}
#main_area .small, #main_area .small a {font-size: 11px; font-weight: normal}
#oconomy .small, #oconomy .small a {font-size:11px; font-weight:normal}
#main_area #main_blurb {color:#000; font-size:23px; font-weight:bold; margin-bottom:12px; padding:8px}
#promo_block {background:#FFF url(/w/site4.0/images/bg_home_graphic.png) repeat-x scroll left bottom; margin-bottom:12px; padding:0pt 0pt 20px; position:relative; text-align:center}
#upper_right {float:right; font-size:14px; position:relative; right:20px}
#upper_right a {margin-right:20px; color:#0033FF; text-decoration:underline}
#upper_right .button {background:#FC0 url(/w/images/btn_mid.gif) repeat-x scroll right top; border-color:#FFDA47 rgb(165, 132, 0) rgb(165, 132, 0) rgb(255, 218, 71); border-style:solid; border-width:2px; color:#000; padding:2px 8px 3px; text-decoration:none; font-size:14px; font-weight:normal}
#upper_right a.button {color:#000; text-decoration:none; line-height:1.8em}
#upper_right a.button:hover {background-image:url(/w/images/btn_mid_hover.gif)}
#hire_manage_pay {width:100%}
#hire_manage_pay td {padding:12px}
#hire_manage_pay a {display:block; text-decoration:none}
#hire_manage_pay p {color:#000; font-size:14px; text-align:left; width:100%}
#hire_manage_pay strong {font-size:inherit !important}
#hire_manage_pay .circled {font-weight:bold}
.circled {background:transparent url(/w/images/group_icons.png) no-repeat scroll -74px -134px; color:#FFFFFF; padding:2px 7px 6px 6px !important}
li > .circled {background-image:url(/w/images/circle.png)}
#quote_wrapper {height:4em; margin:0pt auto; padding-bottom:16px; position:relative; width:800px; overflow:hidden}
#quote_wrapper .quote {position:relative; text-align:center; width:800px; display:none}
#quote_wrapper .quoted {font-size:22px}
#quote_wrapper .byline {float:right; color:#999; font-weight:normal; padding-top:6px; text-align:right; white-space:nowrap}
#quote_wrapper .byline a {color:#999; text-decoration:none; margin-left:12px}
#more_links div {text-align:center}
#more_links .links {padding-top:1.2em}
.link_spacer {color:#999; padding:0pt 8px}
.button, #more_links .button {font-size:16px; font-weight:bold; padding:6px 16px; background:#FC0 url(/w/images/btn_mid.gif) repeat-x scroll left top; border-color:#FFDA47 rgb(165, 132, 0) rgb(165, 132, 0) rgb(255, 218, 71); border-style:solid; border-width:2px; color:#000; text-decoration:none}
#more_links a.button:hover, input.button:hover {background-image:url(/w/images/btn_mid_hover.gif)}
input.button.disabled {background: #b8b8b8 url(/w/images/btn_mid_gray.gif) repeat-x scroll right top; border-color: #CCCCCC rgb(102, 102, 102) rgb(102, 102, 102) rgb(204, 204, 204)}
#bottom {position:relative; padding-bottom:12px}
#leftcol {margin-right:33em}
#marketplace {height:525px; padding:20px 0 0}
#leftcol > #marketplace {height: auto !important; min-height:44em}
#rightcol {position:absolute; background-color:#fff; right:0pt; top:0pt; width:32em}
.roundframe_wrapper {background-color:#CCC; margin-bottom:12px; padding:2px}
.roundframe_wrapper {padding:3px}
.roundframe {padding:20px; position:relative; background-color:#FFF}
#oconomy {padding:0pt}
#oconomy h3 {background-color:#CCC; font-weight:normal; font-size:16px; padding:6px 12px 8px; margin:0}
#oconomy table {width:100%}
#oconomy td {border-bottom:1px dotted #CCC; padding:14px 3px}
#oconomy .label {font-size:16px; font-weight:normal; text-align:right}
#stars {position:relative; width:160px; margin-left:18px}
#stars_on {background:transparent url(/w/site4.0/images/stars_big_on.png) no-repeat scroll left top; height:30px; left:0pt; position:absolute; top:0pt}
#main_area #o_facts {font-size:16px; text-align:center}
#o_facts a {font-size:16px}
.more_link {font-size:14px; margin-right:12px; text-align:center}
.more_link a {font-size:14px !important}
#in_the_news {padding:20px}
.ie6 #in_the_news {padding-right:0 !important}
#in_the_news h3 {background-color:#CCC; font-size:16px; font-weight:normal; margin:-20px -20px 12px; padding:6px 12px 8px}
#in_the_news table {margin:12px 6px 30px -10px}
#in_the_news table td {padding:8px 3px; text-align:center}
#in_the_news table a {display:block; text-decoration:none}
.balloon {width: 177px; height: 152px; padding: 0; position: absolute; z-index: 2; background: url(/w/site4.0/images/balloon.gif) top left no-repeat transparent}
* > .balloon {background-image:url(/w/site4.0/images/balloon.png)}
.balloon .words {text-align: center; font-size: 12px; padding: 22px 23px 20px 20px; margin: 0 auto; width:135px}
#marketplace h3 {font-size:16px; font-weight:normal; margin-top:-6px; padding:0pt 0pt 12px 20px}
.tab_bar {border-bottom: 1px solid #CCCCCC; height: 25px; margin-bottom: 6px; padding-left: 12px; position: relative}
.tabs-nav li {background: transparent url(/w/images/tab_generic_off_left.png) no-repeat scroll left top; position: relative; float: left; margin-left: 2px; padding-left: 2px}
.tabs-nav li.tabs-selected {background-image: url(/w/images/tab_generic_on_left.gif); position: relative; top: 1px}
#marketplace .tabs-nav li a {color: #0033FF; background: transparent url(/w/images/tab_generic_off_right.png) no-repeat scroll right top; font-weight: normal; text-decoration: none; display: block; font-size: 12px; padding: 7px 13px 4px 10px}
#marketplace .tabs-nav li a:hover {text-decoration: underline}
#marketplace .tabs-nav li.tabs-selected a {background-image: url(/w/images/tab_generic_on_right.png); color: #000; font-weight: bold}
.tabs-container {margin: 0pt 5px; padding: 1.5em 0 0}
.tabs-container.tabs-hide {display: none}
.tabs-container td {color: #333; padding: 8px}
p.bottom {margin-top: 1em; text-align: right}
p.bottom a {font-size: 13px; font-weight: bolder}
#rates_table {width:100%}
#rates_table td {vertical-align:top}
#rates_table, #rates_table .rates_cell {margin:0; padding:0}
#rates_table .rates_cell {width: 50%}
#rates_table table.skills {width:100%}
#rates td {color:#000}
#marketplace td.right_aligned, th.right_aligned {text-align:right}
#marketplace tr.even {background-color: #e5f6fd}
#rates table.skills th {text-align:left}
#job_postings, #buyer_feedback th {text-align:left}
#buyer_feedback td.rating {font-size:11px; text-align:center}
#rates_table .rates_cell td.skill {white-space:nowrap}
.feedback_rating_chart {width:85px; height:15px; margin:0 auto}
.clouditem {float:left; height:50px; margin:2px 0 25px 0; text-align:center; width:auto}
.clouditem div {font-weight:normal; min-height:30px; text-align:center; width:140px}
#trends .clouditem a {text-decoration:none}
.ie6 .feedback_rating_chart {width:90px}
.odometer {height: 23px; position: relative; text-align: left}
.odometer .wheel {position: relative; float:left; border: 1px solid #333; background: url(data:image/gif;base64,R0lGODlhAQAXAOMPADMzMzk5OT8/P0VFRUpKSlFRUVZWVlxcXGFhYWhoaG1tbXNzc3l5eX9/f4WFhf///yH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEKAA8ALAAAAAABABcAAAQN0DW2VELHFDJEAGAYRgA7) top left repeat-x #333; width:23px; height:23px; overflow: hidden; font-family: Courier; font-size: 13px}
.odometer .wheel .dig {top:-16px; position: absolute; width: 23px; height: 213px; background-image: url(/w/site4.0/images/digs.gif)}
.odometer .wheel > .dig {background-image: url(/w/site4.0/images/digs.png)}
.odometer .text {font-size: 20px; font-family: Courier; font-weight: bold; position: relative; float: left; padding-top: 3px}
.odometer .space {font-size: 16px; position: relative; float:left; width: 7px; height: 23px; padding-top: 7px; padding-left: 2px}
#story_slider {float: right; width: 750px; height: 320px; overflow: hidden; position: relative}
#story_container {position: relative; width: 4500px; height: 320px; top: 0; left: 0; position: absolute}
.story_wrapper {position: absolute; top: 0; width: 750px; height: 320px}
#part1 {left: 0;}
#part2 {left: 750px;}
#part3 {left: 1500px;}
#part4 {left: 2250px;}
#part5 {left: 3000px;}
#part6 {left: 3750px;}
.story {position: relative; padding: 1px; width: 750px}
.george .story {background-color: #718249}
.sergey .story {background-color: #A1853B}
.christine .story {background-color: #5C6272}
#main_area p.story_title {font-weight: bold; font-size: 18px !important; border-bottom-width: 1px; border-bottom-style: solid}
.george .story_title {border-bottom-color: #c6cdb6}
.sergey .story_title {border-bottom-color: #B49D62}
.christine .story_title {border-bottom-color: #8D919D}
.story_nav {position: absolute; bottom: 30px; right: 30px; text-align: center; font-size: 12px}
#main_area .story_page {position: absolute; bottom: 30px; left: 430px; text-align: left; font-size: 11px; color: #fff}
.story_nav a {background-color: #fff; padding: 4px 8px 5px 8px; text-decoration: none !important; margin-left: 3px; border-bottom: 1px solid #8D919D; border-right: 1px solid #8D919D}
.story_nav a:hover {background-color: #ffffcc}
.story_nav a.current {opacity: .5}
.story .illustration {width: 400px; height: 320px}
.story .copy {position: absolute; color: #fff; top: 0; left: 400px; padding: 30px; font-size: 14px}
#main_area .story .copy p, #main_area .story .copy p strong {color: #FFFFFF; font-size: 14px}
#main_area .story .copy p.small {font-size: 11px}
#story_nav .item {cursor: pointer; display: block; position: relative; width: 208px; height: 106px; border-top: 1px solid #ccc}
#story_nav .sergey {border-bottom: 1px solid #ccc}
#story_nav .item h3 {margin: 0; font-size: 14px; font-weight: bold}
#story_nav .item h3 a{ font-size: 14px}
#story_nav .george .text, #story_nav .sergey .text {margin: 14px 0 0 90px}
#story_nav .christine .text {margin: 12px 60px 0 12px}
#story_nav .item h4 {margin: 0; font-size: 11px; font-weight: normal}
#story_nav .item p {margin: 6px 0 0 0; font-size: 12px}
#story_nav .george img {position: absolute; top: -7px}
#story_nav .christine img {position: absolute; top: -7px; right: 0}
#story_nav .sergey img {position: absolute; top: -6px}
#story_nav .item.current, #story_nav .item:hover {background-color: #ffffcc}
#content_area_story {width: 970px !important}
#story_nav {width: 210px; float: left}
.corner {background: transparent url(/w/site4.0/images/bg_item.png) no-repeat scroll left top; padding: 26px 30px}
#main_area .tabular th {border-right: 1px solid #FFFFFF; text-align: left; vertical-align: top; font-size: 13px; padding: 6px 12px; background-color: #DEDEDE; white-space: nowrap}
#main_area .tabular h2 {font-size: 14px; font-weight: normal; margin-bottom: 8px; text-align: left}
.tabular {border-collapse: collapse}
.tabular td {padding:18px 20px 6px; vertical-align:top; font-size:12px; border-bottom:3px solid #CCC}
.tabular ul li {margin-bottom:20px}
#market_segment {margin:0pt 0pt 20px}
#market_segment a {margin-right:12px; font-size:12px}
#main_area .quote {font-size:11px; margin-bottom:8px; padding-bottom:8px}
.quote img {float:right; margin:0pt 0pt 4px 8px; max-width:120px; width:120px}
#main_area .quote .byline {color:#666; font-size:10px; margin-top:3px; text-align:right}
.tabular tr.no_border td {border-bottom:medium none}
.pitch {background: transparent url(/w/site4.0/images/bg_item.png) no-repeat scroll left top; padding: 26px 30px}
.toplink {text-align: right}
#main_area .toplink a {color: #999999; font-size: 10px}
#faqs {float:left}
#faqs h1 {font-size:18px; margin:6px 0pt 30px}
#faqs td {padding:0pt; vertical-align:top; width:33%}
#faqs h2 {font-size:16px; margin-bottom:8px}
ul.bulleted {list-style-type:none; margin: 0 0 20px; padding: 0}
ul.bulleted li {background:transparent url(/w/site4.0/images/bullet_trans_50.png) no-repeat scroll 0pt 3px; margin-bottom:3px; padding-left: 14px; position: relative}
#answers {margin:20px 0pt 0pt 40px; width:600px}
#answers h4 {font-size:13px; margin:20px 0pt 3px}
#answers h4:before {content: "Q: "; font-weight: bold; font-size: 16px; color: #999}
#answers h4 .before {font-weight: bold; font-size: 16px; color: #999}
#answers p {font-size:13px}
#inthenews, #release {margin: 0; padding: 0}
#our_team, #press {margin-right: 300px}
#press_container h1.crumbtail {font-size: 1em !important; font-weight:normal}
#press {padding:26px 30px}
#press .release {border-bottom:1px dotted #CCC; margin-bottom:12px; padding-bottom:12px}
#press .release .more {font-size:11px}
#press .release img {border:0pt none; float:right; margin-left:12px; max-width:100px}
#press h3 {font-size:11px !important; font-weight:normal !important; margin-bottom:10px}
#press h2 {margin-bottom:6px}
#press h2 a {font-size:15px; text-decoration:none}
#press .release p {margin:0pt}
#detail img {float:right; margin:0pt 0pt 20px 20px}
.sidebar {padding-left: 20px; position: relative; float: right; right: 30px; width: 240px}
#main_area .sidebar h2 {border-bottom: 1px solid #CCCCCC; font-size: 15px; margin-bottom: 18px; padding-bottom: 6px}
.sidebar ul {margin-bottom:20px}
.sidebar li {margin-bottom:6px !important}
.sidebar ul.sidelinks li {background-image:none}
.sidebar ul.sidelinks li.current {background-image:url(/w/site4.0/images/bar_blue.png)}
#content_area .sidebar ul.sidelinks li.current a {color:#666}
.tab_bar.press {border-bottom:1px solid #CCC; height:25px; padding-left:12px; position:relative; margin-bottom:5px; margin-right:300px}
#press_container .tabs-nav li a {background:transparent url(/w/images/tab_generic_off_right.png) no-repeat scroll right top; font-weight:normal; text-decoration:none; display:block; font-size:12px; padding:7px 10px 4px; color:#03f}
#press_container .tabs-nav li a:hover {text-decoration:underline}
#press_container .tabs-nav li.tabs-selected a {background-image:url(/w/images/tab_generic_on_right.png); color:#000; font-weight:bold}
.tabs-container.tabs-hide {display: none}
#content, #faqs, #press_container {font-size:12px}
#main_area table.about_odesk h3 {font-size:14px; margin: 0}
#contact_options {margin-right: 360px}
#contact_options h2, #address h2, #contact_options h2, #address h2 {border-bottom: 1px solid #CCCCCC; font-size: 15px; margin-bottom: 18px; padding-bottom: 6px}
#contact_options li {margin-bottom:12px}
#address {padding-left: 20px; position: absolute; right: 60px; top: 70px; width: 240px}
#address dt {float: left; font-weight: bold; width: 110px}
#address dt, #address dd {margin-bottom: 6px}
#top_block {background-color: #069; color: #fff; padding: 15px}
#top_block #info, #top_block #get_started {float: left}
#info {width: 460px}
#info h1 {font-size: 32px; font-weight: bolder; margin-left: 15px}
#info h1, #partial_quote, ul#facts {margin-left: 15px}
#partial_quote {margin-top: 10px; border: 1px solid #4d94b8; background-color: #1c6da0; width: 420px; height: 70px}
#partial_quote ul {padding: 0; margin: 0 auto; display: block; height: 55px}
#partial_quote ul li {list-style-type: none; line-height: 55px; display: block; height: 55px; display: none; font-size: 20px; text-align: center}
#partial_quote ul li.first {line-height: 1.2em; display: block; height: 40px}
#partial_quote small {font-size: 10px; display: block; text-align: right; width: 95%; margin: 0 auto}
ul#facts {padding-left: 0; width: 420px; margin: .5em 0 .3em 2.3em}
ul#facts li {list-style: none; padding-left: 25px; background: transparent left 7px no-repeat url(/w/site3.0/images/list_checkbox.gif); font-size: 17px; line-height: 1.5em}
#get_started {display: block; width: 340px}
#get_started .top_wrapper, #get_started .bottom_wrapper {height: 11px; background-repeat: no-repeat; background-color: transparent}
#get_started .top_wrapper {background-position: bottom left; background-image: url(/w/site3.0/images/get_started_top.gif)}
#get_started .bottom_wrapper {background-position: top left; background-image: url(/w/site3.0/images/get_started_bottom.gif)}
#get_started .content {background-color: #3385ad; height: 200px}
#get_started #create_button, #get_started label, #get_started .input_wrapper {width: 300px}
#get_started h2 {font-size: 22px; font-weight: bolder; margin: 0 30px; line-height: 45px}
#create_button {margin: 10px auto 0; padding: 0}
#create_button a {font-size: 18px}
#create_button a.button {background: none; border: 0}
#create_button a, #create_button span, #create_button b {height: 54px; display: block}
#create_button a.pressed {background-image: url(/w/site3.0/images/big_button_left_pressed.gif)}
#create_button a.unpressed {background-image: url(/w/site3.0/images/big_button_left.gif)}
#create_button span {margin-left: 8px; width: 292px}
#create_button a.unpressed span {background-image: url(/w/site3.0/images/big_button_right.gif)}
#create_button a.pressed span {background-image: url(/w/site3.0/images/big_button_right_pressed.gif)}
#create_button b {width: 284px}
#create_button a.unpressed b {background-image: url(/w/site3.0/images/big_button_mid.gif); line-height: 54px}
#create_button a.pressed b {background-image: url(/w/site3.0/images/big_button_mid_pressed.gif); line-height: 56px}
#create_button a.button, #go_button a.button{ background-position: top left; text-decoration: none; color: #000; font-weight: bolder}
#create_button a.button span, #go_button a.button span {background-position: top right}
#create_button a.button, #create_button a.button span, #go_button a.button, #go_button a.button span {background-repeat: no-repeat; backround-color: transparent}
#create_button a.button, #create_button a.button span, #create_button a.button b, #go_button a.button, #go_button a.button span, #go_button a.button b {display: block}
#create_button a.button b, #go_button a.button b {background-color: #fc0; background-repeat: repeat-x; cursor: pointer; text-align: center}
#go_button {padding-left: 10px}
#go_button a {padding: 0; font-size: 15px}
#go_button a.button {border: 0; background: none}
#go_button a, #go_button span, #go_button b {height: 24px; display: block}
#go_button a.unpressed {background-image: url(/w/site3.0/images/button_left.gif)}
#go_button a.pressed {background-image: url(/w/site3.0/images/button_left_pressed.gif)}
#go_button span {margin-left: 3px; width: 27px; margin-left: 1px}
#go_button a.unpressed span {background-image: url(/w/site3.0/images/button_right.gif)}
#go_button a.pressed span {background-image: url(/w/site3.0/images/button_right_pressed.gif)}
#go_button b {width: 24px}
#go_button a.unpressed b {background-image: url(/w/site3.0/images/button_mid.gif); line-height: 24px}
#go_button a.pressed b {background-image: url(/w/site3.0/images/button_mid_pressed.gif); line-height: 26px}
#get_started label {font-size: 14px; margin: 25px auto 0; display: block; font-weight: bolder}
#get_started .input_wrapper {margin: 10px auto}
#get_started .input_wrapper input {width: 252px; height: 21px; line-height: 20px; padding-left: 4px}
#get_started .input_wrapper * {float: left}
#how_works ol .digit {position: absolute; top: 8px; left: 0; background-color: transparent; background-position: top left; background-repeat: no-repeat; z-index: 999; width: 27px; height: 27px}
#how_works ol .digit#first {background-image: url(/w/site3.0/images/how_works_1.gif)}
#how_works ol .digit#second {background-image: url(/w/site3.0/images/how_works_2.gif)}
#how_works ol .digit#third {background-image: url(/w/site3.0/images/how_works_3.gif)}
#bottom #bweek {padding: 0 20px; width: 410px}
#bottom #bweek, #bottom #multiple {float: left}
#bottom #multiple {background: transparent url(/w/site3.0/images/dot_bg.gif) repeat-y scroll left top; width: 350px}
#bottom a {color: #0033FF}
#multiple {padding-left: 20px}
#multiple #red_herring {width:100%}
#red_herring img {float: left; margin-bottom: 20px; margin-right: 20px}
#lastline {padding-top: 15px; width: 280px}
#lastline, #pcmag {float: left}
#bottom_block {clear:left; display:block; height:25px; margin:0 auto; padding-top:10px; width:95%}
#bottom_block span, #bottom_block a.link {float:left}
#bottom_block span {font-size:13px; margin:7px 40px}
#bottom_block a {color:#FFFFFF; text-decoration:underline}
#bottom_block a.link {background-color:#3385AD; border:2px solid #FFFFFF; color:#FFFFFF; display:block; font-size:12px; font-weight:bolder; height:22px; line-height:22px; margin-left:5px; text-align:center; text-decoration:none; width:104px}
#how_works {clear: left}
#how_works h2 {font-size: 18px; font-weight: bolder; line-height: 30px; margin-left: 6px}
#how_works ol {display: block; width: 100%; padding: 0; margin: 0}
#how_works ol li {width: 262px; display: block; float: left; color: black; position: relative; padding-left: 6px}
#how_works ol div.info {width: 253px; height: 200px; overflow: hidden; background: #d3e5ed top left repeat-x url(/w/site3.0/images/how_works_blue_1px.gif); border: 3px solid #fff; padding-top: 8px}
#how_works div.info h3, #how_works p, #how_works img {margin-left: 25px}
#how_works ol h3 {font-size: 17px; line-height: 1.3em; font-weight: bolder; width: 220px}
#how_works ol p {font-size: 13px; display: block; height: 50px; margin-top: 8px; width: 220px}
#how_works ol img {margin-top: 8px}
#signup * {font-family: Arial,Helvetica,sans-serif !important; font-size: 16px}
#signup p.signup-selector {border-bottom: 1px solid #9f9f9f; padding: 1em 0; width: 725px}
#dhtmltooltip {background-color: lightyellow; border: 1px solid black; left: -300px; padding: 2px; position: absolute; visibility: hidden; width: 150px; z-index: 100}
#dhtmlpointer {left: -300px; position: absolute; visibility: hidden; z-index: 101}
#signup a, #signup a:hover, #signup a:visited {color: #3399CC; text-decoration: none}
#signup a:hover {text-decoration: underline}
#signup span.asterisk {color: #FF2222; font-weight: bold; margin-right: 0.3em}
#signup table.signup_info {width: 100%}
#signup table.signup_info td {padding: 5px}
#signup h3 {font-size: 20px}
.rpstyled {background: #e8e8e8 none repeat scroll 0 0; border: 1px solid #999999; font-family: Arial,Helvetica,sans-serif; font-size: 1em; padding: 0.2em}
div.hintbox {background: #EAEAEA none repeat scroll 0 0; border: 1px solid #808080; margin-bottom: 1em; padding: 10px 7px; width: 280px}
#signup ul {list-style-position:inside; list-style-type: disc}
#group_logo {background: transparent url(/w/images/group_icons.png) -140px 0 no-repeat; margin: 0px; font-size:50px; padding: 0 0 0 150px}
#tooltip {position: absolute; z-index: 3000; border: 1px solid #333; background-color: #ffffc0; padding: 5px}
#tooltip h3 {font-weight: normal; font-size: .9em}
#tooltip h3, #tooltip div {margin: 0}
small {font-size:50%}
#splash {width: 867px; height: 369px; background: url(/w/images/landings/dagger_background.jpg) top left no-repeat; overflow: hidden; margin:20px auto}
#splash h2 {font-size:27px}
#splash h3 {font-size:21px}
#splash h3 small{ color:#777777; font-weight:normal}
#left {position: relative; width: 300px; margin: 30px 50px; float: left; text-align: center; display: inline}
a#actionbutton {display: block; text-decoration: none; margin-top: 10px; width: 304px; height: 62px; background: url(/w/images/landings/dagger_graphics.gif) top left no-repeat}
a#actionbutton:hover {background: url(/w/images/landings/dagger_graphics.gif) -306px 1px no-repeat}
#left .note {font-size: 12px; line-height: 1.2em; margin: 12px 6px; color: #777}
a.presslogo {text-decoration: none; display: block}
a.presslogo:hover {text-decoration: none}
#redherring {position: absolute; top: 208px; left: -25px; width: 60px; height: 60px}
#businessweek {position: absolute; top: 222px; left: 62px; width: 108px; height: 21px}
#wsj {position: absolute; top: 225px; left: 190px; width: 133px; height: 14px}
#forbes {position: absolute; top: 271px; left: 67px; width: 74px; height: 25px}
#nyt {height: 16px; left: 156px; position: absolute; top: 275px; width: 106px}
#pcmag {height: 40px; left: 281px; position: absolute; top: 266px; width: 33px}
#right {float: left; width: 400px; padding: 30px 20px;}
#right ul {list-style-type: none; width: 225px; padding: 0px; margin: 19px 0 0 0; margin-left: 10px; line-height: 1.1em; font-size: 16px}
#right li {background: url(/w/images/landings/dagger_graphics.gif) -610px 1px no-repeat; padding-left: 32px; margin-bottom: .9em}
#right p {width: 225px; line-height: 1.2em; color: #777; font-size: 13px; margin-left: 12px}
#right p a {color: #369; text-decoration:underline}
#bl-wrapper {width: 830px; margin: 20px auto; font-family: arial,helvetica,clean,sans-serif; color: #313131; font-size: large; line-height: 1.5em}
.bl-actionbutton {vertical-align: middle; margin: 0; padding: 0 12px 0 12px}
#search_input {font-size: 80%; padding: 8px; width: 200px; padding-left: 4px; font-family: Arial, sans-serif; color: #777; background-color: #ffd}
#bl-wrapper h4 {font-weight: normal; color: #777; float: left}
#bl-headlines {overflow: hidden}
* #bl-headlines {height: 1%}
#bl-splash {background: transparent url(/w/images/landings/123_gradient.gif) left top no-repeat; padding: 20px 20px 0px 20px; height: 80px; margin: 30px 0}
#bl-splash h2 {float: left; width: 263px; line-height: 1em; font-size: 36px; color: #357ba2}
#bl-splash small {vertical-align: top; display: block; margin-top: -8px }
#bl-actions {overflow: hidden; border-bottom: 2px solid #dfdfdf; padding: 24px 12px 4px 12px; height: 90px}
#bl-actions form {float: left}
ul#bl-benefits {background: url(/w/images/landings/blue_gradient.gif) left top repeat-x; margin: 20px auto; width: 415px; background-color: #ade2ff; padding: 18px; list-style-type: none}
ul#bl-benefits li {background: url(/w/images/landings/blue_bullet.gif) left 10px no-repeat; padding-left: 15px}
#press_stuff {background: #efefef; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; padding: 10px 14px 14px 14px}
#bl-wrapper h3.testimonial_zoom2 {color: #330; font-family: Georgia,Times,Serif; font-style: italic; font-weight: normal; text-align: center; margin-top: 24px; margin-bottom: 20px}
#bl-wrapper h3 small {color: #777}
.Title {font-family: Arial, Lucida Grande, Lucida Sans, Verdana, sans-serif; font-size: 22px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; color: #000000}
.TitleNote {font-family: Arial, Lucida Grande, Lucida Sans, Verdana, sans-serif; font-size: 12px; color: #737373; margin-top: 7px}
.TitleNote a {font-size: 12px}
#uma {border-bottom:1px solid #FFCC00; border-top:1px solid #FFCC00; margin:2px 0 5px 0}
#uma.newVisitorMessage {height:60px; background-color:#FFECCC}
#uma.newVisitorMessage div.primaryMessage {font-size:18px; text-align:center; padding-top:10px; font-weight:bold; float:left; width:820px}
#uma.newVisitorMessage div.primaryMessage.single {padding-top:18px; width:100%}
#uma.newVisitorMessage div.primaryMessage div.primaryMessageNote {font-size:14px; color:#8F8F8F}
#uma.newVisitorMessage div.secondaryMessage {font-size:12px; right: 10px; position: absolute; float: right; padding-top:23px}
.clear {clear:both; height:1px; overflow: hidden }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0}
p{ margin:0; padding:0; color:#000000; font-family: Tahoma,sans-serif}
#content{ display:block; margin-top:30px}
* html #content {height: 1%}
#splash_screen{ background:url(/w/site4.0/images/splash_bg.jpg) repeat-x; display:block; overflow: hidden; text-align: center; margin-bottom: 20px}
#splash_screen .top{ background:url(/w/site4.0/images/splash_top.gif) top right no-repeat; display:block}
#splash_screen .rg{ background: url(/w/site4.0/images/splash_toplf.gif) top left no-repeat; display:block}
#splash_screen .lfbt{ background:url(/w/site4.0/images/splash_botlf.gif) bottom left no-repeat; display:block}
#splash_screen .rfbt{ background:url(/w/site4.0/images/splash_botrf.gif) bottom right no-repeat; display:block; height:329px; padding-left:11px; width:938px; padding-top:10px}
#splash_screen .flleft{ float:left; width:464px; display:inline; text-align: left}
#splash_screen .flleft h1{ font-family:Tahoma; font-size:16px; color:#000000; font-weight:bold; padding-bottom:10px; text-align: left; margin: 0px}
#splash_screen .rfright{ float:left; width:463px; display:block}
#splash_screen .rfright .cotop{ width:410px; margin:auto; padding-top:20px}
#splash_screen .rfright .cotopi{ width:438px; margin:auto; padding-top:20px}
#splash_screen .rfright h1{ font-family:Tahoma; font-size:33px !important; line-height:30px; color:#000000; font-weight:bold; margin: 0px}
#splash_screen .rfright h2{ font-family:Tahoma; font-size:16px; color:#000000; font-weight:normal; padding-top:0px; margin: 0px}
#splash_screen .input{ border-left:2px solid #dadada; border-right:2px solid #dadada; border-bottom:1px solid #e9e9e9; width:200px; border-top:2px solid #9d9e9e; background: #fff}
#splash_screen .input_s{ border-left:2px solid #dadada; border-right:2px solid #dadada; border-bottom:1px solid #e9e9e9; width:160px; height:21px; border-top:2px solid #9d9e9e; font-style: normal; padding: 2px 3px 0px 5px; background-color: #fff}
#splash_screen .search{ background:url(/w/site4.0/images/button.jpg) no-repeat; width:169px; height:32px; border:none; text-align:center; font-family:Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:15px; cursor:pointer}
#splash_screen .display{ margin-top:20px}
#splash_screen .dis_fl{ float:left; padding-top:6px; text-align:left}
#splash_screen .dis_fld{ float:left; width:169px; text-align:left; padding-top: 3px}
#splash_screen .dis_flw{ float:left; padding-left:10px; width:169px; text-align:left}
#splash_screen .dis_fle{ float:left; padding-left:10px; width:152px}
#splash_screen .dis_flr{ float:left; width:90px}
#splash_screen .bdbg{ background:#edfcff; height:24px; margin-left:0px; width:458px; float:right; margin-right:10px; margin-top: 0px; padding-top: 0px; overflow:hidden}
#splash_screen .bdbg p{ line-height:25px; font-weight:normal; font-size: 11px !important}
#splash_screen .bdbg a{ text-decoration:underline; font-size: 11px !important}
#offical_talent{ display:block; float:left; width:564px}
#offical_talent .lf_top{ background:url(/w/site4.0/images/lf_gray.gif) left no-repeat #cccccc}
#offical_talent h1{ font-family:Tahoma; font-size:16px; font-weight:bold; color:#000000; line-height:38px; padding-left:16px; text-align:left}
#offical_talent .rf_top{ background:url(/w/site4.0/images/rf_gray.gif) right no-repeat; height:38px}
#offical_talent .cen_cont{ border-left:3px solid #cccccc; border-right:3px solid #cccccc; padding:15px; display:block; text-align:left}
#offical_talent .cen_cont img{ float:left}
#offical_talent .bot_lf{ background:url(/w/site4.0/images/lfbt_gray.png) left no-repeat}
#offical_talent .bot_cen{ background:url(/w/site4.0/images/cenbt_gray.png) repeat-x}
#offical_talent .bot_rf{ background:url(/w/site4.0/images/rfbt_gray.png) right top no-repeat; overflow:hidden; height:9px; margin: 0px; padding: 0px}
#offical_talent a{ font-family: Tahoma; font-size:11px; text-decoration:underline; margin-top:3px}
#offical_talent p a {float: none }
#offical_talent p {float: right; margin-top: 10px; margin-bottom: 0px}
#odesk_hrs{ width:387px; float:left; margin-left:11px}
#odesk_hrs .box{ border:1px solid #cccccc; background:url(/w/site4.0/images/gardient_bg.png) bottom repeat-x; text-align:left; padding:15px; padding-bottom:10px}
#odesk_hrs h1{ font-family:Tahoma; font-size:16px; font-weight:bold; color:#000000; padding-bottom:8px; padding-left:16px; text-align:left}
#odesk_hrs img{ float:left; margin-right:10px}
#odesk_hrs p{ font-family:Tahoma; font-size:12px}
#odesk_hrs a{ font-family: Tahoma; text-decoration:underline}
#online_team{ margin-bottom:20px; display:block; text-align:left; clear: both}
#online_team h1{ font-family:Tahoma; font-size:16px; font-weight:bold; color:#000000; padding-bottom:8px; padding-left:3px; text-align:left}
#online_team .box{ overflow: hidden; border:1px solid #cccccc; background:url(/w/site4.0/images/gardient_bg.png) bottom repeat-x; text-align:left; padding-top:6px; padding-left:10px; padding-right:0; padding-bottom:10px}
#online_team .dif_lf{ float:left; margin-right:10px; width:308px}
#online_team .image_base{ background:url(/w/site4.0/images/image_base.gif) no-repeat; width:130px; height:86px; margin-right:10px; float:left; padding:3px}
#online_team .image_basei{ width:107px; height:127px; margin-right:10px; float:left; padding:3px}
#online_team .dif_lf p{ font-family:Tahoma; font-size:12px; margin: 0}
#online_team .dif_lf h2{ font-family:Tahoma; font-weight:bold; color:#000000; padding-bottom:3px; padding-left:3px}
#online_team .dif_lf a{ font-family: Tahoma; text-decoration:underline; font-size: 100% }
#online_team .dif_lf a.leadout {font-size: 11px }
#ctasearchform {color:#ffffff padding-right:12px right:0 line-height:29px; float:right}
.display{ display:block; float:none; margin-bottom: 20px}
#splash_screen .display{ margin-top:20px}