body {background: #75d8d5 url(../images/bg-body.jpg) 0 0 repeat-x; background-position: 0 46px; font-family: "Lucida Grande", Lucida Grande, Verdana, Arial, Helvetica; font-size: 12px; color: #171717; line-height: 16px;}

#top-bar {width: 100%; height: 46px; background: #171717 url(../images/bar-bg.png) 0 0 repeat-x;}
#top-bar #bar-wrapper {width: 604px; margin: 0 auto;}
#top-bar #bar-logo {width: 191px; height: 46px; background: url(../images/bar-logo.png) 0 0 no-repeat; text-indent: -999em; float: left;}
#top-bar #exit {width: 151px; height: 27px; background: url(../images/bar-exit-bg.png) 0 0 no-repeat; margin: 8px 0 0 0; float: right;}
#top-bar #exit a { height: 20px; width: 20px; display: block; float: right; margin: 4px 4px 0 0; background: url(../images/bar-exit-btn.png) 0 0 no-repeat; text-indent: -999em;}
#top-bar #exit a:hover {background-position: 0 -20px;ftp://savethesongs.org:21//subdomains/challenge/httpdocs/uploads/sts-ads-3.zip}

#wrapper {width: 626px; margin: 90px auto;}

#header {width: 626px; height: 172px; background: url(../images/header-bg.png) 0 0 no-repeat; position: relative;}
#header #header-container {width: 290px; height: 110px; position: absolute; top: 50px; right: 52px;}
#header h2 {width: 289px; height: 33px; background: url(../images/header-logo.png) 0 0 no-repeat; text-indent: -999em; margin-bottom: 17px;}
#header p {font-size: 11px;}
#header strong {font-size: 14px;}

div.container {width: 626px; position: relative; z-index: 3; margin-bottom: 10px;}
div.container div.top {width: 100%; height: 21px; background: url(../images/content-bg-top.png) 1px 0 no-repeat;}
div.container div.content {width: 100%; height: auto; background: url(../images/content-bg-middle.png) 0 0 repeat-y; padding-bottom: 6px;}
div.container div.bottom {width: 100%; height: 24px; background: url(../images/content-bg-bottom.png) bottom center no-repeat;}
div.container div.position {width: 573px; margin-left: 27px; text-align: center; overflow: auto;}

div.grey-box {background: #ddd; width: 573px; overflow: visible; margin-bottom: 15px; text-align: left;}
div.grey-box div.round-top {height: 8px; width: 573px; background: url(../images/grey-box-ends.png) 0 0 no-repeat;}
div.grey-box div.round-bottom {height: 8px; width: 573px; background: url(../images/grey-box-ends.png) 0 -8px no-repeat;}
div.grey-box div.grey-content {padding: 5px 15px 8px 15px; border: 0; border-left: 1px; border-right: 1px; border-color: #c5c5c5; border-style: solid; overflow: auto;}

h3 {font-size: 24px; float: right; width: 455px; height: 46px; background: url(../images/divider-short.png) center bottom no-repeat; padding: 9px 0 0 23px; margin-bottom: 10px;}
h4 {font-size: 24px; width: 100%; height: 46px; background: url(../images/divider.png) center bottom no-repeat; padding-top: 9px; margin-bottom: 10px; text-align: center;}

div.step {width: 103px; height: 57px; background: url(../images/step-tag.png) 0 0 no-repeat; position: absolute; margin-left: -40px; text-indent: -999em; float: left;}
div.step1 {background: url(../images/step1.png) 0 0 no-repeat;}
div.step2 {background: url(../images/step2.png) 0 0 no-repeat;}
div.step3 {background: url(../images/step3.png) 0 0 no-repeat;}
div.step4 {background: url(../images/step4.png) 0 0 no-repeat;}

a.connect-btn {width: 251px; height: 46px; text-indent: -999em; display: block; float: left;}
a.connect-btn-facebook {background: url(../images/connect-btn-facebook.png) 0 0 no-repeat;}
a.connect-btn-twitter {background: url(../images/connect-btn-twitter.png) 0 0 no-repeat; width: 239px; float: right;}
a.connect-btn:hover {background-position: 0 -46px;}
span.connect-or {font-size: 18px; font-weight: bold; position: relative; top: 13px; left: 15px;}

#report-card {width: 626px; height: 620px; background: url(../images/scorecard-bg.png) 0 0 no-repeat; margin-bottom: 10px;}
#report-card img {margin: 7px 0 0 12px}

.postit {width: 263px; height: 46px; text-indent: -999em; display: block; float: left; border: 0; cursor: pointer;}
.postit-facebook {background: url(../images/postit-facebook-btn.png) 0 0 no-repeat;}
.postit-twitpic {background: url(../images/postit-twitpic-btn.png) 0 0 no-repeat;}
.postit-twitter {background: url(../images/postit-twitter-btn.png) 0 0 no-repeat; width: 139px;}
.postit-embed {background: url(../images/postit-embed-btn.png) 0 0 no-repeat; width: 163px;}
.postit:hover {background-position: 0 -46px;}

textarea {border: #51adc2 1px solid; width: 509px; padding: 15px; overflow: auto; font-family: "Lucida Grande", Lucida Grande, Verdana, Arial; font-size: 12px; line-height: 18px; margin-bottom: 10px;}
textarea.embed-code {border-color: #a0a0a0;}
p.post-text {font-size: 11px; position: relative; top: 6px; color: #666; float: left; width: 358px; margin-left: 20px;}

div.friend {float: left; width: 270px; margin-bottom: 15px;}
div.friend a {text-decoration: none; display: block; height: 100%; width: 100%; color: #171717; line-height: 16px;}
div.friend a img {border: 4px solid #c0c0c0; float: left; margin-right: 15px;}
div.friend a span {font-size: 16px; font-weight: bold; padding-top: 5px; display: block; margin-bottom: 5px;}
div.friend a em {font-style: normal; font-weight: bold; font-size: 18px; color: #d73d31; position: relative; top: 2px;}
div.friend:hover a img {border-color: #44619c;}
div.friend:hover a {color: #44619c;}
div.friend:hover a em {color: #44619c !important;}

#tidysongs-icon {float: left; margin-right: 20px;}

a.blue-link {font-size: 14px; color: #2482be;}
a.blue-link:hover {text-decoration: none;}
div.divider {width: 100%; height: 5px; background: url(../images/divider.png) top center no-repeat; clear: both; float: left; margin: 15px 0 10px 0 !important;}
.overlap {margin-top: -6px;}
p.overlap-text {margin-top: -77px; line-height: 18px;}
.clear-all {clear: both; height: 0;}
.no-marg {margin-bottom: -15px !important;}
.large-text {font-size: 12px;}
.larger-text {font-size: 13px; float: left; position: relative; top: 4px;}
.largest-text {font-size: 20px; font-weight: bold; margin-top: 12px;}
a.button {border: 1px solid #8b231b; background: #d73d31; color: #fff; font-size: 10px; padding: 3px 6px; text-decoration: none; float: right;}
a.button:hover {border: 1px solid #d73d31; background: #e84a3e;}
.float-left {float: left; position: relative; top: 3px; margin-right: 6px;}
.btn-float-left {float: left !important;}
.grey-btn {background: #ccc !important; border-color: #999 !important; color: #333 !important;}
.green-btn {background: #c0c355 !important; border-color: #a4a83e !important; color: #4f5108 !important;}
.short {width: 255px !important;}
.marg-bottom {margin-bottom: 10px;}
.large-text-link {font-size: 13px; text-decoration: underline; color: #171717; }

.Message {font-size:16px; font-weight:bold; color:#FF0000; margin-bottom:20px; display:block;}
.info-box {background: #f2efc1; border: 1px solid #c1be95; padding: 8px 10px; text-align: center; margin-bottom: 15px;}
.info-box p {display: inline; position: relative; top: -7px; left: 6px;}
.info-box img {position: relative; top: 3px; margin-bottom: 6px;}

#bar-logo {
	cursor:pointer;
	}