body { padding:0; margin:0; background:url("../images/myid_bgb.jpg") top repeat-x #F5F7F2; font-family:Arial, Helvetica, sans-serif; }

#bg { width:100%; background:url("../images/myid_bga.jpg") top center no-repeat; }

ul,
ol { list-style: none; padding:0; margin:0 }

a { text-decoration:none; color:#333; border:0px solid #fff }

a img{ border:0px solid #fff}

.inner { width:760px; margin:0 auto }

.fright{ float:right; padding-left:10px; }

.fleft{ float: left;  }

.p10{ padding:10px}

.p20{ padding:20px}

.clean{ display:block; overflow:hidden; width:100%; height:1px; clear:both}

.topic_title{ padding:30px 0 0 10px}


.pb{ padding-bottom:10px; display:block; overflow:hidden}

/*--------------- header ------------------------*/

#header { text-align:center; }

#header .logo a { width:150px; height:80px; background: url("../images/logo.png");  display:block; margin:0 auto; overflow:hidden; text-indent:-999px; behavior: url("iepngfix.htc") }

#header li { list-style: none; display:inline; padding:10px 10px; text-align:center; overflow:}

/*title*/

#title_container{ padding:0 0 15px 0}

#title_container #title_main, #title_container #title_sub{ font-size:18px; font-weight:bold; color: #69569A}


/*------------------------register_container---------------------*/

#register_container{ }
#register_prologue{ padding:5px 10px; border-bottom:1px solid #DAB669; border-top:1px solid  #DAB669; background: #FFFDE1; display:block; overflow:hidden }

#register_prologue .language_chinese{font-weight:bold; font-size:18px; line-height:26px; }

#register_prologue .language_chinese,
#register_agreement .language_chinese,
.register_line .language_chinese,
.regged_paragraph .language_chinese
{ clear:both; display:block; }

#register_prologue .language_english,
#register_agreement .language_english,
.register_line .language_english,
.regged_paragraph .language_english
{  color: #5C5481;  letter-spacing:0!important}

.become_member{background:#F7E1E6; padding:15px 60px; margin-bottom:20px; color:#3f3f3f; font-size:13px}
.become_member p.howtobecome{font-size:17px; margin-bottom:5px !important; padding:0 !important; font-weight:bold; color:#3A466B}
.login_requirment{padding:5px 0px}
span.language_chinese, span.language_english{}
.language_chinese a, .language_english a{color:#7C7397;}

#register_prologue .language_chinese,
#register_prologue .language_english{ color: #5C5481; letter-spacing:0!important}

#register_error{ padding:10px; margin-top:10px; margin-bottom:10px; border-bottom:1px solid #A0658A; border-top:1px solid #A0658A; background: #CF8BA5 }
#register_error .language_chinese,
#register_error .language_english{ color: #FFF7FC; letter-spacing:0!important}
#register_error .language_chinese li,
#register_error .language_english li{ font-size: 18px; line-height: 28px; color:#FFF5B3 }

#register_agreement, #register_agreement2  { padding:10px 20px; display:block; }
#register_agreement ul{}
#register_agreement2 li ol { padding-left: 30px }
#register_agreement li, #register_agreement2 li{ padding:10px 0}


.register_agreement_comments{font-size:15px; padding:5px 0px }
.register_agreement_comments .language_chinese,
.register_agreement_comments .language_english{ clear: none!important; display: inline!important; color: #AB7286!important; letter-spacing:0!important}

/*register_serial*/

#register_gender {position:relative}
#register_age {position:relative}

#registers_form{padding:10px; background:#f6f6f8;border-bottom:2px solid #E7E3EA;border-top:2px solid #cabbdb; margin-top:20px; overflow:hidden; font-size:17px !important}
.no-box{padding:0px!important; background:#fff!important;border-bottom:0px solid #E7E3EA!important;border-top:0px solid #cabbdb!important; margin-top:0!important;overflow:hidden}
#register_serial, #register_key, #register_captcha{ padding:10px; position: relative; margin:0 auto; width:500px ; display:block}

.register_line { display:block; clear:both; display:block; overflow:hidden }
.register_line ul{padding-left:15px}
.register_line .language_chinese, 
.register_line .language_english{ line-height:24px}

#register_buttons{ padding:10px 0; text-align:center;border-top:1px solid #E7E3EA; margin-top:20px; display:block }

.register_line_subtitle{ padding:10px 0 10px 5px; font-size:18px; font-weight:bold; border-bottom:2px solid #D8D7E1;; border-top:1px solid #D8D7E1; margin: 30px 0; background:#FBFAFC }

.register_line_subtitle .language_chinese,
.register_line_subtitle .language_english,
.register_control .language_chinese,
.register_control .language_english
{ display:inline!important; clear:none!important; }


/*.register_control{ position:absolute; top:25px; left:200px}*/
.register_control{ margin:0; display:block; overflow:hidden}
.register_control .language_chinese,
.register_control .language_english{ line-height:25px}

.register_control ul{}

.register_control li{ display:block; float:left; width:33%; padding:5px 0; margin:0}

.register_control_twocol{top:0px !important}
#register_agreement2{ height:200px; overflow: scroll; background:#FDFDFD; padding:20px; overflow-x: hidden }

.regged_paragraph{ text-align:center; padding:10px}

#reset_error{ padding:10px; margin-top:10px; margin-bottom:10px; border-bottom:1px solid #A0658A; border-top:1px solid #A0658A; background: #CF8BA5; color: #FFF7FC!important; letter-spacing:0!important ; font-size:13px; margin:10px -18px}
#reset_error .language_english{color: #FFffff!important; letter-spacing:0!important ; font-size:13px!important}

/*----------------------------form----------------------*/

*                           { margin: 0; padding: 0; }
html                        { overflow-y: scroll; }


label                       { width: 240px; display: block; line-height:18px }

#register_addinfo label  { width: 720px!important; display: block; line-height:18px; clear:both }

input[type=text], textarea  { width: 250px; outline: none; }

.rowElem 
label.error                 { float: none; color:#CB4E86;
                              position: absolute; top:2px; bottom: 8px; left:480px; 
                              font-size: 15px; letter-spacing:0px; line-height:18px  }
                              
.rowElem #jqTransformTextarea-mm
label.error                 { top: 28px; }

#changeTypeArea             { float: left; margin: 0 0 10px 0; width: 350px; }

.rowElem                    { position: relative; clear: both; min-height: 55px; display:block ; margin-bottom:10px}
.rowElemSelect              { clear: both; min-height: 35px; }

.thanks                     { color: green; font-weight: bold; }


.jqTransformTextarea, 
.jqTransformSelectWrapper   { margin: 0 0 8px 0; }







/*-------------------content_wrap----------------*/

.post { background:#fff; border:1px solid #E6E6E6; margin:10px 0; }

.post {-webkit-border-radius: 8px; -moz-border-radius: 8px;}

.post .content{line-height:19px; letter-spacing:1px; color:#353648; _width:730px; display:block; overflow:hidden }

.content .thumb{border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.post .content p{ padding:10px 0; margin:0;}

.content img a{ border:0px solid #FFF}

.content .title{ font-weight:bold; font-size:15px; letter-spacing:0px; padding-left:8px}

.content .title_s{ font-size:18px; letter-spacing:0px; line-height:22px; text-align:center}


.content h3{ background:#E6E6E6; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:2px 5px; font-size:18px}


.subject { background:#E6E6E6; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:5px 10px; font-size:18px; color:#767994; font-weight:bold}






/*-----------------------footer------------------------*/

#footer{ font-size:10px; letter-spacing:0; text-align:center; padding:20px 0 50px 0; color:#988798}

#footer a{color:#988798}


/*gallery*/

/*-----------------------datepicker--------------------*/
a.dp-choose-date {
	/*float: left;*/
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0 169px;
	#position:relative;
	#top:10px;
	#left:40px;	
	display: block;
	text-indent: -2000px;
	/*overflow: hidden;*/
	background: url("img/calendar.png") no-repeat; 
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

input.dp-applied {
	width: 140px;
	float: left;
}


#title_container{ color: #69569A!important; font-size:18px; font-weight:bold; }
#logons_form{  border-bottom:1px solid #CDCEDC; border-top:1px solid  #CDCEDC; background: #F5F5FA; padding:30px 0px; margin:20px 0px; font-size:17px !important}

#logon_prologue{ position:relative}
#logon_prologue .aright{ position:absolute; right:10px; font-size:13px; line-height:15px!important; width:150px; text-align:right }

.forgot{ margin:0}
.forgot, .forgot a{ font-size:17px; color:#867896; }

.page2_update a{ background:#F1F0F4; border:1px solid #CECEDD; padding:10px; margin:10px 0; text-align:center; text-shadow:0 1px 0 #fff; display:block}
.page2_update .language_english{ color:#646997}
.page2_update a:hover{ background:#fff; border:1px solid #FDBB31; color:#C96603}
.logout a{ background: #F2EAEE; border:1px solid  #E6B7C7; padding:10px; margin:10px 0; text-align:center; text-shadow:0 1px 0 #fff; color:#7E476D}

/*alex20100315*/
.member_apps_menu{background:#fcdc9c; padding:15px 5px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:10px}
.member_apps_menu a{padding:5px; color:#5e420a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.member_apps_menu a:hover{background:#9cccfc; color:#224880}

.apps tr{vertical-align:top;}
.apps td{border-bottom:dotted 1px #cfcfcf;}
.apps td.name{color:#685eb5; font-weight:bold; font-size:15px; width:150px; padding:10px}
.apps td.name p.app_thumb{padding:10px 0}
.apps td.details{color:#3c3c3c; font-size:12px; line-height:19px; padding:10px}
.apps td.app_thumb img{border:2px solid #ffffff; margin-bottom:5px}

.myid_patches{margin-bottom:20px}
.myid_patches h1{color:#685eb5; line-height:32px; font-size:17px; padding:5px 0; margin:0; margin-bottom:10px}
.myid_patches p{color:#494949; font-size:15px; letter-spacing:0.2px; line-height:21px;}
.myid_patches a.latest {background:#f6c2ab; text-align:center; font-size:15px; color:#2b2b2b; width:100%; height:50px; display:block; line-height:50px; cursor:pointer}
.myid_patches a.other{background:#faf9d2; text-align:center; font-size:15px; color:#2b2b2b; width:100%; height:50px; display:block; line-height:50px; cursor:pointer}

.firmware_doc{}
.firmware_doc h1{color:#685eb5; line-height:32px; font-size:17px; padding:5px 0; margin:0; margin:10px 0}
.firmware_doc p{color:#494949; font-size:15px; letter-spacing:0.2px; line-height:21px;}
.firmware_doc li{padding:15px 0 10px 30px; line-height:30px; font-size:15px; letter-spacing:0.2px}
.firmware_doc ul img{padding:3px; border:1px solid #cccccc; text-align:center; margin-left:60px}

#logon_password {width:500px; margin:10px auto;}
#logon_loginname {width:500px; margin:0 auto; }

/*alex20100422*/
.apps_mgt_doc{}
.apps_mgt_doc h1{color:#685eb5; line-height:32px; font-size:17px; padding:5px 0; margin:10px 0;}
.apps_mgt_doc p{color:#494949; font-size:15px; letter-spacing:0.2px; line-height:21px;}
.apps_mgt_doc li{padding:15px 0 10px 30px; line-height:30px; font-size:15px; letter-spacing:0.2px}
.apps_mgt_doc ul img{padding:3px; border:1px solid #cccccc; text-align:center; margin-left:60px}
.apps_mgt_doc a.latest {background:#f6c2ab; text-align:center; font-size:15px; color:#2b2b2b; width:100%; height:50px; display:block; line-height:50px; cursor:pointer}
.apps_mgt_doc a.other{background:#faf9d2; text-align:center; font-size:15px; color:#2b2b2b; width:100%; height:50px; display:block; line-height:50px; cursor:pointer}

/*mainpage*/

/*header*/
#mainpage_new .clear{clear:both}
#mainpage_new .mainpage_header{margin-bottom:25px}
#mainpage_new .mainpage_header .basic_info{float:right; padding-right:15px}
#mainpage_new .mainpage_header .basic_info, #myid_bs .header .basic_info a{color:#575757; line-height:45px; letter-spacing:0.2px;}
#mainpage_new .mainpage_header .basic_info a.logout{background:url(../images/mainpage/ico/logout.png) center left no-repeat; padding-left:24px}
#mainpage_new .mainpage_header .more_info {padding:10px 15px; #padding:5px 0px; _padding:10px 0; line-height:32px; color:#494989; letter-spacing:0.5px; background:url(../images/mainpage/myid_moreinfo_bg.png) repeat-x}
#mainpage_new .mainpage_header .more_info a.store_selector{padding:0 10px; line-height:32px; color:#5e5e9e; font-weight:bold; height:32px; display:block; cursor:pointer; float:left}
#mainpage_new .mainpage_header .more_info a.store_selector:hover{background:url(../images/mainpage/myid_menu_bg.png) top left repeat-x; color:#FFF; text-decoration:none; behavior:url(border-radius.htc); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#mainpage_new .mainpage_header .status_bar{background:#eeecf4; padding:8px 15px; margin-top:3px; font-size:13px; line-height:19px; letter-spacing:0.1px; color:#2b2b2b}

#mainpage_new .mainpage_leftmenu {padding-left:15px; float:left}
#mainpage_new .mainpage_leftmenu a{margin-bottom:7px; width:203px; height:74px; display:block; cursor:pointer}
#mainpage_new .mainpage_leftmenu a.btn_sys_upgrade{background:url(../images/mainpage/btn_sys_upgrade.png) top left no-repeat}
#mainpage_new .mainpage_leftmenu a.btn_sys_upgrade:hover{background:url(../images/mainpage/btn_sys_upgrade_h.png) top left no-repeat}
#mainpage_new .mainpage_leftmenu a.btn_app{background:url(../images/mainpage/btn_app.png) top left no-repeat}
#mainpage_new .mainpage_leftmenu a.btn_app:hover{background:url(../images/mainpage/btn_app_h.png) top left no-repeat}
#mainpage_new .mainpage_leftmenu a.btn_bookstore{background:url(../images/mainpage/btn_bookstore.png) top left no-repeat}
#mainpage_new .mainpage_leftmenu a.btn_bookstore:hover{background:url(../images/mainpage/btn_bookstore_h.png) top left no-repeat}

#mainpage_new .mainpage_rightcolumn {padding-right:15px; width:504px; float:right;}
#mainpage_new .mainpage_rightcolumn table{padding:0; margin:0; border-collapse:collapse; border:0; width:100%;}
#mainpage_new .mainpage_rightcolumn tr{vertical-align:top}
#mainpage_new .mainpage_rightcolumn td.date{color:#463089; padding:20px 20px 20px 0; border-bottom:1px solid #c6ccdf; width:100px}
#mainpage_new .mainpage_rightcolumn td.title{color:#232323; font-weight:normal; line-height:24px; padding:20px 0 20px 5px;  border-bottom:1px solid #c6ccdf; text-align:justify}


/*step_nav*/
.reg_step_nav {
	letter-spacing: 0;
	overflow: hidden;
	display: block;
}
.reg_step_line {
	background: url('../images/line_01.png') repeat-x 0 0;
	height: 20px;
	margin-bottom: 10px;
	width: 100%;
	position: relative;
	z-index: 100;
	display: block;
}
.reg_step_line span {
	text-indent: -500%;
	display: inline-block;
	float: left;
	background: url('../images/this_page_n.png') no-repeat center 0;
	width: 182px;
	height: 24px;
	position: relative;
	top: -8px;
}
.reg_step_line span.current {
	background: url('../images/this_page.png') no-repeat center 0;
}
.reg_step_nav a {
	width: 182px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
    text-indent: -500%;
    display: inline-block;
	background-image: url('../images/step_menu_hover.png');
}
.reg_select .reg_step_nav a {
	background-image: url('../images/step_select_hover.png');
}
.reg_select .reg_step_line {
	display: none;
}
.reg_step_1 {
	background-position: 0 0;
}
.reg_step_1.current,
.reg_select .reg_step_1:hover {
	background-position: 0 -70px;
}
.reg_step_1.finished {
	background-position: 0 -140px !important;
}
.reg_step_2 {
	background-position: -182px 0;
}
.reg_step_2.current,
.reg_select .reg_step_2:hover {
    background-position: -182px -70px;
}
.reg_step_2.finished {
    background-position: -182px -140px !important;
}
.reg_step_3 {
    background-position: -364px 0;
}
.reg_step_3.current,
.reg_select .reg_step_3:hover {
    background-position: -364px -70px;
}
.reg_step_3.finished {
    background-position: -364px -140px !important;
}
.reg_step_4 {
    background-position: -546px 0;
}
.reg_step_4.current,
.reg_select .reg_step_4:hover {
    background-position: -546px -70px;
}
.reg_step_4.finished {
    background-position: -546px -140px !important;
}