@charset "utf-8";

/* General styles ****************************************************************/

/* Genral Styles */
html, body {    
   height: 100%; 
}

body {
	font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background-color: 	 	#000;
	background-image:    	url(/images/stage_sans.jpg);
    background-attachment: 	fixed;
    background-size:     	cover;                     
    background-repeat:   	no-repeat;
    background-position: 	center center; 
	margin: 0;
	font-size: 11px;
	line-height: 20px;
	color: #fff;
}

body#login_page {
	background-color: 	 	#000;
	background-image:    	url(/images/stage.jpg);
    background-attachment: 	fixed;
    background-size:     	cover;                     
    background-repeat:   	no-repeat;
    background-position: 	center center; 
}

h1 {
	font-size: 31px;
	font-weight:  normal;
}

h2 {
	font-size: 20px;
	font-weight:  normal;
	clear: both;
	margin-bottom: 15px;
}

p, td, .text, .auto, select, textarea, .popBox-input, .text_req  {
	font-size: 12px;
}

a:link, a:visited, a:active {
 color: #fff;
}

a:hover {
	color: #D21E1E;
}
td {
	vertical-align: top;	
	text-align: left;
}

input[type=checkbox] {
  background-color: #fff !important;
}


/* Popup Body ********************************************************************/
body#popbody {
	background-color: 	 	#F0F0F0;
	background-image:    	none;
	color: #161616;
}

body#popbody h1 {
	font-size: 19px;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	background-color: #D21E1E;
	color: #fff;
}

/* Message ********************************************************************/
#warning {
	background-color: #FCE2AA;
	border: solid 2px #CE8F06;
	color: #8A6004;
	height: 80px;
	width: 400px;
	padding: 6px;
	font-weight: bold;
	margin-top: 20px;
}


/* Form styles ****************************************************************/

form {
	margin: 0;	
}
.form_table {
	background-color: #fff;
	
}
.form_table .label {
	background-color: #2E2E2E;
	color: #fff;
	font-weight: bold;
	text-align: right;
}
.form_table td {
	background-color: #F0F0F0;
	color: #1F1F1F;
}
.form_table td a {
	color: #A70A05;
}
.text, .auto, select, textarea {
	border: solid 1px #a1a1a1;
	color: #1F1F1F;
	background-color: #fff;
}
.submit {
  background: #141414;
  color: #fff;
  border: solid 1px #000;
  padding: 2px 15px 2px 15px;
  text-decoration: none;
}
.submit_warn {
  background: #D21E1E;
  color: #fff;
  border: solid 1px #000;
  padding: 2px 15px 2px 15px;
  text-decoration: none;
}
.submit_green {
  background: #047804;
  color: #fff;
  border: solid 1px #000;
  padding: 2px 15px 2px 15px;
  text-decoration: none;
}
.submit_blue {
  background: #00B9E7;
  color: #fff;
  border: solid 1px #000;
  padding: 2px 15px 2px 15px;
  text-decoration: none;
}
div.scrolling_select {
	width: 100%;
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}
div.scrolling_select table {
	width: 100%;
}
div.scrolling_select table tr:nth-child(odd) td {
	background-color: #fff;
}
div.scrolling_select table tr:nth-child(even) td {
	background-color: #F0F0F0;
}

.assoc {
	margin: 0 0 0 -15px;
	list-style-type: square;
}


/* Login styles ****************************************************************/

#login, #login_sm {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 5px #888888;
	color: #fff;
}
#login {
	width: 90%;
}
#login h1 {
	background: rgb(51, 51, 51, 0.6);
	backgorund-color: #2E2E2E !important;
	color: #fff;
	font-size: 20px;
	padding: 5px;
	margin-top: 10px;
	margin-left: -10px;
	margin-right: -10px;
}
#login_sm, #identity_sm  {
	width: 330px;
}
#login_sm_banner {
	background: rgb(51, 51, 51, 0.6);
	backgorund-color: #2E2E2E !important;
	color: #fff;
	font-size: 16px;
	padding: 5px;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
}
#login_fail {
	background: rgba(210,30,30,1);
	font-size: 9px;
	color: #fff;
	font-weight: bold;
}
#login_msg {
	background: rgba(31,185,31,1);
	font-size: 9px;
	color: #fff;
	font-weight: bold;
}
#identity_sm {
	background: #ccc;
}





/* Layout styles ****************************************************************/
#mainsite {
	width: 100%;
	height: 100%;
}
#mainsite:after {
    content: "";
    display: table;
    clear:   both;
}
.column {
	vertical-align:  top;
	height: 100%;
}





/* Navigation styles ****************************************************************/
#nav {
	width: 270px;
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
	padding-top: 10px;
	position: fixed;
	top: 0;
	left: 0;
	overflow-y: auto;
}
#nav #logo {
	width: 65%;
}
#nav #logged_in {
	margin-top: 40px;
	margin-bottom: 0;
	width: 90%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#nav #logged_in p {
	margin-bottom: 15px;
}
#phoneEmail {
	margin-bottom: 20px;
	text-align: left;
	padding: 10px;
}
#phoneEmail a {
	
}
#nav #nav_contain {
	margin-top: 20px;
	width: 100%;
	text-align: left;
}
.nav_header {
	background-color: #D21E1E;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
}
.main_nav {
	font-size: 13px;	
}
.main_nav a {
	text-decoration: none;
}
#inbox_alert, .countAlert {
	background-color: #D21E1E;
	color: #fff;
	padding: 2px;
}






/* Content styles ****************************************************************/

#content {
	margin-left: 275px;
	padding-right: 10px;
}

#listing_actions {
	display: block;
	clear: both;
}
#listing_actions p {
	float: left;	
}
#listing_actions span {
	float: right;	
}

.listing {
	width: 100%;
	background-color: #fff;
	margin-top: 35px;
	color: #1F1F1F;
}
.listing a {
	color: #D21E1E;	
}
.header {
	background-color: #00B9E7;	
	color: #fff;
	font-weight: bold;
	vertical-align: bottom;
}
.header a {
	color: #fff;	
}
.row1 {
	background-color: #fff;
}
.row2 {
	background-color: #F0F0F0;
}
.row_red {
	background-color: #A70A05;
	color: #fff;
}
.row_unread {
	background-color: #4F962C;
	color: #fff;
}
#errors {
	margin-bottom: 15px;
	width: 50%;
	border: solid 1px #FFAA00;
	padding-left: 15px;
	background-color: #FFD455;
	color: #000;
	font-weight: bold;
}

#errors li {
	font-weight: normal;	
}

#msg, #msg2 {
	padding: 5px;
	margin-bottom: 15px;
	color: #000;
}

#msg {
	border: solid 1px #4BCB21;
	background-color: #D4FFD4;
}

#msg2 {
	border: solid 1px #DD8700;
	background-color: #F9D881;
}

.field_label {
	border: solid 1px #92B9CF;
	font-size: 12px;
	font-family: verdana;
	color: #99B3C1;
}

#logout_icon, #cal_icon, #available_icon, #icon_band, #icon_venue, #add_icon {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-bottom: 20px;
}

 .color_sample {
	margin-left: auto; 
	margin-right: auto;
	border-radius: 5px;
	width: 300px;
	height: 20px;
}


/* Internal hrz nav styles ****************************************************************/

div#hrz_nav {
	margin-bottom: 30px;

}
div#hrz_nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}
div#hrz_nav li {
    float: left;
	font-size: 15px;
}
div#hrz_nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 7px 16px;
    text-decoration: none;
}
div#hrz_nav li a:hover {
    background-color: #000;
}
div#hrz_nav li a.showme {
    background-color: #00B9E7;
}

/* Calendar nav styles ****************************************************************/
.col-sm-10 {
	color: #000;
}

#cal_view_contain {
	font-weight: bold;
	background-color: #1B1B1B;
	padding: 8px;
}

#modal_table_view td {
	padding: 5px;
	color: #000;
	border: 0;
}
#modal_table_view td.modal_table_label {
	font-weight: bold !important;
	font-size: 12px;
}


/* Advanced Search ****************************************************************/
#filter {
	border: solid 1px #fff;
	background: rgba(0, 185, 231, 0.7);
	padding: 10px;
	width: 550px;
	margin-bottom: 20px;
}


/* Band Landing ****************************************************************/
#band_landing {
	display: flex;
	background: rgba(0, 185, 231, 0.7);
	padding: 10px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

#band_landing > div { 
	flex: 1; /*grow*/
	margin: 3px;
}

#band_landing > div > div { 
	max-height: 200px;
	overflow-y: auto;
}


#band_landing > div h4 {
	text-align: center;
	background-color: rgba(0, 185, 231, 0.7);
	padding-top: 4px;
	padding-bottom: 4px;
}
#band_landing > div h4 a:hover {
	color: #fff;
	text-decoration: none;
}



/* FB Widget ****************************************************************/
#fb_sm {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.fb-page {
	
	background: rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 5px #888888;
}



/* Messages ****************************************************************/
#messages {
	margin-top: 30px;
	vertical-align: top;
	max-height: 300px;
	overflow: auto;
}
#messages .listing tr:hover {
	background-color: #D21E1E;
	color: #fff;
	cursor:pointer;
}
#messages_read {
	margin-top: 30px;
	max-height: 400px;
	background-color: #000;
	vertical-align: top;
	padding: 20px;
	overflow: auto;
	border: solid 1px #fff;
}
#messageBodyDate {
	float: right;
	display: block;
}
#messageBodyContent {
	width: 80%;
}