/*
First choice for fonts
	very small: trebuchet ms
	medium: trebuchet ms
	large: Constantia

NOTES:
- keep css background images in css folder
- use query string for different versions, i.e. image.gif?v=2
- use prefix for non-semantic classes, for example:
	class="adr" is semantic for address, and can be used for CSS if desired
	class="prefix_something" for formating only for bandmaking.com we use bm_
*/

/* GENERIC RULES */
body {
	margin:0;
	padding:0 4%;
	color:#222;
	background:#FFF;
	font-family:'trebuchet ms', verdana, arial, helvetica, tahoma, times, sans-serif; /* Franks Choice for 1.2em and smaller */
	font-size:86.5%;
	line-height:1.3;
}
h1,  h1 a[name]{
	font-family:Constantia, Book Antiqua, palatino, georgia, times new roman, sans-sarif, garamond;
	padding:0;
	margin:0;
}
h1, .bm_second_h1, h1 a[name]{
	color:#003366;
}
h1{
	font-size:1.6em;
	margin-bottom:0.5em;
}
.bm_second_h1{
	font-family:Constantia, Book Antiqua, palatino, georgia, times new roman, sans-sarif, garamond;
	font-size:1.6em;
	margin-bottom:0.5em;
}
h2, h2 a[name]{
	color:#990000;
	padding:0;
	margin:0;
	text-decoration:none;
}
.h2color{color:#990000;}
h2{
	font-size:1.2em;
	margin:1.5em 0 0.4em 0;
}
.bm_first_h2{
	margin-top:0 !important;	
}
h2.color2,  h2.color2 a[name]{
	color:#003366;
}
h3{
	font-size:1.1em;
	color:#001144;
}
h3 a{
	text-decoration:underline;
}
.bm_button, input, select, p, a, h3, h4, h5, dl, ol, ul, li, div, input, textarea, table, th, td, pre, label, fieldset, address {
	font-family:'trebuchet ms',verdana, arial, helvetica, tahoma, times, sans-serif; /* Franks Choice for 1.2em and smaller */
	padding:0;
	margin:0;
}
blockquote{
	font-family:'trebuchet ms',verdana, arial, helvetica, tahoma, times, sans-serif;
}
img{
	border:0;
}
p{
	min-width:7em;
	margin-bottom:0.8em;
	text-align:justify;
		line-height:1.25;
}
abbr{
	border-bottom:0px;
}
strong{
	color:#000;
}
a:visited, a:visited strong{
	color:#cc3333;
}
a, a strong, .a, .a strong, .a:visited, .a strong:visited{
	color:#0033cc;
	text-decoration:none;
}
a:hover, a:hover strong{
	color:#3366ff;
	text-decoration:underline;
}

em{
	color:#03060F;
}
a:active, a:focus{
	color:#3366ff;
}
.bm_plain_a{
	color:#222 !important;
	text-decoration:none !important;
}
a[name] {
	color:#222;
}
ul, ol{
	display:block;
	margin-left:1em;
}
li{
	padding-bottom:0.5em;
}
table td{
padding:0.1em 0.3em;	
}
.bm_tbl tr td,.bm_tbl tr th{
	border-top:1px solid #F0F6FC;
	background:#E9F0FC;
	border-bottom:1px solid #E3E9F9;
}
.bm_tbl tr th, .bm_tbl tr .th{
	border-top:1px solid #FCFCFC;
	background:#F6F6F6;
	border-bottom:1px solid #E9E9E9;
}
fieldset, .bm_fieldset{
	border:1px solid #6699cc;
	padding:0.5em;
	margin:0 1em 1em 0;
}
.bm_fieldset{
	padding-top:1.5em;
}
fieldset ul, .bm_fieldset ul, fieldset ol, .bm_fieldset ol{
	padding:0 0.5em;
	text-align:justify;
}
legend, .bm_legend{
	width:auto;
	border:1px solid #990000;
	padding:0.2em 1em;
	margin-bottom:0.5em;
  	color:#003366;
	font-family:'trebuchet ms', verdana, arial, helvetica, tahoma, times, sans-serif;
	font-weight:900;
	background:#fff;
}
.bm_legend{
	float:left;
	margin-top:-2.5em !important;
	width:auto !important;
}
select{
	z-index:1;
}
/* Semantic Classes */
.adr{
	
}

.bm_mailLink{
	margin:0.5em 0;
}

/* PAGE LAYOUT */
#wrapper{
	width:100%;
}
.nav{
	clear:both;
	float:left;
	margin:0;
	list-style:none;
	width:100%;
}
.nav li{
	display:block;
	float:left;
	margin:0.5em 1em;
}
.navTop{
	font-size:1.1em;
}
.navBottom{
	width:auto !important;
	margin:1em auto 0 auto;
}
.bm_foot{
	clear:both;
	background:url(cssRedlineHeader.jpg) 0 -3.2em repeat-x;
	padding-top:1.2em;
	margin-top:1em;
	text-align:center;
	width:100%;
}
.bm_copyright{
	margin-top:2em;
	text-align:center;
}
.bm_w3c{
	clear:both;
}
#header{
	margin-top:1em;
	width:100%;
	height:96px;
	overflow:visible;
	background:url(cssRedlineHeader.jpg) 0 16px repeat-x;
}
#header #logo{
float:left;
margin-top:16px;
}

#header .bm_loginMenu{
	text-align:right;
/*	clear:none;
	float:right;
	text-align:right;
	display:inline;
*/	/*
	position:absolute;
	top:3.8em;
	right:4%;
	font-size:90%;
	padding-left:350px;
	*/
}
#header .bm_loginMenu a{
	display:block;
	float:right;
	border-right:1px solid #333;
	padding:0 0.5em;
	background:#FFF;
	margin-bottom:0.8em;
}
#header .bm_loginMenu a.bm_first{
	border:0;
	clear:right;
}

#header .bm_guest a{
	/* vertical-align:bottom; */
	margin-top:4em;
}
#header .bm_loginMenu a.bm_logout{
	display:block;
	border:1px solid #000;
	background:#990000 url(cssButton.gif) repeat-x;
	padding:0.2em 0.5em;
	color:#fff;
	cursor: pointer;
	cursor: hand;
	text-decoration:none;
	margin-bottom:0.3em;
}
#header .bm_loginMenu a.bm_logout:hover, #header .bm_loginMenu a.bm_logout:active{
	background-position:0 -100px;
}
.bm_credits{
	font-weight:900;
	font-family:'Courier New';
	margin-bottom:0.3em !important;
}
.bm_credit{
	vertical-align:text-bottom;
}
/*

#header form{
	display:block;
	position:absolute;
	top:0;
	right:0;
}
*/
.bm_login{
	width:60%;
	margin:1em auto;
}
.bm_login div{
width:auto;
margin-bottom:0.5em;
}
.bm_login label{
	display:block;
	float:left;
	clear:both;
	width:8em;
	text-align:right;
	font-size:1.2em;
}
.bm_login input{
	clear:none;
	vertical-align:text-top;
	margin-left:0.5em;
	font-size:1.2em;
}

.bm_login .bm_button{
	clear:both;
	margin-left:8.5em;
}
.bm_login .bm_cookieuser input{
	float:left;
	margin-left:7.3em;
}
.bm_login .bm_cookieuser label{
	clear:none;
	float:left;
	width:auto;
	margin-left:0.5em;
	font-size:0.9em;
}
/*#cookieuser{
	clear:none;
	margin:0 0.5em 0 0;
	padding:0;
}*/
/*.bm_login div .bm_button{
	display:block;
	margin:0 0 0 8.5em;
	padding:0.1em;
}*/

.bm_forgot{
	font-size:85%;
	clear:none;
}
#content{
	margin-top:1em;
	/* min-height:10em; */
	overflow:visible;
	clear:both;
}
.bm_leftOne{
	clear:both;
	float:left;
	width:40%;
}
.bm_rightOne{
	float:left;
	width:57%;
	margin-left:3%;
}
.bm_full{
	clear:both;
	width:100%;
}
.bm_find{
	float:left;
	padding-right:3em;
}
.bm_finder{
	margin:2em;
	float:left;
}
.bm_finder_txt{
	float:left;
}
.bm_found{
	
}
.bm_innerFound{
}
.bm_rProfile{
	float:right;
	text-align:right;
	margin-left:1em;	
}
.bm_rProfile .bm_tbl{
	clear:both;
		float:right;
}
.bm_prev_m, .bm_prev_b{
padding:0.5em;	
}
.bm_msg_nav{
	display:block;
	float:left;
	padding:0;
	margin:0 3em 2em 0;
}
.bm_h_subj{
	min-width:8em;
}
.bm_msg_menu{
	display:block;
	float:left;
	clear:both;
	padding:0;
	margin:0;
	margin-bottom:1em;
	width:100%;
}
.bm_msg_nav li, .bm_msg_menu li{
	display:block;
	padding:0;
	margin:0;
}
.bm_msg_nav li a{
	display:block;
	padding:0.2em 0.5em;
	margin:0;
	width:100%;
	border-top:1px solid #FCFCFC;
	background:#F6F6F6;
	border-bottom:1px solid #E9E9E9;
	color:#0033CC;
}

.bm_msg_menu a{
	display:block;
	float:left;
	padding:0.2em 0.5em;
	margin:0 1px 1px 0;
	border-top:1px solid #FCFCFC;
	background:#F6F6F6;
	border-bottom:1px solid #E9E9E9;
	color:#0033CC;
}
.bm_new_msg td{
	font-weight:900;
}
.bm_msg_nav li a.active{
	border-top:1px solid #E9E9E9;
	background:#F3F3F3;
	color:#990000;
	border-bottom:1px solid #FCFCFC;
}
.bm_reply_title{
margin-bottom:0.4em;	
}
.bm_msgs{
	float:left;
}
.bm_in_msg{
clear:both;	
margin:0.5em 0;
}
.vcard{
	margin-bottom:1em;
}
.calendar{
	text-decoration:none;
}
.check{
	clear:both;
	float:left;
	width:100%;
}
.check label{
	clear:none;
	float:left;
	width:auto;
}
.check input{
	clear:both;
}
.clear{
	margin:0;padding:0;height:0px;clear:both;
	width:100%;
}
.radio label{
	clear:none;	
	width:auto !important;
	margin-right:1.5em;
	text-align:left !important;
}
.bm_settings{
	float:left;
}
.bm_privacy{
	margin-right:1em;
}
.bm_pw_change{
	clear:both;
}
/* STYLE */
.bm_mail{
	vertical-align:text-bottom;
}
.bm_hastip{
	position:relative;
}
.bm_hastip .bm_tip{
	background-color:#FFF;
	padding:0.3em;
	border-top:1px solid #6699FF;
	border-right:2px solid #3366FF;
	border-bottom:2px solid #3366CC;
	border-left:1px solid #6699FF;
	display:none;
}
.bm_hastip:hover .bm_tip{
	position:absolute;
	display:inline;
	margin-top:-4em;
	min-width:6em;
	max-width:20em;
	width:auto !important;
}
.bm_flyin{
position: fixed;
top: 0px;
z-index:1200;
width:35%;
padding:0.8em;
left:30%;
border:1px solid #AAA;
background:#FFF;
textAlign:center;
opacity:0.9;
MozOpacity:0.9;
KhtmlOpacity:0.9;
filter:alpha(opacity=90);
}
.bm_errpop{
	display:none;
	color:#CC0000;
	position:absolute;
	width:20%;
	background:#FFFCFC;
	border:1px solid #FF6666;
	padding:0.2em;
}
td .bm_errpop{
	margin-left:5em;
	margin-top:-4em;
}
.bm_errpop strong{
	color:#CC0000;
}
.bm_button{
	border:1px solid #000;
	background:#990000 url(cssButton.gif) repeat-x;
	padding:0.2em 0.5em;
	font-size:1em;
	font-weight:900;
	color:#fff;
	cursor: pointer;
	cursor: hand;
}
a.bm_button{
	color:#fff;
}
.bm_button:hover, .bm_button:active{
	background:url(cssButton.gif) 0 -100px repeat-x;
	color:#fff;
}
input.bm_button:active{
color:#000;
border:1px solid blue;
}
.bm_smallForm input, select{
}
.bm_close{
	display:block;
	padding:0 0.2em;
	font-weight:900;
	color:#666;
	border:1px dotted #999;
	text-decoration:none;
}
.bm_close:hover{
	background:#d6dfff;
	text-decoration:none;
}
.alert{
	margin-bottom:0.5em;
}
.alert h3{
	margin-bottom:0.4em;
}
.red{
	padding:0.5em 1em;
	border:2px solid #ff0000;
	background-color:#fff3f3;
}
.yellow{
	padding:0.5em 1em;
	border:2px solid #000;
	background-color:#FFFF33;
}
.bm_jsErr{
	color:#ff0000;
}
.green{
	padding:0.5em 1em;
	border:2px solid #009900;
	background-color:#f3fff3;
}
.green h2{
	color:#000;
	margin-top:0;
}
.bm_alert_img{
float:left;
margin:0 0.5em 0.5em 0;	
}
.black{
	padding:0.5em 1em;
	border:2px solid #000;
	background-color:#DDD;
}
.errsty{
	border:2px solid #ff0000;
}
.flag_inappropriate{
	border:1px solid #000;
	background-color:#FFFF00;
}
.flag_spam{
	border:1px solid #000;
	background-color:#0000FF;
}
.flag_harass{
	border:1px solid #000;
	background-color:#FF0000;
}
label.flag_inappropriate{
	border:1px solid #CCCC00;
	background-color:#FFFFCC;
}
label.flag_spam{
	border:1px solid #0000FF;
	background-color:#CCCCFF;
}
label.flag_harass{
	border:1px solid #FF0000;
	background-color:#FFCCCC;
}
.ajaxWait{
	display: none;
	position: fixed;
	text-align:center;
	top:25%;
	left:40%;
	width:18%;
	height:20%;
	background:#FFF;
	border:1px solid #3344dd;
	padding:2em;
	z-index:1102;
	overflow: auto;
}
	
.thickbox_white {
	display: none;
	position: fixed;
	top:15%;
	left:25%;
	width:50%;
	height:65%;
	padding:16px;
	border:2px solid #3344dd;
	background-color: white;
	z-index:1101;
	overflow: auto;
}
.closeThickbox{
display:block;
float:right;
padding:0.5em;
background:#003366;
border-top:1px solid #89a9d9;
border-right:1px solid #003399;
border-bottom:1px solid #000;
border-left:1px solid #6679aa;
width:auto;
}
a.closeThickbox{
	font-weight:900;
	color:#fff !important;
	text-decoration:none;
}
.thickbox_black{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #111122;
	z-index:1100;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

a.external{
cursor:pointer;
cursor:hand;
}
a.external span.pop{
display:none;
text-decoration:none;
}
a.external:hover span.pop{
display:block;
position:relative;
text-decoration:none;
float:left;
padding:0.5em;
	color:#000 !important;
	border-top:1px solid #ccc;
	border-left:1px solid #999;
	border-right:1px solid #767676;
	border-bottom:1px solid #666;
width:170px;
margin-right:-172px;
margin-bottom:-100%;
z-index:1000;
font-weight:900;
cursor:pointer;
cursor:hand;
overflow:visible;
}

/* Home Page */
.bm_simple{
	text-align:center;
}
.bm_simple fieldset, .bm_simple .bm_fieldset{
	display:block;
	width:80%;
	margin:auto;
	padding-bottom:0.8em;
	overflow:visible;
}
.bm_simple form{
	margin-bottom:3em;
}
.bm_simple p, .bm_simple div, .bm_simple h1, .bm_simple h2, .bm_simple h3, .bm_simple ul {
	text-align:left;
}
a.bm_button{
margin-right:1em;
}
a.bm_last{
margin-right:0;
}

.bm_grey_box{
	padding:0.5em;
	text-align:center;
	background:#f1f2ff;
	border:1px solid #e9e9ff;
	overflow:visible;
}

.bm_signup_box{
 display:block;
 float:left;
 text-align:center;
 width:94%;
 margin:3%;
}
.bm_signup_box p{
text-align:center;
}
.bm_signup_box .bm_button {
margin:auto;
color:#fff;
display:block;
width:5em;
}


.bm_acct_type{
  float:left;
  width:45.2%;
  margin-right:3%;
}
.bm_acct_type_first {
  clear:both;
  border-right:1px dashed #e9e9ff;
  margin-left:3%;
}
.bm_acct_type_first .bm_grey_box{
margin-right:6.8%;
}

.bm_acct_type p{
  clear:both;
  text-align:center;
  margin-top:1em;
}
.bm_footerMenu{
clear:both;
margin-top:1em; 
}
.bm_footerMenu a{
 padding:0.2em 0.8em;
}
.bm_footnote{
	font-size:80%;
}

.halbum .photo{float:left; margin:0 1em 1em 0}
.track{display:block;clear:both;}

/*

#footer{
clear:both;
float:left;
width:100%;
margin:10px 0;
background:url(cssRedline.jpg) top repeat-x;
text-align:center;
}
#footer ul{
text-align:center;
margin:0.5em 0 1em 0;
}
#footer li{
display:inline;
list-style:none;
margin:0 0.8em;
}
#footer p{
margin-top:0.5em;
}
ul.nav, ul.nav li ul{
float:left;
list-style:none;
padding:0;
}
ul.nav{
width:22.3%;
border:1px solid #ccc;
padding:1%;
}
ul.nav li{
margin-bottom:0.5em;
}
ul.nav li ul{
width:100%;
margin:1em 0 1em 0;
}
ul.nav li ul li{
display:block;
border-top:1px solid #ccc;
}
.simple{
text-align:center;
float:left;
width:75%;
}
.simple form{
display:block;
margin:50px 0;
}
*/