/* CSS Document
bright blue: #03c0ef
blue hightlight: #4b8bd5
red: #de2b26
dk gray: #191919
heather purple: #362f3f
 */
 
* {margin:0; padding:0; border:0}

@font-face {
	font-family:"BernhardFashion-IE";
	src:url("/fonts/Elisia_Regular.eot")
}

@font-face {
	font-family:"BernhardFashion;" 
	src:url("/fonts/BNHRDFAN.TTF")
}

@font-face {
	font-family:"Agenda-IE";
	src:url("/fonts/AGENMC__.eot");
}

@font-face {
	font-family:"Agenda";
	src:url("/fonts/AGENMC__.TTF")
}

body {width:1040px; margin:0 auto; text-align:center; font:13px verdana, arial, sans-serif; background:#262626 url(/images/bg.gif) repeat-x top left; color:#fff}

div#content {width:960px; margin:0 auto; text-align:center}

div#header {width:960px; height:140px; margin:0 auto; text-align:left; font:24pt BernhardFashion, BernhardFashion-IE, "Arial Narrow", Sans-Serif; color:#4b8bd5}
	div#logo {width:500px; float:left}
	div#header-r {width:460px; float:left}
	div#header-r h1 {font:9px tahoma, "arial narrow", sans-serif; margin:0; padding:0; border:0; color:#222222; text-align:right}
	div#tagline {width:460px; font-size:11pt; font-family:Agenda, Agenda-IE, Arial, Sans-Serif; color:#de2b26; letter-spacing:0.2em; padding-top:92px; text-align:center}

div#top {width:960px; height:21px; margin:20px auto 0 auto; text-align:left; background:url(/images/bot-top.gif) no-repeat top center}
	.loginstatus {font-size:11px; margin-left:30px; padding:10px 0; *padding:5px 0}

div#menu {clear:both; width:960px; height:25px; margin:0 auto; background-color:#000; padding-top:12px}
	div#menu ul {text-align:right; padding-right:24px}
	div#menu li {width:110px; height:25px; float:right; margin-left:1px; list-style-type:none}
	div#menu li.menu1 {width:460px; height:25px; float:right; margin-left:1px; list-style-type:none; text-align:left; font-size:10px}
div#bot {clear:both; float:left; width:960px; margin:0 auto; padding-top:2px; text-align:center; background-color:#000}
	
div#intro {clear:both; width:880px; margin:0 auto; text-align:center}
div#intro h2 {text-align:left}
div#intro.textarea {float:left; margin-left:20px; background:#191919 url(/images/bg-buffalo-bot.gif) no-repeat top right; padding:20px; -webkit-border-radius:10px; -moz-border-radius:10px}
.grid12 {margin:0 auto; text-align:center}

.bandexpand, .clubexpand, .affiliateexpand {clear:both; text-align:left; padding:5px 0 5px 50px; border-top:dashed 1px #362f3f; cursor:pointer}
	.active {background:url(/images/arrow-down.gif) no-repeat 25px center}
	.inactive {background:url(/images/arrow-right.gif) no-repeat 25px center}
.bandinfo, .clubinfo, .affiliateinfo {clear:both; float:left; width:540px; background:#000; margin-bottom:10px; border:solid 1px #333; -webkit-border-radius:15px; -moz-border-radius:15px}
	.bandpic, .clubpic, .affiliatepic {clear:both; width:140px; float:left; margin:20px 20px; text-align:center}
	.banddetails, .clubdetails, .affiliatedetails {width:320px; float:left; color:#fff; text-align:justify; padding:0 20px; margin:20px auto}
	
div#bands h3, div#clubs h3, div#affiliates h3 {font:20pt BernhardFashion, BernhardFashion-IE, Agenda, Agenda-IE, "Arial Narrow", sans-serif; color:#4b8bd5; letter-spacing:0.2em; margin-bottom:10px; text-align:left}

div#buffalo-left {width:540px; float:left; margin:10px auto}
div#buffalo-right {width:320px; float:left; margin:40px auto 0 20px}
	.bubbleInfo {clear:both; position:relative; width:160px; margin:20px auto 0 auto; text-align:center; padding:10px 10px; background-color:#000; border:solid 1px #362f3f; -webkit-border-radius:10px; -moz-border-radius:10px}
		.popup {position:absolute; z-index:4; width:240px; display:none}
		.popup-top {width:240px; height:15px; background:url(/images/bubble-top.gif) no-repeat top center}
		.popup-top-l {width:240px; height:15px; background:url(/images/bubble-top-l.gif) no-repeat top center}		
		.popup-mid {width:240px; min-height:50px; text-align:left; color:#474747; background:url(/images/bubble-mid.gif) repeat-y top center}
		.popup-mid-l {width:240px; min-height:50px; text-align:left; color:#474747; background:url(/images/bubble-mid-l.gif) repeat-y top center}		
			.popup-copy {padding:0 30px 0 20px}
			.popup-copy p {font-size:11px; padding-top:10px; line-height:16px; text-align:left}
		.popup-bot {width:240px; height:24px; background:url(/images/bubble-bot.gif) no-repeat top center}
		.popup-bot-l {width:240px; height:24px; background:url(/images/bubble-bot-l.gif) no-repeat top center}
		.trigger {z-index:0}
	div#buffalo-right h1 {color:#4b8bd5}
	div#buffalo-right h2 {clear:both; font:11pt Agenda, Agenda-IE, "Arial Narrow", sans-serif; color:#4b8bd5; text-align:center}

.connect {margin-top:20px}

div#profile {width:600px; min-height:260px; margin:20px auto; text-align:center}
	div#profile h2 {text-align:center}
	div#profile ul {margin:20px 0 0 140px; text-align:left}
	div#profile li {list-style:none; margin-top:8px}
	div#profile p {text-align:left}
	div#profile p.title, div#profile p.note {margin-left:100px}
	div#profile p.note {font-size:11px; margin:5px 0 0 140px}

div#initial {width:400px; margin:20px auto; text-align:center}
	div#initial ul {margin:20px 0 0 30px; text-align:left}
	div#initial li {list-style:none; margin-top:8px}
	div#initial p {text-align:left}
	div#initial p.title {color:#c00; margin-left:30px}
	
div#benefits {padding:10px 80px}	
	div#benefits ul, div#benefits ol {margin-left:80px; text-align:left}
	div#benefits li {
		list-style:none;
		background:url(/images/tick.gif) 0 5px no-repeat;
		line-height:16px;
		margin-top:10px;
		padding-left:16px                 
	}
	
div#benefits-bot {margin-top:30px; border-top:dashed 1px #362f3f}

div#admin h2 {text-align:center}
	
div#legal {padding:10px 20px; border-bottom:dashed 1px #333}
	div#legal h2 {font:15px Agenda, Agenda-IE, arial, sans-serif; color:#03c0ef; text-align:left; margin:10px 80px}
	div#legal p, div#benefits p {padding:0 30px}
	div#legal p.title, div#benefits p.title {padding:0 10px; font-size:15px; color:#03c0ef; margin-top:20px}
	div#legal ul, div#legal ol {margin:10px 0 0 60px}
	div#legal li {text-align:left; margin-top:8px}

div#legal-sign {padding-right:30px}
	div#legal-sign p {text-align:right}


div#sitemap {width:400px; margin:20px auto; text-align:left}
	div#sitemap ul {margin-left:50px}
	div#sitemap li {
		list-style:none; text-align:left; margin-top:8px
	}
	
div#footer {clear:both; width:960px; height:80px; margin:0 auto 10px auto; background:url(/images/footer2.gif) no-repeat top center; padding:26px 0; font:7pt Sans-Serif; color:#fff; letter-spacing:0.3em}
div#footer h1 {margin:0 auto; font:7pt Sans-Serif; color:#fff; letter-spacing:0.2em}


/*********** T Y P O G R A P H Y  ************/
h1 {font:24pt BernhardFashion, BernhardFashion-IE, Agenda, Agenda-IE, "Arial Narrow", sans-serif; color:#4b8bd5; letter-spacing:0.2em}
h2 {font:16pt BernhardFashion, BernhardFashion-IE, Agenda, Agenda-IE, "Arial Narrow", sans-serif; color:#4b8bd5; letter-spacing:0.2em; margin:10px auto}
h3 {font:bold 13pt Agenda, Agenda-IE, "Arial Narrow", sans-serif; color:#03c0ef; letter-spacing:0.1em; margin:10px auto}
p {margin-top:15px; text-align:justify; line-height:18px}
.xsm {font-size:11px}
.alert {color:#c00}
.title {font-weight:bold}
.titlebar {width:90%; font:20pt BernhardFashion, BernhardFashion-IE, Agenda, Agenda-IE, "Arial Narrow", sans-serif; color:#4b8bd5; background-color:#191919; padding:8px 0; margin:5px auto; text-align:center; font-weight:bold; -webkit-border-radius:8px; -moz-border-radius:8px}
.filters {font:16pt BernhardFashion, BernhardFashion-IE, Agenda, Agenda-IE, "Arial Narrow", sans-serif; color:#4b8bd5; background-color:#191919; padding:8px 0; margin:5px auto; text-align:left; font-weight:bold}
.reg {font:13px verdana, arial, sans-serif}
div#breadcrumb {margin:10px auto; text-align:center}
div#breadcrumb p {font:11px verdana, arial, sans-serif; text-align:left}
	
.img {margin:0 auto; text-align:center; padding:10px; border:solid 1px #362f3f; -webkit-border-radius:5px; -moz-border-radius:5px}
.mp3 {width:50px; height:30px; background:url(/images/mp3player.gif) no-repeat top center; cursor:pointer; border:none}

.input, .msg {
	background-color:#c4c4c4; 
	border:solid 1px #4d2383; 
	padding:1px 2px;
	margin-top:2px;
	color:#4d2383;
	font:12px Arial, Sans-Serif
}
.input {height:16px}
.msg {overflow:auto}
.errorlist {color:#c00; text-align:left}
.bright {color:#03c0ef}
.music {display:none}
.ul {text-decoration:underline}


/*********** L I N K S  ************/
a:link, a:visited, div#footer a:link, div#footer a:visited {color:#03c0ef; text-decoration:none}
a:hover, a:active, div#footer a:hover, div#footer a:active {color:#4b8bd5; text-decoration:underline}
.loginstatus a:link, .loginstatus a:visited, div#breadcrumb a:link, div#breadcrumb a:visited {color:#4b8bd5; text-decoration:none}
.loginstatus a:hover, .loginstatus a:active, div#breadcrumb a:hover, div#breadcrumb a:active {color:#03c0ef; text-decoration:underline}
.popup-copy a:link, .popup-copy a:visited {color:#4b8bd5; text-decoration:underline}
.popup-copy a:hover, .popup-copy a:active {color:#7a41c4; text-decoration:none}
.connect a:visited, .connect a:visited {color:#4b8bd5; text-decoration:none}
.connect a:hover, .connect a:active {color:#7a41c4; text-decoration:none}


/*********** B U T T O N S  ************/
.btn-memberlogin, .btn-submit, .btn-donate, .btn-continue, .btn-begin {width:124px; height:30px; cursor:pointer; border:none}
.btn-memberlogin {background:url(/images/btn_memberlogin.gif) no-repeat bottom center}
.btn-submit {background:url(/images/btn_submit.gif) no-repeat bottom center}
.btn-donate {background:url(/images/btn_donate.gif) no-repeat bottom center}
.btn-continue {background:url(/images/btn_continue.gif) no-repeat bottom center}
.btn-begin {background:url(/images/btn_begin.gif) no-repeat bottom center}

.btn-submit-sm, .btn-send-test, .btn-login, .btn-logout, .btn-filter, .btn-begin-sm {width:100px; height:24px; cursor:pointer; border:none}
.btn-submit-sm {background:url(/images/btn_submit_sm.gif) no-repeat bottom center}
.btn-send-test {background:url(/images/btn_send_test.gif) no-repeat bottom center}
.btn-login {background:url(/images/btn_login.gif) no-repeat bottom center}
.btn-logout {background:url(/images/btn_logout.gif) no-repeat bottom center}
.btn-filter {background:url(/images/btn_filter.gif) no-repeat bottom center}
.btn-begin-sm {background:url(/images/btn_begin_sm.gif) no-repeat bottom center}

.btn-paypal {width:122px; height:47px; background:url(/images/btn_donateCC_LG.gif) no-repeat bottom center; cursor:pointer; border:none}
.btn-menulogout {font-size:11px; color:#4b8bd5; background-color:#000; border:none; cursor:pointer}

.btn-delete, .btn-approve {width:66px; height:16px; cursor:pointer; border:none}
.btn-delete {background:url(/images/btn_delete.gif) no-repeat bottom center}
.btn-approve {background:url(/images/btn_approve.gif) no-repeat bottom center}

.btn-ok, .btn-cancel {width:64px; height:30px; background-color:#362f3f; color:#fff; border:solid 1px #03c0ef; margin:0 5px; font:11px verdana, "sans-serif"}


/*********** D A T A  ************/	
.gv-header {height:24px; background-color:#191919; padding:8px 0; margin:10px 8px; -webkit-border-radius:5px; -moz-border-radius:5px}
.dataForm {margin:10px auto; text-align:center; background-color:#2b2b2b; padding:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
.dataForm table td {padding:3px 5px}
.gv1, .gv2 {}
.gv1 {}
.gv2 {}
.rw1, .rw2 {border-bottom:solid 1px #000}
.rw1 {}
.rw2 {background-color:#3c3c3c}
.pagination {clear:both; text-align:right; padding:5px 5px; margin-right:10px}
.form-l {text-align:right; padding-top:5px}
.form-r {text-align:left; padding:5px 0 0 2px}
.tbl {margin:10px auto; text-align:center; background-color:#2b2b2b; padding:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
.modalPopup {clear:both; width:200px; height:150px; background-color:#e3e3e3; border:solid 2px #03c0ef; color:#362f3f; font-weight:bold; margin:20px auto; text-align:center}

.FieldInfo {}