@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333;	
	background:url(../images/bg_y.gif) center repeat-y #cee1a1;
}
#background {
	background:url(../images/bg.jpg) center top no-repeat;padding-top:0px;min-height:706px;
}
.fan_box .page_stream {
	height:1000px !important;
}
.fan_box .page_stream_short {
	height:1000px !important;
}
.remarks1 {
	font-size:10px;
}
.remarks1_chi {
	font-size:11px;
}
.col1 {padding:10px;margin:0px;overflow-x:hidden;width:auto;height:800px;}

.col2 {float:right;width:300px;padding:0px;margin:0px;overflow-x:hidden;clear:both;margin-right:10px;}

.facebook_panel {color:#033;background:#F5FFD5;border:2px dashed #090;border:none;background:none;}

.urgentannouncement {margin:0px 10px;color:#033;background:#F5FFD5;border:2px dashed #090;}

#nav_logo {
	height:96px;
	width:930px;margin-left:auto;margin-right:auto;clear:both;	
}
#nav_logo .hotspot {
	cursor:pointer;
	height:96px;
	width:200px;
}
ul { margin-left:0px; padding-left:20px; }
input, select, textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	min-height:18px;
	color:#333;
	border:1px solid #ccc;
	vertical-align:middle;	
}
input[type=radio] {
	border:none !important;
	color:#000;
	vertical-align:top;
}
form .error {
	background:#FFDFDF;
}
.preloading {
	background:url(../images/lightbox-ico-loading.gif) no-repeat left;
	height:32px;
	vertical-align:middle;
	padding-left:37px !important;
}
.msg {padding:10px;margin:5px 0px;display:table;height:auto;}
.msgerror {color:#900;background:#FFDFDF;border:2px dashed #900;}
.msgsuccess {color:#090;background:#F5FFD5;border:2px dashed #090;}

.prelightbox a {
	text-decoration:none;
}
.box_base {
	margin-top:16px;
	/*border-left:1px solid #E8E8E8;
	border-top:1px solid #E8E8E8;	*/
}
.box_base td {
	vertical-align:top;
/*	border-right:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8; */
}
.content {	
	padding:0px 16px;	
	margin-left:auto;
	margin-right:auto;	
}
.content table.grid td {
	border-bottom:dotted 1px #CCC;
	padding:3px;
}
.content table.grid h2 {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:16px;
	font-weight:normal;
	/*color:#008a3f; -ecl*/
	color:#000000;
}
.box {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;	
	width:200px;
	/*border:1px solid #999;*/
	padding:5px 10px 20px 10px;
	overflow:hidden;
	color:#000;
}
.boxdetail td {
	border:none;
}
.box div.r1, .box div.r2, .box div.r3  {
	border-bottom:1px dotted #666;
}
.box div.r4 div {
	border-bottom:1px dashed #CCC;	
}
.box div.r4 div[alt=last] {
	border-bottom:none;	
}
.box .gongname {
	font-size:14px;
	/*color:#88993b;*/
	font-weight:bold;
	color:#000;
	padding-bottom:10px;
}
.box .gongcode {	
	display:inline-block;
	text-align:right;
	font-size:12px;
	width:30px;
	float:right;
}
.box .gongagerange {
	font-size:12px;
}
.box .gongquantumage {
	font-size:12px;
}
.box .gongelement {
	font-size:12px;
}
.box .name {
	display:inline-block;
}
.box .joule {
	float:right;
}
.box .gongagerange {
	float:right;
}

.lang_selector {
	float:right;
	line-height:36px;
	vertical-align:middle;
	margin:0px 13px;
	color: #fff;
}
.nav_login {
	width:940px;margin-left:auto;margin-right:auto;height:36px;background: #060;color:#fff;
}
.nav_login a {text-decoration:none;color:#fff;margin:10px 10px;}
.nav_login a:first-child {margin-left:0px;}
.nav_login a:hover {text-decoration:none;color:#fff;}
/* 
	LEVEL ONE
*/
.nav_main {width:940px;margin-left:auto;margin-right:auto;height:36px;background: #fff url(../images/nm.png) repeat-x; border-bottom:1px solid #7f7f7f;border-top:3px solid #CF0;;}
.nav_main a {text-decoration:none;}
.nav_main ul {position:absolute;z-index:70;list-style: none;margin: 0; padding: 0;}
ul.dropdown                         { position: relative;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #fff url(../images/nm.png) repeat-x; }
ul.dropdown a:hover		            { color: #4c3000; }
ul.dropdown a:active                { color: #4c3000; }
ul.dropdown li a                    {
	display: block;
	font-family:'Segoe UI',Arial,Verdana;
	padding: 4px 13px;
	border-right: 1px solid #7f7f7f;border-bottom:1px solid #7f7f7f;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	color: #4c3000;
	font-size:13px;
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black;  }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ min-width: 320px; visibility: hidden; position: absolute; top: 100%; left: -1px;}
ul.dropdown ul li 					{ font-weight: bold; background: #F3D673; color: #000; 
									  border: 1px solid #7f7f7f; float: none; border-top:none; }
ul.dropdown ul li.hover,
ul.dropdown ul li:hover                { background: #ffe11a; color: #4c3000; position: relative; }
ul.dropdown ul li.hover a              { color: #4c3000; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; border-bottom:none; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

.gongcontent {
	display:none;
}
.gongcontent h1, h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	/*color:#008a3f; -ecl */
	color:#008a3f;
}
h1 .desc {
	margin-top:10px;
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	/*color:#008a3f; -ecl */
	color:#008a3f;
	color:#333;
}
.gongcontent h1 .desc {
	margin-top:10px;
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	color:#008a3f;
	color:#333;
}
.gongcontent h2, h2 {
	margin-top:20px;	
	font-family:Arial, Helvetica, sans-serif;	
	font-size:16px;
	font-weight:normal;
	/* color:#008a3f; -ecl */
	color:#000000;
}
h1.contenttitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	/*color:#008a3f; -ecl */
	color:#7030A0;
	margin:32px 16px 0 16px;
	line-height: 1.2em;
}
.contentje {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	/*color:#008a3f; -ecl */
	color:#000;
	margin:0px 16px 32px 16px;
	line-height: 1.2em;
}
h1.pagetitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	color:#008a3f;
	margin:32px 16px;
}
h1.pagetitle .desc {
	margin-top:10px;
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	/*color:#008a3f; -ecl */
	color:#008a3f;
	color:#333;
}
#eg {
	display:none;
}
.footer {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;
	background-color:#2a6829;
}
.profile hr, hr {
	border:1px dashed #ccc;
	margin-top:20px;
	margin-bottom:20px;
}
.profile td {
}
.profile h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	font-weight:bold;
	color:#F60;
}
.profile h2 {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;
	font-weight:normal;
	color:#F60;
	margin-bottom:0px;
}
.profile h3 {
	margin-top:5px;
	margin-bottom:5px;	
	font-family:Arial, Helvetica, sans-serif;	
	font-size:18px;
	font-weight:normal;
	/*color:#008a3f; -ecl */
	color:#008a3f;
}
.tooltip {
	background-color:#fcd54c;
	border:1px solid #000;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#000;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

/*.tooltip {
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}*/

table.macroview {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;	
}
.macroview .base {
	font-weight:bold;
	background:#C9E4E4;
}
.macroview .subbase {
	font-weight:bold;
	background:#EBFCC5;
}
.macroview span[energycode] {
	display:block;
}
.macroview .hover {
	background:#FFECD2;
	color:#000;
}
.macroview td {
	text-align:center;
	padding:5px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.macroview tr td:first-child {
	text-align:left;
	color:#000;
}
span.pagetitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    margin: 32px 16px;
}