body, form, p, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

* { box-sizing: border-box; }
html { width: 100%; }
body {
	color: #fff;
	background-image: url(../images/body_bg.png);
    background-position: center top;
    background-repeat: repeat-y;
	background-color: #1495bd;
	font-family: Tahoma, "Trebuchet MS", Helvetica,sans-serif;
	font-size: 11px;
	width: 100%;
}

img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	background: #70A9BB;
    border: none;
    height: 1px;
	margin: 13px 0 15px;
}

a, a:visited, a:active {
	color: #ACD7FF;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

fieldset {
	border: 1px solid #999;
	border-radius: 2px;
	padding: 2px;
	margin: -4px 0 9px 0;
}

#wrapper {
	margin: 0 auto;
}

body.fluid #wrapper {
	width: 100%;
}

#header {
	height: 124px;
	margin-left: -67px;
    padding-left: 96px;
	background: url(../images/header_bg.png) no-repeat;
}
	#header #left_box .site_color_picker {
		display: none;
	}
	#header #left_box {
		width: 0;
		height: 124px;
		padding-top: 3px;
		float: left;
	}
	#header #left_box .logo {
		display: inline-block;
		width: 247px;
		height: 122px;
		background: url(../images/header_logo.png) no-repeat left center;
	}
	
	#header #right_box {
		margin-right: 31px;
		height: 124px;
	}
		#header #right_box #user_bar {
			float: right;
			color: #CBE7EF;
			height: 30px;
		}
		
			#header #right_box #user_bar .remember {
				position: relative;
				top: 2px;
			}
			
			#header #right_box #user_bar a, #header #right_box #user_bar a:visited, #header #right_box #user_bar a:active {
				color: #fff;
				text-decoration: none;
			}

			#header #right_box #user_bar a:hover {
				color: #c0efff;
				text-decoration: none;
			}
		
			#header #right_box #user_bar .left {
				float: left;
				width: 14px;
				height: 30px;
				background: url(../images/header_user_left.png) no-repeat;
			}
			
			#header #right_box #user_bar .center {
				float: left;
				height: 30px;
				background: url(../images/header_user_center.png) repeat-x;
			}
			
			#header #right_box #user_bar .center.no-right {
				padding: 0 5px 0 0;
			}
				#header #right_box #user_bar .center .content {
					line-height: 27px;
				}
				
					#header #right_box #user_bar .center .content img {
						height: 16px;
						padding-bottom: 2px;
						vertical-align: middle;
					}
				
					#header #right_box #user_bar .center .content .site_color_picker {
						font-size: 0px;
						position: relative;
						top: 4px;
					}
					
					#header #right_box #user_bar .center .content .site_color_picker span {
						width: 15px;
						height: 15px;
						display: inline-block;
						margin: 0 1px;
					}
					#header #right_box #user_bar .center .content .site_color_picker span img {
						border: 1px solid #70a9bb;
						width: 15px;
						height: 15px;
						padding: 0;
						vertical-align: inherit;
					}
					#header #right_box #user_bar .center .content span.divider {
						width: 1px;
						height: 25px;
						vertical-align: middle;
						display: inline-block;
						padding: 0 3px;
						background: url(../images/header_user_div.png) no-repeat top center;
					}
			
			#header #right_box #user_bar .right {
				float: left;
				width: 14px;
				height: 30px;
				background: url(../images/header_user_right.png) no-repeat;
			}
			
			#header #right_box #server_info {
				float: right;
				height: 124px;
				min-width: 244px;
			}
			#header #right_box #server_info #site_stats {
				clear: both;
				text-align: right;
				padding: 17px 8px 0 0;
			}
		
		#header #right_box #user_info {
			background-color: #0A4D61;
			background-image: url(../images/grid.png);
			float: right;
			color: #CBE7EF;
			width: 270px;
			height: 124px;
			padding: 10px;
			border-left: 1px solid #70A9BB;
			border-right: 1px solid #70A9BB;
		}
			#header #right_box #user_info #userinfo_container {
				float: right;
				width: 100%;
				padding-left: 77px;
				margin-top: 2px;
			}

			#header #right_box #user_info a, #header #right_box #user_info a:visited, #header #right_box #user_info a:active {
				color: #FFF;
				text-decoration: none;
			}

			#header #right_box #user_info a:hover {
				color: #C0EFFF;
				text-decoration: none;
			}
			
			#header #right_box #user_info .avatar-frame {
				float: left;
				height: 85px;
				margin-right: 10px;
				text-align: center;
				width: 70px;
				margin-right: -70px;
			}
			
			#header #right_box #user_info .avatar-frame a {
				display: inline-block;
				line-height: 85px;
			}
			
			#header #right_box #user_info .avatar-frame .profile_pic {
				max-height: 85px;
				max-width: 70px;
				vertical-align: middle;
			}
			
			#header #right_box #user_info .yourstats-div {
				border-bottom: 1px solid #8AB2C1;
				height: 1px;
				margin: 0 0 5px;
				width: 100%;
			}
			
			#header #right_box #user_info .smaller-div {
				border-bottom: 1px solid #8AB2C1;
				height: 1px;
				margin: 3px 0;
				width: 170px;
			}
			
			#header #right_box #user_info .userinfo-stat {
				text-align: right;
				height: 17px;
			}
				#header #right_box #user_info .userinfo-stat .left {
					float: left;
				}
				
				#header #right_box #user_info .userinfo-stat .right {
					float: right;
					font-weight: bold;
				}
			
		#header #right_box #nav_box {
			background: url(../images/header_nav_bg.png) no-repeat top right;
			height: 38px;
			margin-top: 62px;
			padding-right: 6px;
			padding-top: 11px;
		}
		
		#header #right_box #nav {
			height: 28px;
			float: right;
			width: 692px;
		}
		
.sub_menu {
	display: table;
	table-layout: fixed;
	width: calc(100% - 62px);
    background: #083b4a;
    text-align: center;
    margin: 0 31px;
	height: 41px;
	line-height: 32px;
	border-left: 1px solid #70A9BB;
	border-top: 1px solid #70A9BB;
	border-right: 1px solid #70A9BB;
}
	.sub_menu img {
		display: none;
	}
	.sub_menu .arrow {
		display: table-row;
		height: 41px;
		width: 100%;
		font-size: 0px;
		background: url(../images/menu_end.png) no-repeat center left;
	}
	
	.sub_menu a {
		display: table-cell;
		font-size: 14px;
		font-weight: 600;
		background: rgba(0,0,0,0.25);/*rgba(0, 0, 0, 0.25);*/
		padding: 0px 20px;
		border-left: 1px solid #8AB2C1;
		height: 41px;
		/*display: inline-block;*/
		-webkit-transition: background ease-in-out .15s;
		     -o-transition: background ease-in-out .15s;
			    transition: background ease-in-out .15s;
	}

	.sub_menu a:first-child {
		border-left: none;
	}

	.sub_menu a.last {
		border-right: none;
	}

	.sub_menu a span {
		position: relative;
		top: 3px;
	}
	
	.sub_menu a.active span {
		font-weight: bold;
	}
	
	.sub_menu a:link, .sub_menu a:hover, .sub_menu a:active, .sub_menu a:visited {
		color: #D0D3D6;
		text-decoration: none;
	}

	.sub_menu a:hover {
		background: rgba(0,0,0,0);
	}

	
	/** OLD **//*
	.sub_menu ul {
		border-right: 1px solid #70A9BB;
		color: #D0D3D6;
		list-style: none;
		display: inline-block;
	}

	.sub_menu li {
		border-left: 1px solid #70A9BB;
		color: #D0D3D6;
		float: left;
		min-height: 15px;
		padding: 3px 10px 3px;
		position: relative;
		text-align: left;
	}

	.sub_menu li a:link, .sub_menu li a:hover, .sub_menu li a:active, .sub_menu li a:visited {
		color: #D0D3D6;
	}

	.sub_menu li ul {
		background: #34424E;
		border: 1px solid #70A9BB;
		display: none;
		left: 0;
		position: absolute;
		top: 1em;
	}

	.sub_menu li ul li {
		background: #34424E;
		border: 0;
		float: none;
		list-style-image: url("/images/2008/menubar-list-bullet.png");
		list-style-position: inside;
		width: 130px;
	}

	.sub_menu li ul li:hover, .sub_menu li ul li.over {
		background: #414E59;
		list-style-image: url("/images/2008/menubar-bullet-over.png");
		list-style-position: inside;
	}

	.sub_menu li ul li a:link, .sub_menu li ul li a:hover, .sub_menu li ul li a:active, .sub_menu li ul li a:visited {
		color: #D0D3D6;
	}

	.sub_menu li > ul {
		left: -1px;
		top: 21px;
		z-index: 3;
	}

	.sub_menu li:hover ul, .sub_menu li.over ul {
		display: block;
		height: auto;
		width: 150px;
	}

	.sub_menu li ul li.menuDivider {
		color: #9C9EA1;
		font-weight: bold;
		list-style: none;
	}

	.sub_menu li ul li.menuDivider:hover, .sub_menu li ul li.menuDivider.over {
		background: #34424E;
	}
	*/

#content {
	clear: both;
    margin: 0 31px;
	border: 1px solid #70A9BB;
	background-color: #0A4D61;
	background-image: url(../images/grid.png);
}
	#content_table {
		width: 100%;
		display:flex;
		overflow: hidden;
	}
	
		/********** SIDEBAR **********/
		.sidebar {
			padding: 0;
			width: 184px;
			vertical-align: top;
			overflow: hidden;
			display: inline-block;
			flex-shrink: 0;
			-webkit-transition: height ease-in-out .25s;
			   -o-transition: height ease-in-out .25s;
				  transition: height ease-in-out .25s;
		}
			#left_sidebar {
				float: left;
			}
			#right_sidebar {
				float: right;
			}
			
			.sidebar a, .sidebar a:visited, .sidebar a:active, .sidebar a:hover {
				color: #D6D6D6;
			}
			
			.sidebar .block {
				padding: 8px;
				border-bottom: 1px solid #8AB2C1;
			}
				.sidebar .block .title {
					padding: 0 0 3px;
					border-bottom: 1px solid #8AB2C1;
				}
					.sidebar .block .title.thin {
						margin-bottom: 0px;
					}

				.sidebar .block .content p {
					margin: 15px 0 0;
				}

				.sidebar .block .content p:first-child {
					margin: 0px;
				}
				
				.sidebar ul li {
					width: 153px;
					margin: 6px 0px 6px 15px;
					list-style-image: url(../images/icons/bullet.png);
					list-style-position: outside;
					word-wrap: break-word;
				}
				
				.sidebar .games {
					height: 51px;
				}

		#main {
			display:inline-block;
			padding: 0;
			width: 100%;
			vertical-align: top;
			background: rgba(0, 0, 0, 0.25);
			overflow: hidden;
		}
			#main.has-left-sidebar, #main.has-right-sidebar{
				width: 995px;
			}
			#main.has-left-sidebar.has-right-sidebar {
				width: 811px;
			}
			#main.no_bg {
				background: none;
			}
			
			#main td {
				padding: 2px;
			}
			
			#main .block {
				padding: 9px;
				margin: 0 0 8px;
			}

				#main .block .title {
					font-size: 14px;
					font-weight: bold;
					margin-bottom: 4px;
				}
					#main .block .title.thin {
						margin-bottom: 0px;
					}
				
				#main .block .subtitle {
					border-bottom: 1px solid #8AB2C1;
					color: #93becb;
					font-size: 11px;
					height: 17px;
					margin-bottom: 4px;
					margin-top: -2px;
					padding-left: 1px;
				}
				
				#main .block .subtitle .left {
					float: left;
				}
				
				#main .block .subtitle .right {
					float: right;
					font-weight: bold;
				}
				
				#main .block .content {
					clear: both;
				}
				
				#main .block .content img {
					max-width: 100%;
				}
				
				#main .block .content p {
					padding: 0 0 20px;
				}

				#main .block .content p:first-child {
					margin: 0px;
				}
				
				#main .block .comments {
					margin: 0 0 25px 0;
				}
				
				#main .block .footer {
					margin: 6px 0 0;
				}
				
				#main .block .footer .left {
					float: left;
				}
				
				#main .block .footer .right {
					float: right;
				}
				
			#main .block_table {
				width: 100%;
				border-collapse: collapse;
				margin: 0 0 10px;
			}
			
				#main .block_table .title {
					font-size: 14px;
					font-weight: bold;
					margin-bottom: 4px;
				}

#comments {
	padding: 0 0 15px;	
}

#footer {
	clear: both;
	padding: 15px 0;
	color:#FFF;
	text-align: center;
	font-size: 11px;
    margin: 0 31px;
	background: url(../images/footer_bg.png) repeat-x;
}
	#footer p {
		margin: 0;
	}
	
	#footer p a {
		color: #FFF;
		border-bottom: 1px dashed #FFF;
	}
	#footer p a:hover {
		text-decoration: none;
		border-bottom: 1px dashed #AAA;
	}

/*************** GLOBAL *****************/
/** Comment Blocks **/
.comment-block {
	text-align: left;
	border-top: 1px solid #8AB2C1;
	border-bottom: 1px solid #8AB2C1;
}
	.comment-block .header {
		width: 100%;
		text-align: left;
		float: left;
		font-size: 12px;
	}
	
	.comment-block .avatar {
		float:left;
		padding-right:6px;
		max-width: 40px;
		max-height: 40px;
	}
	
	.comment-block .vote {
		float: right;
	}
	
	.comment-block .content {
		text-align: left;
		padding: 5px 0 0;
	}
	
	.comment-block ul {
		margin: 10px 0;
		padding: 0 0 0 20px;
	}
	
/** Comment Colors **/
#main .admin-comment { background: rgba(226,86,86,0.25); }
#main .admin-comment a:link, #main .admin-comment a:active, #main .admin-comment a:visited{color:#AA3434;text-decoration:none;}
#main .admin-comment a:hover{color:#AA3434;text-decoration:underline;}

#main .staff-comment { background: rgba(114,171,109,0.25); }
#main .staff-comment a:link, .staff-comment a:active, .staff-comment a:visited{color:#498C43;text-decoration:none;}
#main .staff-comment a:hover{color:#498C43;text-decoration:underline;}

#main .legend-comment { background: rgba(119,140,122,0.25); }
#main .legend-comment a:link, .legend-comment a:active, .legend-comment a:visited{color:#778C7A;text-decoration:none;}
#main .legend-comment a:hover{color:#778C7A;text-decoration:underline;}

#main .veteran-comment { background: rgba(92,145,219,0.25); }
#main .veteran-comment a:link, .veteran-comment a:active, .veteran-comment a:visited{color:#4C81AC;text-decoration:none;}
#main .veteran-comment a:hover{color:#4C81AC;text-decoration:underline;}

#main .simcreator-comment { background: rgba(230,158,32,0.25); }
#main .simcreator-comment a:link, .simcreator-comment a:active, .simcreator-comment a:visited{color:#BD8524;text-decoration:none;}
#main .simcreator-comment a:hover{color: #BD8524;text-decoration:underline;}

#main .regular-comment { background: rgba(99,99,99,0.25); }
#main .regular-comment a:link, .regular-comment a:active, .regular-comment a:visited{color:#686868;text-decoration:none;}
#main .regular-comment a:hover{color: #686868;text-decoration:underline;}

#main .comment-vote{padding-right:16px;}
#main .comment-green{color:#6ABA5F;}
#main .comment-red{color:#BC3D40;}

#main .comment-admin {
    margin: 0 -9px -5px;
    padding: 3px 9px 0;
}

/*** Table Sorter ***/
.tablesorter {
	width: 100%;
}
	.tablesorter th {
		text-align: left;
		font-weight: bold;
	}
	
	.tablesorter td {
		text-align: left;
	}
	
	.tablesorter-headerAsc {
		color: #00ff00;
	}
	
	.tablesorter-headerDesc {
		color: #ff0000;
	}
	
/** Zebra List **/
.zebra_list {
	width: 100%;
}

.zebra1 {
	color: #e6e6e6;
	background: rgba(0, 0, 0, 0.25);
}

.zebra_list tbody tr:nth-child(2n-1) {
	color: #e6e6e6;
	background: rgba(0, 0, 0, 0.25);
}

.width-full {
	width: 100%;
}

/** Borders **/
.no-border { border: 0 !important; }
.border-top { border-top: 1px solid #8AB2C1; }
.border-bottom { border-bottom: 1px solid #8AB2C1; }
.border-left { border-left: 1px solid #8AB2C1; }
.border-right { border-right: 1px solid #8AB2C1; }

.border-top-dash { border-top: 1px dashed #8AB2C1; }
.border-bottom-dash { border-bottom: 1px dashed #8AB2C1; }
.border-left-dash { border-left: 1px dashed #8AB2C1; }
.border-right-dash { border-right: 1px dashed #8AB2C1; }

/** Text Effects **/
.text-bold {
	font-weight: bold;
}

/** Text Align **/
.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

/** Floats **/
.float-left {
	float: left;
}

.float-right {
	float: right;
}

/** Spacer **/
.spacer {
	margin: 5px 0;
}

/** Padding **/
.no-padding {
	padding: 0px;
}

.side-padding {
	padding: 0 8px;
}

/** Clears **/
.clear {
	clear: both;
}

/** Paging **/
.pagnation {
	text-align:center;
	padding: 15px;
	border-top: 1px solid #8AB2C1;
}

/** Box Border **/
.border-color {
	border: 1px solid #8AB2C1;
}

/** Tabs **/
.tab-links a {
	padding: 6px;
	display: inline-block;
	border: 1px solid #8AB2C1;
	background: rgba(0, 0, 0, 0.25);
}
.tab-links a:hover {
	text-decoration: none;
}

/** Forum Boards **/
.sidebar .forum-board-60 {
	color: #77ACFF;
}

.sidebar .forum-board-39, .sidebar .forum-board-81, .sidebar .forum-board-75 {
	color: #9AFC9A;
}

/** Object Status **/
/*
.lock {
	background: rgba(135,2,22,0.25);
	background: -moz-linear-gradient(left,  rgba(206,4,4,0.25) 0%, rgba(114,0,0,0.25) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(206,4,4,0.25)), color-stop(100%,rgba(114,0,0,0.25)));
	background: -webkit-linear-gradient(left,  rgba(206,4,4,0.25) 0%,rgba(114,0,0,0.25) 100%);
	background: -o-linear-gradient(left,  rgba(206,4,4,0.25) 0%,rgba(114,0,0,0.25) 100%);
	background: -ms-linear-gradient(left,  rgba(206,4,4,0.25) 0%,rgba(114,0,0,0.25) 100%);
	background: linear-gradient(to right,  rgba(206,4,4,0.25) 0%,rgba(114,0,0,0.25) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ce0404', endColorstr='#40720000',GradientType=1 );
}

.zebra_list tbody tr:nth-child(2n-1).lock, .zebra1.lock {
	background: rgba(150,3,3,0.25);
	background: -moz-linear-gradient(left,  rgba(150,3,3,0.25) 0%, rgba(114,0,0,0.25) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(150,3,3,0.25)), color-stop(100%,rgba(114,0,0,0.25)));
	background: -webkit-linear-gradient(left,  rgba(150,3,3,0.25) 0%,rgba(114,0,0,0.25) 100%);
	background: -o-linear-gradient(left,  rgba(150,3,3,0.25) 0%,rgba(114,0,0,0.25) 100%);
	background: -ms-linear-gradient(left,  rgba(150,3,3,0.25) 0%,rgba(114,0,0,0.25) 100%);
	background: linear-gradient(to right,  rgba(150,3,3,0.25) 0%,rgba(114,0,0,0.25) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40960303', endColorstr='#40720000',GradientType=1 );
}
.unlocked {
	background: rgba(13,117,2,0.25);
	background: -moz-linear-gradient(left,  rgba(34,137,2,0.25) 0%, rgba(6,68,0,0.25) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(34,137,2,0.25)), color-stop(100%,rgba(6,68,0,0.25)));
	background: -webkit-linear-gradient(left,  rgba(34,137,2,0.25) 0%,rgba(6,68,0,0.25) 100%);
	background: -o-linear-gradient(left,  rgba(34,137,2,0.25) 0%,rgba(6,68,0,0.25) 100%);
	background: -ms-linear-gradient(left,  rgba(34,137,2,0.25) 0%,rgba(6,68,0,0.25) 100%);
	background: linear-gradient(to right,  rgba(34,137,2,0.25) 0%,rgba(6,68,0,0.25) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40228902', endColorstr='#40064400',GradientType=1 );
}

.zebra_list tbody tr:nth-child(2n-1).unlocked, .zebra1.unlocked {
	background: rgba(7,66,1,0.25);
	background: -moz-linear-gradient(left,  rgba(11,86,1,0.25) 0%, rgba(5,58,0,0.25) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(11,86,1,0.25)), color-stop(100%,rgba(5,58,0,0.25)));
	background: -webkit-linear-gradient(left,  rgba(11,86,1,0.25) 0%,rgba(5,58,0,0.25) 100%);
	background: -o-linear-gradient(left,  rgba(11,86,1,0.25) 0%,rgba(5,58,0,0.25) 100%);
	background: -ms-linear-gradient(left,  rgba(11,86,1,0.25) 0%,rgba(5,58,0,0.25) 100%);
	background: linear-gradient(to right,  rgba(11,86,1,0.25) 0%,rgba(5,58,0,0.25) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400b5601', endColorstr='#40053a00',GradientType=1 );
}
*/

.d-none {
	display: none !important;
}

/*** Input Buttons ***/
.input_button {
	background: #CFCFCF url(../images/input_button.png) repeat-x;
	font-size: 12px;
	border: 1px solid #707070;
	border-radius: 3px;
	padding: 2px 7px 4px;
	height: 22px;
	display: inline-block;
	margin-bottom: 3px;
}

input.input_button {
	font-family: Tahoma, "Trebuchet MS", Helvetica,sans-serif;
	height: 22px;
    padding: 1px 4px 2px;
    vertical-align: top;
}

input.input_button, a.input_button, a.input_button:link, a.input_button:visited, a.input_button:active, a.input_button:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

input.input_button:hover, a.input_button:hover, input.input_button_active, a.input_button_active  {
	background-color: #A7D9F5;
	border-color: #3C7FB1;
}

input.input_button.disabled, a.input_button.disabled, a.input_button.disabled:hover {
	background: #CFCFCF;
	color: #808080;
}
input.input_button.danger, a.input_button.danger, a.input_button.danger:link, a.input_button.danger:visited, a.input_button.danger:active {
	background-color: #F4A8A8;
	border-color: #820606;
	color: #2B0101;
}

input.input_button.danger:hover, a.input_button.danger:hover, input.input_button_active.danger, a.input_button_active.danger  {
	background-color: #E55757;
	border-color: #820606;
}

.form-horizontal  {
    padding:8px;
}
.form-horizontal .form-group::before, .form-horizontal .form-group::after {
    content: " ";
    display: table;
}
.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
}
.form-group {
    margin-bottom: 5px;
}
.form-group::after {
	clear: both;
}
.form-control {
	display: block;
	width: 100%;
	height: 30px;
	padding: 3px 7px;
	line-height: 1.42857143;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-transition: border-color ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s;
		  transition: border-color ease-in-out .15s;
}
.form-control-static {
	padding-top: 7px;
}
.form-check {
	position:relative;
	display:block;
	padding-left:1.25rem
}
.form-check-input {
	position:absolute;
	margin-top:.3rem;
}
.form-check-input:disabled~.form-check-label {
	color:#6c757d
}
.form-check-label {
	margin-bottom:0
}
.form-check-input {
	position:static;
	margin-top:0;
	margin-right:.3125rem;
	margin-left:0
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
}

select.form-control {
	padding: 3px 2px;
}
textarea.form-control {
	height: 175px;
}
input[type="file"] {
	padding: 0px;
	border: 0;
	background:none;
}
/************** PAGE SPECIFIC ******************/
/*** Profile Editor ***/
#profile_layout {

}
	
	#profile_layout .spacer {
		margin: 5px 0 3px;
	}
	
	#profile_layout .page_title {
		padding: 0 0 5px;
	}
	
	#profile_layout .page_table {
		width: 100%;
		border-collapse: collapse;
	}

		#profile_layout .page_table td {
			vertical-align: top;
			width: 50%;
		}
			#profile_layout .page_table td  .block_collapsed {
				
			}
			
			#profile_layout .page_table td  .block_collapse {
				
			}
		
			#profile_layout .page_table td  select {
				width: 176px;
			}
			
			#profile_layout .page_table td .add_element {
				text-align: right;
				width: 222px;
				cursor: pointer;
			}
			
			#profile_layout .page_table td .remove_element {
				vertical-align: middle;
				padding: 0 0 3px 3px;
				cursor: pointer;
			}
			
			#profile_layout .page_table td .blockOptions {
				padding: 2px 0 10px 15px;
			}
			
				#profile_layout .page_table td .blockOptions .item {
					display: inline-block;
					width: 75px;
					height: 20px;
				}
				
				#profile_layout .page_table td .blockOptions input[type=checkbox] {
					margin: 4px 0;
					vertical-align: middle;
				}

#main .userProfile {
	width: 100%;
	border-top: 1px solid #8AB2C1;
	border-bottom: 1px solid #8AB2C1;
}

	#main .userProfile td {
		width: 50%;
		padding: 15px 10px;
		box-sizing: border-box;
	}
		#main .userProfile td.left {
			border-right: 1px dashed #8AB2C1;
		}


.profileSetting {
	display: inline-block;
	width:150px;
}

.profileOption {
	width: 200px;
}

.profileOption[type="text"] {
	width: 194px;
}

.profileTextArea {
	width:100%;
	height: 150px;
	box-sizing: border-box;
}

/** Note Icons **/
.chartViewGrid {
	display: grid;
	grid-template-columns: 1fr 168px 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "info chart other";
}
.chartViewGrid .info { grid-area: info; padding: 10px; }
.chartViewGrid .chart { grid-area: chart; }
.chartViewGrid .other { grid-area: other; padding: 10px; }

.chartViewPadding {
	width: 168px;
	margin: 0 auto;
}
.chartView {
	margin: 0 auto;
	position: relative;
	background: url(../images/notes/note_chart_background.png) 0 6px;
	width: 168px;
}
	.chartView .song_note {
		position: absolute;
	}
	.chartView .song_note.l0 { left: 10px; }
	.chartView .song_note.l1 { left: 50px; }
	.chartView .song_note.l2 { left: 90px; }
	.chartView .song_note.l3 { left: 130px; }	
	
.song_note {
	background: transparent no-repeat top left;
	width:32px;
	height:32px;
}
.song_note.inline {
	margin-right:3px;
	display:inline-block;
}
.song_note.small {
	width: 16px;
	height: 16px;
}
.song_note.blue { background-image: url(../images/notes/note_blue.png); }
.song_note.red { background-image: url(../images/notes/note_red.png); }
.song_note.yellow { background-image: url(../images/notes/note_yellow.png); }
.song_note.green { background-image: url(../images/notes/note_green.png); }
.song_note.orange { background-image: url(../images/notes/note_orange.png); }
.song_note.pink { background-image: url(../images/notes/note_pink.png); }
.song_note.purple { background-image: url(../images/notes/note_purple.png); }
.song_note.cyan { background-image: url(../images/notes/note_cyan.png); }
.song_note.white { background-image: url(../images/notes/note_white.png); }
.song_note.small.blue { background-image: url(../images/notes/note_blue.small.png); }
.song_note.small.red { background-image: url(../images/notes/note_red.small.png); }
.song_note.small.yellow { background-image: url(../images/notes/note_yellow.small.png); }
.song_note.small.green { background-image: url(../images/notes/note_green.small.png); }
.song_note.small.orange { background-image: url(../images/notes/note_orange.small.png); }
.song_note.small.pink { background-image: url(../images/notes/note_pink.small.png); }
.song_note.small.purple { background-image: url(../images/notes/note_purple.small.png); }
.song_note.small.cyan { background-image: url(../images/notes/note_cyan.small.png); }
.song_note.small.white { background-image: url(../images/notes/note_white.small.png); }

.song_note.l0 {
	transform: rotate(90deg);
}

.song_note.l2 {
	transform: rotate(180deg);
}

.song_note.l3 {
	transform: rotate(270deg);
}

/** Level List **/
.level_search {
	padding: 13px;
}

.filter_table {
	width: 100%;
}

	.filter_table td {
		vertical-align: top;
	}

	.filter_title {
		font-weight: bold;
	}
	
.song_item {
	border-top: 1px #8AB2C1 solid;
	font-size: 13px;
	min-height: 55px;
	display: flex;
}

	.song_item .genre, .song_item .buy_icon {
		display: inline;
		width: 39px;
		background: rgba(0, 0, 0, 0.25);
		border-right: 1px solid #8AB2C1;
		padding: 6px 0 0;
		text-align: center;
		flex-shrink: 0;
		cursor: default;
	}
	
		.song_item.unlocked .genre {
			padding: 4px 0 0;
		}
	
		.song_item .genre span, .song_item .buy_icon span {
			opacity: 0.2;
			font-size: 34px;
		}
		
		.song_item .buy_icon:hover span {
			opacity: 0.5;
		}

	.song_item .main {
		display:inline;
		padding: 5px;
		width: 100%;
	}
	
		.song_item .name {
			font-size: 16px;
			font-weight: bold;
		}

		.song_item .price {
			font-size: 35px;
			text-align: right;
			opacity: 0.8;
			min-width: 100px;
			padding: 5px;
			flex-shrink: 0;
		}

		.song_item .stepauthor, .song_item .style {
			display: inline-block;
			width: 50%;
			padding-top: 3px;
		}
		.song_item .difficulty {
			font-size: 35px;
			text-align: right;
			opacity: 0.8;
			min-width: 70px;
			padding: 5px;
			flex-shrink: 0;
		}

/** Tier Points ***/
.tier_main {
	margin: 4px 0;
}
	.tier_main  {
		cursor: pointer;
		display: inline-block;
		height: 36px;
		width: 100%;
		background: url('../images/expand_32_64.png') right top no-repeat;
	}
	
	.tier_main.open {
		background: url('../images/expand_32_64.png') right -32px no-repeat;
	}
	
	.tier_main .maxxed {
		color: #8FFC67;
		/*text-shadow: 0 0 7px #8FFC67;*/
	}
	.tier_main .songname {
		font-weight:bold;
	}
	
	.tier_main .tierlist_item {
		width: 788px;
		display: inline-block;
	}
	
	.tier_main .tier_ladder {
		float: left;
	}
	
		.tier_main .tier_ladder .tier_earned {
			display: inline-block;
			font-size: 18px;
			position: relative;
			text-align: right;
			top: -7px;
			width: 20px;
		}
		
		.tier_main .tier_ladder .tier_spacer {
			font-size: 26px;
			position: relative;
			left: -5px;
		}
		
		.tier_main .tier_ladder .tier_total {
			display: inline-block;
			font-size: 18px;
			left: -11px;
			position: relative;
			text-align: left;
			top: 3px;
			width: 20px;
		}
	
	.tier_main .tier_details {
		position: relative;
		left: -4px;
		float: left;
		font-size:14px;
	}
	
	.tier_main .tier_req {
		cursor: default;
		display: none;
	}
	.tier_main.open .tier_req {
		display: inline;
	}
	
	.tier_main .tier_req_list {
		list-style: none outside none;
		padding: 0 0 0 54px;
	}
	
		.tier_main .tier_req_list li {
			margin: 0 0 5px;
		}
		
/** Leaderboards **/
.leaderboard_top {
	padding: 15px 0 0;
}
	.leaderboard_top .leaderboard_table {
		width: 100%;
		border-top: 1px solid #8AB2C1;
		border-bottom: 1px solid #8AB2C1;
	}
		#main .leaderboard_top .leaderboard_table td {
			padding: 0px;
			vertical-align: top;
		}
		
		.leaderboard_top .first {
			background: rgba(0, 0, 0, 0.25);
			width: 366px;
			height: 185px;
			border-right: 1px solid #8AB2C1;
		}
			
			.leaderboard_top .first div {
				padding: 5px;
			}
			
			.leaderboard_top .first .name {
				font-size: 16px;
				font-weight: bold;
				border-bottom: 1px dotted #8AB2C1;
			}
			
			.leaderboard_top .first .avatar {
				float: left;
				width: 160px;
				height: 145px;
				overflow:hidden;
				text-align:center;
				border-right: 1px dotted #8AB2C1;
			}
				
				.leaderboard_top .first .avatar img {
					max-height: 135px;
					max-width: 150px;
				}
			
			.leaderboard_top .first .stats {
				float: left;
				padding: 5px 10px;
				width: 175px;
				height: 145px;
				overflow: hidden;
			}
				
				.leaderboard_top .first .stats  .stat {
					width: 58px;
					display: inline-block;
				}
			
				.leaderboard_top .first .stats  .score {
					font-size: 13px;
					font-weight: bold;
				}
			
				.leaderboard_top .first .stats  .replay {
					padding: 13px 0 0;
					text-align: center;
					width: 100%;
				}
			
		.leaderboard_top .entry {
			height: 45px;
			padding: 5px;
		}
		
			.leaderboard_top .entry .avatar {
				float: left;
				max-width: 40px;
				max-height: 36px;
				overflow:hidden;
				text-align:center;
				padding: 0 4px 0 0;
				border-right: 1px dotted #8AB2C1;
			}
			
				.leaderboard_top .entry .avatar img {
					max-height: 35px;
					max-width: 38px;
				}
				
			.leaderboard_top .entry .stats {
				float: left;
				width: 385px;
				height: 35px;
				padding: 0 0 0 5px;
				overflow: hidden;
			}
			
				.leaderboard_top .entry .stats  .name {
					font-weight: bold;
					font-size: 12px;
				}
				
				.leaderboard_top .entry .stats  .stat{
					padding: 4px 0 0;
				}
				
				.leaderboard_top .entry .stats  .replay {
					font-weight: normal;
				}
				
.leaderboard_lower {
	width: 100%;
}

/** Photos & Videos **/
#main .photoBack {
	margin: 0 0 5px;
}

#main .pageHalfTable div {
	float: left;
	width: 50%;
	padding: 15px 10px;
	box-sizing: border-box;
}
	
#main .pageListTitle  {
}
	#main .pageListTitle div {
		float: left;
		width: 50%;
		font-size: 15px;
		font-weight: bold;
		padding: 15px 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
#main .pageListTitle::after {
    content: "";
    clear: both;
    display: block;
}

#main .listTable {
	width: 100%;
}

	#main .listTable .listRow {
		border-top: 1px solid #8ab2c1;
		align-items: center;
		width: 100%;
	}
		#main .listTable .listRow .lock {
			flex-shrink: 0;
			flex: 0;
		}
		#main .listTable .listRow.single {
			border-bottom: 1px solid #8ab2c1;
		}
	
		#main .listTable .listRow .item {
			width:100px;
			padding:10px;
			text-align: center;
		}
		#main .listTable .listRow .links {
			width:100px !important;
			padding:10px;
			text-align: center;
			flex-shrink: 0;
		}
		
		#main .listTable .listRow .linkDelete {
			color: #ff0000;
		}
		
		#main .listTable .listRow .desc {
			padding:10px;
			width: 100%;
		}
		
		#main .listTable .listRow .rating {
			width: 70px;
			padding: 10px;
			flex-shrink: 0;
		}
			#main .listTable .listRow .rating div.i {
				margin: 0 0 7px;
			}
			
			#main .listTable .listRow .rating span {
				font-weight: bold;
			}
		
			#main .listTable .listRow .desc span.title{
				    display: inline-block;
					font-size: 14px;
					font-weight: bold;
					padding: 0 0 5px;
			}
			#main .listTable .listRow .desc span.title img{
				margin-top: -6px;
				vertical-align: middle;
			}
			
		#main .listTable .listRow .timestamp {
			width: 150px;
			text-align: right;
			padding: 10px;
			flex-shrink: 0;
		}
		
		#main .listTable .listRow .avatar {
			border-left: 1px dashed #8ab2c1;
			width: 125px;
			text-align: center;
			flex-shrink: 0;
			padding: 4px;
		}
		
/** Staff / Team **/
.staff_list { }
	.staff_list tr {
		height: 32px;
		vertical-align: middle;
		text-align: left;
	}
		.staff_list .usergroup-icon {
			vertical-align: bottom;
		}
		.staff_list .staff-center {
			text-align: center;
		}
			.staff_list .staff-center .empty {
				font-style: italic;
			}
		
		.staff_list .member { }
			.staff_list .member .pm, .staff_list .member .avatar {
				text-align: center;
			}
			.staff_list .member .pm {
				width: 36px;
			}
			.staff_list .member .avatar { 
				width: 30px;
			}
				.staff_list .member .avatar img {
					max-height: 28px;
					max-width: 28px;
				}
			.staff_list .member .username {
				width: 20%;
			}
			.staff_list .member .activity {
				width: 220px;
			}

/* Batch Submissions */
#main .batch_search {
	border-top: 1px solid #000;
	padding: 15px;
}
#main .batch_search input[type="text"] {
	width: 100%;
	max-width: 300px;
}
#main .judgeSetTitle {
	border-top: 1px solid #4D5052;
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
}

#main .judgeSetTitle span {
	display: inline-block;
}

#main .listRow.batch {
	display: flex;
}
	#main .listTable .listRow.batch {
		align-items: normal;
		border-right-width: 15px;
		border-right-style: solid;
		border-right-color: transparent;
	}
	#main .listTable .listRow.batch.none {
		border-right-width: 0px;
	}
	#main .listRow.batch.file-status-0 { border-right-color: transparent } /* Open */
	#main .listRow.batch.file-status-1 { border-right-color: transparent } /* Closed */
	#main .listRow.batch.file-status-2 { border-right-color: #e5adf9; } /* Unjudged */
	#main .listRow.batch.file-status-3 { border-right-color: #b470cc; } /* Judged */
	#main .listRow.batch.file-status-4 { border-right-color: #d75656; } /* Rejected */
	#main .listRow.batch.file-status-5 { border-right-color: #e6c665; } /* Resubmission Allowed */
	#main .listRow.batch.file-status-6 { border-right-color: #e69b65; } /* Conditional Queue */
	#main .listRow.batch.file-status-7 { border-right-color: #c2db55; } /* Pending Fixes */
	#main .listRow.batch.file-status-8 { border-right-color: #c7ff4e; } /* Light Accept */
	#main .listRow.batch.file-status-9 { border-right-color: #afff00; } /* Accepted */
	#main .listRow.batch.file-status-10 { border-right-color: #4be804; } /* Released */
	#main .listRow.zebra0.batch.file-status-4 { background: #f0e6e6; } /* Rejected */
	#main .listRow.zebra1.batch.file-status-4 { background: #f0dada; } /* Rejected */
	#main .listRow.zebra0.batch.file-status-10 { background: #d3f4d3; } /* Released */
	#main .listRow.zebra1.batch.file-status-10 { background: #c6f0c6; } /* Released */
	#main .listRow.batch .assigned {
		color: #20d020;
	}
	#main .listRow.batch .badge {
		background: #ddd;
		border-radius: 10px;
		display: inline-block;
		padding: 4px 8px;
		margin: 0 2px;
		font-family: 'DM Mono', 'Courier New', Tahoma, "Trebuchet MS", Helvetica, sans-serif;
		font-size: 12px;
	}
	#main .listRow.batch .badge.public {
		background: #bef08b;
	}
	#main .listRow.batch .badge.token {
		background: #8be7f0;
	}
	#main .listRow.batch .badge.purchased {
		background: #b98bf0;
	}
	#main .listRow.batch .badge.secret {
		background: #ffbfbf;
	}
	#main .listRow.batch .badge.event {
		background: #f9ea76;
	}
	#main .listRow.batch .align-middle {
		display: flex;
		align-items: center;
		width: 100%;
	}
	
	#main .listRow.batch .content_holder {
		display: flex;
	}
	#main .listRow.batch .info_holder {
		display: flex;
		flex-shrink: 0;
		align-items: center;
	}
	#main .listRow.batch .info {
		width: 75px;
		flex-shrink: 0;
	}
	#main .listRow.batch .align-middle > div {
		width: 100%;
	}
	#main .listRow.batch .remainingBar {
		width: 0%;
		height: 8px;
		background: #0dad0d;
	}
	#main .listRow.batch .remainingBar.closed {
		background: #ad0d0d;
	}
	
.batchSong {
	width: 100%;
}
	.batchSong .badges {
		text-align:center;
		margin: 0 0 10px;
	}
		.batchSong .badges > .badge {
			background: #ddd;
			border-radius: 10px;
			display: inline-block;
			padding: 4px 10px;
			margin: 0 2px;
			text-transform: uppercase;
			font-family: 'DM Mono', 'Courier New', Tahoma, "Trebuchet MS", Helvetica, sans-serif;
		}
		.batchSong .badges > .badge.public {
			background: #bef08b;
		}
		.batchSong .badges > .badge.token {
			background: #8be7f0;
		}
		.batchSong .badges > .badge.purchased {
			background: #b98bf0;
		}
		.batchSong .badges > .badge.secret {
			background: #ffbfbf;
		}
		.batchSong .badges > .badge.event {
			background: #f9ea76;
		}
		.batchSong .badges > .badge.btn {
			color: #ACD7FF;
			cursor: pointer;
		}
		.batchSong .badges > .badge.btn:hover {
			background: #bcd5df;
			text-decoration: none;
		}
	.batchSong .errors, .batchSong .warnings, .batchSong .finalization, .batchSong .managers {
		border-radius: 5px;
		border-style: solid;
		border-width: 1px 1px 1px 5px;
		margin: 5px 15px;
		padding: 5px;
	}
	.batchSong .errors {
		background: rgba(226,86,86,0.25);
	    border-color: #db6969;
	}
	.batchSong .warnings {
		background: rgba(230,158,32,0.25);
	    border-color: #C4BD0E;
	}
	.batchSong .finalization {
		background: rgba(85, 230, 32, 0.25);
	    border-color: #2EED28;
	}
	.batchSong .managers {
		background: rgba(187, 32, 230, 0.25);
	    border-color: #B928ED;
	}
	.batchSong .name {
		border-top: 1px solid #8ab2c1;
		font-size: 17px;
		font-weight: bold;
		padding: 8px;
		text-align: center;
		width: 100%;
	}
	.batchSong .name img {
		vertical-align: middle;
		max-height: 32px;
		max-width: 32px;
	}
	.batchSong .batch {
		font-size: 14px;
		font-weight: bold;
		padding: 0 8px 10px;
		text-align: center;
		width: 100%;
	}
	.batchSong .fileComments {
		padding: 0 8px 10px;
		text-align: center;
		width: 100%;
	}
	.batchSong .fileComments.long {
		text-align: left;
		width: 70%;
		margin: 0 auto;
	}
	.batchSong .difficulty {
		border-top: 1px solid #8ab2c1;
		font-size: 13px;
		font-weight: bold;
		padding: 13px 8px 15px;
		text-align: center;
		width: 100%;
	}
	.batchSong .value {
		margin: 0 0 10px;
		display:inline-block;
		width: 100%;
	}
	.batchSong .listItem:before {
		content:" - ";
	}
	.batchSong .listItem {
		display:inline-block;
		width: 100%;
	}
	.batchSong .row {
		width: 100%;
	}
	.batchSong .row::after {
		content: "";
		clear: both;
		display: block;
	}
		.batchSong .row .section:first-child {
			border-left: 0;
		}
		.batchSong .row .section {
			float: left;
			padding: 8px;
			width: 25%;
			border-top: 1px solid #8ab2c1;
			border-left: 1px solid #8ab2c1;
			min-height: 420px;
		}
		
		.batchSong .row .section.info .value:before {
			content:" - ";
		}
		.batchSong .row .section h1 {
			font-weight: bold;
			font-size: 13px;
			margin: 0 0 4px;
		}
		.batchSong .row .section h1.spacer {
			border-top: 1px solid #8ab2c1;
			margin: 8px -8px 4px;
			padding: 4px 8px 0;
		}
		
		.batchSong .color_count {}
			.batchSong .color_value {
				margin-bottom: 5px;
			}
				.batchSong .color_value .song_note {
					vertical-align: middle;
					display: inline-block;
					margin-right: 4px;
				}
	
	.batchSong .details { 
		border-top: 1px solid #8ab2c1;
		height: 20px;
	}
	.nps_container {
		position: relative;
		height: 100px;
		border-top: 1px solid #0002;
	}
		.nps_container > div {
			position: absolute;
			height: 100%;
			width: 100%;
		}
		
		.nps_container .bars > div {
			position: absolute;
			width: 100%;
			border-top: 1px solid #0002;
			pointer-events: none;
		}
		
		.nps_container .text {
			top: -7px;
			pointer-events: none;
		}
			.nps_container .text > div {
				position: absolute;
				width: 100%;
				padding: 0 0 0 4px;
			}
		
		.nps_container .regions {
			top: -7px;
			pointer-events: none;
		}
			.nps_container .regions > div {
				position: absolute;
				padding: 0 4px 0 0;
			}
		.nps_container .graph {
			display: grid;
			align-items: end;
		}
			.nps_container .graph > div { background: #fe0001; }
			.nps_container .graph .n0 { background: #006bff; }
			.nps_container .graph .n1 { background: #0568fa; }
			.nps_container .graph .n2 { background: #0c65f3; }
			.nps_container .graph .n3 { background: #1462eb; }
			.nps_container .graph .n4 { background: #1c5fe3; }
			.nps_container .graph .n5 { background: #235cdc; }
			.nps_container .graph .n6 { background: #2b58d4; }
			.nps_container .graph .n7 { background: #3355cc; }
			.nps_container .graph .n8 { background: #3853c7; }
			.nps_container .graph .n9 { background: #3f50c0; }
			.nps_container .graph .n10 { background: #474db8; }
			.nps_container .graph .n11 { background: #4f49b0; }
			.nps_container .graph .n12 { background: #5646a9; }
			.nps_container .graph .n13 { background: #5e43a1; }
			.nps_container .graph .n14 { background: #664099; }
			.nps_container .graph .n15 { background: #6b3e94; }
			.nps_container .graph .n16 { background: #723b8d; }
			.nps_container .graph .n17 { background: #7a3785; }
			.nps_container .graph .n18 { background: #82347d; }
			.nps_container .graph .n19 { background: #893176; }
			.nps_container .graph .n20 { background: #912e6e; }
			.nps_container .graph .n21 { background: #992a66; }
			.nps_container .graph .n22 { background: #9e2861; }
			.nps_container .graph .n23 { background: #a5255a; }
			.nps_container .graph .n24 { background: #ad2252; }
			.nps_container .graph .n25 { background: #b51f4a; }
			.nps_container .graph .n26 { background: #bc1c43; }
			.nps_container .graph .n27 { background: #c4183b; }
			.nps_container .graph .n28 { background: #cc1533; }
			.nps_container .graph .n29 { background: #d1132e; }
			.nps_container .graph .n30 { background: #d81027; }
			.nps_container .graph .n31 { background: #e00d1f; }
			.nps_container .graph .n32 { background: #e80917; }
			.nps_container .graph .n33 { background: #ef0610; }
			.nps_container .graph .n34 { background: #f70308; }
				
.batchCommentBox {
	display: grid;
	grid-template-columns: 1fr 200px;
	grid-template-rows: 1fr;
	gap: 5px 5px;
	padding: 5px;
}

	.batchCommentBox .comment textarea {
		width: 100%;
		height: 300px;
	}
	.batchCommentBox .right input[type="checkbox"], .batchCommentBox .right label {
		vertical-align: middle;
		line-height: 20px;
	}
	.batchCommentBox .right input[type="text"], .batchCommentBox .right input[type="submit"] {
		width: 100%;
	}

.batchAuthorAcknowledge {
	padding: 5px 0 0 5px;
}
				
.batchInfoButton {
	color: #FFF;
	background-color: #28aad1;
	transition: all .2s ease-in-out;
	padding: 10px;
	border-radius: 6px;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
	display: inline-block;
	margin: 0 10px 15px;
	width: 20%;
	min-width: 200px;
	cursor: pointer;
}
.batchInfoButton:focus, .batchInfoButton:hover {
    box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);
    background-color: #2bb7e1;
}
.batchInfoButton.frontPage {
	background-color: #a80e0e;
}
.batchInfoButton.frontPage:focus, .batchInfoButton.frontPage:hover {
    background-color: #c82323;
}
.batchInfoButton.csv {
	background-color: #28a80e;
}
.batchInfoButton.csv:focus, .batchInfoButton.csv:hover {
    background-color: #3bc120;
}
.judges .judge {
	display: inline-block;
	padding: 4px 6px;
	border-radius: 5px;
	margin: 2px;
}
#comments.batch .judgeNote {
	font-style: italic;
	display: none;
}
#comments.batch .hide .judgeNote {
	display: inline;
}
#comments.batch .hide .comment {
	display: none;
}
#comments.batch .comment {
	word-break: break-word;
}

/** Profile **/
#profile_container {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}
	#profile_container #header_area {
		min-height: 217px;
	}
		#profile_container #header_area .gameCardSubLeft {
			text-align: right;
			display: inline-block;
			padding: 3px;
			font-weight: bold;
			width:100%;
		}
		#profile_container #header_area .gameCardSubCenter {
			text-align: center;
			vertical-align:top;
			width:100%;
		}
		#profile_container #header_area .userCustomTitle {
			margin-top: 2px;
			text-align: center;
			width: 100%;
		}
	#profile_container #content_nav_profile {
	    font-size: 11px;
		font-weight: bold;
		height: 27px;
		text-align: center;
	}
		#profile_container #content_nav_profile .menuBar {
			display: inline;
			padding: 3px 6px;
		}
	#profile_container #content_profile_body {
		padding: 10px 31px;
	}
		#profile_container #content_profile_body .profile_block_table td {
			vertical-align: top;
		}
		#profile_container #content_profile_body .statHeaders {
			font-weight: bold;
			height: 18px;
			padding: 3px 0 0 4px;
		}
		#profile_container #content_profile_body .userAuthoredSongs {
			width:100%;
		}
		#profile_container #content_profile_body .videoTable {
			width:100%;
		}
		
		
/** Screen Size Based CSS Rules **/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 3px;
	padding-left: 3px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }
@media (min-width: 768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
	.col-sm-12 { width: 100%; }
	.col-sm-11 { width: 91.66666667%; }
	.col-sm-10 { width: 83.33333333%; }
	.col-sm-9 { width: 75%; }
	.col-sm-8 { width: 66.66666667%; }
	.col-sm-7 { width: 58.33333333%; }
	.col-sm-6 { width: 50%; }
	.col-sm-5 { width: 41.66666667%; }
	.col-sm-4 { width: 33.33333333%; }
	.col-sm-3 { width: 25%; }
	.col-sm-2 { width: 16.66666667%; }
	.col-sm-1 { width: 8.33333333%; }
	.col-sm-pull-12 { right: 100%; }
	.col-sm-pull-11 { right: 91.66666667%; }
	.col-sm-pull-10 { right: 83.33333333%; }
	.col-sm-pull-9 { right: 75%; }
	.col-sm-pull-8 { right: 66.66666667%; }
	.col-sm-pull-7 { right: 58.33333333%; }
	.col-sm-pull-6 { right: 50%; }
	.col-sm-pull-5 { right: 41.66666667%; }
	.col-sm-pull-4 { right: 33.33333333%; }
	.col-sm-pull-3 { right: 25%; }
	.col-sm-pull-2 { right: 16.66666667%; }
	.col-sm-pull-1 { right: 8.33333333%; }
	.col-sm-pull-0 { right: auto; }
	.col-sm-push-12 { left: 100%; }
	.col-sm-push-11 { left: 91.66666667%; }
	.col-sm-push-10 { left: 83.33333333%; }
	.col-sm-push-9 { left: 75%; }
	.col-sm-push-8 { left: 66.66666667%; }
	.col-sm-push-7 { left: 58.33333333%; }
	.col-sm-push-6 { left: 50%; }
	.col-sm-push-5 { left: 41.66666667%; }
	.col-sm-push-4 { left: 33.33333333%; }
	.col-sm-push-3 { left: 25%; }
	.col-sm-push-2 { left: 16.66666667%; }
	.col-sm-push-1 { left: 8.33333333%; }
	.col-sm-push-0 { left: auto; }
	.col-sm-offset-12 { margin-left: 100%; }
	.col-sm-offset-11 { margin-left: 91.66666667%; }
	.col-sm-offset-10 { margin-left: 83.33333333%; }
	.col-sm-offset-9 { margin-left: 75%; }
	.col-sm-offset-8 { margin-left: 66.66666667%; }
	.col-sm-offset-7 { margin-left: 58.33333333%; }
	.col-sm-offset-6 { margin-left: 50%; }
	.col-sm-offset-5 { margin-left: 41.66666667%; }
	.col-sm-offset-4 { margin-left: 33.33333333%; }
	.col-sm-offset-3 { margin-left: 25%; }
	.col-sm-offset-2 { margin-left: 16.66666667%; }
	.col-sm-offset-1 { margin-left: 8.33333333%; }
	.col-sm-offset-0 { margin-left: 0; }
}
@media (min-width: 992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
	.col-md-12 { width: 100%; }
	.col-md-11 { width: 91.66666667%; }
	.col-md-10 { width: 83.33333333%; }
	.col-md-9 { width: 75%; }
	.col-md-8 { width: 66.66666667%; }
	.col-md-7 { width: 58.33333333%; }
	.col-md-6 { width: 50%; }
	.col-md-5 { width: 41.66666667%; }
	.col-md-4 { width: 33.33333333%; }
	.col-md-3 { width: 25%; }
	.col-md-2 { width: 16.66666667%; }
	.col-md-1 { width: 8.33333333%; }
	.col-md-pull-12 { right: 100%; }
	.col-md-pull-11 { right: 91.66666667%; }
	.col-md-pull-10 { right: 83.33333333%; }
	.col-md-pull-9 { right: 75%; }
	.col-md-pull-8 { right: 66.66666667%; }
	.col-md-pull-7 { right: 58.33333333%; }
	.col-md-pull-6 { right: 50%; }
	.col-md-pull-5 { right: 41.66666667%; }
	.col-md-pull-4 { right: 33.33333333%; }
	.col-md-pull-3 { right: 25%; }
	.col-md-pull-2 { right: 16.66666667%; }
	.col-md-pull-1 { right: 8.33333333%; }
	.col-md-pull-0 { right: auto; }
	.col-md-push-12 { left: 100%; }
	.col-md-push-11 { left: 91.66666667%; }
	.col-md-push-10 { left: 83.33333333%; }
	.col-md-push-9 { left: 75%; }
	.col-md-push-8 { left: 66.66666667%; }
	.col-md-push-7 { left: 58.33333333%; }
	.col-md-push-6 { left: 50%; }
	.col-md-push-5 { left: 41.66666667%; }
	.col-md-push-4 { left: 33.33333333%; }
	.col-md-push-3 { left: 25%; }
	.col-md-push-2 { left: 16.66666667%; }
	.col-md-push-1 { left: 8.33333333%; }
	.col-md-push-0 { left: auto; }
	.col-md-offset-12 { margin-left: 100%; }
	.col-md-offset-11 { margin-left: 91.66666667%; }
	.col-md-offset-10 { margin-left: 83.33333333%; }
	.col-md-offset-9 { margin-left: 75%; }
	.col-md-offset-8 { margin-left: 66.66666667%; }
	.col-md-offset-7 { margin-left: 58.33333333%; }
	.col-md-offset-6 { margin-left: 50%; }
	.col-md-offset-5 { margin-left: 41.66666667%; }
	.col-md-offset-4 { margin-left: 33.33333333%; }
	.col-md-offset-3 { margin-left: 25%; }
	.col-md-offset-2 { margin-left: 16.66666667%; }
	.col-md-offset-1 { margin-left: 8.33333333%; }
	.col-md-offset-0 { margin-left: 0; }
}
@media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
	.col-lg-12 { width: 100%; }
	.col-lg-11 { width: 91.66666667%; }
	.col-lg-10 { width: 83.33333333%; }
	.col-lg-9 { width: 75%; }
	.col-lg-8 { width: 66.66666667%; }
	.col-lg-7 { width: 58.33333333%; }
	.col-lg-6 { width: 50%; }
	.col-lg-5 { width: 41.66666667%; }
	.col-lg-4 { width: 33.33333333%; }
	.col-lg-3 { width: 25%; }
	.col-lg-2 { width: 16.66666667%; }
	.col-lg-1 { width: 8.33333333%; }
	.col-lg-pull-12 { right: 100%; }
	.col-lg-pull-11 { right: 91.66666667%; }
	.col-lg-pull-10 { right: 83.33333333%; }
	.col-lg-pull-9 { right: 75%; }
	.col-lg-pull-8 { right: 66.66666667%; }
	.col-lg-pull-7 { right: 58.33333333%; }
	.col-lg-pull-6 { right: 50%; }
	.col-lg-pull-5 { right: 41.66666667%; }
	.col-lg-pull-4 { right: 33.33333333%; }
	.col-lg-pull-3 { right: 25%; }
	.col-lg-pull-2 { right: 16.66666667%; }
	.col-lg-pull-1 { right: 8.33333333%; }
	.col-lg-pull-0 { right: auto; }
	.col-lg-push-12 { left: 100%; }
	.col-lg-push-11 { left: 91.66666667%; }
	.col-lg-push-10 { left: 83.33333333%; }
	.col-lg-push-9 { left: 75%; }
	.col-lg-push-8 { left: 66.66666667%; }
	.col-lg-push-7 { left: 58.33333333%; }
	.col-lg-push-6 { left: 50%; }
	.col-lg-push-5 { left: 41.66666667%; }
	.col-lg-push-4 { left: 33.33333333%; }
	.col-lg-push-3 { left: 25%; }
	.col-lg-push-2 { left: 16.66666667%; }
	.col-lg-push-1 { left: 8.33333333%; }
	.col-lg-push-0 { left: auto; }
	.col-lg-offset-12 { margin-left: 100%; }
	.col-lg-offset-11 { margin-left: 91.66666667%; }
	.col-lg-offset-10 { margin-left: 83.33333333%; }
	.col-lg-offset-9 { margin-left: 75%; }
	.col-lg-offset-8 { margin-left: 66.66666667%; }
	.col-lg-offset-7 { margin-left: 58.33333333%; }
	.col-lg-offset-6 { margin-left: 50%; }
	.col-lg-offset-5 { margin-left: 41.66666667%; }
	.col-lg-offset-4 { margin-left: 33.33333333%; }
	.col-lg-offset-3 { margin-left: 25%; }
	.col-lg-offset-2 { margin-left: 16.66666667%; }
	.col-lg-offset-1 { margin-left: 8.33333333%; }
	.col-lg-offset-0 { margin-left: 0; }
}

@media screen and (max-width: 767px) {
	.hide-xs {
		display: none !important;
	}
	#wrapper {
		width: 100%;
		overflow-x: hidden;
	}
	#header, .sub_menu, #content, #footer {
		margin: 0 !important;
	}
	#header {
		/*height: 275px;*/
		background-position: center top !important;
	}
	#header .logo {
		width: 100% !important;
		background-position: center center !important;
	}
	#header #left_box {
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #8ab2c1;
		position: relative;
	}
	#header #left_box .site_color_picker {
		display: inline;
		position: absolute;
		right: 5px;
		top: 5px;
		vertical-align: top;
		width: 104px;
		z-index: 2;
	}
	#header #left_box .site_color_picker .site_color {
		display: inline-block;
		width:30px;
		height:30px;
	}
	#header #right_box  {
		height: 154px;
		clear: both;
	}
	#header #right_box #user_info {
		border-left: 0 !important;
		border-right: 0 !important;
		border-bottom: 1px solid #8ab2c1;
		width: 100%;
	}
	#header #right_box #server_info {
		height: 27px;
		width: 100%;
	}
	#header #right_box #server_info #site_stats {
		display: none;
	}
	#header #right_box #user_bar {
		width: 100%;
		text-align: center;
	}
	#header #right_box #user_bar input[type="text"], #header #right_box #user_bar input[type="password"] {
		width: 25%;
	}
	#header #right_box #user_bar .center {
		width: 100%;
		background: none;
	}
	#header #right_box #user_bar .center .content .site_color_picker {
		display: none;
	}
	#header #right_box #user_bar .center .content span.divider {
	
	}
	#header #right_box #user_bar .left, #header #right_box #user_bar .right {
		display: none;
	}
	.sub_menu, #content, #left_sidebar, #right_sidebar {	
		border-left: 0 !important;
		border-right: 0 !important;
	}
	.sub_menu {
		clear: both;
		height: 42px;
		background: #3e4b56 url(../images/footer_bg.png) repeat-x;
	}
	.sub_menu .arrow {
		height: 42px;
	}
	.sub_menu img {
		display: inline;
		height: 40px;
		padding: 7px 0 6px;
	}
	.sub_menu a {
		padding: 0;
		width: 52px;
		height: 42px;
	}
	.sub_menu a span {
		display:none;
	}
	.sidebar {
		width: 100% !important;
	}
	#content_table {
		display: inline !important;
	}
	#main, #main.has-left-sidebar, #main.has-right-sidebar, #main.has-left-sidebar.has-right-sidebar {
		width: 100%;
		border-left: none !important;
		border-right: 0 !important;
	}
	.sidebar {
		border-bottom: 1px solid #8ab2c1;
	}
	.sidebar .block {
		vertical-align: top;
	}
	.sidebar .block.games {
		width: 100%;
		display:none;
	}
	.sidebar .block.links {
		width: 50%;
		display: inline-block;
		margin: 0 -1px;
		border-bottom: 0 !important;
	}
	#main .pageListTitle div {
		width: 100%;
		padding: 7px 10px;
	}
	#main .pageListTitle div.align-left,#main .pageListTitle div.align-right {
		text-align: center;
		white-space: nowrap;
	}
	#main .pageListTitle div.align-left {
		font-size:16px;
	}
	#main .pageListTitle div.align-right {
		padding: 0 10px 7px;
	}
	.song_item .name {
		font-size: 15px;
		white-space: nowrap;
	}
	.song_item .name, .song_item .authors {
		display: inline-block;
		width: 100%;
	}
	.song_item .genre {
		display:none;
	}
	.song_item .difficulty {
		font-size: 20px;
		font-weight: bold;
		min-width: 48px;
	}
	.song_item .price {
		font-size: 20px;
		font-weight: bold;
		min-width: 48px;
	}
	#main .listRow.batch .content_holder {
		display: inline;
	}
	#main .listRow.batch .info_holder {
		border-top: 1px dashed #8ab2c1;
	}
	#main .listRow.batch .info {
		float: left;
		width: 25%;
		padding: 6px;
	}
}
@media (max-width: 450px) {
	#wrapper {
		width: 450px !important;
		overflow: hidden;
	}
}
@media (min-width: 768px) {
	#wrapper {
		width: 100%;
	}
}
@media (max-width: 900px) {
	.batchSong .row {
		display: inline;
	}
	.batchSong .row .section {
		width: 50%;
	}
	.batchSong .row .section:nth-child(2n+1) {
		border-left: 0;
	}
}
@media (min-width: 1243px) {
	#wrapper {
		width: 1243px;
	}
	.song_item .stepauthor, .song_item .style {
		width: 35%;
	}
}