/* main */

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

.section1		{background: black;}
.section2		{background: #b3c1ca;}
.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: #ff0000;}

.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: #ff0000;}

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: #ff0000;}

.block			{display: block;}

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

/* colour backgrounds */

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

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

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	{vertical-align: bottom; font-family: 'Segoe UI', 'Arial', 'Meiryo UI', 'MS Gothic'; font-size: 12px;}
option			{background: #ffffff; color: #000;}
input			{color: #000; background: #ffffff; margin: 0 1px; border: 1px solid #b3c1ca;}
select			{border: 1px solid #b3c1ca; background: #ffffff; color: #000;}
input[type="file"] 	{background: white; color: black;}
input[disabled="disabled"] {background: #eee;}
input[disabled="true"] {background: #eee;}
textarea		{font-family: 'Segoe UI', 'Arial', 'Meiryo UI', 'MS Gothic'; font-size: 12px; color: #000; background: #ffffff; border: 1px solid #b3c1ca; width: 100%; height: 320px;  }

table	    		{margin-bottom: 0.25em; border-spacing: 1px; background: #b3c1ca;
/* -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;*/}
table.noborder		{margin-bottom: 0.25em; border-spacing: 1px; background: none;}

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

.right			{text-align: right;}

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


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

tr.red td		{background: #ffe0e0;}


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


div.quotee		{font-size: 100%; padding: 0.5em; font-weight: bold; background: url('headers/universe2_gradient.png') bottom repeat-x #b3c1ca; color: white; border-width: 0px 1px; border-style: solid; border-color: #b3c1ca;}
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: #ff0000;}
div.quote		{padding: 0.5em; background: #eee; border: 1px solid #b3c1ca;}

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

th	        	{background: url('headers/universe2_gradient.png') bottom repeat-x #b3c1ca; 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: #ff0000;}
th.small		{font-size: 75%; background: url('headers/universe2_gradient.png') bottom repeat-x #b3c1ca;}

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

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

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;}

.inline			{display: inline;}

.pad8			{padding: 8px;}

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

h1			{font-size: 150%; margin-bottom: 0.5em; border-bottom: 1px solid #b3c1ca; margin-top: 0;}
h2			{font-size: 125%; margin-bottom: 0.5em; border-bottom: 1px solid #b3c1ca; margin-top: 0;}
h3			{font-size: 100%; margin-bottom: 0.5em; border-bottom: 1px solid #b3c1ca; 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%;}

.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%;}

iframe			{border: 0;}

.clear			{clear: both;}

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

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

#menu			{height: 32px; background: #b3c1ca; z-index: 1; margin-bottom: 0.5em; color: white; font-weight: bold;}
#menu ul		{list-style: none; margin: 0; padding: 0; float: left;}
#menu a			{display: block; margin: 0; padding: 9px 0; height: 14px; width: 97px; border-right: 1px dotted #00b9ef; text-align: center; font-weight: bold; color: white;}
#menu a:hover		{text-decoration: none;}
#menu li		{float: left; position: relative; z-index: 2; background: #b3c1ca; height: 32px;}
#menu li:hover		{background: url('headers/universe2_gradient.png') bottom repeat-x; }
#menu ul ul		{position: absolute; z-index: 2; left: 0px; top: 32px; display: none; width: 188px; background: #b3c1ca; border: 4px solid #00b9ef;}
#menu ul li:hover ul	{display: block; z-index: 2}

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

#menu ul li:hover ul li	{height: 20px;}
#menu ul li:hover ul li:hover	{background: url('headers/universe2_gradient.png') bottom repeat-x;  height: 20px;}

#menu ul ul ul		{position: absolute; top: 0; left: 100%; top: -4px;}
#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: -4px;}
#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;}

.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 #b3c1ca;
}

.mainheader		{position: relative;}

.headertop {
	padding: 0.5em;
	background: url('headers/universe2_gradient.png') bottom repeat-x #b3c1ca;
	color: white;
	font-weight: bold;
	text-shadow: black 0px 0px 4px;
	/*
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	*/
}


.headertop2 {
	padding: 0.5em;
	background: url('headers/universe2_gradient.png') bottom repeat-x #b3c1ca;
	color: white;
	font-weight: bold;
	margin-bottom: 0.5em;
	text-shadow: black 0px 0px 4px;
	/*
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	*/
}

form {margin: 0; padding: 0;}

.content {
	display: block;
	zoom: 1;
	position: relative;
	border-color: #b3c1ca;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	background: #ffffff;
	padding: 4px 4px;
	color: #000;
	margin-bottom: 0.5em;
	/*
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	*/
}


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;}