/********** global **********/
*{
	font-size:12px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
body{
	margin:0; padding:0; background:white;COLOR: #5f5f5f;/* line-height:150%;*/
}
p{font-size:13px; line-height:150%;}
img{
	border-style: none;
    border-color: inherit;
    border-width: 0;
    vertical-align:middle;
}
a:link,a:visited,a:active{
	text-decoration:none;
	color:#266392;
}
a:hover{
	text-decoration:underline;
}
li
{
    line-height:150%;
}
/********** header **********/
.header{
	width:100%; background:url(/image/master_res/header_bg.gif) #ffffff repeat-x 0 0; text-align:center;
}
.header .padder{
	width:910px; margin:0 auto; background:url(/image/master_res/header_bg.gif) #ffffff repeat-x 0 0; padding-bottom:4px; text-align:left;
}

.header .padder a.logo{
	display:inline-block; background:url(/image/master_res/eusoft_logo.gif) no-repeat 0 0; width:157px; height:72px; position:absolute;
}

.header .padder .links{
	height:72px; text-align:right; 
}
.header .padder .links .outerLink{
	color:#738197; line-height:16px; padding-top:6px;
}
.header .padder .links .outerLink a{
	color:#738197; display:inline-block;
}
.header .padder .links .outerLink span{
	padding:0 16px;
}
.header .padder .nav{
	background:url(/image/master_res/vertical.gif) repeat-x 0 -36px; height:36px;
}
.header .padder .navLeftBg{
	background:url(/image/master_res/vertical.gif) no-repeat 0 0; height:36px;
}
.header .padder .navRightBg{
	background:url(/image/master_res/icons.gif) no-repeat right -36px; height:36px;
}
.header .padder .nav .mainNav{
	padding-left:24px; position:absolute;
}
.header .padder .nav .mainNav a:link,.header .padder .nav .mainNav a:visited,.header .padder .nav .mainNav a:active{
	width:90px; height:36px; display:inline-block; text-align:center; color:#ffffff; font-weight:bold; font-size:14px; line-height:36px; margin-left:31px;
}
.header .padder .nav .mainNav a:hover{
	text-decoration:none;
}
.header .padder .nav .mainNav a.actived:link,.header .padder .nav .mainNav a.actived:visited,.header .padder .nav .mainNav a.actived:hover,.header .padder .nav .mainNav a.actived:active{
	background:url(/image/master_res/icons.gif) no-repeat 0 0px; color:#000000;
}
.header .padder .nav .lesser{
	text-align:right; padding:8px 12px 0 0;
}
.header .padder .nav .lesser .purchase{
	background:url(/image/master_res/cart.gif) no-repeat;
}
.header .padder .nav .lesser .support{
	background:url(/image/master_res/support.gif) no-repeat;
}
.header .padder .nav .lesser .dictionary{
	background:url(/image/master_res/dictionary.gif) no-repeat;
}
.header .padder .nav .lesser a{
	display:inline-block; padding-left:24px; color:#ffffff; line-height:18px; margin-left:12px;
}
 
.header .padder .secondNav{
	line-height:21px; text-align:left;padding-left:55px;
}
.header .padder .secondNav a{
	color:#266392; display:inline-block; padding:0 8px; margin-right:19px;font-weight:bold;
}

.footer{
	text-align:center; width:910px; margin:0 auto; clear:both; height:73px;
}
.footer .padder{
	color:#9e9e9e; line-height:20px; padding-top:15px;
}
.footer .padder a{
	color:#9e9e9e;
}
.clear {clear:both;}

/* BODY */

H1 {
	FONT-SIZE: 17px; MARGIN: 0px 0px 10px; PADDING-TOP: 2px
}
H2 {
	FONT-SIZE: 15px; MARGIN: 0px 0px 8px; PADDING-TOP: 2px
}
H3 {
	FONT-SIZE: 12px; MARGIN: 0px 0px 5px; PADDING-TOP: 2px
}
h4 {
    FONT-SIZE: 12px;
    MARGIN-BOTTOM: 1px;
    COLOR: #426FB2;
    FONT-FAMILY: Tahoma;
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; PADDING-TOP: 15px
}
H6 {
	FONT-WEIGHT: bold; MARGIN: 0px 0px 5px
}



/* frame's style */
.content {
	width:910px;margin:0 auto;	padding:0px;
}
.headerline {
	background:url(/image/master_res/blueline.gif) no-repeat; margin:5px auto; width:910px; height:4px;
} 
.left {
	width:590px;
	float:left;
}
.right {
	width:310px;
	float:right;
}
.padder {
	margin:0px 20px;
	padding:10px 0px 15px 0px;
	display:inline-block;
}
.padder_l {
margin:0 20px;padding:15px 0 0;}
.framesplit{
	clear:both;height:10px;overflow:hidden;
}
.extradic
{
    border-width: 1px;  border-color: #C1E0FF;   background-position: 17px 10px;   padding: 10px 10px 10px 60px;   width: 600px;   background: url(/image/downloaddic.gif) no-repeat 17px 10px;   border-bottom-style: dashed;}
.column .left {
	PADDING-LEFT: 21px; WIDTH: 502px; FLOAT: left; 
}
.column .left H2 {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 29px; MARGIN: 0px 0px 10px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px; BACKGROUND: url(/image/master_res/line01.gif) no-repeat left bottom; FONT-SIZE: 14px; PADDING-TOP: 0px
}

.column .left .feature {
	LINE-HEIGHT: 24px; MARGIN: 0px 0px 24px; PADDING-LEFT: 83px; FONT-SIZE: 14px
}
.column .left .feature a {
	font-size:14px;
}
.column .left .buddy {
	LINE-HEIGHT: 24px; MARGIN: 0px 0px 24px; PADDING-LEFT: 83px; FONT-SIZE: 14px
}
.column .left .feature H3 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 14px; PADDING-TOP: 0px
}
.column .left .feature P {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #5c6467; FONT-SIZE: 14px; PADDING-TOP: 0px
}

.column .left .dic {
	BACKGROUND: url(/image/2009/dic_libs.gif) no-repeat 7px 6px
}
.column .left .lj {
	BACKGROUND: url(/image/2009/sent.gif) no-repeat 7px 6px
}
.column .left .cg {
	BACKGROUND: url(/image/2009/cg.gif) no-repeat 7px 6px
}
.column .left .mouse {
	BACKGROUND: url(/image/2009/mouse.gif) no-repeat 7px 6px
}
.column .left .speech {
	BACKGROUND: url(/image/2009/speak.gif) no-repeat 7px 6px
}
.column .left .study {
	BACKGROUND: url(/image/2009/webstudy.gif) no-repeat 7px 6px
}
.column .left .mobile {
	BACKGROUND: url(/image/2009/pda.gif) no-repeat 7px 6px
}
.column .left .input {
	BACKGROUND: url(/image/2009/cg.gif) no-repeat 7px 6px
}
.column .left .buddy A {
	FONT-SIZE: 14px; MARGIN-RIGHT: 24px
}
.column .right {
	WIDTH: 267px; FLOAT: right
}
.column .right H2 {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 29px; MARGIN: 0px 0px 10px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px; BACKGROUND: url(/image/master_res/line02.gif) no-repeat left bottom; FONT-SIZE: 14px; PADDING-TOP: 0px
}
.column .right UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.column .right LI {
	LINE-HEIGHT: 26px; LIST-STYLE-TYPE: none; PADDING-LEFT: 7px
}

.feature{font-size:13px;}
.feature h2
{
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 29px; MARGIN: 0px 0px 10px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px; BACKGROUND: url(/image/master_res/line01.gif) no-repeat left bottom; FONT-SIZE: 14px; PADDING-TOP: 0px
}
.feature .item
{
     margin:10px 0 30px 20px;
}   
.feature .tabletxt
{
   vertical-align:top;
   padding:20px  10px 10px 0px;
   
}
.feature li
{LIST-STYLE-TYPE: none; line-height:150%;}
/* µ¯³ö´°¿ÚÑùʽ*/
.popupBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.popupPanel
{
	background-color:White;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:10px;
	width:500px;
}


/* Support */

.supporttab {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #aaaaaa 1px solid; PADDING-LEFT: 8px; BACKGROUND: #eeeeee; FONT: bold 12px Verdana; BORDER-LEFT: #aaaaaa 1px solid; MARGIN-RIGHT: 1px; PADDING-TOP: 8px; BORDER-BOTTOM: #aaaaaa 1px solid; WHITE-SPACE: nowrap; HEIGHT: 27px
}
.supporttab A {
	COLOR: #4b4d50; TEXT-DECORATION: none
}
.supporttab A:hover {
	COLOR: red; TEXT-DECORATION: none
}
.supporttabselected {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #aaaaaa 1px solid; PADDING-LEFT: 8px; FONT: bold 12px Verdana; BORDER-LEFT: #aaaaaa 1px solid; MARGIN-RIGHT: 1px; PADDING-TOP: 8px; BORDER-BOTTOM: #aaaaaa 1px; WHITE-SPACE: nowrap; HEIGHT: 31px
}
.supporttabselected A {
	COLOR: #4b4d50; TEXT-DECORATION: none
}
.supporttabfiller {
	BORDER-BOTTOM: #aaaaaa 1px solid
}
.supporttabcontainer {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #aaaaaa 1px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #aaaaaa 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #aaaaaa 1px solid
}
.supportbreadcrumbs {
	MARGIN-TOP: 5px; MARGIN-BOTTOM: 10px; FONT: 8pt Verdana; MARGIN-LEFT: 15px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.supporttopic {
	PADDING-BOTTOM: 12px; PADDING-TOP: 10px
}
.supportquicklinks {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; BACKGROUND-COLOR: #f7f7f7
}
TABLE.supportquicklinks IMG {
	PADDING-RIGHT: 10px; FLOAT: left; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}


/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    border-bottom:solid 5px #65AADE;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
	margin:0px 0.16em 0px 0px;
	padding:1px 0px 1px 0px;
	vertical-align:bottom;
	border:solid 1px #a3a3a3;
	border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(image/yui_sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{ 		 
	background:url(/image/master_res/vertical.gif) #bfdaff repeat-x 0 -36px; 
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{ font-family:verdana,tahoma,helvetica;  font-size:10pt;  padding:0.25em 0.5em; background-color:#edf5ff; border:solid 1px #65AADE; border-top-width:0px;}

/*payment table*/

.table-bank            { width: 80%; background-color: #FFFFFF; margin:  20px 0 30px 50px; border: 1px solid #000000; border-collapse: collapse; }
.table-bank  th         { background-color: #FFDE00; font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 11px; text-align: left; border: 1px solid #000000; padding: 3 5 3 5; }
.table-bank  td         { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size: 11px;  padding: 5; }
.table-bank  .mark      { background-color: #FFF9CC; width: 105px; padding: 5 0 5 15; }
.table-bank  .mark a    { color: #2050AF; }
.table-bank ul
{
	margin: 0 0 0 5;
	list-style-type: none;
}
.table-bank  .tooldesc  { font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size: 11px; margin: 2 0 4 0; }

	/*-------color table------------------------- */
	
#colortable {
		border-collapse:collapse;
		background:#EFF4FB url(./image/paytableback.gif) repeat-x;
		border:1px solid #686868;
		color: #333;	    
}

#colortable td, th {
		padding:5px;
		vertical-align:middle;
}

#colortable caption {
		padding: 0 0 .5em 0;text-align: left;font-size: 1.9em;font-weight: bold;text-transform: uppercase;color: #333;	background: transparent;}

#colortable  table a {	color:#950000;text-decoration:none;}

#colortable th {background:#333 url(/image/paytablehead.gif) repeat-x;	color:#fff}
#colortable  td {border-bottom: dotted 1px #333;}

.tableInfo
{	padding-left: 10px;	vertical-align: middle;	color: Gray;}
	
.btnMid
{   border-width:0;color: #FFFFFF;font-weight: bold;margin-left: 2px; padding-bottom:3px;overflow: visible;text-align:left;cursor:pointer;background: #537ec5 url(/image/master/btn_mid.gif);width: 101px;height: 26px; padding-left:10px;}

.btnDefault
{ border-width:0;color: #FFFFFF;font-weight: bold;margin-left: 2px;padding-bottom:3px;overflow: visible;text-align:left;cursor: pointer;background: #537ec5 url(/image/master/btn_default.gif);width: 101px;height: 26px; padding-left:10px;}

.textBox
{color:Gray;margin-top: 6px;margin-bottom: 6px;}
.greytxt 
{ color:Gray;}
.rbPay
{vertical-align:top;}
.sourcecode
{	background-color: #FFFFCC;border: 1px dashed #808080;margin: 10px;}	
.faqhidden
{display:none; margin:0 0 4px 10px;}
.successAlert
{
    color:Green;
    font-size:large;
    font-weight:bold;
}
.errorAlert
{
    color:Red;
    font-weight:bold;
}
#prevNext
{
 margin-left:260px;
    font-size:large;
    font-weight:bold;
}
.jFlowPrev, .jFlowNext
{
    margin-left:30px;
    cursor:pointer;
}

/*reg*/

#tbPurchase
{
    background-color:#CCCCCC;
}
#tbPurchase tr
{
    background-color:#E7F3FF;
}
 
#tbPurchase .whiteitem
{
    background-color:#f5f5f5;
}
#tbDVD tr
{    background-color:#f5f5f5;
}
#tbAddress tr
{    background-color:#f5f5f5;
}
#tb_receipt
{ display:none; }
#tb_receipt tr
{    background-color:#f5f5f5;
}

.paymentLnk
{ cursor:pointer;}