@charset "utf-8";
/* CSS Document */

body { margin: 0;
	padding: 0;
	font: 75% Arial, Helvetica, sans-serif;
	text-align: center;
	line-height:160%;
	color: #333;
	background-color:#fff;}
a { text-decoration: none; color: #7BC314; outline: none;}
a:hover { color: #333;}
p { margin: 0 0 1em;}
ul { margin: 0; padding: 0; list-style: none;}
input,textarea,select { color: #333;}
img { border: none;}
.fn-hide{
	display:none;
}

.clr-fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clr-fix {display: inline-block;}/* Hides from IE-mac \*/
* html .clr-fix { height: 1%;}
.clr-fix { display: block;}
.inputbox { padding: 2px; font-family: inherit; font-size: inherit;}
.clrTxt { color: #888;}
.valued { color: #333;}
.focus { color: #333; background: #F6FAC6;}
.centered { text-align: center;}
.hidden { display: none;}
.content { margin-bottom: 15px; padding: 0 10px;}
.rawMsg { margin-bottom: 20px; text-align: center;}
.groupList { position: relative; left: 50%; float: left;}
.groupList .groupListItem { position: relative; right: 50%; float: left;}
.desc { font-size: 1.2em; line-height: 1.5;}
.form-item input, .form-item textarea, .form-item button{
	vertical-align:middle;
	font-family:Tahoma;
	margin:0 0 5px 0;
	font-size:14px;
}
.i-text{
	vertical-align:middle;
	border-width:1px;
	border-style:solid;
	border-color:#AAA #DDD #DDD #AAA;
	height:22px;
	line-height:22px;
	margin:1px;
	padding:1px;
}
.i-email{
	ime-mode: disabled;
}
.formTipsOuter{
	height:28px;
	vertical-align:middle;
	width:100%;
}
.formTips{
	background-color:#fe9;
	color:#666;
	margin-left:0;
	line-height:20px;
	height:20px;
	padding:2px 0;
	overflow:hidden;
	display:inline;
}

.tips{
	background-color:#fe9;
	color:#f40;
}

.reisterSuccess{
	font-size:14px;
	width:580px;
	margin: 30px auto;
	padding: 0;
	text-align:left;
}
.reisterSuccess p{
	margin:40px 0;
}
.reisterSuccess dl{}
.reisterSuccess dl dd{
	margin-left:20px;}


.i-text-focus{
	outline:1px solid #666666;
	border:1px solid #D2FF6E;
}

#header { width: 100%; margin-bottom: 15px; /*border-bottom: 1px solid #66A111;*/ background: url(../images/global/v1/header.png) left -5px repeat-x;}
#innerHeader { position: relative; width: 900px; height: 85px; margin: 0 auto;}
#innerHeader h1 { position: absolute; left: 385px; left: 0; top: 10px; margin: 0;}
#innerHeader h1 a { display: block; width: 247px; height: 43px; text-indent: -9999px; background: url(../images/global/v1/logo-kado.png) left top no-repeat;}
#nav { position: absolute; left: 270px; top: 0; height: 68px;}
#nav li { display: inline; float: left; height: 68px;}
#nav li a { display: block; float: left; height: 33px; padding: 35px 20px 0; font-size: 1.2em; color: #FFF;}
#nav li a:hover { background: #6DAF0F;}
#nav li.current a { /*border-right: 1px solid #83D211;*/ border-left: 1px solid #639F0C; background: #6DAF0F;}
#userMenu { position: absolute; right: 0; top: 35px;}
#userMenu li { display: inline;}
#userMenu li a { margin-left: 15px; color: #FFF;}
#userMenu li a:hover { color: #DEF0C4;}
#userMenu li.current a { font-weight: bold;}
#userMenu li.current a:hover { color: #FFF;}

#wrapper { width: 900px; margin: 0 auto; text-align: left; overflow: hidden;}
#wrapper #main { float: right;}
#wrapper #side { float: left;}
.fullRegion { width: 900px;}
.mainRegion { width: 750px;}
.pageTitle { margin: 0 0 20px; padding: 0 5px; font-size: 1.2em; font-weight: normal; line-height: 25px; background: #E9E9E9;}
.pageTitlePlus { float: right; font-size: .8em; text-align: right; line-height: 25px;}
.cpSide { width: 120px;}
.cpSideMenu { margin-bottom: 15px; border: 1px solid; border-color: #E8E8E8 #DDD #DDD #E8E8E8; border-bottom: none; background: #F3F3F3;}
.cpSideMenu li { line-height: 25px; border-bottom: 1px solid #DDD;}
.cpSideMenu li a { display: block; padding: 0 5px; text-align: left; color: #333; border: solid #FFF; border-width: 1px 0 0 1px;}
.cpSideMenu li a:hover { padding: 0 10px;}
.cpSideMenu li.current {}
.cpSideMenu li.current a { color: #333; border-color: #E9E9E9; background: #E9E9E9;}
.cpSideMenu li.current a:hover { padding: 0 5px;}
.cpSideMenu-misc a { text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.cpSideMenu-misc .preview { display: block; width: 100%; line-height: 25px; line-height: 25px; color: #FFF; background: #F26623;}
.cpSideMenu-misc .preview:hover { background: #FF6E28;}

.homepage .bulletin { margin-bottom: 35px; padding: 1px; color: #777; border: 1px solid #f8ef5d; background: #FFF;}
.homepage .bulletin p { margin: 0; padding: 3px 10px; line-height: 1.5; text-align: center; background: #fffddc;}
.homepage #illustration { float: left; width: 350px;}
.homepage #main { float: right; width: 515px; margin-bottom: 40px;}
.homepage #main .intro { margin-bottom: 25px; padding: 10px 15px; font-size: 1.2em; background: #F3F3F3;}
.homepage #main .intro p { margin-bottom: .65em; line-height: 1.3;}
.homepage #main .intro p em { font: normal normal 1.05em \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,sans-serif;text-shadow:1px 1px 1px #BBB;}
.homepage #main .intro p strong { padding: 0 2px; font: 1.1em \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,sans-serif;text-shadow:1px 1px 1px #BBB;}
.homepage #main .intro .last { margin-bottom: 0;}
.homepage .demo { float: left;}
.homepage .btnSet { display: block; float: right; width: 195px; height: 48px; margin: 0 0 20px 0; padding: 2px 1px 1px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: -moz-linear-gradient(#8CC472, #5E9045) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#8CC472), to(#5E9045));}
.homepage .btnSet span { display: block; width: 195px; height: 48px; font-family:"Microsoft YaHei",\9ed1\4f53,arial,sans-serif; font-size: 1.8em; text-align: center; line-height: 43px; color: #136B00; text-shadow:0 1px 0 rgba(255, 255, 255, 1); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 1);  -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 1); background:-moz-linear-gradient(#C5F3AE, #96CE79) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#C5F3AE), to(#96CE79));}
.homepage .btn-demo { margin-top: 36px; background: #CCC; background: -moz-linear-gradient(#DDD, #CCC) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#CCC));}
.homepage .btn-demo:hover { background: #DDD;}
.homepage .btn-demo span { color: #7BC314; background: #E9E9E9; background: -moz-linear-gradient(#F5F5F5, #E9E9E9) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#E9E9E9));}
.homepage .btn-demo:hover span { background: #FAFAFA; background: -moz-linear-gradient(#FAFAFA, #EEE) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EEE));}
.homepage .btn-register {
	background: #D58119;
	background: -moz-linear-gradient(#F2931C, #D58119) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#F2931C), to(#D58119));
}
.homepage .btn-register:hover {
	background: #F2931C;
}
.homepage .btn-register span {
	color: #FFF;
	text-shadow:-1px -1px 0 rgba(0, 0, 0, .2); 
	background: #FF930B;
	background: -moz-linear-gradient(#FFAF4A, #FF930B) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFAF4A), to(#FF930B));
}
.homepage .btn-register:hover span {
	background: #FF9612; 
	background: -moz-linear-gradient(#FFC175, #FF9612) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC175), to(#FF9612));
}
.homepage .more { font-size: 1.2em; text-align: right;}

.bigBtn{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border:1px solid #A4BE7F;
	font-size:20px;
	height:50px;
	line-height:50px;
	font-weight:normal;
	padding:0;
	text-shadow:1px 1px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255, .8) inset;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255, .8) inset; 
	cursor:pointer;

	/*normal color*/
	background:#AEE15D;
	background: -moz-linear-gradient(#B6E46F, #A5DE4B) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#B6E46F), to(#A5DE4B));
	color:#FFF;
	*color:#000;
}
.bigBtn span{
	display:inline-block;
	margin:0 30px;
	_margin:0;
	_display:inline;}

.normalBtn{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #A4BE7F;
	font-size:16px;
	height:26px;
	line-height:26px;
	font-weight:normal;
	padding:0;
	text-shadow:1px 1px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255, .8) inset;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255, .8) inset; 
	cursor:pointer;

	/*normal color*/
	background:#AEE15D;
	background: -moz-linear-gradient(#B6E46F, #A5DE4B) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#B6E46F), to(#A5DE4B));
	color:#FFF;
	*color:#000;
}
.normalBtn span{
	display:inline-block;
	font-size:16px;
	margin: 0 4px;
	_margin:0;
	_display:inline;
}


.btnBlue{
	border:1px solid #007474;
	background:#0cc;
	background: -moz-linear-gradient(#0cc, #099) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#0cc), to(#099));
	color:#FFF;
	*color:#000;
}




.userList { clear: both; width: 920px;}
.userList li { float: left; width: 95px; height: 95px; margin: 0 20px 20px 0;}
.userList li a { float: left; width: 80px; height: 80px; padding: 7px; text-align: center; border: solid #DDD; border-width: 0 1px 1px 0; background: #F3F3F3;}
.userList li a:hover { border-color: #CCC;}

.globalForm { float: left;}
.fullRegion .globalForm { padding-left: 220px;}
.mainRegion .globalForm { padding-left: 120px;}
.globalForm .formBlock { /*float: left;*/ width: 100%; margin-bottom: 15px; line-height: 25px;}
.globalForm .btnBlock { margin-bottom: 25px;}
.globalForm .boxBlock input { position: relative; top: 1px; margin: 0;}
.globalForm .labelBlock { float: none; width: 100%; margin-bottom: 3px;}
.globalForm div.labelBlock { clear: both; height: 25px; font-size: 1.2em; line-height: 25px;}
.globalForm label,
.globalForm .label { display: block; float: left; width: 80px; height: 25px; line-height: 25px; font-size: 1.2em;}
.globalForm .labelFree { width: auto; padding-left: 80px;}
/*.fullRegion .globalForm .labelFree { width: 680px;}*/
.globalForm .labelInline label { display:inline; float: none; margin: 0 15px 0 5px; font-size: 1em;}
.globalForm .inputTxt { width: 250px; height: 19px; margin-right: 5px; padding: 2px; line-height: 1.5; font-family: inherit; font-size: inherit; border: 1px solid #CCC;}
.globalForm .inputTxtS { width: 102px;}
.globalForm .inputTxt:focus { border: 1px solid #09C; background: #F6FAC6;}
.globalForm .inputTxtUname { width: 170px; margin-left: 1px;}
.globalForm .inputTxtarea { width: 398px; height: 100px; line-height: 1.5;}
.globalForm .inputTxtareaS { width: 250px;}
.globalForm .inputSelect { position: relative; top: -1px; height: 25px; margin-right: 5px; padding: 2px; line-height: 1.5; font-family: inherit; font-size: inherit; border: 1px solid #CCC;}
.globalForm .inputSelectS { width: 108px;}
.globalForm .inputFile { height: 23px; margin-right: 5px; padding: 2px; line-height: 25px; font-family: inherit; font-size: inherit;}
.globalForm .inputMsg { color: #888;}
.globalForm .inputMsg a.cancelLink { display: block; float: left; padding: 0 3px; cursor: pointer;}
.globalForm .inputMsg .inputBox { position: relative; top: 2px;}
.globalForm .inputMsg .dltLabel { cursor: default;}
.globalForm .errorMsg { margin: 5px 0 0; line-height: 1.2; color: #F20;}
.globalForm input.error { border-color: #F20;}
.globalForm .inputBtn { display: inline-block; height: 25px; padding: 0 20px 2px; font-size: 1.2em; text-align: center; line-height: 25px; color: #FFF; border: 1px solid; border-color: #00C6E4 #004C66 #004C66 #00C6E4; background: #09C; cursor: pointer;}
.globalForm .onShow,
.globalForm .onFocus { color: #888;}
.globalForm .onError { color: #F20;}
.globalForm .captchaBlock { width: 680px;}
.globalForm .captchaBlock .inputTxt { float: left;}
.globalForm .captchaBlock .captcha { float: left; width: 140px; height: 40px; margin: 0 8px 8px 0;}
.globalForm .captchaBlock .labelFree { clear: left;}

#editForm { padding: 0;}
#editForm .formBlock { float: left; width: 730px;}
#editForm .btnBlock { clear: both; width: 100%; margin-bottom: 25px; text-align: center;}
#editForm .btnBlock .inputBtn { margin: 0 auto;}
#editForm .accoBlock { width: 750px;}
.accoBlock { clear: both; position: relative; float: left;}
.accoBlock h3 { margin: 0 0 2px; padding: 0; font-size: 1.2em; font-weight: normal; line-height: 25px;}
.accoBlock h3 a { display: block; padding: 0 5px; color: #FFF; background: #7BC314;}
.accoBlock h3 a:hover { color: #FFF; background: #666;}
.accoBlock h3 a span { float: left; margin-right: 10px; font-size: 1em;}
.accoBlock h3 a em { display: block; float: left; height: 25px; font-size: 1.5em; font-style: normal; line-height: 25px;}
.expanded h3 a { background: #666;}
.expanded h3 a em { font-size: 2.1em; line-height: 18px;}
.innerAccoBlock { float: left; padding: 15px 10px 10px;}
.cusBlock .inputTxt,
.cusBlock .inputSelect { float: left; margin-right: 7px;}
.cusBlock .inputTxtL { width: 283px;}
.cusBlock .inputMsg { float: left;}
#profileBlock .uCurrentAvatar { position: absolute; right: 10px; top: 40px;}
#websitesBlock .inputSelect { width: 90px;}
#websitesBlock .websiteTitle { width: 100px;}
#websitesBlock .websiteURL { width: 254px;}
#websitesBlock .websiteURLCus { width: 140px;}
#websitesBlock .websiteDesc { width: 280px;}
#websitesBlock .cusBlock .inputTxt,
#websitesBlock .cusBlock .inputSelect { top: 0; margin-right: 8px;}
.last { margin-bottom: 25px;}
.last .innerAccoBlock { padding-bottom: 0;}

.sortBlock label,
.sortBlock .sortHandle { width: 70px; padding-left: 10px;}
.sortBlock .labelInline label { width: auto; padding: 0;}
.sortItem .sortHandle { background: url(../images/global/v1/icon-sort.png) left center no-repeat; cursor: move;}
#websitesBlock .sortHandle { display: block; float: left; width: 20px; height: 25px; padding: 0; text-indent: -9999px; background: url(../images/global/v1/icon-sort.png) left center no-repeat; cursor: move;}
.sortPlaceholder { clear: both; height: 25px; margin-bottom: 15px; line-height: 25px; border: 1px dashed #DDD; background: #F3F3F3;}
.cardList { margin: 0; padding: 0 0 0 0; list-style: none;}
.cardList li { float: left; width: 280px; height: 95px; margin-bottom: 15px; padding-left: 15px;}
.cardList li .cardListItem { float: left; width: 270px; height: 95px; padding: 0 5px; background: #F3F3F3; overflow:hidden;}
.cardList li .avatar { float: left; display: block; width: 50px; height: 50px; margin: 5px 9px 6px 0; padding: 2px; text-align: center; border: 1px solid #E3E3E3; background: #FFF; overflow: hidden;}
.cardList li img {}
.cardList li strong { display: block; float: left; width: 200px; margin: 0; padding: 5px 0;}
.cardList li p { float: left; width: 200px; margin: 0 0 5px; line-height: 1.5;}
.cardList li p.title { font-weight: bold;}
.cardList li p.desc { margin-bottom: 10px; font-size: 1em;}

.pageNavWrapper { clear: both; float: left; width: 100%; margin-top: 20px; overflow: hidden;}
ol.pageNav { position: relative; float: left; left: 50%; margin: 10px auto 20px; text-align: center; list-style: none;}
ol.pageNav li { position: relative; float: left; right: 50%; height: 20px; margin-right: 5px;}
ol.pageNav li span { float: left; display: block; height: 18px; padding: 2px 6px 0; color: #333; background: #E9E9E9;}
ol.pageNav li a { float: left; display: block; height: 20px; color: #FFF; background: #7BC314;}
ol.pageNav li a span { float: left; display: block; height: 18px; padding: 2px 6px 0; color: #FFF; background: #7BC314; cursor: pointer;}
ol.pageNav li a:hover span { background: #6DAF0F;}
ol.pageNav li.curr span { font-weight: bold;}

#widgetForm { width: 100%; padding: 0;}
.widgetForm fieldset { margin: 0; padding: 15px 10px 25px; border: none; border-top: 1px solid #E3E3E3;}
.widgetForm fieldset legend { font-size: 1.2em;}
.widgetForm fieldset .widgetPreview { float: left; width: 280px;}
.widgetForm fieldset .widgetOp { float: right; width: 410px;}
.widgetForm fieldset .widgetOp .formBlock { margin-bottom: 5px;}
.widgetForm fieldset .widgetOp .labelBlock { margin: 0 0 5px; line-height: 1.2;}
.widgetForm fieldset .widgetOp .widgetCode { width: 404px; margin: 0;}
.widgetForm fieldset .widgetOp .btnBlock { float: right;}
.widgetForm fieldset .widgetOp .btnBlock .inputBtn { float: right;}

.msg-wrapper { margin-bottom: 25px; padding: 1px; border: 1px solid;}
.msg-wrapper-inner { padding: 8px 10px; font-size: 1.2em; text-align: center;}
.msg-wrapper-inner p { margin-bottom: 10px;}
.msg-wrapper-inner .sep { margin: 0 10px; color: #DDD;}
.msg-wrapper-inner .last { margin-bottom: 0;}
.msg-success { border-color: #d0e5b2;}
.msg-success .msg-wrapper-inner { background: #f3fae1;}


.kadoBlock { display: block; width: 100%; margin-bottom: 15px; background: #F3F3F3; overflow: hidden;}
.kadoBlock .kadoBadge { height: 60px; padding: 5px 10px 2px 5px;}
.kadoBlock .kadoBadge .kadoAvatar { float: left; width: 50px; height: 50px; margin-right: 8px; padding: 2px; border: 1px solid #E3E3E3; background: #FFF;}
.kadoBlock .kadoBadge .kadoAvatar img {}
.kadoBlock .kadoBadge .kadoInfo { display: block; margin: 0 0 4px 65px; line-height: 1.2; overflow: hidden;}
.kadoBlock .kadoBadge .kadoName { font-weight: bold;}
.kadoBlock .kadoBadge .kadoTitle { height: 14px; margin: 0 0 7px; font-weight: bold;}
.kadoBlock .kadoBadge .kadoPowered { height: 16px; padding-left: 18px; background: url(../images/global/v1/logo-kado-icon-16.png) left top no-repeat;}
.kadoBlock .kadoBadge .kadoPowered a { margin: 0 3px;}

.figureList { margin: 0; padding: 0 0 0 0; list-style: none;}
.figureList li { float: left; width: 280px; margin-bottom: 15px; padding-left: 15px;}
.figureList li a { display: block; float: left; height: 80px; border: 1px solid #E3E3E3; background: #FFF;}
.figureList li a:hover { border-color: #CCC;}
.figureList li img { margin: 5px; padding: 2px; border: none;}

#footer { margin: 5em auto 3em; padding-top: 1em; border-top: 2px solid #E3E3E3;}
#footer em { font-style: normal; color: #AFAFAF;}

#c-header { width: 100%; border-bottom: 1px solid #66A111; background: #7BC314;}
#c-innerHeader { height: 30px;}
#c-innerHeader a { display: block; width: 100%; height: 30px; margin: 0 auto; text-indent: -9999px; background: url(../images/global/v1/logo-kado-bar.png) center top no-repeat;}


/*
by Eric
2011.9.14
*/
#rgt{ width:250px; position:fixed; bottom:0px; right:20px; display:none}
*html #rgt{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#rgt_top{ padding-left:5px; background-color:#eee; height:25px; border-radius:5px 5px 0 0; border:1px solid #FFF; line-height:25px; text-align:left; position:relative; border-bottom-color:#ddd; font-size:13px}
#rgt_close{ display:block; background:url(../images/global/v1/close_icon.gif); width:14px; height:13px; text-indent:
-999px; overflow:hidden; position:absolute; right:5px; top:5px;}
#rgt_mid{ padding:10px 0; background-color:#fff;}
#rgt_btn{ background-color:#7bc415; border-radius:10px; display:block; padding:5px 0px; font-size:14px; width:160px; margin:0 auto; color:#FFF; font-weight:bold;}
#rgt_btn:hover{ background-color:#a3d957;}