/* main */

body	  		{font-family: 'Segoe UI', 'Arial', 'Meiryo UI', 'MS Gothic'; font-size: 75%; background: url('background3.jpg') black top center repeat-x; margin: 0; color: #000; transition: 0.1s}

p.lead			{font-size: 150%;}

.section1		{background: black;}
.section2		{background: #2a2c2c;}
.section3		{background: black;}
.section4		{background: black;}

.fixwidth		{width: 980px; margin: 0 auto;}

.con *	{background: url(/images/AC_Condition.gif) no-repeat;}
.con img	{width: 29px; height: 15px; margin-bottom: 1px;}
.con img.con-0	{background-position: 0 0px;}
.con img.con-1	{background-position: 0 -15px;}
.con img.con-2	{background-position: 0 -30px;}
.con img.con-3	{background-position: 0 -45px;}
.con img.con-4	{background-position: 0 -60px;}
.con img.con-5	{background-position: 0 -75px;}

.twtr-hd h3		{border: none;}

/* links */

a:link     		{text-decoration: none; color: #004080;}
a:active   		{text-decoration: none; color: #004080;}
a:visited   		{text-decoration: none; color: #004080;}
a:hover    		{text-decoration: underline; color: #ff8000;}

.headertop a:link, .headertop2 a:link		{text-decoration: none; color: #ffffff;}
.headertop a:active, .headertop2 a:active	{text-decoration: none; color: #ffffff;}
.headertop a:visited, .headertop2 a:visited	{text-decoration: none; color: #ffffff;}
.headertop a:hover, .headertop2 a:hover		{text-decoration: underline; color: #ff8000;}

a.white			{}
a.white:link    	{text-decoration: none; color: #ffffff;}
a.white:active  	{text-decoration: none; color: #ffffff;}
a.white:visited 	{text-decoration: none; color: #ffffff;}
a.white:hover   	{text-decoration: underline; color: #ff8000;}

a.block-pad		{
	display: block;
	padding: 8px 16px;
	line-height: 16px;
	font-size: 16px;
}
a.block-pad:link, a.block-pad:active, a.block-pad:visited {
	text-decoration: none;
	color: #004080;
}
a.block-pad:hover {
	background: url('navigation_gradient.png') top repeat-x #004080;
	color: #ffffff;
}

.highlight-2 {
	background: url('navigation_gradient.png') top repeat-x #004080;
	color: #ffffff !important;
	font-weight: bold;
}

.fb, input[type=button], input[type=submit], button	{
	color: #000;
	display: inline-block;
	border: 1px solid #999;
	padding: 4px 8px;
	font-weight: bold;
	background: url('fb-button-light.gif') repeat-x;
	cursor: pointer;
	box-shadow: 1px 1px rgba(0,0,0,0.1);
	text-shadow: none;
	line-height: 14px;
	border-radius: 4px;
}
.fb:link	{
	color: #000 !important;
}
.fb:visited	{
	color: #000 !important;
}
.fb:active, input[type=button]:active, input[type=submit]:active, button:active	{
	color: #000 !important;
	background: #eee;
}
.fb:hover, input[type=button]:hover, input[type=submit]:hover, button:hover	{
	color: #ff8000 !important;
	text-decoration: none !important;
	border: 1px solid #ff8000;
}

button.fb-icon {
	height: 22px;
	vertical-align: bottom;
}

button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
   border: none;
   padding:0;
}

.block			{display: block;}

.spaced			{padding: 0px 0.25em;}
.nowrap			{white-space: nowrap;}
.noscroll		{overflow: hidden;}

/* colour backgrounds */

.lightblue		{background: #e0ffff !important;}
.yellow			{background: #ffffe0 !important;}
.orange			{background: #fff0e0 !important;}
.fuchsia		{background: #ffe0ff !important;}
.green			{background: #e0ffe0 !important;}
.purple			{background: #f0e0ff !important;}
.red			{background: #ffe0e0 !important;}
.pink			{background: #ffe0ff !important;}
.gray			{background: #eee !important;}
.blue			{background: #e0f0ff !important;}
.background		{background: #ffffff !important;}

div.greenbox		{background: #e0ffe0; padding: 8px; border: 1px solid #0c0; margin-bottom: 4px;}
div.redbox		{background: #ffe0e0; padding: 8px; border: 1px solid #c00; margin-bottom: 4px;}

hr			{border: 0; border-top: 1px solid gray; text-align: left; height: 1px; margin: 0.25em; padding: 0;}
hr.dotted		{border-style: dotted;}

div.hr			{font-size: 1px; height: 4px; margin: 0px 0 4px 0; padding: 0; border-bottom: 1px solid gray; line-height: 0px;}
div.hrdotted		{font-size: 1px; height: 4px; margin: 0px 0 4px 0; padding: 0; border-bottom: 1px dotted gray; line-height: 0px;}

input, select, option, button	{font-family: 'Segoe UI', 'Arial', 'Meiryo UI', 'MS Gothic'; font-size: 12px;}
option			{background: #ffffff; color: #000;}
input			{color: #000; background: #ffffff; border: 1px solid #2a2c2c;}
select			{border: 1px solid #2a2c2c; background: #ffffff; color: #000;}
input[type="file"] 	{background: white; color: black;}
input[disabled="disabled"] {background: #eee;}

.input-file		{background: white; color: black;}
.disabled		{background: #eee;}
input[type="checkbox"]	{margin: 0; border: 0;}
.checkbox		{margin: 0; border: 0;}

input:hover, input:focus		{border: 1px solid #ff8000;}
select:hover, select:focus		{border: 1px solid #ff8000;}

textarea		{font-family: 'Segoe UI', 'Arial', 'Meiryo UI', 'MS Gothic'; font-size: 12px; color: #000; background: #ffffff; border: 1px solid #2a2c2c; width: 99.25%; height: 320px;}
textarea.default {width: auto; height: auto;}
textarea:hover, textarea:focus		{border: 1px solid #ff8000;}
textarea.small	{height: 80px; font-size: 100%;}

table	    		{margin-bottom: 0.25em; border-spacing: 1px; background: #2a2c2c;}
table.noborder, table.no-border {
	margin-bottom: 0.25em;
	border-spacing: 0;
	background: none;
}

table.noborder td, table.noborder th,
table.no-border td, table.no-border th {
	padding: 2px;
}

.centre   		{text-align: center; vertical-align: middle;}
.hcentre   		{text-align: center; vertical-align: top;}
.vcentre   		{vertical-align: middle;}
.nopad			{padding: 0px !important;}

.right			{text-align: right;}

.border			{padding: 4px; border: 1px solid #2a2c2c;}
.bordercentre		{padding: 4px; border: 1px solid #2a2c2c; text-align: center; vertical-align: middle;}


td	        	{vertical-align: middle; padding: 2px; background: #ffffff; padding: 4px;}
td.top			{vertical-align: top;}
td.border		{border: 0;}
td.bordercentre		{border: 0; text-align: center;}

tr.red td		{background: #ffe0e0;}

tr.gray td		{background: #eee;}
tr.green td		{background: #e0ffe0;}
tr.blue td		{background: #e0f0ff;}

td.quote        	{padding: 4px; border: 1px solid #2a2c2c; background: #ffffff;}
td.cgray		{text-align: center; vertical-align: middle; background: #eee;}

tr.hover:hover td {
	background: #eee;
}

div.quotee		{font-size: 100%; padding: 0.5em; font-weight: bold; background: url('headers/dancewars_gradient.png?t=1362354191') bottom repeat-x #2a2c2c; color: white; border-width: 0px 1px; border-style: solid; border-color: #2a2c2c;}
div.quotee a		{}
div.quotee a:link    	{text-decoration: none; color: #ffffff;}
div.quotee a:active  	{text-decoration: none; color: #ffffff;}
div.quotee a:visited 	{text-decoration: none; color: #ffffff;}
div.quotee a:hover   	{text-decoration: underline; color: #ff8000;}
div.quotee a:after   	{
	content: ' (Link)'
}
div.quote		{padding: 0.5em; background: #eee; border: 1px solid #2a2c2c;}

dfn			{border-bottom: 1px dashed #2a2c2c;}

th	        	{background: url('headers/dancewars_gradient.png?t=1362354191') bottom repeat-x #2a2c2c; font-size: 100%; text-align: left; color: white; font-weight: bold; padding: 0.5em; vertical-align: middle; text-shadow: black 0px 0px 4px;}
th a:link     		{text-decoration: none; color: white;}
th a:active   		{text-decoration: none; color: white;}
th a:visited   		{text-decoration: none; color: white;}
th a:hover    		{text-decoration: underline; color: #ff8000;}
th.small		{font-size: 75%; background: url('headers/dancewars_gradient.png?t=1362354191') bottom repeat-x #2a2c2c;}

img			{vertical-align: bottom; border: 0;}

.fc			{background: #c0ffc0 !important;}
.pfc			{background:  #e0ffe0 !important;}
.pc			{background: #c0ffff !important;}
.ppc			{background: #e0ffff !important;}
.pass			{background: #ffffc0 !important;}
.fail			{background: #ffc0c0 !important;}

tr.fc td		{background: #c0ffc0;}
tr.pfc td		{background:  #e0ffe0;}
tr.pc td		{background: #c0ffff;}
tr.ppc td		{background: #e0ffff;}
tr.pass	td		{background: #ffffc0;}
tr.fail td		{background: #ffc0c0;}
tr.section td	{background: #eee; padding: 4px; border-top: 1px solid gray; border-bottom: 1px solid gray; font-weight: bold;}
tr.section th	{background: #eee; padding: 4px; font-weight: bold; font-size: 16px; color: #000; text-shadow: none; }
.section		{background: #eee; padding: 4px; border-top: 1px solid #2a2c2c; border-bottom: 1px solid #2a2c2c; font-weight: bold; margin: 2px 0;}

.inline			{display: inline;}
#map div		{color: black !important;}
#map div a:link		{color: #004080 !important;}
#map div a:active		{color: #004080 !important;}
#map div a:visited		{color: #004080 !important;}
#map div a:hover		{color: #ff0000 !important;}

.pad4			{padding: 4px !important;}
.pad8			{padding: 8px !important;}

.leftfloat		{float: left;}
.rightfloat		{float: right;}

.content-toolbox {width: 234px;}

h1			{font-size: 150%; margin-bottom: 0.5em; border-bottom: 1px solid #2a2c2c; margin-top: 0;}
h2			{font-size: 125%; margin-bottom: 0.5em; border-bottom: 1px solid #2a2c2c; margin-top: 0;}
h3			{font-size: 100%; margin-bottom: 0.5em; border-bottom: 1px solid #2a2c2c; margin-top: 0;}
.headertop h1		{font-size: 150%; border: 0; margin: 0; text-shadow: black 0px 0px 4px;}
.headertop h2		{font-size: 100%; border: 0; margin: 0; text-shadow: black 0px 0px 4px;}
small			{font-size: 80%;}
.small			{font-size: 80%;}

h1.container .rightfloat {position: absolute; top: 4px; right: 4px;}

.container		{position: relative;}
.leftpanel		{float: left; overflow: hidden; width: 24.75%; margin: 0 0.25% 0 0;}
.middlepanel		{float: left; overflow: hidden; width: 49.50%; margin: 0 0.25%;}
.rightpanel		{float: left; overflow: hidden; width: 24.75%; margin: 0 0 0 0.25%;}

.leftlargepanel		{float: left; overflow: hidden; width: 74.75%; margin: 0 0.25% 0 0;}
.rightlargepanel	{float: left; overflow: hidden; width: 74.75%; margin: 0 0 0 0.25%;}

.lefthalfpanel		{float: left; overflow: hidden; width: 49.62%; margin: 0 0.13% 0 0.25%;}
.righthalfpanel		{float: left; overflow: hidden; width: 49.62%; margin: 0 0.25% 0 0.13%;}

/* comments */

.comment-leftpanel		{float: left; overflow: hidden; width: 12%; margin: 0 2px 0 4px;}
.comment-rightpanel		{float: left; overflow: hidden; width: 86%; margin: 0 2px 0 4px;}

iframe			{border: 0;}

.clear			{clear: both;}

.scrollpanel		{overflow: auto; height: 320px; width: 100%;}

.icon			{float: left; display: block; width: 16px; height: 16px; background-image: url('sprite.png?1295134500'); margin-right: 4px;}
.icon-centre	{display: block; width: 16px; height: 16px; background-image: url('sprite.png'); margin: 0 auto;}
.img-icon		{background-image: url('sprite.png');}

.icon-joystick		{background-position: -16px 0;}
.icon-world		{background-position: -32px 0;}
.icon-exclamation		{background-position: -48px 0;}
.icon-exclamation-gray		{background-position: -64px 0;}
.icon-user		{background-position: -80px 0;}
.icon-ddr-arrow		{background-position: -96px 0;}
.icon-comment		{background-position: -112px 0;}
.icon-email		{background-position: -128px 0;}
.icon-bm2dx		{background-position: -144px 0;}
.icon-popn		{background-position: -160px 0;}
.icon-layout		{background-position: -176px 0;}
.icon-comments		{background-position: -192px 0;}
.icon-key		{background-position: -208px 0;}
.icon-map		{background-position: -224px 0;}
.icon-refresh		{background-position: -240px 0;}

.tooltip		{position: absolute; text-align: left; right: 100%; top: 0px; padding: 8px; width: 256px; z-index: 100; display: none;}

#menu			{
	position: relative;
	height: 32px;
	background: #2a2c2c;
	z-index: 5730;
	margin-bottom: 0.5em;
	color: white;
	font-weight: bold;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
}
#menu ul		{list-style: none; margin: 0; padding: 0; display: inline;}
#menu a			{display: block; margin: 0; padding: 9px 8px; height: 14px; width: 81px; border-right: 1px solid rgba(0, 0, 0, 0.15); text-align: center; font-weight: bold; color: white; outline: none;}
#menu a:hover		{text-decoration: none;}
#menu li		{float: left; position: relative; z-index: 2; background: url('navigation_gradient.png') top repeat-x #2a2c2c; height: 32px;}
#menu li:hover		{background: url('navigation_gradient.png') top repeat-x #686082; }
#menu ul ul, #menu-notification-list ul {position: absolute; z-index: 2; left: 0px; top: 32px; display: none; width: 194px; background: #2a2c2c; border: 1px solid #686082; box-shadow: 0px 2px 4px rgba(0,0,0,0.25);}
#menu ul li:hover ul	{display: block; z-index: 2}

#menu ul li:hover ul a, #notification-list a	{display: block; text-align: left; border: 0; width: 178px; padding: 0px 8px; height: 100%; line-height: 18px; z-index: 3}
#menu ul li:hover ul a.submenu	{display: block; text-align: left; border: 0; width: 178px; padding: 0px 8px; height: 100%; line-height: 18px; z-index: 3; background: url('submenuarrow.gif') no-repeat center right;}
#menu ul li:hover ul p	{width: 178px; padding: 0px 8px; height: 100%; line-height: 18px; margin: 0;}

#menu-notification-list ul {width: 439px !important; font-weight: normal !important;}
#menu-notification-list ul li {width: 423px !important; height: auto !important; line-height: 16px !important; border-bottom: 1px dotted #686082; padding: 0 8px;}
#menu-notification-list a {display: inline !important; padding: 0 !important;}
#menu-notification-list a:hover {text-decoration: underline !important;}
#menu-notification-list span.icon {margin: 4px 4px 0 0 !important;}

#menu ul li:hover ul li	{background: #2a2c2c; height: 20px;}
#menu ul li:hover ul li:hover	{background: #686082;  height: 20px;}

#menu ul ul ul		{position: absolute; top: 0; left: 100%; top: -1px;}
#menu ul li:hover ul ul {display: none;}
#menu ul ul li:hover ul {display: block;}

#menu ul ul ul ul	{position: absolute; top: 0; left: 100%; top: -1px;}
#menu ul li:hover ul ul ul, #menu ul ul li:hover ul ul {display: none;}
#menu ul ul ul li:hover ul {display: block;}

#menu .menu-half	{width: 48px; padding: 9px 0px !important;}
#menu .menu-double	{width: 179px;}
#menu .menu-last	{width: 180px; border-right: none;}

a.thumbnail	{display: block; padding: 4px; border: 1px solid #2a2c2c;}
a.thumbnail:hover {border-color: #ff8000;}

.clock	{
	padding: 4px;
	position: absolute;
	top: 4px;
	right: 196px;
	height: 82px;
	width: 188px;
	background: black;
	opacity: 0.625;
	color: black;
	font-size: 16px;
	border: 1px dotted #2a2c2c;
}

.mainheader		{position: relative;}

.headertop {
	padding: 0.5em;
	background: url('headers/dancewars_gradient.png?t=1362354191') bottom repeat-x #2a2c2c;
	color: white;
	font-weight: bold;
	text-shadow: black 0px 0px 4px;

	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;

}


.headertop2 {
	padding: 0.5em;
	background: url('headers/dancewars_gradient.png?t=1362354191') bottom repeat-x #2a2c2c;
	color: white;
	font-weight: bold;
	margin-bottom: 0.5em;
	text-shadow: black 0px 0px 4px;

 	border-radius: 4px;
	-webkit-border-radius: 4px;

	box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
}

form {margin: 0; padding: 0;}

.content {
	display: block;
	zoom: 1;
	position: relative;
	border-color: #2a2c2c;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	background: #ffffff;
	padding: 4px 4px;
	color: #000;
	margin-bottom: 0.5em;
 	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
}

.round-all
{
 	border-radius: 4px;
	-webkit-border-radius: 4px;
}

input[disabled=disabled] { color: gray; }
button[disabled=disabled] { color: gray; }

ol {list-style: decimal outside none;}

.ui-widget { font-family: 'Segoe UI', 'Arial', 'Meiryo UI', 'MS Gothic'; font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Segoe UI', 'Arial', 'Meiryo UI', 'MS Gothic'; font-size: 1em; }
input.ui-button {padding: 0px 8px;}
.ui-button {padding: 0px 8px;}

.panel-image, .news-image {
	width: 232px;
	height: 32px;
	padding: 84px 4px 4px 4px;
	margin-bottom: 4px;
	display: block;
	white-space: nowrap;
}

.news-image {
	width: 480px;
	height: 180px;
	padding: 144px 4px 4px 4px;
}

.panel-image:link, .panel-image:visited, .panel-image:active,
.news-image:link, .news-image:visited, .news-image:active  {
	color: white !important;
}
.panel-image:hover,
.news-image:hover {
	color: white !important;
	text-decoration: none !important;
}
#twitterwidget {
	margin-bottom: 4px;
}

.panel-image strong {
	font-size: 16px;
	line-height: 16px;
}

.highlight {
	background: #ffff00;
	color: black;
}

.javascript {
	display: none;
}

#arcade-location-search {
	height: 32px; 
	font-size: 16px; 
	width: 100%; 
	text-align: center; 
	font-family: monospace; 
	font-weight: bold; 
	color: #0f0; 
	background: black;
	border: 0;
}

.arcade-summary-table td {
	background: white;
}

.unread-item {
	color: #f00;
}

.read-item {
	color: #08f;
}

.open-item {
	color: #0c0;
}

.locked-item {
	color: #888;
}

.sticky-item {
	color: #08f;
}

.event-marquee {
	color: #0f0;
	margin-bottom: 4px;
	box-sizing: border-box;
	border-radius: 4px;
	font-family: Courier New, monospace;
	white-space: nowrap;
	overflow: hidden;
}

.event-marquee a,
.event-marquee a:link,
.event-marquee a:visited {
	color: #0f0;
}

.label {
	display: inline-block;
	padding: 0 4px;
	background: #333;
	color: #fff;
}

.label.small {
	font-size: 90%;
}

.label.alert {
	background: #c44;
}

.text-alert {
	color: orange;
}