@import "global.css";
@import "api.css";

@media screen,projection {
	body,textarea,input { font: 12px/18px "Lucida Grande",Geneva,Arial,Verdana,sans-serif; color:#333}
	body {background:#fff; margin:0; padding:0; text-align:center}	
	a { color: red}
	dl {margin:0 0 1em 0}
	dl a{color:white;}
	dt, form h2 {background:#fff url('../img/bkg-dt.gif') repeat-x; height:33px; line-height:33px; color:#fff; padding:0 0 0 1em}	
	form h2 {margin:0; font-size:100%}
	dt * {color:#fff}
	dd {padding:1em; background:#bd0000 url('../img/bkg-dd.gif') no-repeat bottom left; color:#fff;} 	
	table {background: white; border: 0px solid #aaa; border-width: 2px 0; border-collapse: collapse; margin: 0 0 1em 0; font-size: 100%; width: 100%}
	table th,table td {border: 1px solid #aaa; border-style: solid ; border-left-color: #aaa; border-right-color: #aaa; padding: 3px 3px}
	table th,table tfoot th {background: #555; color:#fff}
	table tbody th {text-align:left}
	table td {background: white; border-color: #aaa}
	table tr.even td {background: #ddd}
	pre,code {font-size: 92%; font-family: "Lucida Console",monospaced}
	pre {background:#E8F6FD; padding:5px; font-size:110%}
	textarea {width:70%}
	fieldset {background:#eee; padding:1em}
	
	.chapters {width:200px; float:right}
	.gallery {background:#eee; padding:.7em .7em .7em .7em; margin:0 0 1em 0}
	.question {background:#eee; margin:0 0 .7em 0; padding:.5em}
	.question p {margin:0; padding:0}
	.question p,.question ul {margin-bottom:.35em}
	.info {background:#aaa; margin:0 0 0 0; padding:.3em; color:#fff}
	.title .ico {margin:3px 5px 0 0}
	.content {margin:0 1em 0 1em}
	.pc {width:766px; text-align:left; margin:0 auto}
	.banner {background:#fff}		
	.path {list-style:none; margin:0 1em; line-height:35px; height:35px; color:#fff}	
	.path ul {display:inline; margin:0; padding:0 0 0 1em}
	.path li {display:inline; background:none; margin:0; padding:0 1em 0 0}
	.path li a {color:#fff}
	.path .article {display:none}
	.detail {margin-top:.5em}
	.menu li {background:none}
	.menu ul {display:block; width:100%}
	.menu ul *,.menu ul {cursor:pointer; list-style:none; margin:0; padding:0}
	.menu ul li {float:left; display:block}
	.menu ul li a {display:block}
	.main {position:absolute; width:766px; z-index:100}
	.main ul {margin-left:10px; width:746px}
	.main li {background:url('../img/bkg-menuitem-left.gif') no-repeat top left; margin:0 2px 0 0}
	.main li a {text-align:center; padding:0 1.5em 0 1.5em; height:42px; line-height:42px; color:#fff; white-space:nowrap; text-decoration:none}
	.main li.active {background:url('../img/bkg-menuitem-active-left.gif') no-repeat top left}
	.main li.active a {color:#fff}
	.smenu li {float:none; width:100%; display:block}
	.smenu li a {color:#fff}
	.smenu li ul {display:none}
	.menu li.active a {font-weight:bold}
	.formcontent {margin:1em;}
	.nologo #logo {display:none;}
	.langmenu li {padding-right: 3px;}
	.langmenu li.first {border-right: 1px #fff solid;}
	
	.userbox { float: left; height:35px; line-height: 35px; color: #fff;  }
	.userbox a { color: #fff; } 
	.login-input { width: 80px; color: #000; }
	
	.registration {border: 0; } 
	.registration td { border: 0; }
	.registration tr td:first-child { text-align: right; width: 150px; }

	
	#banner {min-height:50px; background:#595959; height:200px;}
	#cover {position:absolute;  z-index:10}
	#logo {position:absolute; margin:60px 0 0 25px; width:150px; text-align:center; z-index:30}
	#main {background:#fff; margin-top:1em; text-align:left}		
	#centerleft {float:left; width:566px; margin:0}
	#centerright {float:right; width:566px; margin:0}
	#left {float:left; width:200px; margin:0}
	#right {float:right; width:200px; margin:0}
	#footer {color:#fff; background:#aaa; margin-top:1em}
	#footer * {color:#fff; text-decoration:none; margin:0; padding:0}
	#footer ul,#footer p {margin-left:1em; margin-right:1em; line-height:35px}	
	#path { background:url('../img/bkg-line1.gif') repeat-x 0 -2px}
	#panel { background:url('../img/bkg-line1.gif') repeat-x 0 -2px; height:35px; font-size:90%}		
	#panel ul {float:right}
}
@media print {
	.np,.noprint,.invisible {display:none}
	label {width:20%; float:left}
}