/* general styles */

body {
    margin: 10px 0;
    font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #707070;
}

input, button, select, textarea {
    font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

select, textarea {
    font-size: 12px;
}

form {
    margin: 0;
}

form.standard label {
    display: block;
    margin: 5px 0 0;
}

img {
    border: 0;
    display: block;
}

a {
    text-decoration: underline;
    color: #707070;
}

p {
    margin: 1em 0;
}

ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-left: 0;
    list-style-position: outside;
    margin-left: 1em;
}

ul.links {
    margin: 0 0 1em 0;
    padding: 0;
}

ul.links li {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-left: 15px;
    text-indent: -15px;
    margin-bottom: 0.2em;
}

ul.links li.header {
    font-weight: bold;
}

ul.links.popular li {
    margin-bottom: 0;
}

ul.links.popular li a {
    color: #33f;
}

ul.links.popular li .keyword {
    color: inherit;
}

ul.tasks {
    margin: 0;
}

ul.tasks li {
    display: inline;
    margin: 0 1.5em 0 0;
    list-style-type: square;
}

ul.tasks a {
    white-space: nowrap;
}

ul.tasks li.disabled {
    color: #ddd !important;
}

ul.tasks li.disabled a {
    color: #ddd !important;
}

input.error, select.error, textarea.error {
    background-color: #fcc;
}

div.error, span.error, p.error, h5.error {
    color: #f00 !important;
}

h5.error {
    margin: 0;
}

div.success, span.success, p.success, h5.success {
    color: #0c0 !important;
}

.hidden {
    display: none;
}

table.form,
table.standard {
    margin: 0 0 1em 0;
    border-collapse: collapse;
    border: 0;
}

table.form th,
table.form td,
table.standard th,
table.standard td {
    padding: 0 4px 4px 0;
    vertical-align: baseline;
}

table.form th,
table.standard th {
    text-align: left;
    padding-right: 10px;
    white-space: nowrap;
}

table.form th {
    font-weight: normal;
}

table.form tr.top_align th,
table.standard tr.top_align th {
    vertical-align: top;
}

table.form tr.header th,
table.standard tr.header th {
    font-weight: bold;
    padding-top: 0.5em;
}

table.form tr.header:first-child th,
table.standard tr.header:first-child th {
    padding-top: 0;
}

table.form tr.submitRow > th,
table.form tr.submitRow > td,
p.submitRow {
    padding-top: 0.75em;
}

table.form h5,
form.standard h5 {
    color: #999;
    font-size: 11px;
    margin: 0 0 0.5em 0;
    padding: 0;
}

table.form td.checkbox input[type="checkbox"],
div.checkbox input[type="checkbox"] {
    float: left;
}

table.form td.checkbox label,
div.checkbox label {
    display: block;
    margin-left: 2em;
}

table.form td.checkbox > h5,
div.checkbox > h5 {
    clear: left;
}

table.form th + td > label:first-child input,
table.form th + td > input[type="radio"]:first-child,
table.form th + td > input[type="checkbox"]:first-child {
    margin-left: 0;
}

div.group {
    border-top: 1px solid #dadada;
    padding-top: 0.5em;
}

div.row {
    margin-top: 1em;
    margin-bottom: 1em;
}

div.row div.label {
    font-weight: bold;
}

div.row div.radio_extras {
    margin-top: 2px;
    margin-left: 24px;
}

div.row label:first-child {
    font-weight: bold;
}

form span.required_annotation {
    color: #ff0000;
    padding-left: 5px;
    font-weight: normal;
    font-size: 14px;
    vertical-align: top;
}

form span.required_annotation.pre {
    margin-left: -10px;
    padding: 0 5px 0 0;
}

dl.standard {
    margin: 1em 0;
    padding: 0;
}

dl.standard dt {
    font-weight: bold;
}

dl.standard dd {
    margin-bottom: 1em;
    margin-left: 0;
}

/* help box */

div.mask {
	width: 100%;
    z-index: 101;
    height: 100%;
    background-color: #000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    position: fixed;
    left: 0px;
    top: 0px;
}

div.popup_outer {
    position: absolute;
    z-index: 102;
    top: 0px;
    left: 0px;
}

div.popup_inner {
    position: relative;
    width: 400px;
}

.help_popup div.help_content {
    width:400px;
    background-color:#F9F9F9;
}

.help_popup div.help_content table {
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}

.help_popup div.help_content td.header {
     color: white;
     padding: 6px 10px 5px 10px;
     font-size: 24px;
}

.help_popup div.help_content td.header a {
     font-size: 14px;
     float:right;
     margin: 5px;
     color: white;
}

.help_popup div.help_content td.header img {
     margin-right:10px;
     display:inline;
}

.help_popup div.help_content td.body {
     padding: 10px;
}

.help_popup div.help_content td.footer {
    padding: 5px 10px;
    background-color: #DDDDDD;
    border-top: 1px solid #AAAAAA;
}

.help_popup div.help_content td {
    vertical-align: top;
}

.help_popup div.help_content td.border {
    width:5px;
    background-color:#FD9023;
}

.rtop, .rbottom {
	display:block;
}

.rtop *, .rbottom * {
	display: block;
	height: 1px;
	overflow: hidden;
	background-color:#FD9023;
}

.r1 {
	margin: 0 5px;
}

.r2 {
	margin: 0 3px;
}

.r3 {
	margin: 0 2px;
}

.r4 {
	margin: 0 1px;
	height: 2px;
}

.r5 {
    height: 3px;
}

/* general page elements */

#body_wrapper {
    width: 775px;
    margin: 0 auto;
}

#header {
    background-color: #f8f8fa;
    padding-left: 10px;
    margin-bottom: 5px;
}

#header #quote {
    position: absolute;
    top: 12px;
    margin-left: 268px;
    width: 245px;
    font-size: 10px;
    line-height: 1.3;
}

#header #quote img {
    margin-top: 3px;
}

#header_right {
    font-size: 12px;
    margin-right: 10px;
    float: right;
    width: 450px;
}

#header_container {
    text-align: right;
}

#header_pic {
    margin: 9px 0px 9px 5px;
    float: right;
}

#header_form {
    display: block;
    margin-top: 10px;
}

#header_menu {
    display: block;
    margin-top: 9px;
}

#header_menu a {
    color: #51b0e2;
    margin-left: 1em;
}

#header_menu a:first-child {
    margin-left: 0;
}

#nav {
    float: left;
    background-color: #f8f8fa;
    width: 100%;
}

#nav ul.tabs {
    float: left;
    background: url(../images/v2/structural/tabs_bg.gif) repeat-x;
    margin: 5px 0 0 20px;
    padding-left: 2px;
}

#nav ul.tabs li {
    background: url(../images/v2/structural/tab_bg.gif) repeat-x;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-right: 2px;
    position: relative;
}

#nav ul.tabs li a {
    color: #525252;
    display: block;
    font-weight: bold;
    padding: 2px 15px 3px;
    text-transform: uppercase;
}

#nav ul.tabs li.active {
    background: #ff9325;
}

#nav ul.tabs li.active a {
    color: #fff;
    text-decoration: underline;
}

#nav ul.tabs li a.tab_img {
    padding: 0;
}

#nav ul.tabs li img {
    position: absolute;
    right: -12px;
    top: -5px;
}

#nav ul.subtabs {
    margin: 0;
    padding: 0;
    background: #ff9325 url(../images/v2/structural/bar_bg.gif) repeat-x;
    height: 23px;
    clear: left;
    padding: 3px 0 0 20px;
}

#nav ul.subtabs li {
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-right: 15px;
    font-size: 13px;
}

#nav ul.subtabs li a {
    color: #000;
}

#nav ul.subtabs li.active {
    color: #fff;
}

#nav ul.subtabs li.active a {
    color: #fff;
    text-decoration: underline;
}

#sidebar {
    float: right;
    width: 204px;
}

#sidebar .bar {
    margin: 5px 0;
}

#sidebar .bar .header {
    background: #ff9325 url(../images/v2/structural/bar_bg.gif) repeat-x;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 2px 9px;
}

#sidebar .bar.passive .header {
    background: #c2c2c2 url(../images/v2/structural/bar_passive_bg.png) repeat-x;
    color: #707070;
}

#sidebar .bar .content {
    background-color: #f8f8fa;
    border: 1px solid #dadada;
    border-top: none;
    padding: 5px 8px;
}

#sidebar .bar .content label {
    font-size: 12px;
}

#sidebar .bar .content input {
    font-size: 11px;
}

#sidebar .bar .content input[type="text"],
#sidebar .bar .content input[type="password"] {
    width: 163px;
}

#sidebar .bar .content input[type="submit"] {
    margin-top: 6px;
    margin-right: -15px;
}

#headline {
    float: left;
    width: 566px;
    height: 103px;
    background: #f8f8fa url(../images/v2/structural/headline_bg.png) repeat-x;
    margin-bottom: 5px;
}

#headline #car {
    height: 103px;
    background: #a8cb3e url(../images/v2/furniture/Car-Banner.png) no-repeat;
}

#headline #car h1 {
    font-weight: bold;
    color: #3b883b;
    font-size: 23px;
    line-height: 1em;
    padding: 5px 200px 0 10px;
}

#headline #car h2 {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    padding: 17px 0 0 10px;
}

.wide_headline #headline {
    width: 775px;
    border: 0;
}

#headline h1 {
    font-size: 27px;
    line-height: 1.8;
    font-weight: bold;
    margin: 0 0 3px;
}

#headline h1.dynamic {
    font-weight: bold;
    margin: 0 0 3px;
    line-height: 1.1;
    height: 2.2em;
}

#headline h1 span.subhead {
    font-weight: normal;
}

#headline h2 {
    font-weight: normal;
    font-size: 16px;
    margin-top: 0;
}

.search #headline h1 {
    font-size: 20px;
    line-height: 0.8;
}

.groups.search #headline h1 {
    font-size: 27px;
    line-height: 1.4;
}

.bread-crumbs {
    font-size: 20px;
    line-height: 4;
    font-weight: bold;
}

ul.filters {
    margin: 0;
    padding: 0;
}

ul.filters li {
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    border: 1px solid #dadada;
    border-right: none;
    background:  #c3c3c3 url(../images/v2/structural/filter_inactive_bg.png) repeat-x;
    width: 90px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 1px 2px 3px;
    margin: 2px 0;
}

ul.filters li:last-child {
    border-right: 1px solid #dadada;
}

ul.filters li a {
    color: #707070;
    outline: none !important;
}

ul.filters li.active {
    background: #777 url(../images/v2/structural/filter_active_bg.png) repeat-x;
}

ul.filters li.active a {
    color: #fff;
}

.results_summary {
    font-size: 11px;
    clear: left;
}

.keyword {
    font-weight: bold;
    color: #333;
}

#footer {
    width: 536px;
    font-size: 11px;
    padding: 20px 0 0 21px;
    clear: left;
    line-height: 1.25;
    color: #999;
}

#footer a {
    color: #999;
}

#footer table {
    border: 0;
    border-collapse: collapse;
}

#footer table th, #footer table td {
    padding: 0 15px 0 0;
    vertical-align: top;
    text-align: left;
    font-size: 13px;
}

#content {
    float: left;
    width: 564px;
    border: 1px solid #dadada;
    position: relative;
}

#standard-banner {
	float: left;
	width: 564px;
	margin-top: 10px;
}

.wide_content #content, .wide_content #standard-banner {
    width: 775px;
}

.no_border #content {
    border: none;
}

div.pane {
    padding: 10px 10px 3px 20px;
}

div.left_col {
    width: 257px;
    padding: 10px 10px 3px 20px;
}

div.right_col {
    float: right;
    width: 257px;
    padding: 10px 10px 3px 10px;
    background: #fff;
}

.wide_content div.left_col {
    width: 361px;
}

.wide_content div.right_col {
    width: 361px;
}

div.background_fill,
div.aside {
    background: #f8f8fa;
    border: 1px solid #dadada;
    margin: -1px;
}

.aside {
    font-size: 11px;
}

#content h2 {
    margin: 1em 0 5px -5px;
    background: #c2c2c2 url(../images/v2/structural/bar_passive_bg.png) repeat-x;
    padding: 3px 5px 1px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#content h3 {
    margin: 1em 0 0 0;
    font-size: 14px;
    font-weight: bold;
}

#content .passive {
    color: #999;
}

#content .passive a {
    color: #999;
}

.wide_content #nudges {
    width: 759px;
}

#nudges {
    background: #eef;
    border: 2px solid #aaf;
    padding: 4px 6px;
    margin-bottom: 10px;
    float: left;
    width: 550px;
}

#nudges ul {
    padding-left: 1.5em;
}

#nudges ul li {
    margin-bottom: 0.5em;
}

#nudges .ignoreLink {
    font-size: 12px;
    white-space: nowrap;
}

dl.examples dt {
    color: #333;
    font-style: italic;
    margin-top: 0.5em;
}

dl.examples dd span.example {
    font-style: italic;
}

dl.examples dt a {
    font-size: 11px;
    margin-left: 10px;
}

.dropdown {
    background: #fff;
    margin-top: 1px;
    padding: 2px 2px 0 4px;
    border: 1px solid #5d5d5d;
    font-size: 12px;
}

.dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown ul li {
    margin: 0 0 0.35em 10px;
    text-indent: -10px;
    cursor: pointer;
}

.dropdown ul li.selected {
    text-decoration: underline;
}

.spinner {
    display: inline;
    vertical-align: middle;
}

table.gallery {
    width: 100%;
    margin-bottom: 0.5em;
}

table.gallery td img {
    margin: 0 auto;
}

span.name,
a.name {
    white-space: nowrap;
}

div.linkShare {
    width: 100%;
    clear: left;
    margin-bottom: 7px;
}

div.linkShare img {
    display: inline;
    vertical-align: bottom;
}

div.linkShare table {
    margin-bottom: 20px;
}

div.linkShare table td {
    vertical-align: top;
}

#craigslistForm h5 {
	font-size: 11px;
	margin: 0px 0px 5px 0px;
}

/* ad stuff */

.ad #content {
    padding-bottom: 5em;
}

.ad #headline h1 {
    font-size: 24px;
    line-height: 1.2;
}

.ad #headline h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    line-height: 1.2;
}

div.banner-ad {
    text-align:center;
    margin-top:5px;
}

div.banner-ad table{
    margin-left:auto;
    margin-right:auto;
}

/* external home stuff */

#welcome {
    padding-bottom: 10px;
}

#welcome div.map {
    width: 542px;
    height: 370px;
    border: 1px solid #dadada;
    background: #ffc;
    position: relative;
    left: -10px;
}

#welcome .header {
    margin: 5px 0;
    color: #c14e1f;
    font-size: 13px;
    font-weight: bold;
}

#welcome #live_data {
    margin-left: -10px;
    position: relative;
}

#welcome #live_data .header {
    margin-top: 0;
    left: 10px;
    position: absolute;
    top: 2px;
}

#welcome #live_data ul {
    background: url(../images/v2/structural/livedata_bg.jpg) repeat-x;
    height: 44px;
    font-size: 13px;
    font-weight: bold;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#welcome #live_data ul li {
    background: url(../images/v2/structural/livedata_sp.jpg) no-repeat right;
    float: left;
    height: 24px;
    padding: 20px 15px 0pt 8px;
}

#welcome #live_data ul li:last-child {
    background: none;
}

#partners {
    height: 75px;
    background: #f8f8fa;
}

#partners img {
    display: block;
    height: 75px;
    margin-right: 1px;
    float: left;
}

/* login stuff */

#fb_login {
    float:right;
    margin-top: 25px;
    text-align:center;
}

#pup_login {
    text-align:left;
    padding: 20px 40px 10px 10px;
    border-right: 1px solid #DADADA;
    width: 220px;
    margin-bottom: 10px;
}

/* sign up/add ride stuff */

.register.combo #content input[type="text"],
.register.combo #content textarea {
    width: 210px;
}

.register.combo #content input[type="text"].currency {
    width: 100px;
}

.register.combo #map_wrapper {
    float: right;
    margin: -1px 0 1em 10px;
}

.register.combo #map_wrapper h2 {
    padding-left: 5px;
    margin: 0;
    text-transform: none;
}

.register.combo #map_container {
    overflow: hidden;
    width: 200px;
    height: 250px;
}

.register.combo #map {
    width: 100%;
    height: 100%;
}

.cal_button {
    display: inline;
    vertical-align: bottom;
    cursor: pointer;
    margin-left: 5px;
}

.register.combo #content #registration input[type="text"],
.register.combo #content #registration input[type="password"] {
    width: 175px;
}

#fb_register {
    float:right;
    margin-top: 25px;
    text-align:center;
}

#pup_register {
    text-align:left;
    padding: 20px 40px 10px 10px;
    border-right: 1px solid #DADADA;
    width: 280px;
    margin-bottom: 10px;
}

.orange_title {
    color: #EE9234;
    font-weight: bold;
    font-size: 2em;
}

img.share_link {
    display: inline;
    margin: 5px 5px 0px 0px;
}


/* search stuff */

#search_text {
    width: 400px;
}

.search div.section {
    margin: -1px;
    padding: 10px 10px 17px 20px;
    border: 1px solid #dadada;
}

.search div.section.ad_pane {
    background-color: #f8f8fa;
}

.search div.section.interstitial {
    background-color: #f8f8fa;
}

.search div.section div.marker {
    color: #c8c8c8;
    text-align: right;
    font-size: 11px;
    margin-bottom: 10px;
}

.search div.section div.marker a {
    color: #c8c8c8;
}

.search div.section div.tag {
    font-size:11px;
    color:#C8C8C8;
    float:right;
}

div.pagination {
    margin: -1px;
    padding: 10px 10px 3px 20px;
    border: 1px solid #dadada;
    background-color: #f8f8fa;
    font-size: 12px;
}

div.pagination.fixed {
    height: 20px;
    padding: 3px 10px;
}

div.pagination img {
    display: inline;
}

div.pagination a.prev,
div.pagination a.next {
    text-decoration: none;
}

div.pagination a.current {
    font-weight: bold;
    color: #000;
}

.search div.item div.title {
    font-size: 15px;
    font-weight: bold;
    margin-top: 1em;
}

.search div.item div.title a {
    color: #EE781D;
}

.search div.item div.description {}

.search div.item div.action a {
    color: #0a0;
}

.search div.ad_pane div.item {
    font-size: 11px;
}

.search div.ad_pane div.item div.title {
    font-size: 13px;
}

.search div.ad_pane div.item div.title a {
    color: #33f;
}

.search div.historical div.item a,
.search div.historical div.action a {
    color: #707070;
}

.search div.item img.profilePic {
    float: left;
    margin: 5px 5px 0px 0px;
}

.search div.item div.title img {
    display: inline;
    vertical-align: -2px;
}

/* user profile stuff */

#profile {
    position: relative;
}

#profile .photo {
    margin: 0 auto 1em;
}

#profile .caption {
    margin: 1em 0;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

#profile .profileLinks {
    position: absolute;
    width: 100px;
    right: 0px;
    font-size: 10pt;
}

#profile .profileLinks table th{
    vertical-align: top;
    padding-top: 3px;
}

/* posting stuff */

.posting #intro {
    margin-bottom: 0;
}

tr.rating_row th,
tr.rating_row td {
    vertical-align: middle;
}

.posting #posting_info tr.price_row td {
    font-size: 28px;
    font-weight: bold;
    color: #ff9325;
}

.posting #map {
    width: 354px;
    height: 300px;
    margin-bottom: 1em;
    border: 1px solid #999;
}

/* message centre stuff */

.active_filter {
    position: relative;
    float: right;
    border-left: 1px solid #dadada;
    width: 360px;
    height: 60px;
    padding-left: 20px;
    top: 18px;
    font-size: 11px;
}

.no_messages {
    border: 1px solid #dadada;
    text-align: center;
    padding: 20px;
}

.conversation {
    border-left: 4px solid #dadada;
    padding: 0 10px;
    margin: 10px 0;
}

.conversation .topic {
    margin-bottom: 10px;
}

.conversation .topic.topic_waybill {
    min-height: 70px;
}

.conversation .topic .title {
    color: #e27429;
    font-weight: bold;
    font-size: 1.1em;
}

.conversation .topic .title a {
    color: #e27429;
}

.conversation .topic img.profile {
    float: left;
    margin: 3px 10px 0 0;
}

.conversation > .conversation {
    margin-left: 30px;
}

.conversation .control_bar {
    clear: left;
    background: #eee;
    font-size: 11px;
    padding: 2px 4px 2px 10px;
    margin-bottom: 0.5em;
}

.conversation .control_bar .item {
    margin-right: 15px;
    white-space: nowrap;
}

.conversation .control_bar img {
    display: inline;
    margin-right: 4px;
}

#new_message {
    border: 1px solid #dadada;
    margin: 2px 0 0.5em;
    padding: 6px 8px;
}

/* browse stuff */

.browseSidebar {
	margin: 5px;
}

.browseColumns {
    margin: 12px;
}

.browseColumns #col1, .browseColumns #col2{
	float:left;
	width:170px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

.browseColumns #col3 {
	float:right;
	width:170px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

.browseColumns a {
    display: block;
}

/* profile stuff */

.marginElement {
    margin-top: 15px;
    float: left;
    width: 150px;
    text-align: center;
}

div.profileBox {
    border: 1px solid #dadada;
    margin: 0 -1px 15px 185px;
    padding-bottom: 10px;
}

div.profileHeader {
    background: #c2c2c2 url(../images/v2/structural/bar_passive_bg.png) repeat-x;
    padding: 3px 5px 1px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    margin-bottom: 1em;
}

div.profileBox h5 {
    font-size: 11px;
    margin:0;
    padding:0;
    color:#999999;
}

.profileError {
    margin-left: 185px;
}

.profile #vehicleTypesRow div.choice {
    float: left;
    margin-right: 12px;
}

.profile #vehicleTypesRow div.choice img {
    display: inline;
    vertical-align: middle;
}

.profile #secondary_email_addresses td.tasks {
    padding: 0 0.5em;
}

a.orange_button {
    background: white url(../images/v2/structural/bar_bg.gif) repeat-x scroll 0%;
    height: 26px;
    text-decoration: none;
    line-height: 26px;
    color: white;
    text-transform: uppercase;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 14px;
}

a.orange_button:hover {
    text-decoration: underline;
}

a.orange_button.disabled {
    background-image: url(../images/v2/structural/bar_passive_bg.png);
}

a.orange_button.disabled:hover {
    text-decoration: none;
}

/* internal home stuff */
.no_matches {
    text-align: center;
    padding: 20px;
}

.match {
	padding: 10px 20px;
	min-height: 70px;
}

.match span.new {
    color: green;
    font-size: 0.8em;
}

.match .where {
    font-weight: bold;
}

.match span.messages, .match span.messages a, .match a.more {
	color: #184EB8;
}

.match .remove {
	float: right;
	font-size: 10px;
	color: #AAAAAA;
}

.match .title {
    color: #E27429;
    font-weight: bold;
    font-size: 1.1em;
}

.match .title a {
    color: #E27429;
}

.match .title img {
    display: inline;
    vertical-align: -2px;
}

.match .profilePic {
    float: left;
    margin: 3px 10px 10px 0px;
}

.pic_bar table {
    margin: auto;
}

.pic_bar td {
    height: 43px;
    width: 44px;
    background-color: #DDDDDD;
}

.pic_bar img {
    margin: auto;
}

table.data {
    border:1px solid #e0e0e0;
    padding:0px; width: 775px;
    border-collapse: collapse;
    margin-bottom: 10px;
}

table.data th {
    color:#5d5d5d;
    background:#eee;
    font-size: 13px;
    padding: 0 5px;
}

table.data tr.link:hover {
    background: #ddd;
    cursor: pointer;
}

table.data td {
    vertical-align: middle;
    padding: 5px 5px;
    font-size: 13px;
    border: 1px solid #e0e0e0;
}

table.data img {
    vertical-align:top;
}

table.data td.status {
    padding-top: 0;
    padding-bottom: 0;
}

table.data td.controls {
    text-align: center;
    vertical-align: middle;
}

table.data .offer {
    color: #F7941E;
    font-size: 16pt;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

table.data td.offer img {
    vertical-align: middle;
}

table.data td.bidThumb {
    text-align: center; height: 51px;
}

table.data td.rating {
    width: 120px;
}

table.data td .bid {
    font-weight: bold;
}

table.data td.empty {
    background-color: #ddd;
    text-align: center;
}

table.data tr.initiallyHidden {
    display: none;
}

table.data tbody:target > tr {
    display: table-row;
}

table.data td.notify {
    white-space: nowrap;
}

table.data td.notify img {
    display:inline;
    vertical-align: bottom;
    margin-bottom:2px;
}

/* waybill details stuff */

div.waybillHeader {
    background: #ff9325 url(../images/v2/structural/bar_bg.gif) repeat-x;
    height: 26px;
    color: white;
    font-weight: bold;
    padding-left: 10px;
    line-height: 26px;
}

.waybillReference {
    float: right;
    width: 320px;
    position: relative;
    top: 0.6em;
    font-weight: bold;
}

div.waybillBox {
    border: 1px solid #dadada;
    padding: 10px 7px;
    margin-bottom: 20px;
    position: relative;
}

div.waybillBox > p:first-child {
    margin-top: 0;
}

div.waybillBox table {
    margin: 0pt;
}

.bidPrice {
    display: block;
    font-size: 30px;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 10px;
}

.bidPhoto {
    text-align: center;
    margin-bottom: 2em;
}

.bidPhoto img {
    display: inline;
}

.bidPhotoCaption {
    font-weight: bold;
    font-size: 16px;
}

.dividerLine {
    border-top: 1px dotted #ccc;
    height: 1px;
    margin: 5px;
}

.message {
    padding: 2px;
}

.message.unread {
    background-color: #ffb;
}

.message .sender, .message .recipient {
    font-weight: bold;
}

.message .timestamp {
    font-style: italic;
}

.message .body {
    margin-top: 0.5em;
}

.message .messageThumb {
    float: left;
    margin-right: 5px;
}

button.image {
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
}

#routeMap {
    height: 300px;
}

.feedbackQuestion {
    font-weight: bold;
    margin-bottom: 0.5em;
}

.feedbackResponses {
    padding-left: 1em;
    margin-bottom: 1.5em;
}

p.bidRow, tr.bidRow th, tr.bidRow td, tr.bidRow td input {
    font-size: 20px;
    font-weight: bold;
}

/* static stuff */

#contactus p {
    margin-top: 2px;
}

#mentors div.mentor {
    clear: left;
}

#mentors img {
    float: left;
    margin-bottom: 1em;
}

#mentors div.right {
    margin-left: 135px;
}

img.team_profile {
    float: left;
    margin: 1em 15px 1em 0;
}

.press a {
    color: #59BFDB;
    text-decoration: none;
}

.press a:hover {
    color: #59BFDB;
    text-decoration: underline;
}

.press li {
    font-size: 12px;
}

/* erp-in-action stuff */

#erp_in_action .greyHeader {
    background: url(../images/grey-gradient.jpg) repeat-x 0 0;
    padding: 2px 10px;
}

#erp_in_action .greyHeader p, #erp_in_action .overview p {
    margin: 0px 0px 5px;
}

#erp_in_action .greyHeader p.primary {
    color: green;
    font-size: 1.2em;
}

#erp_in_action .greyHeader p.secondary {
    font-size: 1.1em;
}

#erp_in_action h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: green;
    margin-bottom: 0;
}

/* groups stuff */

.attract_box {
    background: #f8f8fa;
    border: 1px solid #dadada;
    margin: 1em 10px 1em 0;
}

.attract_box div {
    text-align: center;
    margin: 0 1em 1em;
    padding: 0 1em;
    width: 40%;
}

.attract_box h3 {
    font-size: 16px;
}

.attract_box p {
    margin-bottom: 0;
}

.groups #nav ul.tabs li.active {
    background: #6fdc2f;
}

.groups #nav ul.subtabs {
    background: #6fdc2f url(../images/v2/structural/bar_green_bg.gif) repeat-x;
}

.groups.teaser p {
    margin-bottom: 0;
}

.groups.teaser ul {
    margin-top: 0.5em;
    padding-left: 1em;
}

.groups div.similar {
    margin: 1em 15px 1em 0;
    background: #f8f8fa;
    border: 1px solid #dadada;
    padding: 5px 8px;
}

.groups div.similar div.group {
    margin-bottom: 1em;
}

.groups div.similar div.group div.name {
    width: 30%;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0.5em;
}

.groups div.similar div.group div.description {
    margin-left: 30%;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
}

.groups div.similar div.group hr {
    clear: both;
    border: 1px solid #dadada;
    border-bottom-width: 0;
}

.groups div.welcome {
    font-size: 24px;
    margin: 0 0 0.5em;
    padding-bottom: 0.5em;
    line-height: 1.2em;
    border-bottom: 1px solid #dadada;
}

.groups div.group_img {
    float: right;
    margin-left: 10px;
}

.groups dd div.organizer {
    display: inline-block;
    padding: 0.5em 2em 0.5em 0.5em;
    white-space: nowrap;
}

.groups dd div.organizer img.profile_pic {
    display: inline;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.groups .description p {
    margin-top: 0;
}

.groups div.invite {
    margin-top: 2em;
    border-top: 1px solid #dadada;
    padding: 0.5em 0;
}

.groups div.welcome_message {
    font-size: 14px;
    line-height: 1.4;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: 1px solid #dadada;
    background-color: #f8f8fa;
}

.groups div.membership_invite {
    margin: -11px -11px 2em -21px;
    border: 1px solid #dadada;
    background-color: #f8f8fa;
    padding: 10px 10px 27px 20px;
    font-style: italic;
    height: 45px;
}

.groups #members_wrapper {
    margin: 0.5em 0;
    border: 1px solid #ddd;
    padding: 0 2px 2px 0;
    width: 506px;
}

.groups #members_container .cell {
    width: 44px;
    height: 45px;
    float: left;
    margin: 2px 0 0 2px;
}

.groups #members_container .cell.pic {
    background-color: #ddd;
}

.groups #members_container .cell.pic img {
    margin: auto;
}

.groups #members_container .cell.nav {
    font-size: 48px;
    font-weight: bold;
    line-height: 1.0;
}

.groups #members_container .cell.nav.prev {
    text-align: right;
}

.groups #members_container .cell.nav.next {
    text-align: left;
}

.groups #members_container .cell.nav a {
    text-decoration: none;
    color: #aaa;
}

.groups #members_container .cell.nav a:hover {
    text-decoration: none;
    color: #444;
}

.groups div.section {
    margin: -1px;
    padding: 10px 10px 17px;
    border: 1px solid #dadada;
}

.groups div.section div.tag {
    font-size:11px;
    color:#C8C8C8;
    float:right;
}

.groups .profile {
    clear: left;
    margin-bottom: 15px;
}

.groups .profile .large {
    min-height: 110px;
}

.groups .profile .small {
    min-height: 50px;
}

.groups .profile .title {
    font-weight: bold;
}

.groups .profile .small .details{
    margin-left: 50px;
}

.groups .profile .large .details{
    margin-left: 165px;
}

.groups .profile .small .title {
    font-size: 14px;
}

.groups .profile .large .title {
    font-size: 16px;
}

.groups .profile .photo {
    float: left;
}

.groups .profile .small .photo {
    width: 45px;
}

.groups .profile .large .photo {
    width: 165px;
}

.groups .profile .photo img {
    margin: 5px auto;
}

.groups .profile .stats .item {
    white-space: nowrap;
}

.groups .profile .stats .value{
    font-weight: bold;
}

.groups .profile .stats .co2{
    color: #0a0;
}

.groups .profile .stats {
    font-size: 12px;
}

.groups .trips.pagination {
    margin: 2em -11px -4px -21px;
}

.groups #lander .car_box {
    float: left;
    width: 401px;
    height: 436px;
    background: url(../images/v2/en/furniture/groups-car.jpg) no-repeat;
}

.groups #lander .car_box div {
    margin: 15px 0px 0px 30px;
    font-weight: bold;
}

.groups #lander .flower_box {
    width: 367px;
    height: 231px;
    background: url(../images/v2/en/furniture/groups-flowers.png) no-repeat;
}

.groups #lander .flower_box div {
    position: relative;
    top: 65px;
    left: 25px;
}

.groups #lander div.bar {
    height: 40px;
    clear: left;
    color: white;
    font-size: 24px;
    line-height: 1.6;
    text-align: center;
    background: #c2c2c2 url(../images/v2/structural/bar_passive_bg.png) repeat-x;
    padding: 3px 5px 1px;
    font-weight: bold;
}

.groups #lander #partners {
    padding-left: 16px;
    margin: 5px 0px;
}

.groups #faq {
    background-color: #eee;
    padding: 10px 5px;
}

.groups #faq p {
    margin: 0px 0px 10px 0px;
}

.groups #faq div.col1 {
    margin: 0px 5px;
    width: 365px;
}

.groups #faq div.col2 {
    width: 365px;
    float: right;
}

.groups #faq div.title {
    font-weight: bold;
}

.groups .mygroups .pagination {
    margin: 2em -11px -4px -21px;
}

.groups .roster .member {
    clear: left;
    background-color: #f8f8fa;
    border-top: 2px solid #ddd;
    margin: 3px 0 7px;
    padding: 6px 0 10px 50px;
}

.groups .roster .member img.profile_pic {
    float: left;
    margin: 0 0 4px -50px;
}

.groups .roster .member .name_line {
    margin-bottom: 4px;
}

.groups .roster .member .task_line {
    font-size: 11px;
}

.groups .roster .member .name {
    font-weight: bold;
}

.groups .roster .member .join_date {
    margin-left: 1em;
}

.groups #map_wrapper {
    float: right;
    margin: -1px 0 1em 10px;
}

.groups #map_wrapper h2 {
    padding-left: 5px;
    margin: 0;
    text-transform: uppercase;
}

.groups #map_container {
    overflow: hidden;
    width: 200px;
    height: 200px;
}

.groups #map {
    width: 100%;
    height: 100%;
}

.groups #event_help_text {
    margin: 5px 0px;
    height: 60px;
}

.groups .event {
    margin: 3px 0 7px;
}

.groups .event_list .event {
    background-color: #f8f8fa;
    border-top: 2px solid #ddd;
    padding: 6px 0 10px 1em;
}

.groups .event div.name {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 4px;
}

.groups .event_list .event ul.tasks li {
    font-size: 11px;
    color: #aaa;
}

.groups .event_list .event ul.tasks li a {
    color: #aaa;
}

.groups .event div.fellow_travellers {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 6px 1em;
    font-size: 11px;
    margin: 5px 6px 0 0;
}

#groups_popup {
	position: fixed;
    z-index: 102;
    top: 0px;
    width: 778px;
}

#groups_popup div.wrapper {
    margin: 60px auto;
    width: 700px;
}

#groups_popup div.close {
    text-align: right;
    padding: 0 5px 3px;
    background-color: lightGrey;
}

#groups_popup div.content {
    background-color: white;
    max-height: 660px;
    overflow: auto;
}

/* text mode eco counter */

.eco_counter {
    padding: 8px;
    margin: 20px 0 10px;
    background: #dfd;
    float: left;
    width: 406px;
}

.eco_counter .title {
    font-size: 13px;
    color: #777;
    margin-bottom: 0.5em;
}

.eco_counter .line .label {
    color: #0b0;
    font-weight: bold;
    clear: left;
    display: block;
    float: left;
    height: 1.4em;
    width: 11em;
    line-height: 1.5em;
}

.eco_counter .line .value {
    color: #0d0;
    font-size: 15px;
    font-weight: bold;
}

.eco_counter .line .unit {
    color: #0b0;
    font-size: 10px;
    vertical-align: bottom;
}

.eco_counter .timestamp {
    text-align: right;
    font-size: 10px;
    color: #777;
}

/* error stuff */

.errorDump {
    border: 4px solid #999;
    padding: 1em;
    background-color: #f5f5f5
}

.errorDump .header {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1em;
}

.errorDump .stackTrace {
    font-size: 11px;
    white-space: pre;
    line-height: 125%;
}