@import url(team.css);

body {
  text-align: center;
  font-family: helvetica, arial, serif;
}

div, p {
  text-align: left;
}

#mainWrapper {
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: left;
  width: 935px;
}

/* Some defaults */

a {
  color: blue;
  text-decoration: none;
}

a:link {
  color: blue;
  text-decoration: none;
}

a:hover {
  color: blue;
  text-decoration: none;
}

a:visited {
  color: blue;
}

a:active {
  color: blue;
}

div, p {
  font-family: helvetica, arial, serif;
  font-size: 12px;
}

img {
  border: 0 none #000000;
  text-decoration: none;
}

#topBar {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/935x80px-black-header-background.png") 0 0 no-repeat;
  width: 935px;
  height: 80px;
}

#logo {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/297x67-soundtrckr-logo-white-on-black.png") 0 0 no-repeat;
  float: left;
  margin: 6px 0 0 24px;
  height: 67px;
  width: 297px;
}

#middleContent {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/935x600px-black-main-background.png") 0 0 no-repeat;
  margin: 1px 0 0 0;
  height: 600px;
  width: 935px;
}

#leftContent {
  float: left;
  background: url("http://webassets.yourmusicon.com.s3.amazonaws.com/620x500px-white-field-with-black-trim.png") 0 0 no-repeat;
  width: 620px;
  height: 500px;
  padding: 14px 0 0 0;
}

.leftHeader {
  width: 590px;
  height: 40px;
  margin: 0 15px 0 15px;
  padding: 0 13px 0 13px;
  font-family: helvetica, arial, serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 40px;
  color: #ffffff;
}

.placesLeftHeader {
  background: url("http://webassets.yourmusicon.com.s3.amazonaws.com/590x40px-green-header-no-text.png") 0 0 no-repeat;
}
.placesLeftTop{height:350px; width:100%; float:left;}

.stationLeftHeader {
  background: url("http://webassets.yourmusicon.com.s3.amazonaws.com/station-subheader-no-text.png") 0 0 no-repeat;
}

.aboutLeftHeader {
  color: #155389;
  background: url("http://webassets.yourmusicon.com.s3.amazonaws.com/About-header-no-text.png") 0 0 no-repeat;
}

#aboutLeftContent {
  font-family: helvetica, arial, serif;
  font-size: 15px;
  color: #155389;
  margin: 30px 70px 0 28px;
  line-height: 120%
}

#rightContentForm {
  font-family: helvetica, arial, serif;
  font-size: 15px;
  font-weight: bold;
  color: #155389;
  line-height: 175%;
  margin: 20px 15px 0 15px;
}

#playerContent {
  padding: 50px 135px 0 135px;
}

#playerExtras {
  width: 320px;
  height: 230px;
  background: url("http://webassets.yourmusicon.com.s3.amazonaws.com/320x230px-green-field-ticks.png") 0 0 no-repeat;
  padding: 18px 18px 0 18px;
}

#metaFlip {
	float: left;
	margin: 8px 0 0 8px;
  width: 180px;
  height: 180px;

  /*background-color:red;*/
}

#metaFlipText {
  padding-bottom: 10px;
}

#albumArt {
  width: 180px;
  height: 180px;
}

#flashPlayer {
}

#map_canvas {
	float: left;
  height: 355px;
  width: 609px;
  margin: 2px 5px 0px 5px;
}

#loginTopDiv {
  float: left;
  margin-left: 192px;
  margin-top: 34px;
  font-size:13px;
  text-align: right;
  width: 110px;


}

a.whiteLink:link,a.whiteLink:hover,a.whiteLink:visited,a.whiteLink:active {
  color: #FFFFFF;
  text-decoration: none;
}

.whiteFg {
  color: white;
}

#buttonBar {
  float: right;
  padding: 14px 4px 14px 0;
}

.topButton {
  width: 44px;
  height: 44px;
  margin: 4px 12px 0 0;
}

.rightContent {
  margin-left: 5px;
  float: left;
  background: url("http://webassets.yourmusicon.com.s3.amazonaws.com/310x500px-white-field-with-black-trim.png") 0 0 no-repeat;
  height: 500px;
  width: 310px;
  padding: 14px 0px 0px 0px;
}

#rightContentInner {
  margin: 0 15px 0 15px;
}

#rightContentEmpty {
  background: url("http://webassets.yourmusicon.com.s3.amazonaws.com/310x500px-black-field-with-black-trim.png") 0 0 no-repeat;
}

#rightContentHeader {
  background: url("http://webassets.yourmusicon.com.s3.amazonaws.com/comments-header-no-text.png") 0 0 no-repeat;
  height: 40px;
  width: 280px;
  padding: 0 13px 0 13px;
  font-family: helvetica, arial, serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 40px;
  color: #ffffff;
}

#comments {
  border-top: solid black 2px;
  border-bottom: solid black 2px;
  width: 280px;
  height: 289px;
  overflow-x: hidden;
  overflow-y: auto;
}

#makeACommentHeader {
  background: url("http://webassets.yourmusicon.com.s3.amazonaws.com/make-a-comment-subheader-no-text.png");
  width: 280px;
  height: 27px;
  font-family: helvetica, arial, serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
  text-align: center;
}

#makeAComment {
  padding: 5px 10px 5px 10px;
}

#commentsTextArea {
	width: 240px;
}

#commentButton {
  padding-top: 5px;
  width: 100px;
  height: 30px;
}

.aboutFormResult {
  padding-top: 20px;
  color: red;
}

#signupButton {
  width: 100px;
  height: 30px;
}

.imageButton:hover {
  cursor: pointer;
}

#loginDiv {
  display: none;
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/300x280-blue-field-with-green-trim-with-logo.png") 0 0 no-repeat;
  width: 300px;
  height: 280px;
}
#shareDiv {
  display: none;
  background: url("/images/300x280px-popup-background-with-white-field.png") 0 0 no-repeat;
  width: 300px;
  height: 280px;
}
#alertDiv {
  display: none;
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/300x280-blue-field-with-green-trim-with-logo.png") 0 0 no-repeat;
  width: 300px;
  height: 280px;
}
.dialogClose {
  background: transparent url("http://webassets.soundtrckr.com.s3.amazonaws.com/23x23px-x-button.png") 0 0 no-repeat;
  font-size: 0px;
  height: 23px;
  width: 23px;
  float: right;
  cursor: pointer;
  margin: 20px 20px 0 0;
}

.dialogContent {
  padding:63px 25px 10px 25px;
  color: #FFFFFF;
}

.dialogContent a {
  color: #74c80e;
  cursor: pointer;
}

.dialogContent a:hover {
  text-decoration: none;
}

#dialogTitle {
	margin: 7px 0 4px 0;
	font-size: 14px;
}

#dialogError {
	/*color: #74c80e;*/
	color: red;
	margin: 10px 0 0 0;
    line-height:30px;
	font-size: 14px;
	visibility: hidden;
}

.dialogFieldTitle, .regFieldTitle {
  margin: 7px 0 4px 0;
  font-size: 12px;
}

#j_username, #j_password {
	width: 170px;
}

.regFieldTitle {
  color: #155389;
}

.dialogCancel {
  position: absolute;
  bottom: 15px;
  font-size: 11px;
  font-weight: bold;
}
.dialogAlertCancel {
  bottom: 15px;
  font-size: 11px;
  font-weight: bold;
}
#loginButton {
	margin-top: 11px;
  height: 27px;
  width: 114px;
}

#loginRegisterLink {
  position: absolute;
  left: 170px;
  bottom: 70px;
}

.leftContentScroll {
  margin: 4px 15px 0 25px;
  width: 580px;
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}


/* MPA Dialog Content */
.mpaDialogContent {
  background: transparent url("http://webassets.soundtrckr.com.s3.amazonaws.com/397x299-popup-background-full-with-outline-text.png") 0 0 no-repeat;
  width: 397px;
  height: 299px;
  color: #000000;
}

#mpaButton {
  width:114px;
  height:27px;
}

#soundtrckrButton {
  width:114px;
  height:27px;
}


/* New stuff from Thomas below */

#pageContent {
  float: left;
  margin: 10px 0 0 12px;
  height: 575px;
  width: 910px;
}

.pageLightGreen {
	/*background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/910x575px-background-green.png") 0 0 no-repeat;*/
    background-color:white;
}

.pageDarkGreen {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/910x575px-background-green.png") 0 0 no-repeat;
}

.pageBlue {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/910x575px-background-blue.png") 0 0 no-repeat;
}

.pageYellow {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/910x575px-background-yellow.png") 0 0 no-repeat;
}

.pageGray {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/910x575px-background-gray.png") 0 0 no-repeat;
}

#pageTitle, #pageTitleGray {
    color:white;
    font-size:16px;
    font-weight:bold;
    line-height:24px;
    margin:0 0 0 10px;
}

#pageTitleGray {
	color: #94a794;
}

#leftPage {
  float: left;
  width: 423px;
  height: 441px;
  margin: 3px;
  /*background-color:red;*/
}
#homeLeftPage {
  float: left;
  width: 423px;
  height: 441px;
  margin-left: 3px;
  /*background-color:red;*/
}


#rightPage {
  width: 453px;
  height: 536px;
  margin: 3px 0 0 452px;
}

#rightHomePage {
    float:left;
    height:524px;
    width:471px;
}

#leftPageTab {
	margin: 5px 0 0 2px;
	height: 22px;
	width: 444px;
}

.tabTitle {
  	font-weight: bold;
    color:white;
    float:left;
    font-size:14px;
    font-weight:bold;
    margin:6px 0 0 0;
    *margin: 6px 0 0 3px;
}

.blueHeaderAbout .tabTitle {
    margin:6px 0 0 9px;
}
.grayHeader .tabTitle {
    margin:6px 0 0 9px;
}
.blueHeader .tabTitle {
    margin:6px 0 0 9px;
}

.blueHeader, .darkGreenHeader, .grayHeader, .blueHeaderAbout {
	height: 25px;
	margin: 5px 0 0 0;
}

.blueHeader, .blueHeaderAbout {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/444x22px-blue-tab.png") 0 0 no-repeat;

}

.blueHeaderAbout {
  margin-top: 8px;
}

.darkGreenHeader {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/444x22px-green-tab.png") 0 0 no-repeat;
}

.grayHeader {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/444x22px-gray-tab.png") 0 0 no-repeat;
}

.scrollTrack {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/2x164px-vertical-scrollbar.png") repeat-y 0 0;
	/*
	width: 2px;
	background-color:#94a794;
	right: 4px;
	*/
	position: absolute;
	right: 3px;
	height: 100%;
}
.scrollTrackHome {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/2x164px-vertical-scrollbar.png") repeat-y 0 0;
	position: absolute;
	right: 9px;
	height: 100%;
}


.pageRow {
    float:left;
	width: 433px;
	height: 46px;
	padding-top: 5px;
}

.rowRank {
	float: left;
	color: #74c80e;
	font-weight: bold;
	font-size: 14px;
	width: 17px;
}

.rowPic {
  float: left;
  height: 40px;
  width: 40px;
  margin-left: 10px;
}

.rowText {
    color:#A8B4A5;
    float:left;
    font-size:12px;
    font-weight:bold;
    height:32px;
    margin-left:10px;
    margin-right:5px;
    overflow:hidden;
    width:158px;

	/*background-color:red;*/
}

/*
.rowPlay {
	float: left;
	margin-left:15px;
	margin-right:14px;
	height: 26px;
	width: 28px;
}
*/

.rowPlay {
  float: left;
  margin: 5px 10px 0 16px;
  /*background-color: yellow;*/
}

.rowTag {
	float: left;
	height: 24px;
	width: 57px;

	/*background-color: green;*/
}

.rowRightText {
	float: left;
	color: #155389;
	font-weight:bold;
	font-size: 16px;
	text-align:right;
	width: 112px;
	padding-right:10px;

	/*background-color:pink;*/
}

.rowDivider {
    float:left;
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/410x2px-gray-line.png") no-repeat 0 0;
	height: 2px;
	width: 410px;
}

/* Home Page */

.leftPageTabHome {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/447x22px-gray-split-tab.png") 0 0 no-repeat;
	float: left;
}

.splitTabTitle {
	color: white;
	float: left;
	margin: 6px 0 0 96px;
	font-weight: bold;
}

#leftPageLeft {
	float: left;
  width: 116px;
  height: 497px;
  margin: 5px 0 0 6px;
  padding: 3px 3px 0 2px;
  font-size: 12px;
  line-height: 15px;
}

#leftPageLeft #itunesBadge {
  margin-left: -2px;
}

#leftPageLeft #mpaBadge {
  margin-left: -2px;
  margin-top: 100px;
  width: 116px;
  height: 50px;
}

#leftPageLeft #haitiBadge {
  margin-left: -2px;
  margin-top: 10px;
  width: 116px;
  height: 145px;
}


#leftPageMovie {
	float: left;
  width: 317px;
  height: 500px;
  margin: 5px 0 0 2px;
}

#rankings {
	float: left;
	width: 100%;
	height: 37%;
}

.rankingsHolder {
	float: left;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

.rankingsPane {
	height: 200px;
	overflow: auto;
	float: left;
}

.rankingsHolder .jScrollPaneDrag {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/9x22px-scrollknob-blue.png") no-repeat 0 0;
}
#stationsGreenScroll {
  float: left;
  margin: 5px 3px 3px 0px;
  position: relative;
  width: 98%;
  height: 179px;
}
#stationsGreenScroll .jScrollPaneDrag {
	background: url("/images/8x22px-green-scrollable-div-toggle.png") no-repeat 0 0;
}

#stationsGreenScroll .stationRowDivider {
  float:left;
  background-color: #94a794;
  height: 2px;
  width: 91%;
  /*margin-left: 7px;*/
}

#profileStationsGreenScroll {
  float: left;
  margin: 5px 3px 3px 0px;
  position: relative;
  width: 100%;
  height: 179px;
}
#profileStationsGreenScroll .jScrollPaneDrag {
	background: url("/images/8x22px-green-scrollable-div-toggle.png") no-repeat 0 0;
}
#profileStationsGreenScroll .stationRowDivider {
  float:left;
  background-color: #94a794;
  height: 2px;
  width: 91%;
}
#taggers {
	float: left;
	width: 100%;
	height: 37%;
}

#taggersHolder {
	float: left;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

#taggersPane {
	height: 200px;
	overflow: auto;
	float: left;
}

#taggersHolder .jScrollPaneDrag {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/9x22px-scrollknob-green.png") no-repeat 0 0;
}

#feed {
	float: left;
	width: 100%;
	height: 26%
}

#feedHolder {
	float: left;
	padding-left: 10px;
	margin-top: 8px;
	margin-bottom: 5px;
	position: relative;
}

#feedPane {
	height: 102px;
	/*overflow: auto;*/
	overflow: hidden;
	float: left;
}

#feedHolder .jScrollPaneDrag {
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/9x22px-scrollknob-blue.png") no-repeat 0 0;
}

/* Station Page */

.pageComments {
  /*background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/910x575-split-white-field-green-trim-no-text.png") 0 0 no-repeat;*/
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/910x575px%20clean-background-for-stations-page.png") 0 0 no-repeat;

}

#leftPageComments {
  float: left;
  width: 455px;
  height: 536px;
  margin: 3px 0 0 0;
}
#leftPageComments {
  float: left;
  width: 618px;
  height: 535px;
  margin: 4px 0 0 0;

  /*background-color:yellow;*/
}

.leftPageCommentsTabGreen, .leftPageCommentsTabBlue {
  margin: 5px 0 0 2px;
  height: 22px;
  width: 613px;
  float: left;
}

.leftPageCommentsTabGreen {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/613x22px-green-tab.png") 0 0 no-repeat;
}

.leftPageCommentsTabBlue {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/613x22px-blue-tab.png") 0 0 no-repeat;
}

.leftPageCommentsTop {
	height: 72%;
  width: 100%;

  /*background-color:red;*/
}

.leftPageCommentsBottom {
  height: 28%;
  width: 100%;

  /*background-color: blue;*/
}

.leftPageCommentsBottomContent {
	float: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 50px;

  /*background-color: white;*/
}

#playerBg {
	position: relative;
	float: left;
	margin-top: 5px;
	margin-left: 3px;
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/318x340px-black-player-background.png") 0 0 no-repeat;
	height: 340px;
	width: 321px;
}

#playerGreen {
	margin-top: 60px;
	margin-left: 8px;
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/300x216px-green-field.png") 0 0 no-repeat;
	height: 216px;
	width: 300px;
}
#playerGrey {
	margin-top: 60px;
	margin-left: 8px;
    background:url("/images/grey_box.png") 0 0 no-repeat;
	height: 226px;
	width: 342px;
}

#buyLink {
	position: absolute;
	bottom: 242px;
	left: 200px;
	display: none;
}

#shareLinkDiv{
    float:left; position:absolute;left:200px;top: 110px;
}

#playerGreenTicks {
	margin-top: 8px;
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/107x15-player-green-ticks.png") 0 0 no-repeat;
  width: 107px;
  height: 15px;
}

#stationTitle {
    color:white;
    float:left;
    font-size:16px;
    font-weight:bold;
    margin-left:13px;
    margin-top:11px;
    width:100%;
    height:18px;
    overflow:hidden;
}

#playControls {
  margin-top: 14px;
}

.stationListenerCount{
    float:right;
    font-size:10px;
    font-weight:bold;
    line-height:22px;
}

#infoDiv {
  color:#000;
  position: absolute;
  bottom: 17px;
  left: 87px;
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/215x17px-song-and-artist-info-field.png") no-repeat bottom right;
}

#infoPara {
  position: relative;
  bottom: 10px;
  visibility: hidden;

  /*
  background-color: yellow;
  */
}

#commentsSection {
	float: left;
	width: 250px;
  height: 535px;
  margin: 4px 0 0 5px;

	/*background-color: red;*/
}

#commentsTab {
	float: left;
	background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/271x22px-blue-tab.png") 0 0 no-repeat;
	margin: 5px 0 0 2px;
	width: 271px;
	height: 22px;
}

#commentsHolder {
	float: left;
	width: 98%;
	height: 300px;
	position: relative;

	/*background-color:yellow;*/
}

#commentsPane {
  height: 100%;
  width: 100%;
  overflow: auto;
  float: left;

  /*background-color:pink;*/
}

#commentsHolder .jScrollPaneDrag {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/9x22px-scrollknob-blue.png") no-repeat 0 0;
}

.scrollTrackComments {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/2x278px-gray-vertical-scrollbar.png") no-repeat 0 0;
  position: absolute;
  right: 3px;
  height: 278px;
  margin-top:11px;
}

.commentItem {
  float:left;
  border-bottom: solid #94a794 2px;
  height: auto;
  width: 215px;
  margin-left:5px;
  padding: 8px 5px 2px 5px;
  overflow:hidden;  
}

.commentPic {
  float: left;
  height: 60px;
  width: 60px;
  padding-right: 5px;
}

.commentText {
  float: left;
  font-family: helvetica, arial, serif;
  /*font-weight: bold;*/
  font-size: 11px;
  line-height: 14px;
  width: 150px;
  /*margin-top: 2px;*/

  /*background-color: green;*/
}

#commentsTextTab {
  float: left;
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/271x22px-square-blue-tab.png") 0 0 no-repeat;
  margin: 5px 0 0 0;
  width: 245px;
  height: 22px;
}

#commentForm {
	float: left;
	padding: 0 0 0 0;
  margin-top:13px;
  margin-left: 2px;
  height: 94px;

  /*background-color:yellow*/
}

#commentsTextArea {
	border: 1px solid #155389;
	font-size: 13px;
}

#commentSubmitButton {
  float: left;
  margin-top: 15px;
 /* margin-left: 10px; */
  width: 100px;
  height: 30px;
}

#commentsBottom {
  /*float: left;*/
  position: absolute;
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/279-28-comments-bottom.png") 0 0 no-repeat;
  width: 279px;
  height: 28px;
  margin-top: 507px;
}

#commentsLogin {
	float: left;
	margin: 20px 0 0 10px;
}

/* profile */

#profLeftTop {
  float: left;
  width: 100%;
  height: 160px;
  padding-top:3px;
}

#profLeftLeftTop {
  float: left;
  width: 103%;
  height: 130px;
  padding-left: 5px;

  /*background-color:yellow;*/
}

#profilePic {
  float: left;
  margin-top: 7px;
  margin-left: 3px;
  width: 116px;
  height: 116px;
}

#recentArtistsTitle {
    color:#74C80E;
    float:left;
    font-size:11px;
    margin-bottom:10px;
    position:relative;
    width:100%;

	/*background-color: red;*/
}

#recentArtists {
    color:#74C80E;
    float:left;
    font-size:11px;
    height:56px;
    width:100%;
	/*background-color: black;*/
}

#profileLeftRightTop {
  float: left;
  /*padding-left: 10px;*/
  position: relative;
  width: 100%;
  height: 180px;

  /*background-color:red;*/
}

#stationsTitle1 {
    color:#FFFFFF;
    float:left;
    font-size:16px;
    font-weight:bold;
    height:20px;
    margin-bottom:5px;
    padding-left:8px;
    width:99%;

  /*background-color: white;*/
}


#stationsHolder {
  float: left;
  margin: 2px 3px 3px 0px;
  position: relative;
  width: 100%;
  height: 129px;

  /*background-color: green;*/
}

#stationPageStations {
  float:left;
  top:0px;
  width: 290px;
 /* height: 353px;*/

  /*background-color: pink;*/
}

#stationPageStations #stationsHolder {
  width: 270px;
  height: 154px;

  /*background-color: green;*/
}

#stationPageStations #stationsTitle {
  position: relative;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 8px;
  margin:0 0 5px 10px;
  /*background-color: yellow;*/
}

.scrollTrackStations {
  position: absolute;
  height:130px;
  width: 2px;
  right: 3px;
  margin-top: 4px;
  background-color: #94a794;
}

#stationPageStations .scrollTrackStations {
	height: 164px;
}

#stationsPane {
  height: 128px;
  overflow: auto;
  float: left;
  width: 100%;
}

#stationPageStations #stationsPane {
  height: 174px;
  overflow: auto;
  float: left;
}

#stationsHolder .jScrollPaneDrag {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/9x22px-scrollknob-green.png") no-repeat 0 0;
}

#stationsHolder .stationRowDivider {
  float:left;
  background-color: #94a794;
  height: 2px;
  width: 91%;
  /*margin-left: 7px;*/
}

.stationRow {
  float:left;
  padding: 2px 5px 2px 15px;
  width: 90%;
  /*border-bottom: 2px solid #94a794;*/
}

#stationPageStations .stationRow {
  width: 245px;
}

.stationRowDivider {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/300x3px-gray-horizontal-line.png") no-repeat 0 0;
  height: 2px;
  width: 90%;
}

a.stationLink, a.stationLink:link, a.stationLink:visited, a.stationLink:link, a.stationLink:active {
  color: #000000;
  text-decoration: none;
}

#profLeftBottom {
  float: left;
  width: 100%;
  margin: 0 5px 0 5px;
  padding-left:5px;

	/*background-color: pink;*/
}

#profFriendsButton {
  float:left;
  height: 30px;
}

#followButton {
  height: 30px;
  width: 100px;
}

#geoTags {
	margin-top:15px;
	width: 100%;
	height: 180px;

  /*background-color: red;*/
}

#geoTagsTitle {
    border-bottom:3px solid;
    color:#009120;
    float:left;
    font-size:16px;
    font-weight:bold;
    height:20px;
    margin-bottom:5px;
    padding-left:8px;
    width:99%;

  /*background-color: yellow;*/
}
#stationsTitle{
    border-bottom:3px solid;
    color:#74C80E;
    float:left;
    font-size:16px;
    font-weight:bold;
    height:20px;
    margin-bottom:5px;
    padding-left:8px;
    width:99%;

  /*background-color: yellow;*/
}
#geoTagsHolder {
  float: left;
  margin: 2px 3px 3px 0px;
  position: relative;
  width: 100%;
  height: 141px;

  /*background-color: green;*/
}

.scrollTrackGeoTags {
  position: absolute;
  height: 130px;
  width: 2px;
  right: 4px;
  margin-top: 4px;
  background-color: #94a794;
}

#geoTagsPane {
  height: 128px;
  overflow: auto;
  float: left;
  width:100%;
}

#geoTagsHolder .jScrollPaneDrag {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/9x22px-scrollknob-green.png") no-repeat 0 0;
}

.geoTagsRow {
  padding: 2px 5px 2px 15px;
  width: 90%;
  font-size:14px;
  font-weight:bold;
  line-height:27px;

}
.geoTagsRow a{
     color:#A8B4A5;
}

.geoTagsRowDivider {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/410x2px-gray-horizontal-line.png") no-repeat 0 0;
  height: 2px;
  width: 90%;
  /*margin-left: 8px;*/
}

#friends {
  float: left;
  width: 100%;
  height: 100%;
}

#friendsHolder {
  float: left;
  padding-left: 10px;
  margin-top: 8px;
  margin-bottom: 5px;
  position: relative;
}

#friendsPane {
  height: 500px;
  overflow: auto;
  float: left;
}

#friendsHolder .jScrollPaneDrag {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/9x22px-scrollknob-blue.png") no-repeat 0 0;
}

.scrollTrackFriends {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/2x483px-gray-vertical-scrollbar.png") no-repeat 0 0;
  position: absolute;
  right: 2px;
  height: 100%;
}

/* Prefs page */

.prefsSectionTitle {
  margin: 7px 0 4px 0;
  padding-left: 7px;
  font-size: 14px;
  font-weight: bold;
  color: #94a794;
}

.prefsFieldTitle {
  margin: 7px 0 4px 0;
  font-size: 12px;
  color: #94a794;
}

.divider {
  margin-top:5px;
  margin-bottom:5px;
  height: 2px;
  width: 100%;
  background-color: #94a794;
}

a.blueLink, a.blueLink:link, a.blueLink:visited, a.blueLink:link, a.blueLink:active {
  color: #155389;
  text-decoration: none;
}

a.grayLink, a.grayLink:link, a.grayLink:visited, a.grayLink:link, a.grayLink:active {
  color: #94a794;
  text-decoration: none;
}

.bold {
  font-weight: bold;
}

#prefsProfileForm {
	padding-left: 15px;
}

#changepw {
  display:none;
}

.prefsSuccess {
	font-weight: bold;
  color: #009120;
}

.prefsError {
	font-weight: bold;
  color: red;
}

#prefsPictureForm {
	padding-left: 7px;
}

#prefsPic {
	float: left;
  width: 60px;
  height: 60px;
}

#changePhoto {
	padding-left: 8px;
	width: 114px;
  height: 27px;
}

#uploading {
  position: relative;
  top: 10px;
  left: -110px;

	visibility: hidden;
}

#upload_button {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/114x27px-change-photo-button.png") no-repeat 0 0;
  width: 114px;
  height: 27px;

  float: left;
  margin-top: 30px;
  margin-left: 15px;

  padding-top: 8px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: white;
}

#addFriendsSection {
  margin-top: 70px;
}

#addFriendsButton {
	width: 96px;
	height: 26px;
}

#feedbackForm {
  padding: 0 0 0 10px;
  margin-top:13px;
  margin-left: 2px;
  height: 94px;
}

#feedbackTextArea {
  border: 1px solid #155389;
  font-size: 13px;
}

#feedbackSubmitButton {
  margin-top: 2px;
  margin-left: 10px;
  width: 100px;
  height: 30px;
}

#feedbackResult {
	padding-top: 10px;
	padding-left: 10px;
}

/* Add Friends */

#addFriendsLeft {

  width: 444px;
  height: 531px;
  margin: 0 5px 0 5px;

  /*background-color:pink;*/
}

#addFriendsRight {
  float: left;
  width: 100%;
  height: 100%;

  /*background-color:pink;*/
}

.addFriendsFieldTitle {
  margin: 7px 0 4px 0;
  font-size: 12px;
  color: #94a794;
}

.inviteContents {
  padding-top:5px;
  padding-left:10px;
  height: 220px;

  /*background-color:yellow;*/
}

.inviteText {
  padding: 2px 10px 2px 0;
}

#facebook {
  display: none;
}

#inviteFriendsOverlay {
  display:none;
  height: 502px;
  width: 633px;
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/633x502px-lg-popover-background.png") 0 0 no-repeat;
}

#inviteFriendsContents {
  top: 65px;
  height: 420px;
  position: relative;
  padding: 10px 30px 0px 30px;
  color: #FFFFFF;

  /*background-color:blue;*/
}

#inviteFriendsContents a {
  color: #74c80e;
  cursor: pointer;
}

#inviteFriendsContents a:hover {
  text-decoration: none;
}

#inviteList {
  margin-top: 0px;
  width: 350px;
  height: 360px;

  /*background-color: pink;*/
}

#inviteMessage {
	position: absolute;
	top: 10px;
  left: 390px;
  width: 220px;
  height: 360px;

  /*background-color: green;*/
}

#invitees {
  float: left;
  width: 340px;
  height: 340px;
}

#inviteesHolder {
	width: 340px;
  height: 340px;
  padding-left: 5px;
  margin-top: 8px;
  margin-bottom: 5px;
  position: relative;
  color: black;

  /*background-color:black;*/
}

.inviteesRowDivider {
  background-color: #94a794;
  height: 2px;
  width: 330px;
}

#inviteesPane {
  height: 340px;
  overflow: visible;
}

.inviteesRow {
  /*width: 100%;*/
  width: 330px;
  height: 30px;
  padding-top: 5px;
  background-color: white;
}

.inviteCheck {
  float:left;
  padding:2px 2px 0 2px;
}

.inviteesRowText, .inviteesRowTextSocial {
	float: left;
  display: block;
  font-size:12px;
  width: 300px;
  height: 30px;
  vertical-align:top;
  overflow: hidden;
  padding-bottom:2px;

  /*background-color:red;*/
}

.inviteeRowFiller {
	height:5px;
}

.contactImage {
  float: right;
  width: 30px;
  height: 30px;
}

#inviteesHolder .jScrollPaneDrag {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/9x22px-sm-popover-scrollerknob.png") no-repeat 0 0;
}

.scrollTrackInvitees {
  /*background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/2x483px-gray-vertical-scrollbar.png") no-repeat 0 0;*/
  position: absolute;
  right: 4px;
  width: 2px;
  background-color:white;
  height: 100%;
}

.rowSelected {
  background-color: lightblue;
}

#inviteSubject {
  width: 99%;
  border: 1px solid #155389;
  margin-top: 6px;
  margin-bottom: 12px;
  color:black;
  background-color:#94a794;
}

#inviteBody {
  border: 1px solid #155389;
  margin-top: 6px;
  font-size: 13px;
  height: 180px;
  width:220px;
  margin-bottom: 6px;
  background-color:#94a794;
}

#inviteBodyFooter {
  border: 1px solid #155389;
  margin-top: 6px;
  width:219px;
  height:63px;
  background-color:#94a794;
  color:black;
  overflow:auto;
}

#inviteSubject, #inviteBodyFooter {
  padding-top:2px;
  padding-left:2px;
}

.contactName {
  font-weight:bold;
}

.falseLink {
  color: blue;
  text-decoration:underline;
}

#sendMessage {
  position: absolute;
  right: 20px;
  bottom: 15px;
}

/* About page */

#aboutLeft {

  width: 744px;
  height: 531px;
  margin: 0 5px 0 5px;

  /*background-color:pink;*/
}

#aboutLeftContents {
	padding-top:5px;
	height: 502px;

	/*background-color:yellow;*/
}

.entry img {
	float: left;
	margin-right:7px;
}

#teamHolder {
  float: left;
  padding-left: 10px;
  margin-top: 1px;
  margin-bottom: 5px;
  position: relative;
}

#teamPane {
  height: 501px;
  overflow: auto;
  float: left;
}

#teamHolder .jScrollPaneDrag {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/9x22px-scrollknob-blue.png") no-repeat 0 0;
}

.scrollTrackTeam {

  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/2x483px-gray-vertical-scrollbar.png") no-repeat 0 0;
  position: absolute;
  right: 3px;
  height: 100%;


  /*
  position: absolute;
  height: 290px;
  width: 2px;
  right: 2px;
  margin-top: 4px;
  background-color: #94a794;
  */

}

.aboutHeader {
  color: #155389 !important;
}

.aboutTopRight {
  height: 21%;
  width: 100%;

  /*background-color: yellow;*/
}

.aboutTopRightContent {
  float: left;
  margin-top: 10px;
  padding-left: 25px;
  margin-right: 10px;
  line-height: 16px;

  /*background-color: white;*/
}

.aboutTopRightContent #itunesBadge {
	position: relative;
  top: -6px;
}

.aboutBottomRight {
  height: 356px;
  width: 424px;
  padding-top: 10px;
  padding-left: 25px;

  /*background-color: pink;*/
}

.regTextField {
  border: 1px solid #155389;
  font-size: 13px;
  width: 170px;
}
.regTextFieldSecond {
  border: 1px solid #155389;
  font-size: 13px;
}

.checkboxDiv {
  margin-top:12px;
  margin-bottom:5px;
}

.checkboxStyle {
	float: left;
	border: 1px solid #155389;
}

#regForm {

}

#regError {
  color: red;
  margin: 10px 0 4px 0;
  font-size: 13px;
}

.regSuccess {
  color: #155389 !important;
}

/* terms of service */

#tosHolder {
  float: left;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right:3px;
  position: relative;
}

#tosPane {
  height: 520px;
  overflow: auto;
  float: left;
}

#tosHolder .jScrollPaneDrag {
  background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/9x22px-scrollknob-blue.png") no-repeat 0 0;
}

.scrollTrackTos {

  position: absolute;
  height: 495px;
  width: 2px;
  right: 4px;
  margin-top: 4px;
  background-color: #94a794;


}

/* Reset Password */
#formBox {
  padding-left: 20px;
}

#footer {
	margin-top:10px;
}
#footer div a {
    color:black;
}
#footer div a:hover {
    text-decoration:underline;
}
#copyright {
  margin-top:7px;
}

#loginForm {
	padding: 20px 0 0 15px;
}

/*
 black: #000000
 purple: #155389
 dark green: #009120
 light green: #74c80e
 yellow: #feff00
 gray: #94a794
*/
.tl {background: url(/images/home_left_t.jpg) 0 0 no-repeat}
.tr {background: url(/images/home_right_t.jpg) 100% 0 no-repeat;}
.homeLeft{
    /*  border: 8px solid #A9B4A6;
    margin-top:-5px;
  -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px; */
}
.homeCreateStation{
    float:left;
    padding:10px;
    width:94%;
}
.homeLeftBottom{
      float:left; height: 30%;
}
.homeIPhoneDemoLink{
    float:left; margin: 30px 0 0 12px;
}
.homeDemoIntro{
    float:left; width:250px; padding-left:15px; color:#A8B4A5; font-size:15px; font-weight:bold;
}
.homeBoxBorder2{float:left;width:100%;margin-top:30px;}
.homeMsg{ float:left; background-color:#A9B4A6; height: 70px; padding-top:6px;font-weight:bold;color:#FEFF00; width:85px;padding-left:10px;text-align:left;}
.createStation{ float:left; background-color:#A9B4A6; height: 76px; width:100%;}
.createStationInner{ float:left; padding:6px;width:95%;}
#tabs{
    float:left; height:40.6%;
    border:4px solid #155389; border-top:14px solid #155389;
}

.greyBottomBorder{float:left;width:100%;}
.extCreateStation{
    float:left; height:90%; width:280px; margin:0 0 0 3px;
    border: 6px solid #A9B4A6;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
}
.artistSeedText{float:left;width:100%;}
.artistSeedTextLeft{float:left;background:url(/images/textbox/left.jpg) no-repeat left center; height:29px; width:9px;}
.artistSeedTextRight{float:left; background:url(/images/textbox/right.jpg) no-repeat right center;height:29px;width:9px;}
.artistSeedTextMiddle{float:left; background:url(/images/textbox/middle.jpg) repeat-x;height:29px;width:93%}
.artistSeedText input{float:left; width:150px; border:none; height:17px; margin-top:5px;*margin-top:4px; *border-color:#FFFFFF;}
.listenBtn{float:right;background-image:url(/images/101x27px-listen-button.png);border:none;width:101px;height:27px;font-weight:bold;background-color:#A9B4A6;margin-top:5px;margin-right:4px;cursor:pointer;}
/** css for station page*/
.roundedcornr_box {background:#000;width:640px;color:#fff;}
.bla {background: url(/images/bottom_l.jpg) 0 100% no-repeat}
.bra {background: url(/images/bottom_r.jpg) 100% 100% no-repeat}
.tla {background: url(/images/left_t.jpg) 0 0 no-repeat}
.tra {background: url(/images/right_t.jpg) 100% 0 no-repeat; padding:5px;height:352px;}

.ta {background: url(/images/dot.gif) 0 0 repeat-x; width:auto; }
.ba {background: url(/images/dot.gif) 0 100% repeat-x}
.la {background: url(/images/dot.gif) 0 0 repeat-y; }
.ra {background: url(/images/dot.gif) 100% 0 repeat-y}

.roundedcornr_boxb {background:#000;width:290px;color:#fff;margin-left:10px;margin-top:10px;float:left;}
.blb {background: url(/images/white_corners/bottom_l.jpg) 0 100% no-repeat}
.brb {background: url(/images/white_corners/bottom_r.jpg) 100% 100% no-repeat}
.tlb {background: url(/images/white_corners/left_t.jpg) 0 0 no-repeat}
.trb {background: url(/images/white_corners/right_t.jpg) 100% 0 no-repeat; padding:5px;height:320px;}


.tb {background: url(/images/white_corners/dot.png) 0 0 repeat-x; width:auto; }
.bb {background: url(/images/white_corners/dot.png) 0 100% repeat-x}
.lb {background: url(/images/white_corners/dot.png) 0 0 repeat-y; }
.rb {background: url(/images/white_corners/dot.png) 100% 0 repeat-y}

.roundedcornr_box_white {width:276px;float:left;margin:47px 0 0 10px;}
.whitebox_uppart_left {background-image:url(/images/white_left_top_corner.gif);background-repeat:no-repeat;width:14px;height:14px;float:left;}
.whitebox_uppart_middle {background-image:url(/images/white_corners/white_dot.gif);background-repeat:repeat;width:248px;float:left;}
.whitebox_uppart_right{background-image:url(/images/white_right_top_corner.gif);background-repeat:no-repeat;width:14px;height:14px;float:left;}
.whitebox_middlepart {background-image:url(/images/stations.png);background-repeat:no-repeat;width:276px;float:left;height:186px;margin-top:3px;}
.whitebox_bottompart_left {background-image:url(/images/white_bottom_left_corner.gif);background-repeat:no-repeat;width:14px;height:14px;float:left;}
.whitebox_bottompart_middle{background-image:url(/images/white_corners/white_dot.gif);background-repeat:repeat;width:248px;float:left;}
.whitebox_bottompart_right{background-image:url(/images/white_bottom_right_corner.gif);background-repeat:no-repeat;width:14px;height:14px;float:left;}
.roundedcornr_box_invite_friend {background:#000;width:550px;color:#fff;margin-left:10px;margin-top:10px;float:left;}
/*profile pages*/
.profileHeader{float: left; width: 104%;}
.profLeftRight{float:left;margin-left:10px; width:69%}
.profileHeaderLeft{background-image: url("/images/rounded_blue.png"); background-repeat: no-repeat; width: 16px; height: 25px; float: left;}
.profileHeaderRule{width: 421px; background-image: url("/images/blue_m25.png"); background-repeat: repeat; float: left; height: 25px;}
.stationLinks{ float:left; line-height:27px; padding-left:40px; background: url("http://webassets.soundtrckr.com.s3.amazonaws.com/28x26px-play-button.png") 0 0 no-repeat; font-size:14px; font-weight:bold;}
.profCreateStation{background:url("/images/303x80px-gray-station-search-background.gif") 0 0 no-repeat;float:left; height:90px;margin-top:7px; width:309px;}
.profCreateStation .artistSeedTextMiddle{ width:90%}
.createStationMsg{color:#FFF;float:left;font-size:15px;font-weight:bold;padding:5px 0 0 5px;text-align:left;width:97px;}
.profCreateStationInner{float:left;width:199px}

.submitBtn{
   background-image:url("/images/113x27px-submit-button.png");
   background-repeat:no-repeat;
   width:119px;
   height:30px;
   background-color:#000000;
   border:none;
   cursor:pointer;
}
#sendInviteList{
    float:left;
    width:45%;
    height:170px;
    width:240px;
}
#stnInviteeHolder{ height:170px; width:100%;color:black;margin-bottom:5px;margin-top:8px;padding-left:5px;position:relative;}
#stnInviteesPane{height:170px;}
.inviteesRow{width:98%; height:auto;float:left;}
.inviteesRowText{width:88%; height:auto;}
.inviteesRowTextSocial{width:88%; height:auto;}
.inviteesRowDivider {width:96%; float:left;}
.stepMain{float:left;width:100%;}
.stepLeft{width:70%;float:left;vertical-align:top;margin-top:10px;padding-left:10px;}
.stepRight{width:30%;float:right;vertical-align:top;background-image:url(/images/24x24px-green-X-button.png);background-repeat:no-repeat;width:24px;height:24px;margin-top:5px;padding-right:10px;}
.stepContent{float:left;color:yellow;width:30px;font-size:12px;font-weight:bold;}
.stepNumber{float:left;margin-left:15px;width:10px;font-size:15px;color:#A8B4A5;font-weight:bold;}
.inviteContent{float:left;width:100%;margin-top:10px;padding-left:10px;height:250px;}
.sendInviteContent{float:left;width:100%;margin-top:20px;padding-left:10px;font-size:14px;font-weight:bold;}
.sendInviteBorder{width:100%;border-bottom:solid 1px white;float:left;padding-top:10px;}
.sendInvitePeople{width:98%;float:left;margin-top:10px;padding-left:10px;padding-bottom:5px;font-size:12px;font-weight:bold;}
.sendInviteBoxFirst{float:left;width:98%;padding-left:10px;}
.sendInviteBoxSecond{float:left;width:100%;}
.sendInviteRightBox{float:left;width:45%;padding-left:25px;margin-top:-20px;}
.sendInviteRightBoxSub{width:100%;float:left;padding-bottom:5px;font-size:12px;font-weight:bold;}
.sendInviteRightBoxMsg{width:100%;float:left;padding-bottom:5px;padding-top:5px;font-size:12px;font-weight:bold;}
.selectedStep{background-image:url(/images/27x27px-green-step-indicator.png);width:27px;height:27px;background-repeat:no-repeat;float:left;margin-left:15px;padding-top:3px;font-weight:bold;text-align:center;margin-top:-5px;font-size:17px;}
.sendInvite{float:left;padding-left:25px;padding-top:10px;}

/* Info box*/
.infoBox{float:left;width:auto;background-image:url(/images/280x43px--green-background.png);background-repeat:no-repeat;width:280px;height:43px;}
.infoBoxLeft{float:left;background:url(/images/live_trckr/left.png) no-repeat left center; height:45px; width:11px;}
.infoBoxRight{float:left; background:url(/images/live_trckr/right.png) no-repeat right center;height:45px;width:11px;}
.infoBoxMiddle{float:left; background:#009120;height:35px; width:250px;margin-left:10px;}
.infoBox img{float:left;margin-top:5px;}

.infoBoxLeftIn{float:left;background:url(/images/live_trckr/left_inner.jpg) no-repeat left center; height:33px; width:25px; margin-top:5px;}
.infoBoxRightIn{float:left; background:url(/images/live_trckr/right_inner.jpg) no-repeat right center;height:33px;width:25px;margin-top:5px;}
.infoBoxMiddleIn{float:left; background:#fff;height:31px; width:152px; border-top:1px solid #9fd6ab;border-bottom:1px solid #9fd6ab;padding:0 5px; margin-top:5px; line-height:14px; color:#009120; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;overflow:hidden;}
/* For new about us page*/
.aboutHeaderLabel{float:left;padding-left:10px;font-weight:bold;font-size:16px;color:#FFFFFF;width:90%;line-height:25px;}
.aboutLeft{float:left;width:80%;}
.aboutRight{float:left;width:20%;}
.aboutHeader1{float:left;font-weight:bold;font-size:24px;color:#155389;width:100%;}
.aboutHeader2{float:left;font-weight:bold;font-size:24px;color:#155389;width:100%;padding-top:22px;padding-bottom:10px;}
.aboutContent1{float:left;font-size:14px;color:#000000;padding-top:10px;}
.aboutBullet{float:left;background-image:url(/images/9x9px-blue-bullet.png);background-repeat:no-repeat;height:9px;width:9px;margin-top:13px;}
.aboutContent2{float:left;padding:10px 0 0 15px;font-size:12px;color:#000000;}

.stationSongLable{color:#A8B4A5;float:left;padding-left:40px;}

/* remove in line css */
.homeBoxBorder{border:1px solid black;height:100%;padding:4px;width:99%;}
.homeGreyBoxWidth{background:url("/images/423x531px-gray-frame.png") no-repeat scroll 0 0 transparent;float:left;width:429px; height:100%;}
.homeGreyBoxMargin{margin:3px 0 0 3px;}
.homePageGreyBoxLeft{float:left;/*background-color:#A9B4A6;*/width:426px;height:11px;}
.homeGreyBoxRightCorner{float:left;vertical-align:top; /background-image:url(/images/grey_right_corner.png);background-repeat:no-repeat;width:13px;}
.homeCreateBox{float:left;width:308px;}
.floatLeft{float:left;}
.arrowStyle{float:left; width:25%;padding-left:45px;margin-top:-24px;}
.homePageGreenContentBox{float:left; width:85%;}
.homePageGreenContent{float:left;padding-left:35px;padding-top:25px;color:#74C80E;font-size:45px;font-weight:bold;}
.demoAppButton{float:left;background-image:url(/images/grey_btn.png);border:none;width:120px;height:30px;font-weight:bold;background-color:#FFFFFF;margin-top:5px;cursor:pointer}
.homeRightBlueBox{float:left;width:100%;margin-bottom:-3px;margin-left:0px;}
.homeRightBlueBoxLeft{float:left;background-image:url(/images/blue_corner.png);background-repeat:no-repeat;width:13px;height:13px;}
.homeRightBlueBoxBackGround{float:left;width:458px;background-image:url(/images/blue_dot.gif);background-repeat:repeat;}
.tabsMargin{width:10px;float:left;background-color:#155389;margin-top:-15px;}
.homeGreenBox{padding-top: 5px;float:left;}
.homeGreenBoxHeader{background-image:url(/images/green_header.png);width:471px;height:25px;float:left;background-repeat:no-repeat;}
.homeMapCanvas{height:49.3%; border:4px solid #00911F; border-top: 0px;float:left;width:463px;margin-top:-2px;cursor:pointer;}
.homeRowText{
float: left; margin-left:10px; font-size:8px; font-weight:bold;
color:#A8B4A5; width: 158px; margin-right: 5px;	height: 40px; overflow: hidden;
}
.homeRowRightText{
float: left; color: #155389; font-weight:bold; font-size: 12px;
font-weight:bold; text-align:right; width: 112px; padding-right:10px;
}
.tabTitleHome{
  	font-weight: bold;
    color:white;
    float:left;
    font-size:12px;
    font-weight:bold;
    margin:6px 0 0 0;
    *margin: 6px 0 0 3px;
    margin-top:-18px;
    margin-left:12px;
    font-size:14px;
    color:#FFFFFF;
}
.homeTabContent{
    height:20px; float:right; font-size: 9px;color: #FFFFFF; background-color:#155389; margin-top:-23px;
}

.greenBoxTopLeft{float:left;width:20px;height:20px;background-image:url(/images/left_t.png);background-repeat:no-repeat;margin:10 0 0 10;}
.greenBoxTopCentre{float:left;width:874px;height:20px;background-image:url(/images/green_dot.gif);background-repeat:repeat;margin:10 0 0 0;font-size:16px;color:#FFFFFF;font-weight:bold;}
.greenBoxTopRight{float:left;width:20px;height:20px;background-image:url(/images/right_t.png);background-repeat:no-repeat;margin:10 0 0 0;}
.stationRightBox{width:251px;margin-left:10px;background-color:#FFFFFF;height:536px;float:left;}
.greenBoxBottomLeft{float:left;width:20px;height:15px;background-image:url(/images/bottom_l.png);background-repeat:no-repeat;margin:0 0 0 10;}
.greenBoxBottomCentre{float:left;width:874px;height:15px;background-image:url(/images/green_dot.gif);background-repeat:repeat;margin:0 0 0 0;}
.greenBoxBottomRight{float:left;width:20px;height:15px;background-image:url(/images/bottom_r.png);background-repeat:no-repeat;margin:0 0 0 0;}
.stationsBoxWidth{float:left;width:100%;}
.stationsMainBox{width:647px;background-color:#FFFFFF;height:532px;float:left;padding-left:2px;padding-top:4px;}
.stationsDemoIntro{float:left; color:#A8B4A5; font-size:15px;font-weight:bold;padding-top:40px;width:400px;}
.stationsAppStoreLeft{float:left; width:120px;}
.stationsAppStoreRight{float:left;padding-left:15px;font-weight:bold; font-size:15px;text-align: justify;width:420px;color:#A8B4A5;}
.stationsDemoIntroRight{width:50%;margin-top:5px;font-weight:bold;float:left;font-size:15px;}


.stationShareBlackCross{width:100%;float:right;vertical-align:top;background-image:url(/images/black_cross.gif);background-repeat:no-repeat;width:24px;height:24px;margin-top:10px;padding-right:10px;cursor:pointer;}
.shareMainBox{width:100%;padding-left:15px;}
.shareHEaderLabel{float:left;width:100%;padding-bottom:10px;color:#FFFFFF;font-weight:bold;font-size:20px;}
.shareInnerBox{background-image:url(/images/250x192px-white-field.png);float:left;background-repeat:no-repeat;padding-left:10px;padding-top:20px;width:250px;height:192px;}
.shareContent{float:left;width:80%;padding-bottom:20px;vertical-align:middle;}
.shareContent1{float:left;padding-left:20px;padding-top:7px;font-weight:bold;font-size:16px;}
.shareContentWithPionter{float:left;padding-left:20px;padding-top:7px;font-weight:bold;font-size:16px; cursor:pointer;color:#155389;}
.shareFloatLeft{float:left;width:20%;}

.statiosLoginsubmitBtn{
   background-image:url("/images/113x27px-submit-button.png");
   background-repeat:no-repeat;
   width:119px;
   height:30px;
   background-color:#000000;
   border:none;
   cursor:pointer;
   margin-left:15px;
   margin-top:5px;
}
.inviteLoginContent{float:left;width:100%;color:#FEFF00;margin-top:20px;padding-left:10px;font-weight:bold;font-size:16px;}
.stationsLoginBorderBottom{width:100%;border-bottom:solid 1px white;float:left;padding-top:8px;}
.stationsLoginMainBox{float:left;width:100%;padding-left:10px;}
.stationsLoginBox{float:left;width:45%;}
.stationsLoginOr{float:left;width:10%;text-align:center;padding-top:35px;font-weight:bold;font-size:40px;}
.stationsLoginContent{color:white;font-weight:bold;font-size:12px;}
.stationsLoginContentSecond{color:white;font-weight:bold;font-size:12px;float:left;width:100%;}
.stationsLoginContentEmail{color:white;width:240px;float:left;font-weight:bold;font-size:12px;}
.stationsLoginLabel{width:100%;float:left;color:yellow;margin-top:-12px;font-weight:bold;font-size:14px;}


.stationsExtMainBox{width:647px;margin-left:10px;background-color:#FFFFFF;height:540px;float:left;padding-left:2px;padding-top:4px;}
.stationsExtContent{float:left;font-weight:bold;padding-top:10px;width:100%;color:#74C80E;font-size:20px;}
.stationsExtContent1{float:left;font-weight:bold;padding-top:5px;width:100%;font-size:20px;}
.stationsExtSearchButton{width:120px;height:27px;margin-top:12px;}
.stationsExtRoundedColorBox{float:left;background:#000;color:#fff; width:320px; margin-left:5px;}
.stationsExtFloatLeft{width:100%;float:left;}
.stationExtArrowStyle{float:left; width:25%;padding-left:10px;margin-top:-24px;}
.stationsExtContent2{width:40%;padding-top:5px;font-weight:bold;float:left;}
.stationsExtRightBox{width:255px;margin-left:10px;background-color:#FFFFFF;height:540px;float:left;}
.stationsExtDemo{float:left;color:#A8B4A5; font-size:15px; font-weight:bold;padding-top:40px;width:400px;}

.stationListTitle{margin-left:0;margin-bottom:5px;}
.stationListBox{float:left;width:100%;padding-left:20px;margin-top:20px;}
.stationListBoxContent{color:#FEFF00;font-size:14px; font-weight:bold;}

.stationsAddFriendLeftBox{float:left;width:45%;margin:-17px 0 0 0;min-height:240px;}
.stationsAddFriendOr{float:left;width:10%;padding-top:80px;font-weight:bold;font-size:30px;}
.stationsAddFriendRightBox{float:left;width:45%;margin-top:-17px;min-height:240px;}
.stationsAddFriendContent{color:yellow;float:left;width:100%;font-weight:bold;font-size:14px;}
.stationsAddFriendSelectBox{color:yellow;float:left;padding-top:5px;width:100%;}
.stationsAddFriendSpace{color:yellow;float:left;padding-top:5px;width:100%;}

.stationsDefaultCreateStations{float:left;width:98.7%;margin-left:5px;}
.stationsDefaultBlueBox{float:left;width:100%;margin-bottom:-5px;margin-left:0px;padding-top:10px;}
.stationsDefaultBlueBoxLeft{background-image:url(/images/blue_corner.png);background-repeat:no-repeat;width:13px;height:13px;float:left;}
.stationsDefaultBlueBoxRight{width:440px;background-image:url(/images/blue_dot.gif);background-repeat:repeat;float:left;}
.stationsDefaulttabTitle{margin-top:-18px; margin-left:10px; font-size:14px;color:#FFFFFF;}

.stationDefaultMainBox{width:908px;margin-left:10px;background-color:#FFFFFF;height:532px;float:left;padding-left:2px;padding-top:4px;}
.stationsDefultBox{width:80%;float:left;padding-left:5px;}
.stationsDefultContent{padding-left:10px;padding-top:20px;color:yellow;font-weight:bold;}
.stationsDefultSpace{width:100%;float:left;padding-top:8px;}
.stationDefaultRegBox{float:left;width:100%;padding-left:10px;}
.stationDefaultLeft{float:left;}
.stationDefaultOr{float:left;width:15%;text-align:center;padding-top:35px;font-weight:bold;font-size:40px;}
.stationDefaultRight{float:left;width:45%;}


.aboutUsContent{float:left;width:100%;padding-left:5px;}
.aboutUsFloatLeft{float:left;width:100%;}

.footerBox{float:left; padding-left:18px;width:100%;margin-top:-4px;}
.footerBoxInner{color:#000000; float:left; font-size:12px; font-weight:bold; position:absolute;top:645px; width:48.2%;}
.copyrightDiv{color:#FFFFFF;float:left;font-size:10px;font-weight:bold;position:absolute;top:675px;}
.headerLabelContent{font-size:13px;}

.resetPasswordMainBox{float:left;width:100%;margin-top:50px;padding-left:10px;}
.resetPasswordContent1{font-weight:bold;padding-bottom:5px;color:#FFFFFF;font-size:16px;}
.resetPasswordLabel{font-weight:bold;padding-bottom:5px;color:#FFFFFF;}
.resetPasswordSubmitBtn{background-image:url("/images/113x27px-submit-button.png");background-repeat:no-repeat;width:119px;height:30px;border:none;cursor:pointer;background-color:#000000;}
.submitBtnForgotPassword{background-image:url("/images/113x27px-submit-button.png");background-repeat:no-repeat;width:119px;height:30px;background-color:#155389;border:none;cursor:pointer;}

.pageDarkGreen{background: url("/images/911x574px-background-dGreen.png") 0 0 no-repeat;}
.pageGreen{background: url("/images/911x574px-background_green.png") 0 0 no-repeat;}
.pageGrayGreen{background: url("/images/911x574px-background_gray_green.png") 0 0 no-repeat;}
.registrationMainBox{width:904px;background-color:#FFFFFF;height:532px;float:left;padding-left:5px;padding-top:4px;}
.placesContents{margin-top:1px;}
.placesLeft{background: url("/images/182x494px-green-field.png") 0 0 no-repeat;
 float:left;height:494px; width:182px; margin: 5px;}
.mapCanvas{border:1px solid #009120;cursor:pointer;float:left;height:492px;margin:5px 5px 0;width:700px;}
.zipCodeCheckLabel{float:left;padding-left:10px;padding-right:10px;color:#FFFFFF;font-weight:bold;font-size:13px;margin-top:25px;}
.zipCodeCheckTextBox{float:left;margin:20px 0 0 10px;background-image:url("/images/160x27px-zip-code-searchbar.png");background-repeat:no-repeat;height:27px;width:160px;}
.submitBtnPlaces{background-image:url("/images/113x27px-submit-button.png");background-repeat:no-repeat;width:119px;height:30px;background-color:#009120;border:none;cursor:pointer;margin-top:10px;}
.placesTextBoxMargin{width:95%;margin:5px 0 0 4px;border:none;}
.homeLeftBottomMargin{margin: 210px 0 0 0;}
.placesSubmitBtnBox{float:right;padding-right:6px;}
.placesDemoAppBtn{float:left;background-image:url(/images/grey_btn.png);border:none;width:120px;height:30px;font-weight:bold;background-color:#009120;margin-top:10px;cursor:pointer}
.stationsEmailNetworksBox{float:left;width:100%;padding-bottom:5px;}
.stationsEmainDomain{float:left;font-weight:bold;padding-left:1px;}
.stationInviteFriendContent{color:white;font-weight:bold;font-size:12px;width:100%;float:left;vertical-align:bottom;}
.stationInviteFriendContent1{float:left;color:#FFFFFF;font-size:14px;font-weight:bold;padding-left:10px;padding-top:5px;}
.stationInviteFriendPadding{width:100%;border-bottom:solid 1px white;float:left;padding-top:10px;}
.stationListLeftWidth{float:left;width:88%;}
.stationListRightWidth{float:left;width:12%;}
.alertThanks{float:left;width:100%;padding-top:37px;font-weight:bold;padding-left:65px;}
.alertLater{float:left;width:100%;padding-left:65px;padding-top:10px;}
#popup_ok{background-image:url(/images/113x27px-ok-button.png);background-repeat:no-repeat;float:left;width:113px;height:27px;height:31px;background-color:#155389;border:none;margin-left:57px;cursor:pointer;}
.popupStyle {
	background: #000;
	width: 935px;
	height: 600px;
	position: absolute;
	z-index: 1000;
	filter: alpha(opacity =     75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.facebookContacts {
	width: 625px;
    height:466px;
	background: #fff;
	filter: alpha(opacity =     100);
	-moz-opacity: 0.99 !important;
	opacity: 0.99 !important;
	border: 2px solid #8497BF;
	position: fixed; *
	position: absolute;
	z-index: 1000;
	bottom: 28%;
	left: 28%;
}
#oz_fb_greeting{ padding: 5px;}
.FBContactsClose{
    cursor:pointer;
    float:right;
    font-weight:bold;
    padding:5px;
}

.demoBox{
    border-top:35px solid #74C80E;border-bottom:10px solid #74C80E;border-left:10px solid #74C80E;border-right:10px solid #74C80E;
}
.demoCross{margin-left:308px;margin-top:12px;position:absolute;}
#appDemo{display:none;}