body {background: #fff url(../images/bg.jpg) repeat-x scroll}

/* reused */
div.spacer {clear: both; height: 0px; line-height: 0px; font-size: 0px}

/* base typography */
div {font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif}
td {font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif}
body {font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif}
*.error {color: #f00}
*.warning {color: #0f0}
div.error-list li {margin-top: 10px; color: #f00}
*.warning {color: #0f0}
div.error-list {margin-bottom: 10px}
*.warning {color: #0f0}

div.updated {font-weight: bold; font-size: 14px; margin-bottom: 8px; border: 1px solid #ccc; padding: 8px; background-color: #f7f9e2}

/* wrapper */
div#lm {width: 893px; padding-top: 113px; margin: 0px auto 0px auto; position: relative}

/* login */
div#nav-user {z-index: 10; color: #fff; border-bottom: 2px dotted #787c93; position: absolute; top: 0px; right: 38px; text-align: right; font-size: 12px; width: 405px; height: 22px; padding-top: 30px}
div#nav-user a {color: #fff; margin-left: 20px}

/* logo */
div#logo {position: absolute; top: 16px; left: 32px}

/* main nav */
div#nav-main {position: absolute; top: 0px; right: 20px; padding-top: 57px}
div#nav-main ul {display: block; line-height: 0px}
div#nav-main ul li {float: left}
div#nav-main ul li.active {margin-right: 5px; margin-left: 5px}

div#registerpop {display: none;}
div#registercontent {background: #fff url(../images/register_tennisball_bg.gif) no-repeat scroll left 15px;}


table#register {width: 100%}
table#register th {background-color: #373757; width: 50%; text-align: left;}
table#register th h1 {margin: 0px; padding: 3px 0px 3px 15px}
table#register th h1#hdr-register {padding-left: 30px}
table#register td#register-column {width: 50%; color: #4b4a4a; font-size: 12px;}
table#register td#login-column {width: 50%; color: #4b4a4a; font-size: 12px;}
table#register label {line-height: 16px}
table#register td#register-column {border-left: 2px dotted #a4a8b7; padding-left: 20px}
table#register td#login-column {padding-left: 15px}
table#register input.text {width: 141px}
table#register a {text-decoration: underline}

/* sub nav */
div#nav-sub {height: 25px; width: 893px; position: absolute; top: 89px; left: 0px; background: transparent url(../images/bg_nav_sub.jpg) no-repeat}
div#nav-sub.profile {background: transparent url(../images/bg_nav_sub_profile.jpg) no-repeat}
div#nav-sub ul {display: block; line-height: 0px}
div#nav-sub ul li {float: left; margin-right: 21px}

div#nav-sub ul#nav-sub-about {margin-left:450px}
div#nav-sub ul#nav-sub-create {margin-left:520px}
div#nav-sub ul#nav-sub-profile {margin-left: 550px}

/* sub nav_2 for wide pages */
div#nav-sub_2 {height: 25px; width: 893px; position: absolute; top: 89px; left: 0px; background: transparent url(../images/bg_nav_sub.jpg) no-repeat}
div#nav-sub_2.profile {background: transparent url(../images/bg_nav_sub_2.gif) no-repeat}
div#nav-sub_2 ul {display: block; line-height: 0px}
div#nav-sub_2 ul li {float: left; margin-right: 21px}

div#nav-sub_2 ul#nav-sub-about {margin-left:450px}
div#nav-sub_2 ul#nav-sub-create {margin-left:520px}
div#nav-sub_2 ul#nav-sub-profile {margin-left: 550px}


/* third level */
div#nav-third {width: 157px; font-weight: bold; float: left; margin-top: 31px; }
div#nav-third-none {width: 157px; margin-top: 31px;float: left; }

div#nav-third ul { padding-bottom: 17px; padding-top: 7px;  border-top: 2px dotted #373757;}
div#nav-third li { padding-bottom: 2px; font-size: 11px; color: #409C16}
div#nav-third li.head { font-size: 13px; }
div#nav-third li.selected a { font-size: 11px; color: #409C16; }

/* content pane */
div#content-wrapper {background: url(../images/bg_content_rep.jpg) repeat-y; position: relative}
div#content-wrapper a {color: #373757}
div#content-wrapper a:hover {text-decoration: underline}

div#content {background: url(../images/bg_content_top.jpg) no-repeat; padding: 10px 25px 10px 50px; min-height: 450px}
* html div#content {height: 450px; overflow: visible} /* ie hack */

/* main */
div#main-wrapper { background: transparent url(../images/bg_main_rep.jpg) repeat-y; width: 656px; float: left; margin-left: 0px; margin-top: 12px}
h1 {margin-left: 10px; color: white; text-transform: lowercase; padding: 3px 0px 0px 28px; font-size: 14px;}
h1 span.nickname{ color:#FFDD00 }
h1 strong {color: #fff}

div#main { font-size: 12px; line-height: 15px; background: transparent url(../images/bg_main.jpg) no-repeat; color: #373757}
div.main-sub { font-size: 12px; line-height: 15px; color: #373757}
div#main p {margin-bottom: 20px}
div#main-inner { padding: 15px 45px 45px 40px; background: transparent url(../images/bg_main_bottom.jpg) no-repeat bottom left; min-height: 300px}

* html div#main-inner {height: 300px; overflow: visible} /* ie hack */

/* full */
div#content-full div#main-wrapper { background: transparent url(../images/bg_main_full_rep.jpg) repeat-y; width: 100%; margin-left: 0px; margin-top: 12px; float:none}

div#content-full div#main { font-size: 12px; line-height: 15px; background: transparent url(../images/bg_main_full.jpg) no-repeat; color: #373757}

div#content-full div#main-inner { padding: 15px 45px 45px 35px; background: transparent url(../images/bg_main_full_bottom.jpg) no-repeat bottom left; min-height: 300px}
div#content-full {background: url(../images/bg_content_top.jpg) no-repeat; padding: 10px 30px 10px 25px; min-height: 450px}

/* reusable module */
.bl {background: url(../images/ll.jpg) 0 100% no-repeat}
.br {background: url(../images/lr.jpg) 100% 100% no-repeat}
.tl {background: url(../images/ul.jpg) 0 0 no-repeat}
.tr {background: url(../images/ur.jpg) 100% 0 no-repeat; padding:7px 28px 30px 28px}
.tr h1 {margin-left: 0px; padding-left: 0px; margin-bottom: 14px}
.t {background: #fff url(../images/u.jpg) 0 0 repeat-x; margin: 0px auto 0px auto}
.b {background: url(../images/b.jpg) 0 100% repeat-x}
.l {background: url(../images/l.jpg) 0 0 repeat-y}
.r {background: url(../images/r.jpg) 100% 0 repeat-y}


div#main-inner ol {padding-left: 25px; list-style-type: decimal}
div#main-inner ul {padding-left: 25px; list-style-type: disc}
div#main-inner li {padding-left: 0px; margin-left: 15px;}

/* home page */
div#home-wrapper {background: url(../images/bg_content_rep.jpg) repeat-y; position: relative;}
div#home-content {background: url(../images/bg_content_top.jpg) no-repeat; padding: 20px 26px 0px 25px; }
div#home-feature-wrapper {background: url(../images/bg_home_feature_rp.jpg) repeat-y;}
div#home-feature {background: url(../images/bg_home_main_feature.jpg) no-repeat; }
div#home-feature-inner { padding: 15px 45px 45px 35px; background: transparent url(../images/bg_home_feature_bottom.jpg) no-repeat bottom left;}
div#home-feature-stand {position: absolute; top: 60px; top: 60px; left: 520px;}
div#home-feature-stand-dynamic {position: absolute; top: 60px; top: 70px; left: 545px;}

table#home-promo {background: transparent url(../images/bg_home_scrollers.jpg) no-repeat}
table#home-promo div.content {height: 126px}
table#home-promo #partners {padding-right: 26px}
table#home-promo #partners h1 {margin: 0px; padding-left: 30px}
table#home-promo #partners div.inner {padding-left: 21px}
table#home-promo #stand-locations h1 {margin: 0px; padding-left: 9px}
table#home-promo #stand-locations {padding-right: 26px}
table#home-promo div.inner {margin: 3px 0px 0px 0px}

/* stands grid */

div.stand-info {font-size: 11px; color: #003}
div.stand-info h2 {color: #333}

table.stands-grid-5 td {width: 20%}
table.stands-grid-5 img {margin-left: 10px}
table.stands-grid-5 {width: 100%; margin-top: 10px}

* html div#home-content {height: 450px; overflow: visible} /* ie hack */

/* Marketplace */

div.item-cell {width: 78px; margin-left: 5px; margin-right: 5px; margin-bottom: 15px; text-align: center;}
#marketplace div.item-cell {width: 140px}

div.rating {white-space: nowrap}
div.page-numbers {float: right; margin: 0px 0px 10px 0px; width: 270px; text-align: right}

/* profile page */

form#profile div.identitycol {width: 410px; float: left;}
form#profile div.auxcol {width: 340px; float: left}

form#profile div.field {clear: both; padding-top: 20px; position: relative; z-index: 3;}
form#profile div.caption {position: absolute; top: 0px; left: 0px; width: 230px; margin-left: 200px}
form#profile div.field label {float: left; padding-right: 10px; }
form#profile fieldset#fprofile label#l-uBio {float: none; display: block; padding-bottom: 10px}
form#profile fieldset#fprofile label#l-uAvatar {float: none; display: block; padding-bottom: 10px}
form#profile fieldset#fprofile input.uak-file {font-size: 9px}
form#profile fieldset#fprofile {margin-bottom: 12px; }

form#profile div.field textarea {height: 100px}
form#profile fieldset {margin-bottom: 30px; border: 0px;}
form#profile fieldset h2 {font-size: 16px}
div#register-link-names {width: 230px; margin-top: 10px; float: left}
div#register-link-urls {width: 200px; margin-top: 10px; float: left}
fieldset#flinks input {display: block; margin-bottom: 5px; width: 200px}
fieldset#flinks {margin-bottom: 0px}
form#profile img.u-avatar {border: 2px solid black}

fieldset#fidentity label { width: 100px; }
fieldset#fidentity textarea {width: 200px}
fieldset#fidentity input.uak-text {width: 200px}
form#profile input.uak-file {font-size: 10px}
fieldset#fprivacy label {width: 240px; }
fieldset#foptin label {width: 240px; }

div#profilebuttons {margin-top: 10px; text-align: center}

/* stand page */
div#stand {width: 250px; margin-top: 31px;float: left; font-size: 12px; line-height: 15px; color: #373757}

div#stand-wrapper { background: transparent url(../images/bg_stand_rep.jpg) repeat-y; width: 566px; float: left; margin-left: 0px; margin-top: 0px}
div#stand-main h1 {margin-left: 10px; color: white; text-transform: lowercase; padding: 15px 0px 0px 28px; font-size: 14px;}
div#stand-main { font-size: 12px; line-height: 15px; background: transparent url(../images/bg_stand.jpg) no-repeat; color: #373757}
div#stand-main p {margin-bottom: 20px}
div#stand-inner { padding: 15px 25px 85px 40px; background: transparent url(../images/bg_stand_bottom.jpg) no-repeat bottom left; min-height: 300px}
div.stand-rating-total {color: #b3b3c8; margin-top: 3px}
div#stand-main div#places_div{ height:115px; overflow:auto; text-align:center; border:1px solid #999; margin-top:4px}
div#stand-main div#places_div div{ margin:8px 0px 8px 0px; cursor: pointer}

div#stand-inner a {color: #409C16; text-decoration: none}

div#main-inner a {color: #409C16; text-decoration: none}
div#stand-inner a:hover {text-decoration: underline}

div#main-inner a:hover {text-decoration: underline}

div#stand-tags {margin: 0px 10px 10px 0px;}

div#stand-rating {margin: 0px 10px 10px 0px;}

div#stand-meta {margin: 0px 10px 10px 0px;}

div#stand-category {margin: 0px 10px 10px 0px;}

div#stand-meta {float: left; margin-left: 20px; width: 225px; }
div#stand-info {float: left; width: 225px}

#stand-info
{
    padding-bottom: 8px;
    color: #333;
}

#stand-meta
{
    padding-bottom: 8px;
    color: #333;
}
#stand-meta input.selectable {padding: 4px; border: 1px solid #999; color: #777; font-size: 11px}
#stand-info input.selectable {padding: 4px; border: 1px solid #999; color: #777; font-size: 11px}
#stand-info textarea {padding: 4px; border: 1px solid #999; color: #777; font-size: 11px}
#stand-meta textarea {padding: 4px; border: 1px solid #999; color: #777; font-size: 11px}
div.instructions {border: 1px solid #999; padding: 8px; margin-top: 8px}
div.instructions ol li {list-style-type: decimal;}
div.instructions li {margin-left: 20px; margin-bottom: 8px}

#stand-info h4 {color: #333}

#stand-meta h4 {color: #333}
#stand-meta div.descr{color: #aaa; font-size:11px}
#stand-description div.descr{color: #aaa; font-size:11px}
#stand-info div.descr{color: #aaa; font-size:11px}
#stand-description { width: 225px; padding-right: 1em; }
#stand-info { width: 225px; padding-right: 1em; }
#user-bio { padding-left:10px; width: 225px; }
#stand-meta { padding-left:10px; width: 225px; }
td#stand-description h3 { font-size: x-large; padding-bottom: 0.5em; }

td#user-bio { margin: 0px; padding: 0px; }
td#user-bio h3 { font-size: x-large; margin: 0px;  padding: 0px; padding-bottom: 0.5em; }
#stand-scroller {
    width: 500px;
    height: 89px;
    background: #EDEDED;
    border: 1px solid #CCC;
    overflow: auto;
}
.stand_icon{
    width:  100px;
    margin-right: 0.25in;
    background: #CCC;
    border-right: 0.25in solid #EEE;

}

div#stand-main img.u-avatar {float: left; margin: 8px 8px 0px 0px; border: 1px solid #373758}
div.profile img.u-avatar {float: left;  border: 1px solid #373758; margin: 0px; padding:0px;}
div.profile img.stand-thumbnail {float: none; margin-left: 0px; margin-bottom: 4px;}

h2.reg {font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; color: #409C16; line-height: 22px;}

/* stats */
table.stats-grid {border-left: 1px solid #373758; border-bottom: 1px solid #373758}
table.stats-grid td {border-right: 1px solid #373758; border-top: 1px solid #373758; padding: 4px}

table.stats-grid th {border-right: 1px solid #373758; border-top: 1px solid #373758; padding: 4px}

div.stand-listing {float: left; width: 280px; padding-bottom: 20px}
div.stand-listing div.thumb {float: left; width: 78px; margin-right: 10px; padding-bottom: 20px}
div.stand-listing div.data {padding-bottom: 20px; float: left}

div.stand-listing-grid {float: left; width: 130px; height: 180px}
div.stand-listing div.thumb {text-align: center; padding-bottom: 8px}
div.stand-listing-grid h2 {width: 80px}

div.stand-listing-grid-scroll {width: 90px; text-align:center; padding:0px 8px 16px 8px; margin:0px}
div.stand-listing-grid-scroll div.thumb {text-align: center; padding-bottom: 2px; float:none; cursor:pointer}
div.stand-listing-grid-scroll h2 {}

div.product-offer-listing {padding: 20px; margin-bottom: 20px; clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
div.product-offer-listing img {margin: 0px 10px 10px 0px; float: left;}
div.product-offer-listing div.data {padding-left: 20px; padding-top: 20px;}

div.sponsor-offer-listing {padding: 20px; margin-bottom: 20px; clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
div.sponsor-offer-listing img {margin: 0px 10px 10px 0px; float: left;}
div.sponsor-offer-listing div.data {padding-left: 20px; padding-top: 20px;}

div#account-stats-summary {float: right; width: 330px; margin-left: 30px; margin-top: 10px; text-align: right}
div#account-stats-list {float: right; width: 300px; margin-left: 20px; margin-top: 10px;}
div#view-account-stats-list {float: right; width: 350px; margin-left: 20px; margin-top: 10px;}
div#view-account-stats-list h2{ line-height:20px; margin-top:4px; margin-bottom:4px}

div#yourStands h1{ color:#449; margin: 0px 0px 8px 0px; font-size:20px; padding:0px }

/* footer */
div#footer {background: url(../images/bg_footer.jpg) no-repeat; padding: 40px 0px 20px 50px;}
div#footer ul {display: block; }
div#footer ul li {float: left; margin-right: 20px;}
div#footer a {color: #999999; font-size: 10px;text-align:center;}
div#footer {color: #999999; font-size: 10px;text-align:center;}
div#footer li#privacy a{color: #409C16}

div#footer li#nterms a{color: #409C16}

/* faq */
h2.faqhead
{
	font-size: 12px;
    font-weight: bold;
    color      : #6C3;
    margin: 0px 0px 0px 0px;
}

/* Market Search */
.ghosted
{
    color: silver;
}

.market_search_pane
{
    width:  61.8%;
    border: 1px solid #373857;
    margin: 0.25in;
    margin-top: 0px;
    padding: 0.5em 1em 1.5em 1em;
}
.market_search_pane h2
{
    margin-bottom: 1em;
}


/* Horizontal JS Scroller */
table#horzScroller{ margin:0px; padding:0px; width:100%;}
table#horzScroller td{ background-color:#eee}
table#horzScroller div#topBorder{background:url(../images/imageScroller/border_color.gif) repeat-x scroll; margin: 0px 11px 0px 13px; line-height: 2px}
table#horzScroller div#bottomBorder{background:url(../images/imageScroller/border_color.gif) repeat-x scroll bottom; margin: 0px 11px 0px 13px; font-size:1px; line-height:11px; height:11px}

table#horzScroller td#leftMidCell{background: url(../images/imageScroller/border_left_v2.gif) repeat-y scroll left;}
table#horzScroller td#rightMidCell{background: url(../images/imageScroller/border_right_v2.gif) repeat-y scroll right; text-align:right; width:24px}
div#scrollZoneWrapper{position:relative; height:130px; overflow: hidden; width:auto; display:block; margin:0px; padding:0px;top:0px; left:0px; z-index:3;}
div#scrollableContent{position:absolute; height:130px; width:auto; top:0px; left:2px; display:block; border:1px solid #eee; margin:0px; padding:0px; z-index:4;}
table#horzScroller div#scrollButtonL{ cursor:pointer; width:22px; padding:0px; margin:0px;}
table#horzScroller div#scrollButtonR{ cursor:pointer; float:right}

div#tbPopupBG {background: #fff url('../images/register_tennisball_bg.gif') no-repeat left top;
}
div#tbPopupHeaderBar {background-color: #373757; text-align: left; color:#FFFFFF; padding:4px; font-size: 12px}
div#emailFriendAjaxLoader{display:none; margin-left:16px}

div#TB_title{ display:none}

div.alertMsg{background:#FFFF99; color:#dd0000; padding:2px}

div.dialog h2 {color: white; text-transform: lowercase; padding: 3px 0px 3px 6px; font-size: 14px; background-color: #373857;}
div.dialog div.dialog-content {padding: 8px}
div.dialog div.dialog-content input {font-size: 10px}

.note{font-size:10px; color:#666666}


div.buttons {
	margin-top: 10px; 
}