/* CSS Document */

@import url("menus.css");
@import url("button.css");
@import url("filter.css");
@import url("processSet.css");
@import url("form.css");
@import url("help.css");
@import url("press.css");
@import url("history.css");
@import url("feature.css");

a, body, p, table, td, tr { font-family:Airal; font-size:12px; color:#555555; line-height:18px; }
html { margin:0px; padding:0px; }
body { margin:0px; padding:0px; text-align:center; }

form { margin:0; width:auto; height:auto; }


/* INDEX LEFT */
.indexLeftCell { padding:20px 0px; padding-left:10px; vertical-align:top; width:250px;  }
.indexLeftHeader { padding-bottom:10px; padding-top:10px; border-bottom:0px solid #cccccc;  }
.indexLeftCon { padding-bottom:10px; padding-top:10px; border-bottom:1px solid #cccccc;  }
.indexNewsHeader { text-align:left; color:#f06; margin-bottom:2px; font-weight:bold;  }
.indexNewsHeader2 { text-align:left; color:#06; margin-top:4px; font-size:11px; font-weight:bold;  }
.indexNewsCon { text-align:left; color:#333; margin-bottom:4px; font-size:11px;  }
.indexWorkHeader { font-size:11px; text-align:left; }

/* INDEX CENTER */
.indexCenter0 { width:500px; padding:0px; padding-top:20px; padding-right:15px; vertical-align:top; }
.indexCenter { width:550px; padding:10px; padding-top:20px; padding-right:25px; vertical-align:top; }
.indexCenterMovie { width:450px; padding:10px; padding-top:20px; padding-right:25px; vertical-align:top; }
.indexCenterCell1 { vertical-align:top; }
.indexCenterCon_gray { font-size:11px; color:#999999; margin-top:5px; }
.indexCenter_workCell { padding:1px; vertical-align:top; }
.indexCenterBlock { 
	background:url(../image/indexFramePattern.gif) repeat;
	padding:10px;
}
div#indexCenterBlockCell { margin:5px; background-color:#fff; padding:0px; }
div#indexCenterBlockCell.indexVideoCell1 { padding:10px; vertical-align:top; border-right:1px dotted #c5c5c5; }
div#indexCenterBlockCell.indexVideoCell2 { float:left; border-left:1px dotted #f06; padding-left:10px; }




.indexSubCell1 { padding-top:8px; line-height:15px; }
.indexSubCell2 { padding-left:10px; padding-top:8px; line-height:15px; }

.subheader1 { font-size:12px; font-weight:normal; color:#333333; margin-bottom:4px; }
.subcon1 { font-size:11px; }




/* GOLABAL  */

#globalBanner {
background:url(../image/indexRightPattern.gif) repeat;
padding:10px; margin-bottom:10px;
}



/*RIGHT SIDE*/
.line_w {
height:20px;
width:100%;
background:url(../image/line_w.gif) repeat-x 0px 10px;
}




	/*LEFTSIDE*/
	.sidePath {
	font-family:Arial;
	font-size:11px;
	color:#222;
	padding-top:18px;
	padding-left:20px;
	}
	.sideheader {
	margin-top:0px;
	margin-bottom:0px;
	height:68px;
	width:195px;
	padding-top:22px;
	background:url(../image/sideHeaderBG.gif) repeat-x 0px 0px;
	}
	.sideheader2 {
	margin-top:0px;
	margin-bottom:0px;
	width:270px;
	padding-top:22px;
	background:url(../image/sideHeaderBG2.gif) repeat-x 0px 0px;
	}
	.sideheader2 p { font-family:Arial; font-size:12px; color:#111; margin-bottom:7px; }
	.sideheader2 select { margin-bottom:15px; margin-top:25px; width:160px; }
	
	
	/*CENTER*/
	.centerHeader {
	background:url(../image/bar_pink.gif) repeat-x 0px 0px;
	width:550px;
	padding-top:20px;
	padding-bottom:20px;
	}
	.centerHeader.movie{ width:475px;  }
	.centerHeader p { font-family:Arial; font-size:15px; color:#f06; font-weight:bold; }
	.dotline { border-top:1px dotted #f06; height:20px; }
	.dotline_gray { border-top:1px dotted #333; height:20px; }

			
			
			
			
			/* basic txt */
			
			
			.basictxt {
			color:#222;
			font-size:12px;
			line-height:18px;
			}
			.basictxt a {
			color:#069;
			}
			
			
			.errorbox {
			margin:10px 0px;
			padding:10px 15px;
			border:1px dotted #f00;
			color:#f00;
			font-size:12px;
			line-height:18px;
			}
			
			
			
						



/*======================================================================================================*/
/*======================================================================================================*/

/* HEADER FOR CONTENT */

.mainheader
{
background:url(../image/bgpattern1.gif) repeat-x;
height:141px;
padding:0px;
margin:0px;
}

.mainheader_index
{
background:url(../image/bgpattern1.gif) repeat-x 0px 354px;
height:494px;
padding:0px;
margin:0px;
}

.mainheader_con
{
background:url(../image/header_top.jpg) no-repeat 50% 0px;
width:1024px; height:75px;
}

.mainheader_conindex
{
background:url(../image/header_topindex.jpg) no-repeat 0px 0px;
width:1024px; height:430px;
padding:0px;
}

/* with menu in menus.css */











/*======================================================================================================*/




/* SIDE MENU */
.sidemenuCell { padding-top:20px; padding-left:20px; vertical-align:top; padding-right:10px; width:150px;  }
.sidemenuPath { padding:0px; color:#222222; }




.sideMenuInfo {}
/*
#sideMenu { border:1px dotted green; }
#sideMenu { 
	display: block;
	width: 109px;
	height: 60px;
	overflow: hidden;
	margin: 0 1px 0 0;
	background-color:#333333; 
}
#sideMenu a { background-color:#006699; }
*/

.sideMenuInfo div {
	display: block;
	height:30px;
	width:120px;
	color:#333;
	background:url(../image/arrow_gray.gif) no-repeat;
	background-position:0px;
}
.sideMenuInfo a {
	display:block; 
	width:120px;
	height:30px;
	text-decoration:none;
}
.sideMenuInfo div:hover {
	color:#fff;
	background-position:-200px;
}
.sideMenuInfo div:active {
	color:#ccc;
	background-position:-190px;
}











.menuinfo {
	background:url(../image/arrow_gray.gif) no-repeat 8px 12px #ffffff;
	border-bottom:1px solid #cccccc;
	height:24px;
	font-size:11px;
	color:#333333;
	padding-top:7px;
	padding-left:20px;
	}
.menuinfoOn { background:url(../image/arrow_white.gif) no-repeat 8px 12px #ff0066; border-bottom:1px solid #cccccc; height:24px; font-size:11px; color:#ffffff; padding-top:7px; padding-left:20px;  }
.menuinfo a { text-decoration:none; }
.menuinfo a:hover { background-color:#eeeeee; }
.menuinfoOn a { text-decoration:none; }



.centerConCell { padding:10px; padding-top:50px; }

.contentSubTitle {
font-family:Arial;
font-size:13px; font-weight:bold; color:#000; 
margin-bottom:20px;
}
.basicPar{
font-family:Arial;
font-size:12px;
line-height:36px;
}







#dataTable1 {
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}
#dataTable1 td {
font-family:Arial;
font-size:11px;
color:#222;
background-color:#fff;
padding:4px 8px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#dataTable1 .dataHeader {
font-family:Arial;
font-size:11px;
color:#fff;
background:#666;
height:32px;
}
#dataTable1 .blocktxt { float:left; width:45px;  }
#dataTable1 .blockset { float:left;  }
#dataTbale1 .price { font-weight:bold; color:#000; }


.dataCell_e5 { background-color:#e5e5e5; color:#222; padding:7px 10px; vertical-align:top; border-bottom:1px solid white; width:140px; }
.dataCell_f3 { background-color:#f3f3f3; color:#444; padding:7px 10px; vertical-align:top; border-bottom:1px solid white;  }

.sub { font-size:10px; }
.must { 
background-color:#e5e5e5; color:#222; padding:7px 10px; border-bottom:1px solid white; width:140px; 
background:url(../image/mustMark.gif) no-repeat 95% 50% #e5e5e5;
}
.full { width:530px; height:20px; }
.break { margin-bottom:20px; }
.breakline { height:10px; }
.top2 { margin-top:20px; }
	.dataCell_title { float:left; font-family:Arial; font-size:12px; font-weight:bold; color:#111; }
	.dataCell_change { float:right; padding-top:2px; }
	
	
	.pricetag { padding:10px 13px; font-family:Arial; font-size:12px; color:black; text-align:right; background-color:#e5e5e5; font-weight:bold; }






/* STORAGE DATA */
.storageCell_img { text-align:center; vertical-align:top; padding-right:10px; padding-top:25px; }
.storageCell_img2 { margin:0px; text-align:center; padding-top:25px; border:1px dotted #ccc; height:45px; width:100px; }
.storageCell_img3 { margin:0px; text-align:center; padding-top:0px; border:1px dotted #ccc; height:70px; width:130px; }

.storageCell0 { padding-bottom:10px; }
.storageCell1 { border:1px solid #e5e5e5; padding:10px 12px; color:#000; font-weight:bold; height:16px; }
.storageCell1 div.title { float:left; margin-top:0px; padding:0px; font-size:11px; color:#222; }
.storageCell1 div.select { float:right; margin-top:0px; padding:0px; }



.storageCell2 { 
font-family:Arial; color:#000; font-size:10px;
line-height:14px;
padding:9px 12px;
background-color:#e5e5e5;
border-bottom:1px solid #fff;
}

.storageCell3 {
font-family:Arial; color:#000; font-size:11px;
line-height:14px;
padding:9px 12px;
background-color:#e5e5e5;
border-bottom:1px solid #fff;
}







/* NEWS */
.newscell {  margin:10px 0px; padding:10px 0px; padding-bottom:25px; border-bottom:1px solid #ccc;  }
.newscelldate {  font-size:11px; font-weight:bold; color:#f06; margin-bottom:5px;  }
.newscelltitle {  font-size:12px; font-weight:bold; color:#222; margin-bottom:20px;  }







