body{
	background: #dee9ff;
	color:#555;
	font-size: 14px;
	font-family: sans-serif;
	}	
*{  margin:0;
	padding:0;
	}
a{color:#36C;}
a:hover{color:#690;}
h1{
	padding: 5px 10px;
	}
h2,h3{
	padding-bottom: 5px;
	}
h1{font-size: 24px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
.mark_check{color:#690;font-size: 1.1em;}
.mark_x{color:red;}	
hr{
	display: block;
	height:1px;
	border: 0;
	background:#36c;
	}
textarea,
input[type="text"],
input[type="number"],
.button{
	-webkit-appearance: none;
	padding:5px;
	box-sizing: border-box;
	border:1px #ccc solid;
	border-radius: 5px;
	white-space: nowrap;
	}
textarea{
	white-space:normal;
	}	
.button,
.button:hover{
	padding:5px 10px;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	}
.success_msg,
.green{
	background: #690;
	border:1px #690 solid;
	}
.error_msg,	
.red{
	background: red;
	border:1px red solid;
	}
.error_msg,
.success_msg{
	color:#fff;
	padding:5px 10px;
	text-align: center;
	font-size: 1.2em;
	}	
.navy{
	background: #339;
	border:1px #339 solid;
	}
.blue{
	background: #36c;
	border:1px #36c solid;
	}
.blue2{
	background: #369;
	border:1px #369 solid;
	}
.purple{
	background: #639;
	border:1px #639 solid;
	}
.aqua{
	background: #399;
	border:1px #399 solid;
	}
.approved{
	background:#9c9;
	}
.unapproved{
	background:#fcf;
	}
.pending{
	background:#ffc;
	}	
.container{
	clear:both;
	overflow: auto;
	}
.padded_section{
	padding:5px 0;
	}	
#login_form{
	border:2px #690 solid;
	background: #eaf5d4;
	border-radius: 20px;
	padding:3%;
	margin: 20px auto;
	width: 90%;
	max-width: 400px;
	}
#login_form,
#login_form input{
	font-size: 16px;
	}
#login_form h1{
	font-size: 24px;
	color:#690;
	margin-bottom: 10px;
	}
#login_form label{
	display: inline-block;
	width:24%;
	}
#login_form .login_row{
	padding: 0 0 10px 0;
	}	
#login_form .login_row input{
	width: 70%;
	}	

#nav{
	width: 100%;
	background: #fff;
	position: relative;
	}
#nav h2{
	background: #367;
	color: #fff;
	font-weight: bold;
	padding:10px;
	font-size: 14px;
	}
#nav .nav_photo{
	width: 100%;
	height: 100px;
	display: block;
	background-size: cover;
	background-repeat:no-repeat;
    background-position: center; 
	}	
#nav .photo_search{
	margin:0 auto;
	font-size: 18px;
	text-align: center;
	padding-top:20px;
	}
#nav .photo_search input{
	padding:5px 10px;
	}
#nav li.static,
#nav li a{
	font-size: 16px;
	display: block;
	text-decoration: none;
	padding: 15px;
	color: #333;
	border-bottom: 1px #ccc solid;
	}
#nav li.static{
	background: #dee9ff;
	border-bottom: 1px #36c solid;
	}
#nav li a:hover,
#nav li a:active{
	background: #eee;
	}
#nav .right{
	float:right;
	}
.large_back a{
	padding:15px;
	background: #333;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 24px;
	display: block;
	}
#nav.side_nav{
	float:left;
	width:33%;
	}
.content_side{
	float:left;
	width:65%;
	box-sizing: border-box;
	padding:1%;
	position: relative;
	}	
		
.paging{
	clear: both;
	text-align: center;
	font-size: 18px;
	background: #36C;
	}
.paging a{
	display: inline-block;
	padding:15px 18px;
	text-decoration: none;
	background: #36C;
	color:#fff;
    margin:0 1px
	}
.paging a.current{
	background: #690;
	}

.photo_set{
	background: #fff;
	border:1px #ccc solid;
	width:99%;
	margin:.5%;
	float:left;
	box-sizing: border-box;
	font-size: 14px;
	height:auto;
	position: relative;
	padding-bottom: 40px;
	}
.photo_set.mini{
	width:49%;
	height:auto;
	min-height:230px;
	padding-bottom: 0;
	}
.admin_box .photo,	
.photo_set .photo{
	overflow: hidden;
	height:250px;
	text-align: center;
	}	
.photo_set.mini .photo{
	height:100px;
	}	
.admin_box .photo img,
.photo_set .photo img{
	display:inline-block;
	height: auto;
	max-width: 96%;
	max-height: 100%;
	margin:auto;
	vertical-align: middle;
	}	
.admin_box .photo .helper,
.photo_set .photo .helper {
    display: inline-block;
    height: 100%;
    width: 1px;
    vertical-align: middle;
    overflow: hidden;
	}	
.photo_set .top_details{
	border-bottom: 1px #eee solid;
	padding:5px 10px;
	text-align: center;
	overflow: hidden;
	}
.photo_set .edit_approve{
	border-bottom: 1px #eee solid;
	border-top:1px #eee solid;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	padding:5px 0;
	text-align: center;
	vertical-align: middle;
	}
.photo_set .form_edit{
	margin-right:10px;
	float:right;
	}
.photo_set .form_approve{
	margin-left:10px;
	float:left;
	}
.photo_set .photo_buttons{
	width: 100%;
	}
.photo_set .top_details .views{
	float:left;
	}
.photo_set .top_details .featured_icon,
.photo_set .top_details .date{
	float:right;
	}
.photo_set .top_details .featured_icon{
	position: relative;
	right:-10px;
	top:-5px;
	}
.photo_set .info{
	box-sizing: border-box;
	padding:10px;
	}
.photo_set .note{
  	font-size: 12px;
  	margin-top: 10px;
	}
.photo_set .member_info{
	margin-bottom: 10px;
	}	
.photo_set .seat_details{
	margin:10px 0;
	padding: 10px;
	font-size: 12px;
	background: #ffe;
	border:1px #fb0 solid;
	}
.photo_set .image_sizes_bad,
.photo_set .code{
	padding: 5px 10px;
	color: #fff;
	font-size: 12px;
	position:relative;
	bottom:-10px;
	margin:0 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	}
.photo_set .image_sizes_bad{
	background: red;
	}
.photo_set .code{
	background: #36c;
	}
.photo_set .check_approve{ 
    vertical-align: middle;
	}
.photo_set .member_photos{
	float:right;
	}
.photo_set .member_info{
	border-bottom:1px #eee solid;
	padding:5px 10px;
	}

#edit_nav{
	overflow: hidden;
	text-align: center;
	padding:5px 5px 0;
	}
#edit_nav .left{
	float:left;
	}
#edit_nav .right{
	float:right;
	}
#edit_nav .photo_id{
	background: #fff;
	border-radius: 20px;
	display: inline-block;
	padding:5px 10px;
    margin-top:5px;
	}

.admin_box{
	background: #fff;
	border:1px #ccc solid;
	width:99%;
	margin:.5%;
	float:left;
	box-sizing: border-box;
	font-size: 14px;
	height:auto;
	position: relative;
	padding:10px;
	}
.admin_box .sub_box{
	padding-bottom: 10px;
	border-bottom: 1px #ccc solid;
	margin-bottom:10px;
	}
.admin_box .structured_data{
	margin-bottom:10px;
	}	
.admin_box.suggestions ul,
.admin_box.suggestions li{
	list-style: none;
	}
.admin_box.suggestions li{
	cursor: pointer;
	border-bottom: 1px #eee solid;
	padding:10px 0;
	}
.admin_box.suggestions .venue{
	color:#36c;
	}
.admin_box.suggestions .type{
	font-weight: bold;
	}
.admin_box .featured .size{
	float:right;
	}
.admin_box .featured form{
	margin-bottom: 5px;
	}
.admin_box .admin_stats{
	overflow:hidden;
	}
.admin_box .admin_stat{
	box-sizing: border-box;
	float:left;
	padding:5px 0;
	width: 25%;
	text-align: center;
	}
.admin_box .member_stats p{
	margin-bottom: 5px;
	}
.admin_box .comment{
	padding-bottom: 10px;
	}
.admin_box .fb_member{
	font-weight: bold;
	}
.admin_box .meta_data{
	font-size: 9px;
	width: 100%;
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
	}
.admin_box .save_edit,	
.admin_box .edit_table{
	width:100%;
	max-width: 400px;
	margin:0 auto;
	}
.admin_box .edit_table textarea,
.admin_box .edit_table input{
	width: 80%;
    position:relative;
	font-size:14px;
	}

.featured_photos .photo{
	text-align: center;
	max-height:150px;
	height:150px;
	overflow:hidden;
	}
.featured_photos textarea{
	width:100%;
	}
.search_box{
	display:block;
	background: #cdddfe;
	text-align: center;
	padding:5px 10px;
	font-size: 18px;
	}
.missing_headers .photos{
	float:right;
	}
.missing_headers .place{
	font-size:12px;
	}	
		
.geofence #map_canvas{
	background: #fff;
	height:400px;
	max-height: 90%;
	width:100%;
	border:1px #333 solid;
	}
.styled_table{
	background:#fff;
	width:100%;
	}
.styled_table td,
.styled_table th{
	text-align: left;
	padding:10px 5px;
	border-bottom:1px #eee solid;
	} 	
.styled_table th,
.styled_table th a{
	background: #36c;
	color:#fff;
	}
.bar{
	background:#690;
	clear:both;
	display: inline-block;
	color: #fff;
	text-shadow:0 1px 2px #000;
	padding-left:5px;
	}
.thanks_bar{
	overflow:hidden;
	}
.thanks_bar .thanks_date{
	float:right;
	}
.thanks_bar .bar{
    height:15px;
    padding:5px;
}
.photo_set .new_photos{
	display:inline-block;
	border:2px #690 solid;
	color:#690;
	padding:2px;
	font-size: 12px;
	border-radius: 5px;
	}
.photo_set .thanking_member{
	color:#690;
	font-weight: bold;
	}
.padded{
	padding:10px;
	}
.centered_padded{
	text-align:center;
	padding:10px
	}	
.event_list{
	list-style: none;
	}
#venue_mapping .venue_map,
.event_list li{
	border:1px #36c solid;
	padding:10px;
	margin-bottom: 5px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	}
.event_list .name{
	font-weight: bold;
	font-size:16px;
	}
.event_list .city{
	font-size: 12px;
	}
.event_list .date{
	background: #36c;
	color:#fff;
	float:left;
	margin-right: 10px;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	width: 50px;
	}	
.league_menu,
.league_menu option{
	max-width: 120px;
	overflow: hidden;
	}
#venue_mapping .extras{
	margin-top:20px;
	}

#most_viewed table{
	width: 100%;
	min-width:320px;
	background: #fff;
	}
#most_viewed td{
	padding:5px;
	border-bottom: 1px #eee solid;
	}
#most_viewed .total{
	background: #36c;
	color:#fff;
	margin: auto;
	text-align: center;
	border-radius: 5px;
	}
.tabs{
	display: block;
	overflow: hidden;
	padding:0 10px;
	border-bottom:1px #36c solid;
	cursor: pointer;
	}	
.tabs a{
	display: inline-block;
	margin-right:5px;
	text-decoration: none;
	padding:10px 20px;
	background: #fff;
	border: 1px #36c solid;
	border-bottom: 0;
	}	
.tabs a.current{
	background: #36c;
	color:#fff;
	}	
#structured_data_form{
	width:100%;
	float:left;
	box-sizing:border-box;
	}
#structured_data_form ul{
	list-style: none;
	}
#structured_data_form li{
	padding:2px 0;
	}	
#structured_data_form label{
	cursor: pointer;
	padding:2px;
	}
#structured_data_form label:hover{
	background: #fff;
	}
#structured_data_form .highlight{
	background:yellow;
	}



.member_table .highlight{
	background:#fff;
	}
.member_table .empty{
	visibility: hidden;
	}
.member_table td{
	padding: 5px;
	}
.member_table .bottom{
	border-bottom: 1px #36c solid;
	font-size:12px;
	}
.member_table .from{
	background:#333;
	color:#fff;
	padding:5px 10px;
	width:40px;
	margin-right:10px;
	font-size:12px;
	text-align: center;
	}
.member_table .from.site{
	background:#33c;
	}
.member_table .from.iphone{
	background:#36c;
	}
.member_table .from.phone{
	background:#39c;
	}
.member_table .from.android{
	background:#3cc;
	}
.general_stats strong{
	display: inline-block;
	min-width:80px;
	text-align: right;
	padding-right: 20px;
	}

.white_block{
	border:1px #36c solid;
	padding:10px;
	margin-bottom: 5px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	}
.white_block.highlight{
	background:#ffc;
	}
.white_block.stat_block{
	width:98%;
	margin:1%;
	padding:0;
	}
.stat_block h2{
	padding: 10px 10px 0;
	}
.stat_block h2 .sub_date{
	color:#36c;
	font-size: 12px;
	float:right;
	}
.stat_bar{
	width:100%;
	overflow: hidden;
	padding:5px 10px;
	white-space: nowrap;
	}
.stat_bar .total{
	display: inline-block;
	width:30px;
	}
.stat_bar .bar{
	background:#690;
	height:10px;
	clear:both;
	display: inline-block;
	}
.league_map{
	border:1px #36c solid;
	padding:10px;
	margin-bottom: 5px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	}	
.league_map th{
	text-align: left;
	}
.league_map td{
	padding:10px 0;
	}


.graph{
	background:#dee9ff;
	color:#333;
	overflow: hidden;
	border-bottom:1px #ccc solid;
	}	
.graph_col{
	height:300px;
	width:8.33%;
	display:inline-block;
	}
.graph .graph_col:nth-child(odd) .month{
	background: #cdddfe;
	}	
.graph .graph_col:nth-child(odd) .bar{
	background: #ac0;
	}	
.graph .graph_col:nth-child(even) .bar{
	background: #690;
	}
.graph  .graph_col.current,
.graph  .graph_col.current .month{
	background:lightyellow;
	}	
.graph .graph_col.current .bar{
	background: #ee6;
	}
.graph .bar{
	width:100%;
	padding:0;
	position: absolute;
	top:0;
	}		
.graph .bar_area{
	height:250px;
	position: relative;
	}	
.graph .amount{
	height:20px;
	background: #fff;
	text-align: center;
	}
.graph .month{
	height:30px;
	text-align: center;
	font-size:12px;
	}



#venue_header_slides{
	display:none;
	background: #000;
	position: absolute;
	top:0;
	left:0;
	padding:1%;
	width:98%;
	height: 96%;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 10;
	}
#venue_header_slides .header{
	height:20px;
	text-align: right;
	font-size: 12px;
	}
#venue_header_slides ul{
	list-style: none;
	}
#venue_header_slides li{
	float:left;
	overflow: hidden;
	width: 100px;
	height:80px;
	cursor: pointer;
	margin:1px;
	}

.venue_header{
    display:flex;
}

#customized_header{
	overflow: hidden;
	width: 1280px; /*840*/
	height:400px; /*204*/
	background:#fff;
	color: #fff;
	margin:0 auto;
	position: relative;
	box-sizing: border-box;
	}
#customized_header h1{
	font-size:56px;
    color:#fff;
    text-shadow:0 1px 2px #000;
    display:inline-block;
    position: absolute;
    top:.5em;
    left:.5em;
    margin:0;
    padding:0;
	}
#customized_header .thumb_area{
    height:120px;
    width:100%;
    position: absolute;
    top:280px;
    left:0;
    border-top:1px #fff solid;
    background:rgba(0,0,0,0.65);
    display:flex;
    align-items: center;
    justify-content: center;
}

#custom_image{
	width: 100%;
	position: relative;
	cursor: move;
	}
.side_nav .total{
	float:right;
	color:#690;
	padding:5px;
	border:2px #690 solid;
	border-radius:5px;
	}

/* seating chart v2 stuff*/
.seating_chart_form{
	width:285px;
	padding-top:10px;
	margin-left:1px;
	background:#fff;
	box-sizing: border-box;
}
.seating_chart_form input{
	font-size:11px;
	width:60px;
}
.seating_chart_form textarea{
	width:100%;
	height:80px
}
.seating_chart_form input,
.seating_chart_form select{
	margin:2px 0 3px 3px;	
}
.seating_chart_form textarea{
	margin:3px;
}
.seating_chart_form .header{
	background:#333;
	color:#fff;
	padding:5px 10px;
}
.seating_chart_form .subheader{
	background:#999;
}
.seating_chart_form .button{
	margin:10px;
}
.seating_chart_form .button_new_shape{
	float:right;
	margin-right:5px;
	color:#fff;
}
.seating_chart_form .form_tabs a{
	padding:5px 10px;
	background:#ccc;
	color:#333;
	display:inline-block;
	margin-right:4px;
	text-decoration: none;
	font-size:12px;
}
.seating_chart_form .form_tabs a.current{
	background:#36c;
	color:#fff;
}
.seating_chart_form .section_name{
	display:block;
	padding:5px 10px;
	font-size: 12px;
	color:#fff;
}
.seating_chart_form #row_sample{
	font-size: 10px;
}
.control_panel{
	background: #eee;
	}
.chart_notes{
	margin:5px 10px 0;
	padding:5px;
	font-size: 12px;
	background: #F7FFC0;
	border:1px #FFC066 solid;
	}
.chart_tips{
	margin:5px 10px;
	padding:5px;
	font-size: 12px;
	background: #fff;
	border:1px #ccc solid;	
	}
.chart_tips li{
	list-style-type: decimal;
	margin:0 0 5px 25px;
	}

.header_list{
    display:block;
    width:48%;
    margin:.5%;
    float:left;
    text-align:center;
    overflow:hidden;
    background:#fff;
    border:1px #ccc solid;
    box-sizing: border-box;
}
.header_list.active{
    background: #FFFFCC;
    border:1px #FFC706 solid;
    box-shadow: 0 0 15px #333;
}

.header_list img{
    width:100%;
    cursor:pointer;
}
.header_list .name{
    font-size:16px;
}



	
@media screen and (min-width: 800px) {
    .white_block.stat_block{
    	width:47%;
    	float:left;
    	}
    .admin_box,
    .photo_set{
    	width:49%;
    	}
    .photo_set.mini{
    	width:24%;
    	}
    .content_side .admin_box{
		width:99%;
		}	
    .photo_set{
    	height:580px;
    	}
    .photo_set .note{
    	overflow: hidden;
  		white-space: nowrap; 
  		text-overflow: ellipsis; 
    	}
   	#nav.side_nav{
		width:30%;
		}
	.content_side{
		width:68%;
		padding:1%;
		} 
	.league_menu,
	.league_menu option{
		max-width: 250px;
		}
	#structured_data_form{
		width:49%;
		}
      	
}
@media screen and (min-width: 1200px) {
    .white_block.stat_block{
    	width:31%;
    	}
    .admin_box,
    .photo_set{
    	width:32%;
    	}
    .photo_set.mini{
    	width:19%;
    	}
    .content_side .admin_box{
		width:49%;
		}
	#nav.side_nav{
		width:25%;
		}
	.content_side{
		width:73%;
		padding:1%;
		}
	.league_menu,
	.league_menu option{
		max-width: 400px;
		} 
	#structured_data_form{
		width:64%;
		}	
    
    .header_list{
        width:32%;
    }
    
}

@media screen and (min-width: 1600px) {
    .admin_box,
    .photo_set{
    	width:24%;
    	}
    .header_list{
        width:24%;
    }
}	
	
@media screen and (min-width: 1900px) {
    .admin_box,
    .photo_set{
    	width:19%;
    	}
}