/* Reset/Tags */ /* COLORS:   Dark Blue: #1B222F;  Med Blue: #384968;  Gold: #FFBB00; */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, b, i, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, footer, header, hgroup, menu, nav, section, summary, textarea, time, mark, audio, video{
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;background:transparent; box-sizing: border-box;
}
a{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color: #FFBB00; text-decoration: none; cursor: pointer; }
a:hover{ color: #FFFFDD; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
aside{ width: 100%; min-width: 320px; position: static; margin: 0; }
blockquote, q { quotes:none; }
blockquote{ max-width: 600px; margin: 15px auto; padding: 10px 20px 4px; background: black; color: white; position: relative; font-family: '16bit'; font-size: 23px; box-shadow: 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black; text-align: center; border: 5px solid white; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
body{ min-width: 320px; max-width: 1600px; margin: 0 auto; line-height: 1.1; }
cite{ font-size: 9px; font-style: italic; position: absolute; right:0; bottom:0; padding: 0 10px 5px 0; color: #888; }
del{text-decoration: line-through;}
figcaption{ text-align: center; font-weight: bold; padding: 5px; margin-bottom: 20px;}
h1{ font-size: 25px; margin: 50px 0 12px 0; padding: 5px 10px; border-radius: 4px; background: #21232D url(../imgs/scanlines.png) repeat; position: relative; left: 0; right: 0; border: 1px solid rgba(0,0,0,0.25); }
	h1 span.credit{ opacity: 0.4; font-size: 80%; padding-left: 6px; }
	h1:first-child{ margin-top: 0; }
h2{ font-size: 18px; margin: 15px 0 0; padding: 5px 10px 5px 0; }
hr{display:block;height:1px;border:0;border-top:1px solid #111; margin:20px; padding:0;}
html{background: #10141B url(../imgs/pixels.png) repeat; width: 100%; padding: 0; font-family: 'Titillium Web', Verdana, sans-serif !important; font-size: 16px;}
img{ max-width: 100%; }
input, select{vertical-align:middle;}
label{ display: block; margin: 3px 0; font-weight: bold; font-size: 19px; }
p{ margin: 0 5px 15px; }
section, nav{ box-shadow: 0px 5px 4px rgba(0,0,0,0.55); }
table{border-collapse:collapse;border-spacing:0;}
ul { list-style:none; }
input, select, textarea{ display: inline-block; color: #222; background: white; background-image: linear-gradient(#EEEEEE, #FFFFFF); width: 99%; padding: 3px;  margin:  3px 3px 15px 0; border: solid 1px #AAA; border-radius: 4px; box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px; font-family: Verdana, Arial !important; font-size: 1.1em; }
textarea{ width: 100%; }
/* End Reset */


/*** GENERIC ***/
@font-face{ font-family: '16bit'; src: url('nokiafc22-webfont.eot'); src: url('nokiafc22-webfont.eot?#iefix') format('embedded-opentype'),url('nokiafc22-webfont.woff') format('woff'),url('nokiafc22-webfont.ttf') format('truetype'),url('nokiafc22-webfont.svg#nokia_cellphone_fcsmall') format('svg');font-weight: normal;font-style: normal; }

.button{ background: transparent; background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)); border-top: 2px solid rgba(255,255,255,0.25); border-left: 2px solid rgba(255,255,255,0.25); border-right: 2px solid rgba(0,0,0,0.25); border-bottom: 2px solid rgba(0,0,0,0.25); border-radius: 0px; box-shadow: 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black; color: white; cursor: pointer; font-family: '16bit' !important; font-size: 17px; line-height: 1; margin: 0 5px 0 0; padding: 12px 15px 8px; text-align: center; width: auto; }
	.button:hover{ background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.2)); }
	.button:active{ background-image: none; border-top: 2px solid rgba(0,0,0,0.33); border-left: 2px solid rgba(0,0,0,0.33); border-right: 2px solid rgba(255,255,255,0.5); border-bottom: 2px solid rgba(255,255,255,0.5); }
	.full{ width: 100%; }
	.small{ font-family: 'Titillium Web' !important; font-size: 13px; font-weight: bold; margin: 5px 15px; padding: 3px 10px; width: auto; }
	.subtle{ }

.bullet-list{ list-style: disc; margin: 0 0 15px 30px; }
	.bullet-list li{ margin-bottom: 5px; }
.form-tip{ font-size: 12px; margin: -12px 0 0; text-align: right; }
.half-line{ display: inline-block; width: 45%; }
.options{ text-align: center; }
.outline-dark{ text-shadow: 1px 1px 0 #111, 1px -1px 0 #111, -1px 1px 0 #111, -1px -1px 0 #111; }
.outline-light{ text-shadow: 1px 1px 0 #EEE, 1px -1px 0 #EEE, -1px 1px 0 #EEE, -1px -1px 0 #EEE; }
.reveal{ background: transparent; color: white; cursor: pointer; }
.spoiler{ background: white; color: white; cursor: pointer; }




[data-title]:hover:after {
	background-color: rgba(10,10,10,0.9);
	border-radius: 4px;
	color: #CCC; 
	content: attr(data-title);
	margin-top: 15px;
	padding: 4px 8px;
	position: absolute;
	white-space: nowrap;
	z-index: 99999;
}



/*** NAVBAR ***/
nav{ height: 46px; background-color: #333; font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: bold; position: absolute; top: 0; left: 0; right:0; z-index: 9999; }
	nav ul{ position: absolute; right: 0; top: 0; }
	nav ul:first-child{ left: 0; right: auto; }
	nav li{ display: inline-block; line-height: 40px; }
	nav ul ul{ display: none; background: #191919; position: absolute; top: 46px; width: 150px; }
	nav ul ul li{ border: 1px solid black; border-bottom: none; }
	nav ul ul li:last-child{ border-bottom: 1px solid black; }
	nav ul ul li, nav ul ul a{ width: 100%; }
		nav li:hover{ background-color: #191919; }
		nav ul ul li a:hover{ background: black; }
	nav a{ color: #FFF; display: inline-block; padding: 0 20px; margin: 0; }
	nav img{ position: relative; top: 8px; padding: 0 8px; }
#logo-img { padding: 0; }
	#logo li ul li, #logo li ul a{ width: 100%; }
	#logo li:hover ul{ display: block; }
#logo ul{ background: #191919; position: absolute; left: 0; }
	#logo ul li{  }
	#logo ul a:hover{  }
.menu-flex ul{ display: none; text-align: right;  top: 46px;  right: 0; width: 150px; }
	.menu-flex li:hover ul{ display: block; }
.page-user{ display: none; }
#nav-container{ margin: 0 auto; max-width: 1024px; position: relative; }


.PM
{
	position: absolute;
    left: 0;
    top: 10%;
    z-index: 100;
}

/*** NOW PLAYING ***/
.decay{ opacity: 0.5; }
#header h1{ font-size: 18px; margin: 0 0 3px; }
#header .game-entry{  margin-bottom: 3px; }


/*** STATUS PLATES ***/
.status{     
	background: #21232D url(../imgs/scanlines.png) repeat;
	border: 1px solid rgba(0,0,0,0.5);
    border-radius: 2px; 
    display: block;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 3px;
	margin: 3px 0 3px 110px;
	max-width: 188px;
    padding: 2px 0;
    text-align: center;
}
.n{ background-color: rgba(1,74,0,0.75); color: white; }
.u{ background-color: rgba(124,0,0,0.75); color: white; }
.b{ background-color: rgba(110,112,119,0.75); color: white; }
.c{ background-color: rgba(182,130,0,0.75); color: white; }
.m{ background-color: rgba(64,73,170,0.75); color: white; }

#multitap .status{ display: inline-block; padding: 2px 7px; margin: 0; min-width: 100px; }
.shout{ font-size: 18px; line-height: 18px; margin: 10px 5px 0 15px; }
	.shout b a{ background: none !important; display: inline !important; line-height: normal !important; font-size: medium !important; }


/*** GAME LISTS ***/
#filter{
	margin-bottom: 12px;
	border-radius: 4px;
	text-align: center;
}
	#filter-toggle{ text-align: center; cursor: pointer; width: 90%; margin: 0 auto; }
	#filter .chosen-container{ text-align: left; }
	#filter .button{ margin: 5px; }
	#filter-buttons{ text-align: left; margin: 10px 20px 0; }

	
/*** BACKLOG SUMMARY ***/
#breakdown{
	display: block;
	font-weight: bold;
	vertical-align: top;
	font-size: 19px;
	text-align: center;
	margin-bottom: 20px;
}
	#breakdown div{ white-space: nowrap; display: inline-block; padding: 5px 10px; }
	#breakdown img{ position: relative; top: 8px; }
	
.game-filter{
	cursor: pointer;
}

#status-doughnut{ }
#charts{ text-align: center; margin-bottom: 20px; }
.chart-container{ position: relative; width: 190px; display: inline-block; margin: 0 5%; }  /*width 310*/
	.chart-container div{ font-size: 44px; position: absolute; top: 32%; left: 16%; text-align: center; width: 137px; z-index: -10; }
	.chart-container div p{ font-size: 14px; margin-top: -7px; }
	
	
#system-grid{ margin: 10px 0; }
.sysbox{  
	display: inline-block;
	margin: 0 0.75% 10px;
	padding: 0;
	text-align: center;
	width: 32%;
	font-weight: bold;
}
	.sysbox h2{
		background-color: #1B222F;
		background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2));
		border-radius: 4px 4px 0 0;
		border: 1px solid white;
		border-bottom: none;
		margin: 0; padding: 5px 0;
		white-space: nowrap;
		width: 100%;
	}
		.sysbox:hover h2{ background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)); }
		.sysbox h2 div{ display: inline-block; width: 30%; text-align: right; }
		.sysbox h2 span{ opacity: 0.5; }		
		.sysbox h2 div:first-of-type{ opacity: 1; text-align: center; }

		.sysbox .sysrow{ padding: 10px 0 5px; background-color: rgba(27,34,47,0.5); }
			.sysbox .sysrow div{ display: inline-block; width:15%; text-align: right; }
				.bar-stack{ padding: 0; white-space: nowrap; }
				.bar-stack div{ width: 15%; height: 20px; display: inline-block; border: 1px solid white; border-left: none; }
				.bar-stack div:first-of-type{ border-bottom-left-radius: 4px; border-left: 1px solid white; }
				.bar-stack div:last-of-type{ border-bottom-right-radius: 4px; }
				
			
		.sysbox img{ position: relative; top: 2px; margin-right: 10px; }
		.sysbox a{ color: white; }


#form_list{ margin: 0 20px; }
	#form_list input[type="text"], #form_list input[type="password"], #form_list input[type="email"]{ width: 99%; }
	#form_list div input, #form_list div select{ display: inline-block; width: 200px !important; }

#game-form #comment{ height: 5em; }



#cookie-box{ background: url("../imgs/cookie_right.png?2") no-repeat right top; position: relative; text-align: center; width: 100%; height: 148px; }
	#cookie{   color: black;
			  font-size: 22px;
			  font-weight: bold;
			  margin: 0 auto;
			  width: 100%;
			  position: absolute;
			  height: 101px;
			  right: 0;
			  top: 18px;
			  display: flex;
			justify-content: center;
				align-items: center;
				opacity: 0;
				z-index: 999;
	}
	#cookie-left{ 
		position: absolute; top: 44px; right: 207px; 
		background-image: url('../imgs/cookie_left.png?2');
		width: 133px;
		height: 148px;
		background-position: top left;
		background-size: cover;
	}


	
	
	
	
main{ content:""; display: table; clear: both; }
section{ margin: 0 0 10px; padding: 10px; border-radius: 4px; background-color: #384968; color: #FFF; line-height: 1.2; position: relative; z-index: 10; border: 1px solid rgba(255,255,255,0.1); overflow-x: hidden; overflow-y: auto; }


/*** COMMENTS ***/

#comments{ font-size: 18px; }
#comment-new{ margin-bottom: 15px; }

#comment-entry, #message-entry{ margin-bottom: 60px; }
	#comment-text{ height: 12em; padding: 10px; }
	#comment-entry div, #message-entry div{ float: right; smargin: -10px 0 30px; }
	#formatting{ margin-left: 11px !important; position: absolute; left: 0; }
		#comment-entry input{ margin: 0 0 0 20px; }
	#bbcode{ display: none; margin: 0 auto; width: 98%; } 
		#bbcode tr{ border: 1px solid black; }
		#bbcode td{ padding: 3px 5px; text-align: center; width: 45%; }
		#bbcode td:nth-child(2){ width: 10%; }


	
#comments-display, #comment-thread{ clear: both; }

.comment-buttons{ float: right; margin: 10px 0 30px; }
	.comment-buttons a{ background: #21232D !important; border-radius: 4px; color: white !important; display: inline-block !important; font-size: 13px !important; font-weight: normal !important; height: auto !important; line-height: normal !important; margin: 0 10px !important; padding: 5px 10px !important; }
	.comment-buttons a:hover{ background-image: rgba(255,255,255,0.5); }

/* User Display */
.user-display{ height: 100px; margin-bottom: 30px; }
	#comments-display .user-display{ height: auto; margin-bottom: 40px; }
	.user-display a:first-child{ border-radius: 4px; clear: both; color: white; display: block; font-weight: bold; font-size: 20px; height: 40px; line-height: 40px; background-color: #21232D; }
	.user-display span.text{ display: block; padding: 10px 10px 10px 115px; white-space: pre-wrap; }
		.user-display .text a{ background: none; display: inline-block; height: auto; }
	.user-display span.title{ padding: 0; }
	.user-display .name{ position: relative; left: 115px; }
		.user-display .name span{ display: block; font-size: 10px; position: relative; top: -2px; }
	#comments .user-display{ margin-bottom: 50px; }
	.user-display a{ display: block; }

#multitap .user-display{ height: auto; }	
	#multitap .user-display .avatar{ height: 66px; width: 66px; }

.timeago{ opacity: 0.5; position: relative; top: 2px; }

a .avatar{ float: left; }
.avatar{ position: relative; top: -6px; width: 100px; height: 100px; margin: 0 7px;  }
	.avatar img{ max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

#comment-thread .avatar{ float: left; top: -48px; }
#comment-thread .user-display a:first-child{ line-height: 20px; }
#comment-thread .user-display .name{ top: 3px; }

/* Live Stream */
#live{ height: 45px; line-height: 50px; }
	#live a{ padding: 0; }
	#live img{ position: relative; top: -10px; }
	#live span{ color: white; position: relative; left: -41px; top: 5px; }
.schedule{ overflow-y: auto; height: 350px; }
	.schedule h2{ font-size: 26px; }
	.schedule p{ margin: 3px 0 8px; padding-bottom: 15px; border-bottom: 1px solid black; }
.directors{ overflow-y: auto; height: 360px; }


/*** CLASSES ***/
.notice{ background-image: url('../imgs/notice.png'); background-repeat: no-repeat; background-position: 15px 13px; border-radius: 5px; clear: both; font-size: 18px; font-weight: bold; text-align: left; margin: 7px 10px 15px; padding: 10px 10px 10px 40px; box-shadow: 0 0 2px black; color: #222; }
	.notice a{ color: blue; }
	.g{ background-color: #8AFF99; }
	.y{ background-color: #FFF896; }
	.r{ background-color: #FFA1A1; }
	
.back{ float: right; }
.bullets{ list-style-type: disc; margin: 0 0 20px 10px; }
	.bullets li{ margin: 0 0 5px 22px; font-size: 18px; }
.centerImage{ margin: 0 auto; display: block; }
.close{ cursor: pointer; opacity: 0.6; position: absolute; right: 9px; top: 9px; }
.drop{ position: relative; top: 2px; }
.error{ text-align: left; }
	.error::before{ content: "> "; }
.fine-print{ font-size: 10px; line-height: 1.2; margin: 0 0 8px; } 
.filler{ display: none; float: right; width: 40%; text-align: center; }
	.filler img{ display: block; }
.green{ background-color: #8AFF99; color: black; } 
.large-print{ font-size: 22px;  margin: 20px 0; display: block;}
.loading{ margin: 0 auto; display: block; max-width: 32px; }
.red{ background-color: #FFA1A1; color: black; }
.title{ margin-bottom: 10px; border-radius: 4px; background-color: #334259; background-image: linear-gradient(rgba(0,0,0,0.14), rgba(255,255,255,0.06)); }
.yellow{ background-color: #FFF896; color: black; }
.v{ margin-top: 15px; margin-bottom: 15px; display: block; }
.h{ margin-left: 15px; margin-right: 15px; display: block; }

/*** IDs ***/
#header{ text-align: center; }
#overlay{ background: black; display: none; opacity: 0.8; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9000; }
#popover{ box-shadow: 0 0 5px black, 0 0 5px black; display: none; max-height: 80%; max-width: 800px; min-width: 320px; overflow-y: auto; position: fixed; top: 70px; text-align: left; width: 98%; z-index: 9000; }
#slim{ max-width: 1024px; width: 100%; }
#pagenote{ white-space: pre-line; }


.box{ display: inline-block; margin-right: 8px; }

#game-form{}
	#game-form div label{ display: block; }	
	#game-form #title{ font-size: 24px; }

	.right{ float: right; }

#banner{
	margin: 0 0 10px;
}


.embed-container { padding-bottom: 56.25%; /* 16/9 ratio */ position: relative; height: 0; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#tag-cloud{
	margin-top: 20px;
}

.tag{
	border-radius: 4px;
	background: #1B222F;
	display: inline-block;
	padding: 3px 8px;
	width: auto;
	cursor: pointer;
}
.tag:hover{ opacity: 1 !important; }

.tag span{
	color: #FFFFFF;
	border-right: 1px solid rgba(255,255,255,0.25);
	height: 18px;
	padding: 0px 7px 0 0;
	margin-right: 2px;
	display: inline-block;
}


/*** SKINS ***/
.spacer-v{ margin: 25px 0; }



/* Base for label styling */
[type="checkbox"]:not(:checked),[type="checkbox"]:checked { position: absolute; left: -9999px; }
[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; }
[type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before { content: ''; position: absolute; left:0; top: 2px; width: 17px; height: 17px; border: 1px solid #aaa; background: #f8f8f8; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.3) }
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: '✔'; position: absolute; top: 3px; left: 2px; font-size: 14px; color: #384968; transition: all .2s; }
[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; }
[type="checkbox"]:disabled:checked + label:after { color: #999; }
[type="checkbox"]:disabled + label { color: #aaa; }
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted blue; }
label:hover:before { border: 1px solid #FFBB00 !important; }


:disabled{
	opacity: 0.66;
}

.grid{ text-align: center; width: 100%; margin: 0 auto; }
	.grid a{ display: inline-block; margin:20px; color: white; padding: 22px 0; width: 150px; height: 150px; background: rgba(0,0,0,0.33); border-radius: 4px; vertical-align: middle; }
	.grid a:hover{ background: rgba(0,0,0,0.65); }
	

#header img{ width: 100%; }


.nav-tabs{ position: relative; font-size: 26px; padding: 10px; }
	.nav-tabs a{ padding: 7px 10px; }
	.nav-tabs a.selected{ background: #384968; }
		.nav-tabs a img{ position: relative; top: 11px; }
	
#main-tabs, #side-tabs{ position: absolute; right: -7px; top: -7px; width: 192px; }
#main-tabs a:hover, #side-tabs a:hover{ background-color: rgba(200,200,200,0.1); }

#main-title, #side-title{ text-transform: capitalize; }

#games h1{ margin: 30px 0 3px 0; }
.game-entry{
	background-color: rgba(0,0,0,0.2); border-radius: 4px; margin-bottom: 5px;
	display: table;
	padding: 4px 1px 0;
	text-align: center;
	width: 100%;
	min-height: 30px;
	cursor: pointer;
}
	.game-entry > div{ display: table-cell; vertical-align: middle; padding: 0 4px; }
	.game-entry > div div{ display: block; text-align: left; width: auto; position: relative; top: -2px; }
	.game-entry > div div:first-child{ font-size: 22px; width: auto; }
	.game-entry > div div:last-child{ width: auto; opacity: 0.75; font-size: 14px; padding: 2px 0; }
	.game-entry div:first-child{ width: 45px; }
	.game-entry div:nth-child(3){ width: 56px; text-align: center; padding-right: 10px; opacity: 0.5; }
	.game-entry img{ width: auto !important; }
	.game-entry:hover{ background-color: rgba(0,0,0,0.4) !important; opacity: 1; }
	

#arranger div{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}	
.sortable{
	cursor: pointer;
	font-weight: bold;
}
	.sortable:first-of-type{
		margin-right: 8%;
	}
	.sortable li{
		background: #29354A;
		background-image: linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.03), rgba(0,0,0,0.15));
		border: 1px solid rgba(0,0,0,0.1); border-radius: 2px;
		padding: 3px 5px; margin: 2px 0 2px 25px;
		position: relative;
	}
	.sortable li span{
		position: absolute;
		right: 5px;
		top: 10%;
	}
	

/* Chosen overrides */
.chosen-container{ margin: 0 3px 15px 0; font-family: Arial !important; }

.chosen-container-single .chosen-single span { font-size: 16px; }

.chosen-container-multi .chosen-choices { border-radius: 4px; }
.chosen-container .chosen-results li { color: #111; font-size: 16px }
.chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #555; cursor: default; }

#filter .chosen-container-multi{ display: block; width: 82.5% !important; margin: 3px auto 15px; }


/*** BREAKPOINTS ***/
@media screen and (min-width: 820px){ #popover{ width: 800px; margin-left: -400px; left: 50%; } }


/* Small */
#container{ margin-top: 55px; }
#slim main, #slim aside{ display: block; width: auto; }
.sysbox, .two, .three{ width: 98%; }
.menu-flex .login{ width: 150px; }


/* Medium */
@media screen and (min-width: 1024px) {
	#container{ position: relative; max-width: 1600px; }
	main{ position: absolute; top: 0; left: 0; width: 69%; }
	aside{ position: absolute; top: 0; right: 0; width: 30.3%; }                                                                 
	
	#slim #container{ position: relative; }
	#slim main{ position: absolute; top: 0; left: 0; width: 68%; margin-top: 122px; }
	#slim aside{ position: absolute; top: 0; right: 0; width: 30%; margin-top: 122px; }
	
	.menu-flex ul{ display: block; text-align: center;  width: 645px; top: 0; background: #333; }
	.menu-flex ul li{ width: 125px; border: none; }
	ul.menu-flex ul li:last-child{ border-bottom: none; }
	.menu-flex a{ line-height: 46px; }
		.menu-flex a:hover{ background: #191919; }
	.menu-flex .login{ width: 260px; }

	.sysbox{ width: 31.8%; }
	.two{ width: 49%; }
	.three{ width: 32%; }
}

/* Large */
@media screen and (min-width: 1330px) {
	#breakdown{ position: absolute; right: 0; width: 50%; }
		#breakdown div{ height: 50px; line-height: 50px; margin: 10px 0 0 20px; position: relative; width: 200px; }
		#breakdown div span{ display: inline-block; position: absolute; }
		#breakdown div span:first-child{ left: 0; text-align: right; width: 95px; }
		#breakdown div span:last-child{ text-align: left; }
		
	#charts{ width: 55%; }
	
	.filler{ display: block; }
}