body {					font-family: Verdana, Arial, Helvetica, sans-serif;
						margin: 0px;
						font-size: 75%;
						}
.container	{			background-color: #fff;
						}


.addthis_toolbox { 				margin-top: 10px;}

.profile_head h1 {				padding: 0;
								margin: 10px 0 0 0; text-align: center;
								border-radius: 15px;
								box-shadow: 0px 0px 5px #333;background-color: #666;color: white;}

.profile_head h4 {				font-size: 2em;
								color: #999;
								margin: 0 0 10px 0;
								padding: 0; text-align: center;
							}
.profile_page .profile_text {	font-size: 1.5em;}

.profile_page .button	{		background-color: #999; margin-top: 10px;}
.profile_page {					background-color: #DEDEDE;
								padding: 10px;
								margin-top: 10px;
								margin-bottom: 10px;
								border-radius: 15px;
								box-shadow: 0px 0px 5px #333;
							}
.profile_page h3 {				background-color: #999;
								text-align: center;
								color: white;
								border-radius: 8px;
								font-size: 2em;
								margin: 20px 0 4px 0;
							}
.profile_page .profile_contact { background-color: white;padding: 6px; margin: 8px 0;
								border-radius: 15px;
								border: 1px solid #333; text-align: center;
}

.ui-datepicker {background-color: white;z-index: 999;}

.warning {						color: white;
								background-color:red;
								border: 6px solid red;
								text-align:center;
								font-weight: bold;
								border-radius: 5px;
								box-shadow: 0 0 3px #666;
							}
.warning a {					color: white;
								text-decoration: underline; }

#venue_box, #band_box {			padding: 10px;margin-bottom: 20px;border: 1px solid #333; background-color: #CCC;; }


.select_bov {
	display:none;background-color:#CCFFFF; overflow-y: scroll;overflow-x:none;
}
.select_bov a {
	padding: 6px;
	display: block;
}


/* ----------------- TOP --------------- */		

.top_status { 			color: white; background-color:red;padding:6px;text-align:center;font-weight:bold;}


#banner_top { 			color: white; background-color: #000000; font-weight: bold; height: 46px;}

#banner_top .button { 	margin:0; border-radius: 10px; box-shadow: 0 0 8px 2px #FFF;}



a#brand { 				background-size: contain; display: block; background-repeat: no-repeat; margin: 10px; }
a#brand img { 			max-width: 200px; }



.top_bar_links	{		position: absolute; height: 30px; line-height: 18px; padding: 6px; z-index: 999; right: 0; }
						
.login { 				}	
.login a { 				font-weight:bold;}				
					
.right			{		text-align: right;}				
						
.banner			{		width: 100%;
						}
.banner img {			margin: 10px 0;}

#banner_bottom	{		background-color: #000000;
						}

#banner_bottom h1	{	color: white;
						font-weight: bold;
						text-align: center;
						font-size: 2.5em;
						}

						
.gigsBG	{ 				line-height: 25px;
						height: 25px;
						margin: 0px;
						padding: 0px;
						color: #ccc;
						background-color: #fff;
						text-align: right;
						font-size: 14px;
						}
						
#banner_left img	{	border: none; margin-top: 15px; }
#banner_right img	{	margin-top: 2px; border: 1px solid #DEDEDE; }
						
/* ----------------- TOP --------------- */					
				
				
.add_button {			color: white;
						text-decoration:none;
						background-color: #000000;
						border: 2px solid #006699;
						border-radius: 10px;
						text-align:center;
						font-size: 1.3em;
						font-weight:bold;
						display: block;
						width: 160px;
						padding:3px;
						margin: 4px;
						box-shadow: 4px 4px 5px #666;
						}
.add_button:hover {		background-color: red;
						color: white;
						}


#right_column {			}		
						
						
.mainText {				font-size: 90%;
						}

#center {				font-size: 90%;
						background-color: white;
						}
.footNote {				font-size: 0.8em;
						color: #FFF;
						text-align: center;
						background-color: #000000;
						}
.footNote a	{			color: #FFF;}
.selectBands {			font-weight: bold;
						background-color: #DEFFFF;
						border: 1px solid #000000;
						color: white;
						}
.linksTable {			font-size: 90%;
						font-weight: bold;
						text-align: left;
						vertical-align: top;
						border: 1px solid #999;
						box-shadow: 0 0 3px #666;
	
						}
.premiumTable {			font-size: 100%;
						font-weight: bold;
						text-align: left;
						vertical-align: top;
						background-color: #FFCC66;
						border: 1px solid #DEDEDE;
						box-shadow: 0 0 3px #666;
						}
.premiumTable th {		font-size: 80%;
						font-weight: bold;
						text-align: right;
						background-color: #DEDEDE;
						border: 1px solid #DEDEDE;
						}
.premiumTable td	{	border-bottom: 1px solid #DEDEDE;
						padding: 6px;	}
						
						
.mainText .row	{		margin: 0;}					
.gig_bg		{			border: 1px solid #CCC; margin: 0 0 15px 0; padding:0; border-radius: 4px; box-shadow: 0 0 3px #666;}
.gig_bg .row		{	padding: 5px; margin:0;}
.gig_bg h3	{			font-size: 1.6em;margin:0;padding:0;font-weight:bold;}	
.gig_bg a		{		color: #000000;}

.gig_bg_edit {			border: 2px solid red; }

.gig_info		{		background-color: #CCC;}

.gigs_listed {			color: #CCC; text-align: center;}
						
.gigListTitles	{		padding: 6px; margin-bottom: 8px !important;  border-radius: 4px; box-shadow: 0 0 3px #666;}
						
td {					vertical-align: top;}
.cellColour {			background-color: #666666;}
.lightBG {				background-color: #DEDEDE;}
.borderColour {			border: 2px dotted #666666;}

a {						color: #666666;}


.whiteText {			font-weight: bold;
						color: #FFFFFF;
						background-color: #000000;
						}
.whiteText a {			color: #DEDEDE;}
.whiteText a:visited {	color: #DEDEDE;}

.tableLine {			border-bottom: 1px solid #DEDEDE;
						padding: 6px;
						}
.pageNumbers {			margin: 4px;
						text-align: center;
						padding: 3px;
						font-size: 1.2em;
						}
.pageNumbers a {		margin: 3px;
						}
						
/* ----------------- NAVIGATION --------------- */

#navigation { 			background-color: #000000;
						}

#navigation ul li.admin_nav, #navigation ul li.admin_nav a {
						background-color: red !important;
						color: white;
						}
.stellarnav.dark ul ul, .stellarnav.mobile.dark ul {background-color: #070742;}
.stellarnav > ul > li > a { padding: 16px 40px; }

/*
.login_icon {			text-align:center; }
.login_icon img {		height: 30px; width: 30px; }
*/

/* ----------------- NAVIGATION --------------- */


.adminHead { 			background-color: red;
						color: white;
						padding: 4px;
						}
.adminHead a {			color: white;
						font-weight: bold;
						}
/* ----------------- NAVIGATION --------------- */


.passwords { 			font-size: 90%; }
.passwords tr {			height: auto; padding:0;margin:0;}
.passwords td {			padding:6px;}
.passwords input { 		font-size: 1em; }

.passwords input[type="text"] { height:1.5rem; padding: 2px; color: black; font-weight: bold;margin:1px 0;}

.passwords select { 	font-size: 90%; }
.reviews { 				margin-top: 10px;
						margin-bottom: 10px;
						color: #000000;
						font-size:80%;
						font-weight:bold;
						border-bottom: 1px dotted #000000;
						}


.searchBox { 			padding: 3px;}
.searchBox form {		margin: 6px; text-align: center; }

.searchBox input[type="text"], 
.searchBox input[type="submit"], 
.searchBox button { 
						display: inline;
						width: auto;
						margin: 0;
						font-size: inherit;
						height: 2rem;
						border-radius: 10px;
						vertical-align:top;
}

.act_search {			background-color: #CCC; border: 1px solid #999;padding: 6px; border-radius: 10px; margin: 10px 0 10px 0;}
.act_search * {			margin: 0;}
						
/* ----------------- POP-UP BANDS --------------- */

div#bands {				display: none;}
div#bands.open {		display: block;}

.trigger {}
.trigger a, .trigger a:visited, .trigger a:active {color: white;}

#bands { background-color: #000000; color: white;}
#bands div { border-top: 1px solid white; padding:6px;}
#bands a { color: white; }

#venues { background-color: #FF6600; color: white;}
#venues div { border-top: 1px solid white; padding:6px;}
#venues a { color: white; }

/* ----------------- POP-UP BANDS --------------- */


.cl {        clear: left;}
.centre {	text-align: center;}



/* ------- SEARCH: START ------- */

#searchBox  { width: 100%; padding: 16px; background-color: #2E3192;  }

#searchBox input.no-submit {
	border: none;
	padding: 9px 4px 9px 4px;
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/55/Magnifying_glass_icon.svg");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

#searchBox input[type="search"] {
	background-color: #DEDEDE;
	width: 300px;
	margin: auto;
	padding: 9px 8px 9px 42px;
	font-size: 24px;
	color: inherit;
	border: 2px solid white;
	border-radius: 16px;
}

#searchBox input[type="search"]::placeholder {
	color: #999999;
}

#searchBox input[type="search"]:focus {
	box-shadow: 0 0 8px 3px red;
	border-color: #333333;
	outline: none;
}
/* ------- SEARCH: END ------- */






/* CSS declarations for MEDIUM screen (based on Foundation Break Points) */
@media (max-width: 640px) {

	.gigListTitles {display:none;}
	
	.selectGigs	{ 		position: absolute;
						top: 52px;
						left: 0px;
						text-align: center;
						background-color: #333;
						width: 100%;
						}
						
		.cnt div    {   	border: none;
							width:100%;
							}
		.gigsBG {			display:none;}
		.pageNumbers {		font-size: 1.8em;}
	
		#banner_bottom { 	font-size: 0.3em; background-color: transparent; }
		#banner_bottom h1 { color: #666; }
		.banner {			border: none; }
		.mainText {			text-align: center;}
		a#brand { 			display: none;}
		#navigation { 		background-image: url('../images/Unclaimed-Gig-Guide-logo-Mobile-W100.png');
							background-size: contain;
							background-repeat: no-repeat;
							}
		.login_m {			background-color: #FF0000; }
		.login_m li {		background-color: #990000; }

		#searchBox input[type="search"] { width: 100%; }
	
	
	/*
		.login_icon img {		height: auto; width: auto; }
	*/
}


#recaptcha_area, #recaptcha_table {table-layout:auto !important;}
.recaptcha_is_showing_audio embed { height: 0; width: 0; }
#recaptcha_area input[type="text"] {display: inline-block !important;height: auto !important;}


.side-adverts div {	margin-bottom:10px; text-align: center;}
.fader-adverts {}


.logstatus, .logstatusd {	text-align:center;
							color: white;
							background-color: #FF0000;
							font-size: 0.9em;
							padding: 2px;
							}

.logstatusd strong {		background-color: #990000; padding: 4px; margin-right: 20px;}



