body {
	font-family:  Arial, Helvetica, Trebuchet, sans-serif;
	line-height: 14px;
}

body {
	font-size: 10pt;
	color: #e8e8e8;
	margin:0px;
	background-image:url('/images/mainBg.png'); 
/*
	background-image:url('/images/mainBg_new.png'); 
	background-repeat:repeat-x;
*/
	background-color:black;
}

/* --- parent class for table --- */
table {
	border-collapse:collapse;
	border-spacing:0px;
	border:0px;
	margin:0px;
	padding:0px;
}

tr {
	vertical-align:top;
}

th {
	font-weight:bold;
	text-align:left;
}

td {
	padding:0px;
	margin:0px;
	line-height:normal;
}
div.shellFrame_inner {
	width:1010px;
	padding-bottom:10px;
	background-color:#191919;
/*	border:1px solid #72a0d4; */
	border:1px solid #333; 
	border-top:none;
}
div.shellFrame {
/*	width:1010px;*/
	width:100%;
	height:600px;
	background-image:url('/images/shellFrame.png');
	background-repeat:no-repeat;
	background-position:center 30px;

}
/* ----- shell -------*/
table.shell {
	background-color:#191919;
}
table.shell td.shellVeryTop, table.shell td.shellTop {
/*	background-image:url('/images/swirl.png');
	background-repeat:no-repeat;
	background-position:380px 20px;
*/

}

table.shell, div.footer {
	width:980px;
}
table.shell td.shellVeryTop {
	margin:0px;
	padding-top:15px;
}
table.shell td.shellTop {
/*	border-left:1px solid #cc0000; */
	text-align:left; /* otherwise IE centers everything based on the <center> tag around the shell */
}

table.shell td.shellBottom, td.subArea {
	text-align:left; /* otherwise IE centers everything based on the <center> tag around the shell */
/*
	background-image:url('/fianchetto_images/shellBottom_bg.jpg');
	background-repeat:no-repeat;
*/
	padding: 0px 0px 0px 0px;
	background-color:#282828;
	border-left:1px solid #484d50;
	border-right:1px solid #484d50;

}

table.shell td.shellBottom, div.terms {
/*	border-bottom:1px solid #cc0000; */
	background-image:url('/images/halftone_bg.png');
	background-repeat:no-repeat;
}
body.terms {
	padding:20px;
}
div.terms {
	background-color:#282828;
	border:1px solid #484d50;
	width:520px;
	padding:20px;
}
ol.terms li {
	margin-bottom:10px;
}

ol.terms strong {
	font-size:larger;
	color:#999;
}
td.shellBottomCap {
/*	height:3px;
	background-color:white;
*/
	background-image:url('/images/shellBottomCap.png');
	background-repeat:no-repeat;
}
table.shell td.shellTop {
}
td.shellTop img, td.shellVeryTop img {
	border:0px;
/*	display:inline-table; */
}
div.top_ad_zone {
/*	margin-top:5px; */
}
/* -------fonts, general---------- */
p, h2, h3, h4 {
	margin-top:0px;
	margin-bottom:10px;
}
form, select, textarea {

	font-size:9pt;
}

br {
	clear:both;
}


/*------- custom table overrides ---------*/
td.allowBreaks {
	white-space:normal;
}
td.noBreaks {
	white-space:nowrap;
}
td.mostViewed, td.mostViewedHot {
	text-align:right;
}
/* ------ custom tables ---------- */
div.ticker {
  color:#94c937;
  display:inline-block;
  clear:none;
}
div.mainRightCol td.bodyText {
}
div.fullCol#fullCol_Index div.rightCol table.formTable {
	width:325px;

}
div.rightCol table.dataGrid tr.shadedRow {

}
table.hitCounter {
	border:1px solid #444;
	font-size:8pt;
	clear:both;
}
table.hitCounter tr {
	vertical-align: middle;

}
table.hitCounter th, table.hitCounter td, table.recentSignups th, table.memberVisits th {
	background-color:#222;
	color:white;
}
table.recentSignups th a {
		    color:white;
}
table.memberVisits tr td {
     padding-bottom:6px;
}
table.memberVisits tr.veryFirstDetailRow td {
      padding-top:6px;
      padding-bottom:6px;
}

table.memberVisits td {
    text-align:center;
    width:38px;
}

table.hitCounter th {

	font-weight:normal;
	padding:2px;
}
table.hitCounter td {
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;

}
table.hitCounter tr.label {
	border:none;
}
table.hitCounter tr.label td {
	padding:3px;
	border:none;
}
table.payPal td, table.payPal th {
    padding:5px 0px 5px 0px;
}
table.payPal {
    margin-bottom:10px;
}
div.revealPayPal {
    float:right;
}
div.revealPayPal img {
    vertical-align:middle;
    margin-top:3px;
    margin-left:5px;
}
/* --- admin tables ---*/
.formTable {

}
table.formTable td {
	color:#333;
}
table.formTable td {
	padding:3px;
}
table.formTable select {
/*	background-color:#e6e666; */
	color:#444;
	border:1px solid black;
}
.formTable th {
	padding:3px;
	margin:0px;
	text-align:left;
	border-bottom:1px solid #666;
}
table.formTable input {
	float:left;
	clear:both;
}
table.formTable label {

	margin-top:1px;
}
table.formTable br {
	line-height:0%;
}
#loginTable {
	width:300px;
}
#loginTable td strong {
	white-space:nowrap;
}
.totalRow td {
	font-weight: bold;
	border-top: 1px solid #999;
}
table.profile {

}
table.profile tr {
}
table.profile td, table.profile th {
	padding:3px
}
table.profile tr.veryFirstDetailRow td {
	padding-top:0px;
}
table.profile td img {
/* padding-right:10px; */
}
table.profile th {
	color:#666;
	font-weight: normal;
	padding-right:20px;
 min-width:120px;
}

table.profile td {
	color:black;
}
table.profilePics td {
	padding:0px 10px 10px 0px;
}
table.dataGrid, table.dataGridAdmin, table.formTable {
	border:1px solid #797d7f;
	background-color: #c4c4c4;
}
table.dataGrid th, table.dataGridAdmin th, .formTable th {
	background-image:url('/images/red_bg.png');
/*	background-color:#036; */
	color:white;
	white-space:nowrap;
	vertical-align:top;
}
table.dataGrid th, table.dataGrid td {
	padding:3px;
}
table.dataGridAdmin tr {
	background-color:white;
}
table.dataGridAdmin td, table.dataGridAdmin th, table.formTable th {
	padding:3px 5px 3px 5px; 
}
table.dataGridAdmin td {
	color:#666;
}
table.dataGridAdmin, table.dataGridAdmin td {
/*
	border-top:1px solid #036;
	border-right:1px solid #036;
	border-left:1px solid #036;
*/
}

table.dataGridAdmin th a, table.dataGrid th a {
	color:white;
}
table.popup {
	margin-top:5px;
}
table.popup td {
	padding: 3px;
	font-size: 9pt;
	color:white;
}
table.dataGridAdmin td a, table.dataGrid td a {
	color:#036;
}
tr.shadedRow, tr.shadedRow_group, table.dataGrid tr.shadedRow td, table.dataGridAdmin tr.shadedRow td  {
	background-color:#ececec;
}
tr.shadedRow td, table.dataGridAdmin td, table.dataGrid td {
	border-top:1px solid #ccc;
}
.dataGrid#featured_band, .dataGrid#featured_band1 {
	border-collapse:collapse;
	background-color:black;
	float:left;
	border: 1px solid #444;
	margin-left:18px;
/*	margin-right:25px; */
	margin-bottom:18px;
	width:183px;
	table-layout:fixed;
}

/* photo row */
.dataGrid#featured_band th, .dataGrid#featured_band1 th, .dataGrid#featured_band tr.veryFirstDetailRow td {
}

table.dataGrid#featured_band td, .dataGrid#featured_band1 td {
	padding:3px;
	border-top:none;
	color:#999;
	overflow-x:hidden;
}
table.dataGrid#featured_band td.bold, .dataGrid#featured_band1 td.bold {
        font-weight:bold;
	color:#ccc
}
.dataGridAdmin tr.shadedRow_group td, table.dataGridAdmin tr._group td {
	border-top:0px solid white;
}
.dataGrid td {
	color:#333;
}


.dataGrid#featured_band1 {
       margin-left:0px;
       clear:both;
}
div.bandTile { 
    -webkit-animation:fade-in 0.6s linear;
    -moz-animation:fade-in 0.6s linear;
    -ms-animation:fade-in 0.6s linear;
    -o-animation:fade-in 0.6s linear;
    animation:fade-in 0.6s linear;
    animation-fill-mode: forwards; /* hack to make this work in Chrome */

      border:1px solid #444;
      float:left;
      width:175px;
      max-height:250px;
      overflow:hidden;
      margin-top:25px;
      margin-left:25px;
}

div.searchResults div.bandTile:nth-of-type(3n+1) { /* 1st and then every third tile */
      margin-left:0px;
      clear:both;
 }
div.bandTile:nth-of-type(-n+3) { /* tighten margin above top row */
      margin-top:0px;
 }
div.attitude { 
      clear:both;
      color:#999;
      padding:3px;
 }
div.featuredBandHead { 
      background:linear-gradient(to bottom, #444, #222);
    
      color: white;
      white-space: nowrap;
      vertical-align: top;
      padding:3px;

      height:16px;

}
div.featuredBandHead a {
    float:left;
    width:100px;
    overflow:hidden;
    color:#ccc;
    padding-bottom:3px;
    font-weight:bold;
}
div.bandTile img { 
    margin-bottom:3px;
 }
div.showMore {
    clear:both;
    width:100%;
    text-align:center;
    margin-bottom:0px;
    padding-top:25px;
}
div.showMore input { 
    background:linear-gradient(to bottom, #333, #000);
    color:#ccc;
    font-size:12pt;
    padding:10px;
    border:1px solid #555;
    border-radius:6px;
 }
div.showMore i#cog { 
    font-size:32pt;
    color:#999;
 }
div.showMore input:hover { 
    color:white;
    background:linear-gradient(to bottom, #404040, #111);
    cursor:pointer;
}
div.featuredProfileType {
  font-weight:normal;
  float:right;
}
table.mission {
    background-image:url('/images/mission.png'); 
    background-repeat:no-repeat;
    width:591px;
    height:177px;
    cursor:pointer;
}
table.mission td {
    width:50%;
    vertical-align:middle;
    text-align:center;
    font-weight:normal;
    font-size:20pt;
    color:white;
}
table.mission tr.topRow td {
   height:45%;
}
table.mission tr.bottomRow td {
   padding-top:5px;
   height:55%;
}

/* --------forms--------- */
fieldset { 
border:0;
 }
input[type=text], input[type=password], input[type=file], textarea {
	font-family:  Arial, Helvetica, Trebuchet, sans-serif;
	font-size:9pt;
	background-color:#e8e8e8;
	border:1px solid #999;
	color:#444;
}
input[type=radio], input[type=checkbox] {
	margin:0px 3px 0px 0px;
}


input.buttonGo, input.buttonStop, input.buttonSearchType, input.createProfile {
	color:white;
	font-weight:bold;
	overflow:visible;
	padding:0px 5px 0px 5px;
	border:2px groove #999;
	font-size:9pt;
	border-radius:6px;
	background-image:
	   -moz-linear-gradient(270deg, #85B830 10%, #94c937 100%);
	background-image:
	   -o-linear-gradient(270deg, #85B830 10%, #94c937 100%);
	background-image:
	   -webkit-linear-gradient(270deg, #85B830 10%, #94c937 100%);
	background-image:
	   linear-gradient(-3deg, #679122 10%, #94c937 60%, #BDEE70 100%);


}
input.buttonGo, input.createProfile {
	background-color:#94c937;
/*	background-image:url('/images/buttonGo_bg.png');*/
	background-repeat:repeat-x;
	color:#333;


}
input.buttonStop {
	color:white;
}
input.buttonSearchType {

	color:#444;
	border:1px solid #444;
}
input.createProfile {
       font-size:24px;
       font-weight:normal;
       color:white;
       padding:10px;

}
.menu_option1 {
	color:#666666;
}
.menu_option2 {
	font-weight:bold;
}
select {
	color:#444;
	background-color:#e8e8e8;
/*	background-color:#c00; */
}	
.mainSearchBar {
	float:right;
	padding-top:60px;
	padding-bottom:10px;
}
.mainSearchBar form {
	padding:0px;
	margin:0px;
}
#fullCol_Index table.formTable input[type=checkbox], 
#fullCol_Index table.formTable input[type=radio], 
#fullCol_Search table.formTable input[type=checkbox], 
#fullCol_Search table.formTable input[type=radio], 
#fullCol_user_MyMusicProfile table.formTable input[type=checkbox], 
#fullCol_user_MyMusicProfile table.formTable input[type=radio], 
#fullCol_user_MySavedSearches table.formTable input[type=checkbox], 
#fullCol_user_MySavedSearches table.formTable input[type=radio], 
table.formTable input[type=checkbox], 
table.formTable input[type=radio] {
	 float:left;
	 clear:both;
}

#fullCol_Index table.formTable input[type=radio], 
#fullCol_Search table.formTable input[type=radio], 
#fullCol_user_MyMusicProfile table.formTable input[type=radio], 
#fullCol_user_MySavedSearches table.formTable input[type=radio], 
table.formTable input[type=radio] {
          margin-top:-1px\9;
}
#fullCol_Index table.formTable label, 
#fullCol_Search table.formTable label, 
#fullCol_user_MyMusicProfile table.formTable label, 
#fullCol_user_MySavedSearches table.formTable label {
	 float:left;
	 width:170px;
}
#fullCol_Join table.formTable label {
	width:225px;
}
table.formTable label {
	 float:left;
}
/*---- custom form elements -----*/
td#receiveMessages input, td#receiveAlerts input, td#receiveMessages label, td#receiveAlerts label, td#receiveMessageAlerts label, td#receiveNews label {
	clear:none;
	display:normal;
	float:left;
}
td#receiveMessages span.elementSubLabel, td#receiveAlerts span.elementSubLabel, td#receiveMessageAlerts span.elementSubLabel, td#receiveNews span.elementSubLabel {
	padding-left:5px;
	font-style:italic;
	color:#666;
}
select.cityFilterMenu {
       background-color:#333;
       color:#ccc;
}
tr {
 	-webkit-transition: display 0.5s linear;
 	-webkit-transition: visibility 0.5s linear;
 	transition: display 0.5s linear;
}

/*----- misc ---- */
ul {
/*
	padding:0px 0px 0px 15px;
	margin-top:-8px;
*/
}

li {
}

ul.bf_list {
	padding-left:25px;
}
ul.bf_list li {
	list-style-image:url('/images/li-ding.png');
/*	color:#83b7f2; */
	color:#999;
}

dt {
	font-weight:bold;
/*	color:#83b7f2; */
	color:white;
	padding-top:5px;
}
dd {
	margin-left:10px;
	color:#999;
}
.whiteText {
	color:white;
}
.errorText {
	color:#94c937;
}
table.formTable .errorText {
	color:#900;
}
.greyText, .greyText_noBold, table.payPal th {
	color:#999;
}

.darkGreyText {
    color:#666;
}

.greyText_noBold {
       font-weight:normal;
}
.softText {
	color:#444;
}
.softText2 {
	color:#333;
}
.smallText, .copyright {
	font-size:8pt;
}
div.copyright {
	clear:both;
	color:#666;
	padding:10px 10px 0px 0px;
	
}
div.copyright p {
	font-size:10pt;
	margin-top:0px;
}
div.footerContainer {
	width:100%;
	background-color:#333A3F;

}
div.footer a {
	color:#ccc;
}
div.footer {
	font-size:7pt;
	text-align:left;
	color:#ccc;
	padding:10px 0px 10px 0px;
	height:15px;
}
div.footerLeft {
	float:left;

}
div.footerRight {
	float:right;
}
.siteCredit, .siteCredit a {

}
.caption, .greyCaption {
	font-style:italic;
}
table.profile .greyCaption {
	color:#666;
}
table.profile .audioTitle {
	border-top:1px solid #e8e8e8;
}
.embeddedPic {
	float:left;
	padding-right:10px;
	color:black;
}
#featured_band div.embeddedPic, #featured_band1 div.embeddedPic {
	 padding:0px;
}
.embeddedPicText {

}

/* ------- navbar ------- */
.topLogoContainer {
	margin:0px 0px 0px 0px;
	
    	color:white;
	font-weight:normal;
	font-style:italic;
	float:left;
/*	background-color:#C1D1C1;  */
}
div.topLogoContainer img {
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
}
div.topBannerAd {
		text-align:right;
		float:right;
		width:728px;
		color:white;
		padding-top:30px;
}

.slogan {
	font-size:10pt;
	font-style:normal;
}

.topLinkContainer {
	font-weight:normal;
	border-bottom:1px solid black;
/*
	border-top:1px solid  #cc0000;
	border-right:1px solid  #cc0000;
*/
	border-left:0px;
	height:32px;
	background-image:url('/images/nav/topLinkContainer.png');
	background-repeat:no-repeat;

}
.topLinkContainer, .nav2Area, .subArea, .copyright {

}
.topLinkContainer ul {
    margin:0px;
    list-style-type: none;
}

.nav2Area {
	white-space:nowrap;
	height:60px;
}

.subLinkContainer {
	font-weight: normal;
	clear:both;
	text-align:right;
	white-space:nowrap;
	font-size: 10pt;
}
.subLinkContainer p {
	clear:both;
	margin:0px;
	line-height:90%;
	padding:0px;
}

.topLinkContainer a:hover div {
	text-decoration:none;
}

.topLinkContainer a img {
	float:left;
}

.top, .topActive, .topActiveUser, .topInactive, .topFirst, .topActiveFirst, .topInv, .topActiveUserFirst {
	font-size:11pt; 
	padding: 7px 10px 0px 10px;
	height:25px;
	cursor:pointer;
/*	font-family: 'Orbitron', Arial, Helvetica, sans-serif; */

}

.top, .topActive, .topActiveUser, .topInactive, .topFirst, .topActiveFirst, .topActiveUserFirst {
	border-right: 1px solid #484d50;
/*	border-top:1px solid #cc0000; */
	float:left;
	white-space:nowrap;
}

.topFirst, .topActiveFirst, .topActiveUserFirst {
	margin-left:57px;
	border-left: 1px solid #484d50;
}

.top, .topFirst {
/*	border-bottom:1px solid #cc0000;  */
	background-image:url('/images/nav/tabBg_Inactive.png');
	background-repeat:no-repeat;

}

.topActive, .topActiveFirst, .topActiveUser, .topActiveUserFirst {
	color:white;
	background-image:url('/images/nav/tabBg_Active.png');
	background-repeat:repeat-x;
/*	border-bottom:1px solid #600; */
}

.topLinkContainer a {
 	-webkit-transition-property:color;
	-webkit-transition-duration:0.3s;
	-o-transition-property:color;
	-o-transition-duration:0.3s;
	-moz-transition-property:color;
	-moz-transition-duration:0.3s;
	-ms-transition-property:color;
	-ms-transition-duration:0.3s;
	transition-property:color;
	transition-duration:0.3s;

}
.topLinkContainer a:hover {
	color:white;
	text-decoration:none;
}
.topLinkContainer a {
	color:#999;
	font-weight:bold;

}
.topInactive {
	color: white;
	background-color: #600;
}
div.topLinkContainerRight {
	float:right;
	padding:0px 25px 0px 0px;
/*
	background-image:url('/images/profileCounter.png');
	background-repeat:no-repeat;
	background-position:0px 5px;
*/
	height:22px;
	width:auto;
	text-align:right;
	color:#94c937;

}
.subtitle {
	color:#a8a8a8;
	font-weight:normal;
}
td.subArea {
	padding:0px;
	background-color:#f4f4f4;

}
.sub, .subActive, .nav2, .nav2Active {
	float:left;
	padding: 3px 8px 3px 8px;
}
div.userInfoTag {
	clear:left;
	float:left;
	font-size: 10pt;
	color:#444;
	padding-top:4px;
	padding-left:3px;
}
.userInfoTag strong {
	color:black;
}
/* ------ layout ------ */
div.leftCol {
	float:left;
	clear:both;
	width:610px;
        min-height:400px;
}
div.midCol {
	float:left;
	clear:right;
	padding-left:10px;
}

div.rightCol {
	float:left;
	clear:right;
	padding-left:10px;
}


div.rightCol, div.rightCol table {
	width:325px;
}
div.rightCol p {
	white-space:normal;
}
div.fullCol { /* present on every page, and can contain previous two DIVs */
	padding:10px;
}

/* PROFILES */
iframe.soundCloud {
	width:200px;
	height:20px;
	color:white;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:10px;
	background-color:rgba(102,102,102,0.8);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	
}
div.fullCol#fullCol_ProfileDetail {
	padding-top:0px;
	background-image:url('/images/profiles/profile_bg.png');
	background-repeat:no-repeat;
}
div.fullCol#fullCol_ProfileDetail div.leftCol {
	width:440px;
}
div.fullCol#fullCol_ProfileDetail div.leftCol, div.fullCol#fullCol_ProfileDetail div.midCol {
	padding-right:10px;
	table-layout:fixed;
	overflow:hidden;
/*	border-right:1px dashed #444; */
}
div.fullCol#fullCol_ProfileDetail div.rightCol, div.fullCol#fullCol_ProfileDetail div.rightCol table {
	width:200px;
}

div.fullCol#fullCol_ProfileDetail div.midCol {
	width:265px;
}
div.fullCol#fullCol_user_MyMusicProfile div.leftCol, div.fullCol#fullCol_user_MyAccount div.leftCol {
	width:460px;
}
div.fullCol#fullCol_user_MyMusicProfile div.rightCol, div.fullCol#fullCol_user_MyAccount div.rightCol {
        width:440px;
	padding-left:30px;
}
p.profileTop {
	margin-top:50px;
	margin-bottom:0px;
}
p.profileNext {
	margin-top:20px;
	margin-bottom:0px;
}
p.p_dataGrid {
	margin-top:0px;
	padding-top:0px;
}
/*-- registration --- */
div.fullCol#fullCol_Join div.leftCol, div.fullCol#fullCol_Login div.leftCol {
	width:450px;
}
div.fullCol#fullCol_Join div.rightCol, div.fullCol#fullCol_Login div.rightCol {
	width:470px;
	padding-left:30px;
}
div.fullCol#fullCol_ActivateProfile div#event_0 { /* activateProfile special case */
	max-width:500px;			    
}


/*----- LINKS -----*/
a {
/*	color:#4578B6; */
	color:#72a0d4;
}
table.formTable a {
	color:#036;
}
a:hover {
	text-decoration: underline; 
}

a, a.silent {
	text-decoration: none;
	}
a.silent:hover {
	text-decoration: none;
}
div.quickLinks {
	padding-top:10px;
	clear:both;
}
div.quickLinks a {
	margin-left:20px;
}
div.quickLinks img {
	vertical-align:middle;
}

a.silent:hover div.top, a.silent:hover div.topFirst {
	background-color:#336699;
}
a.sortCol, a.sortColSelected {
	text-decoration: none;
	color: white;
	}
a.sortColSelected {
	font-weight:bold;
	text-decoration:underline;
}
a.sortCol:hover, a.sortColSelected:hover {
	text-decoration: underline;
	}
a.redText {
	color: #FF0000;
	}
a.greyLink {
	color: #999;
	text-decoration: none;
}
a.greyLink:hover {
	text-decoration: underline;
}
a.sub, a.nav2, .subLinkContainer a {
	text-decoration:none;
	color:#666;
	background-color:#ccc;
	margin-left:4px;
	margin-top:10px;
	padding:8px;
	border-radius:8px 8px 0px 0px;
	font-size: 10pt;
	line-height:normal;
}
a.sub:hover, a.nav2:hover, .subLinkContainer a:hover {

}
a.subActive, a.nav2Active {
	color:white;
	background-color:#383838;
	font-weight:bold;
}
.subLinkContainer a:active {
	  color:white;
}
.sub, .nav2 {
	color:#69c;
}
.subActive, .nav2Active {
	color:#036;
}
.subLinkContainer a.sub:hover {
       color:#e4e4e4;
       background-color:#666;
       transition-property:color, background-color;
       -webkit-transition-property:color, background-color;
       -o-transition-property:color, background-color;
       -moz-transition-property:color, background-color;
       -ms-transition-property:color, background-color;

       -webkit-transition-duration:0.3s;
       -o-transition-duration:0.3s;
       -moz-transition-duration:0.3s;
       -ms-transition-duration:0.3s;
       transition-duration:0.3s;
}
span.logout a.sub, span.logout a.sub:hover {
	   color:black;
	   font-weight:bold;
	   background-color:transparent;
     -webkit-transition-property:color;
     -webkit-transition-duration:0.3s;
     -o-transition-property:color;
     -o-transition-duration:0.3s;
     -moz-transition-property:color;
     -moz-transition-duration:0.3s;
     -ms-transition-property:color;
     -ms-transition-duration:0.3s;
     transition-property:color;
     transition-duration:0.3s;
}

span.logout a.sub:hover {
	    color:#F00;
}
a.myProfile {
     font-weight:bold;
     background-color:#94c937;
     padding:3px;
     color:white;
     margin-bottom:3px;
     border-radius:6px;
     text-decoration:none;
     -webkit-transition-property:color;
     -webkit-transition-duration:0.3s;
     -o-transition-property:color;
     -o-transition-duration:0.3s;
     -moz-transition-property:color;
     -moz-transition-duration:0.3s;
     -ms-transition-property:color;
     -ms-transition-duration:0.3s;
     transition-property:color;
     transition-duration:0.3s;
}
a.myProfile:hover {
     text-decoration:none;
     color:black;
}
a.mission {
  color:white;
  text-decoration:none;
}
/*------ headlines --------*/
h1, h2, a {

}
h1, .greenText, div.featuredProfileType, span.mas2, .profileActive {
	color:#94c937;
}

.redText, .profileInactive {
	 color:#ff3333;
}
h1 {
	font-size:18pt;
}
.sectionHeader h1 {
	font-size:16pt;
	margin-top:-3px;
}

h2, h4 {
	font-size:16pt;
	color:#94c937;
}
.rightCol h2 {
	  padding-top:15px;
}
h3 {
   color:#94c937;
	font-size:10pt;
}
h4 {
   font-size:14pt;
   font-weight: normal;
   margin-top:20px;
}
.contentTitle, .contentSummaryHead {
	font-weight:bold;
	font-size:9pt;
}
td.yearSeparator {
	color:white;
	font-size:12pt;
	padding:1px;
	font-weight:bold;
	background-color:#999;
}
/* ---- rollovers ------- */

* html a:hover {visibility:visible}
/* .topLinkContainer a:hover img{visibility:hidden} */
/* individual mouseovers. Since they are individual, they cause a white-flash effect in IE */

/* ----- miniCal --------*/
table.miniCal {
	border:1px solid #444;
	font-size:10pt;
	width:100%;
	background-color:#111;
}
table.miniCal th {
	background-color:#333;
	text-align:center;
	padding:2px;
	margin:0px;
	color:#999;
	font-weight:bold;
}
table.miniCal th:nth-child(1), table.miniCal th:nth-child(3) {

    cursor:pointer;
}
table.miniCal th:nth-child(1):hover, table.miniCal th:nth-child(3):hover {
	background-color:#cfcfcf;
}
table.miniCal th i {
    font-size:13pt;
    color:white;
}

tr.miniCal_days {
	font-weight:bold;
	width:auto;
	color:#666;
	border-bottom:1px solid #444;
}
table.miniCal td {
	text-align:right;
	padding:2px;
	padding-right:5px;
	color:#999;
}
table.miniCal tr.miniCal_days td {
	height:auto;
	text-align:center;
	background-color:#444;
}
a.miniCal_prev {

}
a.miniCal_next {

}
table.miniCal td.miniCal_today, table.miniCal td.miniCal_event {
	color:#666;
	font-weight:bold;
}
table.miniCal td.miniCal_event {

}

table.miniCal td.miniCal_today, table.miniCal td.miniCal_today_active {
	background-color:#333;
	border:1px solid #666; 
	font-weight:bold;
}
table.miniCal td.miniCal_today_active a {
	color:white;
}
table.miniCal td.miniCal_hasEvent {
/*	border:1px solid #ccc; */
}

table.miniCal td.miniCal_event_selected {
	background-color:#333;

}

table.miniCal td a {
	font-weight:bold;
}
table.miniCal td {

}
a.slug_link, a.slug_link_selected {
	font-size:8pt;
}
table.miniCal a.miniCal_link_selected, table.miniCal a.slug_link_selected {
	color:white;
}



/* --- events list --- */
div.messageHead, div.messageHeadActive {
	padding:5px;
	border:1px solid #ccc;
        background-color:#e8e8e8;
	border-bottom:none;
	margin-top:15px;
	color:#999;
	font-weight:bold;
	font-size:12pt;
        clear:both;
        display:block;
        height:auto;
        vertical-align:middle;
	overflow:auto;
}

div.messageHead img, div.messageHeadActive img {
    margin-right:10px;
}
div.messageHead div:nth-of-type(1), div.messageHeadActive div:nth-of-type(1) {
    line-height:50px;
}
div.messageHeadActive {


}
/*
div.messageHead, div.messageHeadActive {
       background-image:url('/images/red_bg.png');
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	padding:5px;
	border:1px solid #444;
	border-bottom:none;
	margin-top:15px;
	color:#999;
	font-weight:bold;
	font-size:12pt;
}

div.messageHeadActive {
	border:1px solid #555;
	color:white;
}
*/
div.event, div.eventMouseOver {
	clear:both;
	margin-top:10px;
	color:#999;
	padding:5px;
	border:1px solid #444;
	background-color:#222;

	-moz-border-radius:5px;
	border-radius:5px;

	display:block;
	table-layout:fixed;
	overflow:hidden;
}

#fullCol_user_MessageCenter div.event, #fullCol_user_MessageCenter div.eventMouseOver {
	margin-top:0px;
	-moz-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
}
#fullCol_user_MessageCenter div.event br, #fullCol_user_MessageCenter div.eventMouseOver br {
        clear:right;
}
div.message, div.eventBody p {
	clear:both;
}
#fullCol_Index div.event, #fullCol_Index div.eventMouseOver {
	padding:0px;
}
#fullCol_Index span.eventDate {
        width:110px;
}
div.eventMouseOver {
        border:1px solid #666;
	background-color:#282828;
}

div.eventHead {
       padding:5px;
}
span.eventDate, span.eventLocation2 {
	color: #999;
}

#fullCol_Index div.event {
	
}
div.eventBody {
	padding:5px;
	padding-top:0px;
}
#fullCol_user_MessageCenter div.eventBody {
     padding:0px;
}
span.eventDate, span.eventTitle, span.eventTitle_indiv, span.eventTime, span.eventLocation, span.eventAddress, span.eventUrl, span.eventProfileName, span.eventLocation1, span.eventDescription {
	display:block;
	clear:both;
}
span.eventDate {
        float:left;
}
span.eventLocation2 {
        float:left;
/*	color:#94c937;	 */
}
span.eventTitle {
        color:#666;
}
span.eventTitle_indiv {
	color:#999;
}
#fullCol_Index div.event img, #fullCol_Index div.eventMouseOver img { 
      margin-top:5px;
}
div.event img, div.eventMouseOver img { 
      padding: 0px 5px 5px 0px;
}
div.event p, div.eventMouseOver p {
	margin-top:2px;
	margin-bottom:2px;
	padding-bottom:2px;
}

span.eventTime {

}

div.event span.eventDate {

}
img.headerPic {
	padding-bottom:10px;
}

td.detailTitle {
	font-size:12pt;
	font-weight:bold;
}
/* ---- dashboard ---- */
div.fb-like-hal {
    margin-top:6px;
    margin-bottom:6px;
    height:20px;
    width:auto;
    
}
div#fb-root {
    border:0px;
}
div.fb-like {
    width:100px;
    height:20px;
    overflow:visible;
}
div.flagDash, div.messageDash {
	float:right;
	margin-left:15px;
}
div.messageDash { 
        margin-top:8px;
}

/* ---- flags ----- */
div.flagDash {
    margin-top:0px;
    margin-left:5px;
    width:auto;
    vertical-align:middle;
}
div.flagDash img {
    border:0px;
    margin-left:10px;
    vertical-align:middle;
}
div.flagDash a {
    border:0px;
    display:inline-block;
    vertical-align:middle;
}
div.flagDash a:hover img {

}
/* ---- recent signups --- */
table.recentSignups, table.memberVisits {
	border:1px solid #797d7f;
	background-color:#111;
        margin-top:10px;
}
table.memberVisits {
    margin-left:5px;
        margin-top:15px;
}
table.memberVisits td, table.memberVisits th {
   padding:2px;
}
table.recentSignups th, table.memberVisits th {
	background-image:url('/images/red_bg.png');
/*	background-color:#383838; */

	border-bottom:1px solid #282828;

}
table.recentSignups td, table.recentSignups th {
	padding:3px 2px 3px 2px;
}
table.recentSignups tr.shadedRow {
	background-color:#222;
}
table.recentSignups tr td, table.recentSignups tr.shadedRow td {
	border:0px;
	color:#666;
}
table.recentSignups td.right {
	text-align:right;
}
table tr td.mostViewedHot, table tr.shadedRow td.mostViewedHot {
        color: #ff3c00;
}
td#contactInfo textarea {
      background-color:#ffd9d9;
}

/* ---- TabbedPanels ---- */
div.tp_tab, div.tp_tab_active {
	font-weight:bold;
	
}
div.tp_tab {
	background-color:#999;
}
div.tp_tab, div.tp_tab_active {
	float:left;
	border:1px solid #ccc;
	border-bottom:1px solid white;
	padding:3px;
	margin-right:3px;
	top:1px;
	position:relative;
	border-radius:6px 6px 0px 0px;
}

div.tp_tab_active {
	color:black;
	background-color:white;
}
div.tp_panel, div.tp_panel_active {
	clear:both;
	color:black;
	border:1px solid #ccc;
	display:none;
	padding-left:5px;
	padding-top:0px;
	padding-bottom:5px;
	margin-bottom:5px;
	width:435px;
}

div.tp_panel_active {
	display:block;
	background-color:white;
}
div.tp_panel_active img, div.tp_panel img {
	padding-top:0px;
}
a.tp_link {
	color:#333;
}
a.tp_link:hover, div.tp_tab_active {
	color:black;
}

/*--- ad containers ---*/
div.bottom_left_ad_zone {
	float:left;
}

div.bottom_center_ad_zone {
	float:left;
	padding-left:134px;
}

div.bottom_right_ad_zone {
	float:right;
}
/* ---- icons ----- */
img.pt_icon {
	padding-top:4px;
}
/* --- special containers -- */

div.sectionHeader {
	margin:0px 0px 10px 0px;
	color:white;
	font-weight:bold;
	vertical-align:middle;
	padding-left:15px;
	padding-top:2px;
	width:575px;
	height:29px;
	font-size:11pt;
	background-image:url('/images/sectionHeader.png');
	background-repeat:no-repeat;
}

/* --- faq --- */
p.faqQuestion, p.faqAnswerTitle {
	font-size:14pt;
	font-weight:bold;
	padding-top:20px;
}
p.faqAnswerHead {
        padding-top:10px;
	margin-top:20px;
	border-top:1px solid #94c937;
}
p.faqAnswer {
	padding-left:30px;
	color:#ccc;
	line-height:150%;
	font-size:12pt;
}
#fullCol_SpreadtheWord p, #fullCol_SpreadtheWord ul, #fullCol_MusicTeachers p, #fullCol_MusicTeachers ul {
	line-height:150%;
	font-size:12pt;

}
p.faqAnswerTitle a {
	color:white;
}

span.musicMatch {
	display:inline;
/*	border:1px solid #72a0d4;
	padding:2px 5px 2px 5px;
*/
	font-weight:bold;
/*	background-color:#333; */
}
span.musicMatch a {
	color:#72a0d4;
}
div.mmPopup {
	    padding:10px;
	    border:1px solid #797d7f;
	    z-index:3;
	    margin:0px;
	    display:inline;
	    background-color:#111111;
	    width:300px;
	    color:#999;
}
div.mmPopup li {

}

p.mas {
      font-size:12pt;
}
span.mas, span.mas2 {
      font-size:22pt;

}
span.mas {
      background-color:#94c937;
      border:1px solid black;
      color:black;
	border-radius:5px;
	font-size:16pt;
	padding:3px;
}
p.mission {
   margin-top:10px;
   margin-bottom:15px;
   width:590px;
   font-size:10pt;
   color:#999;
}
/* --- pager --- */
a.inactivePagerNumber, span.activePagerNumber {
        padding:3px 7px 3px 7px;
	border:1px solid #666;
}
span.activePagerNumber {
        background-color:#444;
	font-weight:bold;
}
p.pager {
	margin-top:10px;
}
p.pager a:hover {
	background-color:#555;
}

/* ---- IE ------- */
/* ------------ key -------------
   attribute\9 	 - IE8 and below
   * attribute	 - IE7 and below
   _attribute 	 - IE6
---------------------------------*/
.sectionHeader h1 {
	
}
.top, .topActive, .topActiveUser, .topInactive, .topFirst, .topActiveFirst, .topActiveUserFirst {
	padding: 7px 10px 0px 10px\9;
}
table.formTable label {
	margin-top:3px\9;
}
/*
table.formTable label {
		line-height:30%;
		padding-top:2px;
}
*/
div.topLinkContainer i.fa-bars {
    color:white;
    font-size:56pt;
    line-height:0.5;
    display:none;
    text-align:right;
    margin-right:30px;
}
/* ---- beginning of media queries --- */
@media screen and (max-width: 1023px) {
    body {

}
div.rightColSkinny, table.recentSignups {
	width:auto;
}

/*
    div.resultsBadge {
	min-width:50%;
        max-width:50%;
    }
    div.resultsBadge img {
	max-width:100%;
        width:100%;
    }
*/
    td.shellBottom *{
	
    }
    table.recentSignups {
	width:auto;
    }
    div.rightCol {
	width:auto;
    }
    #mobileSearchToggle {

        color:#6497cc;
        padding-top:3px;
	display:inline-block;
   }
   form#searchBox div.formTableless fieldset div.header {
    font-size:48pt;
   }
   form#searchBox div.formTableless fieldset ol input {
        font-size:20pt;
}
form#searchBox div.formTableless fieldset ol {
	display:none;
    }
    form#searchBox ol > div {
        margin-left:20px;
	display:block;
    }
    .topLinkContainer li {
	display:inline-block;
        float:left;
	width:100%;
        clear:both;
	cursor:none;
     }
.topLinkContainer a {
    background-color:none;
    color:#999;
    width:100%;
    padding:10px;
    font-size:200%;
}
.topLinkContainer li:hover {
       background-color:#f0f0f0;
       -webkit-transition-property:color, background-color;
       -o-transition-property:color, background-color;
       -moz-transition-property:color, background-color;
       -ms-transition-property:color, background-color;
       transition-property:color, background-color;
       -webkit-transition-duration:0.3s;
       -o-transition-duration:0.3s;
       -moz-transition-duration:0.3s;
       -ms-transition-duration:0.3s;
       transition-duration:0.3s;
}
.topLinkContainer li:hover a {
    color:black;
}

li#accountTrigger2 i {
    font-size:120%;
}
    li#accountTrigger2 {

	font-size:180%;
	display:block;
    }

    div.topLinkContainer {
	font-weight: normal;
        float:right;
	white-space:nowrap;
	font-size: 10pt;
	position:relative;
        margin-top:60px;
    }
    div.topLinkContainer ul {
        position:absolute;
	top:10px;
        left:-120px;
        padding:0;
        background-color:white;
	display:none;
	border:1px solid black;
        width:180px;
    }
    div.topLinkContainerRight {

    }

    div.leftCol, div.fullCol {
	margin-left:30px;
    }
    div.fullCol, div.rightCol {
	margin-right:30px;
    }
    .top, .topActive, .topActiveUser, .topInactive, .topFirst, .topActiveFirst, .topInv, .topActiveUserFirst, #accountTrigger2 {
	font-size:13pt; 
	padding: 0px;
        border:none;
    }

    #accountTrigger {
	display:none;
    }
    div.topLinkContainer i.fa-bars {
	display:block;
    }
    div.topLinkContainerRight {
	margin-right:30px;
 display:none;
    }
.subLinkContainer {
    position:absolute;
    float:right;
    top:140px;
    width:250px;
    right:240px;

}
.subLinkContainer a {
    font-size:250%;
}
}
/* ------------------ end of media queries ---------------- */
/* Animations */