*{margin:0;padding:0}#mainNav{font:700 1em Verdana, Arial, Helvetica, sans-serif;line-height:1.5em}#sideBar p,#sideBar ul{font-size:.875em}h2{font-size:1.25em}h3{font-size:1.125em;text-indent:1em}#content p{text-indent:2em}body{font-size:100%;line-height:1.125em;text-align:center;min-width:920px;background:#F90 url(images/bg.png)}#wrapper{background-color:#fff;width:920px;margin:0 auto;text-align:left;background:#fff url(images/faux.png) repeat-y left top}#header{background:#9F0 url(images/bg.png) 0 30% repeat-x;margin-bottom:-1.625em;border-bottom:5px #C30 solid}#content{font-size:.875em;width:680px;float:right;margin-top:1.625em;padding:0 20px}#footer{font-size:.75em;clear:both;background:#CCC url(images/bg.png) 0 10% repeat-x;padding:1em 2em;text-align:center}#header #LOGO{margin:2em 0}#content #changeFont{background:#FFC;padding:1px;margin-top:1em;border-bottom:1px dashed #F90;border-top:1px dashed #F90}#content .block{padding:1em;margin:20px 10px;border:1px dashed #BFDFFF;background-color:#F5FBFF}#content h2{color:#090;font-family:Arial, Helvetica, sans-serif}#content h1{font-family:Georgia, Times, serif;text-align:center;color:#930;line-height:1.5em}#content p#description{text-indent:0;text-align:center;padding:1em;border-bottom:1px dashed #F90;border-top:1px dashed #F90;background:#FFC}#content pre{font-style:normal;background:#CCC;border:1px dashed;margin:1em 1em 1em 0;padding:1em}#content ul,ol{padding:0 4em}#content hr,h1,h2,h3,p{margin:1em 0}#content .important{color:#F00;font-weight:700}#content .ggad{text-align:center;margin-bottom:3em}#sideBar{width:200px;float:left;margin-top:1.625em;background-color:#0C8FCE;padding-top:20px;padding-bottom:20px}#sideBar .box{margin:1em;padding:0;color:#666;background:#fff url(images/box-bottom.gif) no-repeat bottom right}#sideBar .box h2{padding:1em 0 0;text-align:center;font-family:Arial, Helvetica, sans-serif;color:#693;background:url(images/box-head.gif) no-repeat top left}#sideBar .box ul,#sideBar .box p{list-style:none;padding:0 1em 1em}#sideBar .box li{display:inline}#sideBar .box a{background:url(images/box-li-bg.gif) 0 50% no-repeat;text-decoration:none;padding-left:20px;display:block}#sideBar .box a:hover{background:#09F url(images/box-li-bg.gif) -300px 50% no-repeat;display:block;color:#FFC;font-weight:700}#footer img{border:none}ul#mainNav{list-style:none}ul#mainNav li{border:0 none;float:left;display:inline;list-style:none;position:relative}ul#mainNav ul{border:0 none;width:160px;list-style:none;display:none;position:absolute;top:1.625em;left:0}ul#mainNav ul:after{clear:both;display:block;font:1px/0 serif;content:".";height:0;visibility:hidden}ul#mainNav ul li{width:160px;float:left;display:inline}ul#mainNav a{border:1px solid #FFF;border-right-color:#CCC;border-bottom-color:#CCC;padding:0 6px;float:left;display:block;background:#EEE;color:#666;text-decoration:none;height:1.5em}ul#mainNav li:hover li a,ul#mainNav li.iehover li a{float:none;background:#EEE;color:#666}ul#mainNav li:hover li:hover li:hover li a,ul#mainNav li.iehover li.iehover li.iehover li a,ul#mainNav li:hover li:hover li a,ul#mainNav li.iehover li.iehover li a{background:#EEE;color:#666}ul#mainNav li:hover li:hover li:hover li a:hover,ul#mainNav li.iehover li.iehover li.iehover li a:hover,ul#mainNav li:hover li:hover li a:hover,ul#mainNav li:hover li:hover li:hover a,ul#mainNav li.iehover li.iehover li a:hover,ul#mainNav li.iehover li.iehover li.iehover a,ul#mainNav li:hover li a:hover,ul#mainNav li:hover li:hover a,ul#mainNav li.iehover li a:hover,ul#mainNav li.iehover li.iehover a,ul#mainNav a:hover,ul#mainNav li:hover a,ul#mainNav li.iehover a{background:#CCC;color:#FFF}ul#mainNav ul ul,ul#mainNav ul ul ul{display:none;position:absolute;top:0;left:160px}ul#mainNav li:hover ul ul,ul#mainNav li:hover ul ul ul,ul#mainNav li.iehover ul ul,ul#mainNav li.iehover ul ul ul{display:none}ul#mainNav li:hover ul,ul#mainNav ul li:hover ul,ul#mainNav ul ul li:hover ul,ul#mainNav li.iehover ul,ul#mainNav ul li.iehover ul,ul#mainNav ul ul li.iehover ul{display:block}
body {padding:0px 5px 0px 8px; margin:0px;font-family:Verdana,Arial,serif;font-size:14px;background-color:#F4F4F4;}

table {padding:0px;border:0px;margin:0px;}

img {border:0px;}

iframe {border:0px;margin:0px;padding:0px;}

p {padding:2px 2px 0px 2px;margin:0px;}

.allheader {width:990px; height:80px; margin-bottom:5px;}

.hlogo {width:208px;height:60px;float:left;padding-top:20px;}

.hright {width:782px;height:80px;float:left;}

.hrightup {width:782px;height:70px;text-align:center;}

.hrighturlline {width:782px;height:10px;background-image:url(images/urlline_nt22.gif);background-repeat:repeat-x;}

.hrightleft {width:700px;height:70px;}

.hrightleft table {margin-top:5px;text-align:center;width:100%;}

.topads {width:468px;height:60px;}

.hrightright {width:76px;height:60px;}

.top3 {margin-top:0px;margin-left:0px;}

.top3  td {font-size:12px;color:#7B68EE;cursor:hand;line-height:18px;vertical-align:middle;font-weight:bold;}

.top3 a:link {text-decoration:none;color:#7B68EE;}

.top3 a:visited {text-decoration:none;color:#7B68EE;}

.top3 a:hover {text-decoration:underline;color:#FF4400;cursor:hand;}

.top3 a:active {text-decoration: none; color:#7B68EE;}

.footer {width:990px;margin-bottom:5px;text-align:center;clear: both;font-size:12px;}

.footer p {color:#333333;}

.footer a:link {text-decoration:none;color:#333333;}

.footer a:visited {text-decoration:none;color:#333333;}

.footer a:hover {text-decoration:underline;color:#333333;cursor:hand;}

.footer a:active {text-decoration: none; color:#333333;}

.footer td {font-size:12px;color:#333333;padding:2px;border:1px solid #C1D3FB;}


a.blink:link {text-decoration:none;color:#0058DB;}

a.blink:visited {text-decoration:none;color:#0058DB;}

a.blink:hover {text-decoration:none;color:#FF4400;cursor:hand;}

a.blink:active {text-decoration: none; color:#0058DB;}


.core {width:990px;}

.cleft {width:160px;margin-right:8px;float:left;}

.cmain {width:650px;margin-right:8px;float:left;height:450px;}

.cright {width:160px;float:left;}


.cframe h1 {font-size:12px;font-family:Verdana,Arial,serif;
		font-weight:bold;color:#FF4400;
		padding:3px 0px 2px 5px;margin:0px;}

.cframe p {font-size:12px;font-family:Verdana,Arial,serif;
		padding:0px 0px 3px 8px;}

.cframe a:link {text-decoration:none;color:#0058DB;}

.cframe a:visited {text-decoration:none;color:#0058DB;}

.cframe a:hover {text-decoration:none;color:#FF4400;cursor:hand;}

.cframe a:active {text-decoration: none; color:#0058DB;}


.dgreen {width:160px;border-right:1px solid #99DE99;border-left:1px solid #99DE99;
			border-top:3px solid #7FB87F;border-bottom:3px solid #7FB87F;
			background-color:#F5FFF5;}


.dyellow {width:160px;border-right:1px solid #FFD98C;border-left:1px solid #FFD98C;
			border-top:3px solid #FFCC66;border-bottom:3px solid #FFCC66;
			background-color:#FFFFF0;}

.dorange {width:160px;border-right:1px solid #FFC8A8;border-left:1px solid #FFC8A8;
			border-top:3px solid #FF9959;border-bottom:3px solid #FF9959;
			background-color:#FFF9F5;}

.dblue {width:160px;border-right:1px solid #A8C8FF;border-left:1px solid #A8C8FF;
			border-top:3px solid #5999FF;border-bottom:3px solid #5999FF;
			background-color:#F5F9FF;}

.cmenu  {}

.cmenu h1 a:link {text-decoration:none;color:#FF4400;}

.cmenu h1 a:visited {text-decoration:none;color:#FF4400;}

.cmenu h1 a:hover {text-decoration:none;color:#CC0000;cursor:hand;}

.cmenu h1 a:active {text-decoration: none; color:#FF4400;}

.cmenu h1 b a:link {text-decoration:none;color:#FF0000;}

.cmenu h1 b a:visited {text-decoration:none;color:#FF0000;}

.cmenu h1 b a:hover {text-decoration:none;color:#FF0000;cursor:hand;}

.cmenu h1 b a:active {text-decoration: none; color:#FF0000;}

.cmenu p a:link {text-decoration:none;color:#000000;}

.cmenu p a:visited {text-decoration:none;color:#000000;}

.cmenu p a:hover {text-decoration:none;color:#CC0000;cursor:hand;}

.cmenu p a:active {text-decoration: none; color:#000000;}

.cmenu p b a:link {text-decoration:none;color:#FF0000;font-weight:normal;}

.cmenu p b a:visited {text-decoration:none;color:#FF0000;font-weight:normal;}

.cmenu p b a:hover {text-decoration:none;color:#FF0000;cursor:hand;font-weight:normal;}

.cmenu p b a:active {text-decoration: none; color:#FF0000;font-weight:normal;}


.tcenter {text-align:center;}
.h5px {height:5px;font-size:5px;}
.h10px {height:10px;font-size:10px;}



.carticletitle {width:648px;border-right:1px solid #A8C8FF;border-left:1px solid #A8C8FF;
			border-top:3px solid #5999FF;border-bottom:3px solid #5999FF;
			background-color:#F5F9FF;}

.carticletitle h1{font-family:Verdana,Arial,serif;font-size:14px;font-weight:bold;text-align:center;
	padding:5px;margin:0px;}

.carticle {width:648px;font-family:Verdana,Arial,serif;overflow:auto;word-wrap:break-word;border:1px solid #AAAAAA;background-color:#F9F9F9;}

.carticle p {
    font-family:Verdana,Arial,Serif; font-size:14px; line-height:22px;
    padding-left:14px; padding-right:14px; padding-top:4px; padding-bottom:4px; 
    margin:0px;
}

.carticle font.Lv1 {color:#FF0000;}

.carticle font.Lv2 {color:#FF4000;}

.carticle font.Lv3 {color:#000080;}

.carticle font.Lv4 {color:#006000;}

.carticle font.Lv5 {color:#8000FF;}

.carticle h1 {
    font-size:18px; font-weight:bold;color:#07519A;
    padding-left:7px; padding-right:0px; padding-top:4px; padding-bottom:4px;
    margin:0px;
}

.carticle h2 {
    font-size:16px; font-weight:bold;color:#07519A;
    padding-left:7px; padding-right:0px; padding-top:4px; padding-bottom:4px;
    margin:0px;
}

.carticle h3 {
    font-size:14px; font-weight:bold;color:#07519A;
    padding-left:7px; padding-right:0px; padding-top:4px; padding-bottom:4px;
    margin:0px;
}

.carticle h4 {
    font-size:12px; font-weight:bold; font-style:italic;color:#07519A;
    padding-left:7px; padding-right:0px; padding-top:4px; padding-bottom:4px;
    margin:0px;
}

.carticle h5 {
    font-size:12px; font-weight:normal;color:#07519A;
    padding-left:7px; padding-right:0px; padding-top:4px; padding-bottom:4px;
    margin:0px;
}

.carticle h6 {
    font-size:12px; font-weight:normal;color:#07519A; font-style:italic;
    padding-left:7px; padding-right:0px; padding-top:4px; padding-bottom:4px;
    margin:0px;
}

.carticle address {font-style:normal;
  font-size:11px;  text-align:right;
  padding-left:5px; padding-right:10px; padding-top:4px; padding-bottom:4px;
  margin:0px;
}

.carticle blockquote {
  font-size:12px;
  padding:0px;
  margin-top:0px; margin-bottom:0px; margin-left:25px; margin-right:25px;
}

.carticle strike {color:#606060;}

.carticle pre {
  background-color:#F5FFF5;border-left:2px solid #7fb87f;
  font-family:"Courier New"; font-size:12px;
  margin-left:20px; margin-right:10px; margin-bottom:2px; margin-top:2px;
  padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
  word-wrap:break-word;
}

.carticle hr {
  color:#C0C0C0; height:1px; width:100%;
  padding:0px; margin-left:5px; margin-right:5px;margin-top:0px; margin-bottom:0px;
}

.carticle a:link {color:#0058DB; text-decoration:underline;}

.carticle a:visited {color:#07519A; text-decoration:underline;}

.carticle a:hover {color:#FF4000; text-decoration:underline;}

.carticle a:active {color:#FF4000; text-decoration:underline;}

.carticle ul {
  list-style-type: disc;
  margin-left:30px; margin-top:0px; margin-bottom:0px; margin-right:0px;
  padding-left:5px; padding-right:0px; padding-top:4px; padding-bottom:4px;
}

.carticle ul li{
  list-style-type: disc;
  padding-left:5px; padding-right:0px; padding-top:2px; padding-bottom:2px;
  margin:0px;
}

.carticle ul ul li{list-style-type: square;}

.carticle ul ul ul li{list-style-type: circle;}

.carticle ul ul ul ul li{list-style-type: none;}

.carticle ol {
  list-style-type:decimal;
  margin-left:30px; margin-top:0px; margin-bottom:0px; margin-right:0px;
  padding-left:25px; padding-right:5px; padding-top:4px; padding-bottom:4px;
}

.carticle ol li{
  list-style-type:decimal;
  padding-left:5px; padding-right:0px; padding-top:2px; padding-bottom:2px;
  margin:0px;
}

.carticle ol ol li{list-style-type:lower-alpha;}

.carticle ol ol ol li{list-style-type:lower-roman;}

.carticle ol ol ol ol li{list-style-type:none;}


.carticle table {border-collapse:separate;
	font-size:11px;
  margin-left:14px; margin-top:5px; margin-bottom:5px; margin-right:5px;
  padding:0px;
}

.carticle table p {padding:0px; margin:0px;}

.carticle td {
  background-color:#E8E8E8;
  padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
}

.carticle .header td {
  padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
  background-color:#C0C0C0;
  font-weight:bold;
}

.carticleindex p {line-height:16px;}

.carticleindex a:link {color:#0058DB;text-decoration:none;}

.carticleindex a:visited {color:#0058DB; text-decoration:none;}

.carticleindex a:hover {color:#FF4000; text-decoration:underline;}

.carticleindex a:active {color:#FF4000; text-decoration:none;}

.carticle .nav {text-align:right;padding-right:10px;}

.homeindex {text-align:center;}

.homeindex table {vertical-align:top;width:90%;}

.homeindex td {text-align:left;vertical-align:top;background-color:transparent;}

.homeindex h1 {padding-left:3px;font-size:12px;font-weight:bold;}

.homeindex h1 a:link {color:#FF4400; text-decoration:none;padding-left:3px;}

.homeindex h1 a:visited {color:#FF4400; text-decoration:none;padding-left:3px;}

.homeindex h1 a:hover {color:#FF4400; text-decoration:underline;padding-left:3px;}

.homeindex h1 a:active {color:#FF4400; text-decoration:none;padding-left:3px;}

.homeindex p{padding-left:5px;font-size:12px;}

.homeindex p a:link {color:#000000; text-decoration:none;padding-left:5px;}

.homeindex p a:visited {color:#000000; text-decoration:none;padding-left:5px;}

.homeindex p a:hover {color:#FF4000; text-decoration:underline;padding-left:5px;}

.homeindex p a:active {color:#000000; text-decoration:none;padding-left:5px;}


.sponsor6 {float:right;width:300px;height:250px;margin:15px;}

.sponsor5 {text-align:center;}

.sponsor5 {text-align:center;}

.sponsor5 a:link {color:#006600;}

.sponsor5 a:visited {color:#006600;}

.sponsor5 a:hover {color:#FF0000;cursor:hand;}

.sponsor5 a:active {color:#006600;}

.indexh1 {font-size:12px;}

.indexh1 a:link {
    text-decoration: none;color:#0058DB;font-size:12px;
}

.indexh1 a:visited {
    text-decoration: none; color:#0058DB;font-size:12px;
}

.indexh1 a:hover {
    text-decoration: underline; color:#FF4400;cursor:hand;font-size:12px;
}

.indexh1 a:active {
    text-decoration: none; color:#0058DB;font-size:12px;
}

.temp03ads {width:180px;border:1px solid #CCCCFF;padding:2px 0px 2px 0px;}

.btnover {text-align:center;width:230px;height:30px;background-image: url(images/btn_03.gif);background-repeat: no-repeat;cursor:hand;color:#333333;padding-top:5px;font-size:12px;}

.btnout {text-align:center;width:230px;height:30px;background-image: url(images/btn_02.gif);background-repeat: no-repeat;cursor:hand;color:#333333;padding-top:5px;font-size:12px;}

.srctextarea {height:400px;width:480px;border:1px solid #2D9CFC;font-size:12px;font-family:Tahoma,Arial,serif;}

.coderesult {height:400px;width:480px;border:1px solid #2D9CFC;}

.areadesp {width:480px;padding-top:3px;padding-bottom:3px;font-size:12px;color:#FF4400;}
.showrst {    width: 320px;    height: 19px;    float: left;    background-color: #ef6000;    line-height: 20px;    overflow: hidden;    color: #ffffff;    font-family: Verdana, Arial, Serif;    font-size: 14px;    padding: 3px 0px 2px 0px;    text-align: center;    cursor: pointer;    font-weight: bold;}

#content ul
{ 
	list-style:url("/images/list-orange.png"); 
	margin:2em 1.5em;
}

#content ul li
{
	font-size:14.8px;
}

#content dl
{
	margin:1em 0 1em 2em;
}

#content dl dt + dt
{
	margin:0.1em;
}

#content ol
{
	margin:0.5em 2em;
}

#content ol li
{
	font-size:14.8px;
	font-weight:bold;
	margin:1em 0;
}

#content ol p
{
	margin:0;
	font-weight:normal;
}


#lefttree ul
{ 
	list-style:url("/images/list-green.png"); 	
}

#lefttree ul ul 
{ 
	list-style-type:none; 
	list-style-image:none; 
	margin:0.5em;}


#lefttree .top			
{ 
	list-style:url("/images/top.png"); 
}
#lefttree .gp, #lefttree .p	
{ 
	list-style:url("/images/up.png"); 
}

ul.orange	
{ 
	margin:0 4px 8px 16px; 
	list-style:url("/images/list-orange.png"); 
}
ul.green	
{ 
	margin:0 4px 8px 16px; 
	list-style:url("/images/list-green.png"); 
}

#page dt	
{ 
	font-weight:bold;
	margin:1em 0 0.3em 0.5em;
}

#page dd    
{ 
	margin:0.5em 0 0 3em;
}

#page dl dt
{
	margin:0;
}

#tag
{
	font-size:120%; 
	font-weight:bold;
	color:black;
	margin:15px 0 10px 5px;
	padding:5px;
	border:2px dashed gray;
}
#tag .indent
{
	font-size:80%;
	font-weight:normal;
	text-indent:5px;
	margin:15px;
}
#tag ul 
{ 
	list-style:url("/images/list-orange.png") !important;
}
/*--code--*/
.exdisplay 
{ 
	border:1px solid #999; 
	padding:8px 16px; 
	margin:8px 0; 
}

blockcode
{
	clear:both;
	font-family:"Verdana" , "Courier New", "Courier", "mono";
	line-height:18px;	
	color:black;
	background:#ddedfb;
	margin:15px 0;
	padding:15px 20px;
	border:1px solid #09C;
	display:block;
	white-space:pre-wrap;
}

pre
{
	clear:both;
	font-family:"Verdana" , "Courier New", "Courier", "mono";
	line-height:18px;	
	height:auto;
	color:black;
	background:#ddedfb;
	margin:15px 0;
	padding:15px 20px;
	border:1px solid #09C;
	white-space:pre-wrap;
	word-break: break-all;
	word-wrap : break-word ;
	overflow:auto;
}

code
{
	color:#74240f;
	font-size:140%;
	margin:0 0.2em;
	font-weight:normal;
}

pre code
{
	font-size:120%;
	margin:0 0.1em;
	font-weight:normal;
	background-color:transparent;
}

pre code.tag
{
	color:green;
}

pre code.attr
{
	color:blue;
}

pre code.attrvalue
{
	color:red;
}

pre code.comment
{
	color:#ff8000;
}

/* Lists */
ul		
{ 
	list-style:url("/images/list-orange.png");  
	margin:0 4px 8px 16px; 
}

ul li		
{  
	margin-bottom:1px; 
} 


#content ul
{ 
	list-style:url("/images/list-orange.png"); 
	margin:2em 1.5em;
}

#content ul li
{
	font-size:14.8px;
}

#content dl
{
	margin:1em 0 1em 2em;
}

#content dl dt + dt
{
	margin:0.1em;
}

#content ol
{
	margin:0.5em 2em;
}

#content ol li
{
	font-size:14.8px;
	font-weight:bold;
	margin:1em 0;
}

#content ol p
{
	margin:0;
	font-weight:normal;
}


#lefttree ul
{ 
	list-style:url("/images/list-green.png"); 	
}

#lefttree ul ul 
{ 
	list-style-type:none; 
	list-style-image:none; 
	margin:0.5em;}


#lefttree .top			
{ 
	list-style:url("/images/top.png"); 
}
#lefttree .gp, #lefttree .p	
{ 
	list-style:url("/images/up.png"); 
}

ul.orange	
{ 
	margin:0 4px 8px 16px; 
	list-style:url("/images/list-orange.png"); 
}
ul.green	
{ 
	margin:0 4px 8px 16px; 
	list-style:url("/images/list-green.png"); 
}

#page dt	
{ 
	font-weight:bold;
	margin:1em 0 0.3em 0.5em;
}

#page dd    
{ 
	margin:0.5em 0 0 3em;
}

#page dl dt
{
	margin:0;
}

.center_new_article ul,.center_new_article2 ul
{ 
	list-style:url("/images/list-green.png"); 
	margin:0.5em 2em;
}


/* form */
textarea, input[type="text"] 
{
	background:white;
}

textarea:focus, input:focus 
{
	background:#ffffee;
}

/* tag attribute etc. */
#tag
{
	font-size:120%; 
	font-weight:bold;
	color:black;
	margin:15px 0 10px 5px;
	padding:5px;
	border:2px dashed gray;
}
#tag .indent
{
	font-size:80%;
	font-weight:normal;
	text-indent:10px;
	margin:15px;
}
#tag ul 
{ 
	list-style:url("/images/list-orange.png") !important;
}


table
{
	width:90%;
	border:thin solid #ddedfb;
	margin: 1em;
}

caption 
{ 
	caption-side: top;
	color:#36c;
	font-weight:bold;
	margin: 1em 0 0 1em;
}
.block h3
{
	font-size:110%;
	color:#36c; 
	margin:25px; 
}
a.cgray:link{
color:#696969;
}
.notice{color:white;background:#006486;padding:12px 8px 8px 16px;margin:8px 0;}
.notice strong{color:white;}