/* CSS Document */
#mywrap{
		position:relative;
}
.bgwrap{
    background-color:#f4f4f4;
}
#container{
		background-color:#f4f4f4;
		padding-bottom:30px;
}
#container .h1{
		background-color:#e4edf4;
		height:5px;
		overflow:hidden;
}
#container .h10{
		background-color:#A4C178;
		height:3px;
		overflow:hidden;
}
.h2{
			background-color:#cccccc;
			height:5px;
			overflow:hidden;
}
.h20{
			height:3px;
			background-color:#cccccc;
			overflow:hidden;
}
.login1{
			background-color:#ffffff;
			margin:25px auto;
			border-top:1px solid #cccccc;
			border-bottom:1px solid #cccccc;
}
#toplogin{
      margin-top:10px;
}
.pich{
      height:150px;
			background-color:#f7f7f7; 
			border:1px #bababa solid; 
			padding:0px 0px 0 30px;
}
.pich img{
      border:1px #cdcdcd solid; 
			padding:3px; 
			margin-right:35px; 
			margin-top:18px;
}
#section-header,.page-title{
			background:#006699 url(http://image.bookfm.com/bg_section_header_1x9.gif) repeat-x scroll 0 100%;
			margin-bottom:-1px;
			overflow:hidden;
			padding:10px 15px 0;
			float:left;
			width:690px;
}
.page-title{ 
			width:775px;
			height:1%;
			float:none;
			margin:0px;
}
#pageh{
      width:920px;
}
.page-title a{
      color:#ffffff;
}
#section-header h5,.page-title h5 {
			border:medium none;
			font-size:20px;
			font-weight:bold;
			margin:0;
			padding:0 0 5px;
}
#section-header h5 a,.page-title h5{
		color:#FFFFFF;
		line-height:33px;
}
#section-header ul#nav-secondary {
		float:left;
		overflow:hidden;
}
#nav-secondary li {
		float:left;
		font-size:130%;
		margin:0 5px 0 0;
}
#nav-secondary li a.l1,#nav-secondary li a.l2 {
		background:#E6E6E6 url(http://image.bookfm.com/Channel/pic_tab_right_4x4.gif) no-repeat scroll 100% 0;
		color:#006699;
		display:block;
		float:left;
		padding:0px 8px 2px 0;
		text-decoration:none;
		font-size:14px;
}
#nav-secondary li a.l1{
		background-color:#ffffff;
		color:#000000;
}
#nav-secondary li a.l1:hover span{
		color:#000000;
}
#nav-secondary li a.l1 span,#nav-secondary li a.l2 span {
		background:transparent url(http://image.bookfm.com/Channel/pic_tab_left_4x4.gif) no-repeat scroll 0 0;
		padding:5px 0 1px 8px;
		display:block;
}
.up1{
		background:#3399CC url(http://image.bookfm.com/bg_btn_500x52.gif) no-repeat scroll left top;
		border:1px solid #006699;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		padding:4px 12px 3px;
		vertical-align:top;
}
/*re*/
.reg{
		min-height:650px;
		_height:650px;
}
.outers .wrapper {
		border:1px solid #CCCCCC;
		background-color:#ffffff;
		margin-top:25px;
}
.outers #main {
			text-align:left;
			padding:18px 0 20px 15px;
}
.outers #main #content {
			float:left;
			width:390px;
}
.outers #content h1 {
			color:#1a5790;
			font-size:140%;
			font-weight:bold;
			line-height:1.5;
			margin-bottom:15px;
			text-align:left;
}
.outers #content ul {
			margin:0 0 15px;
			padding:0;
}
.outers #main .jointoday fieldset {
		border:medium none;
		display:block;
		margin:0;
		padding:0;
}
.outers #main .jointoday legend {
    display:none;
}
#main h5{
    font-size:20px;
		border-bottom:1px #EEEEEE solid;
		padding-bottom:10px;
		margin-right:17px;
		margin-bottom:17px;
		color:#747474;
}
.outers #main .jointoday li {
		margin-bottom:8px;
		overflow:hidden;
}
.outers #main .jointoday li label {
		color:#333333;
		display:block;
		float:left;
		font-weight:bold;
		line-height:2.2;
		margin-right:10px;
		text-align:right;
		width:80px;
}
.outers #main .jointoday li input {
    width:175px;
		padding:3px;
}
.outers #main .jointoday form p {
		margin:0 0 8px 90px;
		text-align:left;
}
.outers #main .jointoday form p .button {
    display:block;
}
.outers #main .jointoday p .button {
		background:#79BB16 url(http://image.bookfm.com/common/sprite_globalnav_v1.png) repeat-x scroll 0 -555px;
		border:1px solid #669933;
		color:#FFFFFF;
		cursor:pointer;
		font-size:120%;
		font-weight:bold;
		padding:2px 16px;
		text-align:center;
		text-decoration:none;
}
.outers #content ul li {
			background:transparent url(http://image.bookfm.com/common/sprite_guesthome_v1.png) no-repeat scroll 0 0;
			color:#666666;
			margin:0 0 6px;
}
.outers #content #reconnect {
			background-position:0 3px;
			padding:8px 0 10px 68px;
}
.outers #content #answers {
			background-position:5px -77px;
			padding:13px 0 10px 68px;
}
.outers #content #power {
			background-position:0 -144px;
			padding:8px 0 10px 68px;
}
.outers #main .jointoday {
			float:left;
			margin-bottom:40px;
			margin-left:40px;
			width:342px;
			display:inline;
}
.leo-module.mod-feat .header {
      color:#FFFFFF;
}
.leo-module .header {
		background:#E8E8E8 url(http://image.bookfm.com/common/bg_module_top_v1_e8e8e8_900x27.png) no-repeat scroll right top;
		color:#333333;
		padding-right:8px;
}
.leo-module .header h1, .leo-module .header h2{
		background:transparent url(http://image.bookfm.com/common/bg_module_top_v1_e8e8e8_900x27.png) no-repeat scroll 0 0;
		margin:0;
		padding:5px 5px 5px 10px;
		color:#ffffff;
}
.leo-module.mod-feat .header,.leo-module.mod-feat .header h2{
		background-color:#2F7BB7;
		background-image: url(http://image.bookfm.com/clt_01.jpg);
}
#main .jointoday .content{
    padding:15px 10px 15px;
		background:url(http://image.bookfm.com/bk_02.jpg) no-repeat right bottom;
}
.btn-primary {
		background:#3399CC url(http://image.bookfm.com/Channel/bg_btn_500x52.gif) no-repeat scroll left top;
		border:1px solid #006699;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		padding:4px 12px 3px;
		vertical-align:top;
		cursor:pointer;
}
/*lode*/
.login {
			margin:10px 0 20px;
}
.login .guest-msg {
			float:left;
			width:300px;
			margin-left:50px;
			margin-top:25px;
			display:inline;
	}
.login .guest-msg h2 {
			color:#CC6600;
			font-size:18px;
			font-weight:bold;
			margin-bottom:15px;
}
.login .guest-msg li {
			font-size:14px;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:disc;
			margin:0 0 10px 20px;
			padding:2px 0 5px;
}
.login .loginform {
      -moz-border-radius-bottomleft:5px;
			-moz-border-radius-bottomright:5px;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
			background:#EEEEEE none repeat scroll 0 0;
			float:right;
			margin:30px 60px 0 0;
			padding:10px;
			padding-top:20px;
			width:310px;
			display:inline;
}
.login .loginform p {
			font-size:14px;
			margin-bottom:6px;
}
.login .loginform p label {
			display:block;
			float:left;
			margin-right:4px;
			text-align:right;
			width:90px;
			margin-top:2px;
}
.login .loginform p .input {
			width:180px;
			font-weight:bold;
			border:1px solid #CCCCCC;
			padding:4px;
}
.login .loginform p.action {
			padding-left:94px;
}
.login .forgotpwd {
			font-size:12px;
			text-align:right;
}
.login .forgotpwd a{
			 font-size:12px;
			 color:#1a70bf;
}
.login .not-registered {
			font-size:12px;
			margin-top:50px;
			text-align:center;
}
fieldset {
     border:medium none;
}
.form_reg1{
       width:650px;
			 margin:10px auto;
			 min-height:300px;
			 _height:300px;
		}
.form_reg1 p {
			overflow:hidden;
			padding:14px 0;
			height:1%;
}
.form_reg1 p label {
			color:#333333;
			float:left;
			font-weight:bold;
			height:1.8em;
			line-height:1.8em;
			margin-right:10px;
			text-align:right;
			width:120px;
			font-size:14px;
}
.form_reg1 .checkboxs{
      color:#888888;
			font-size:12px;
			float:right;
}
.form_reg1 .checkboxs input{
      vertical-align:middle;
}
.form_reg1 p .photo1{
      height:110px;
			line-height:110px;
	}
.form_reg1 p .input_text1 {
			float:left;
			height:14px;
			line-height:14px;
			padding:2px;
			vertical-align:middle;
			width:200px;
}
.form_reg1 p .input_text {
			float:left;
			vertical-align:middle;
}
.form_reg1 .labelRadio {
			font-weight:normal;
			text-align:left;
			width:50px;
			color:#888888;
}
.form_reg1 .labelRadios {
			font-weight:normal;
			text-align:left;
			width:105px;
			color:#888888;
			margin:0;
			padding:0;
}
.form_reg1 .input1{
      margin-left:15px;
}
.form_reg1 .info-edits{
      margin-bottom:5px;
			overflow:hidden;
}
.info-edits .info-edit{
      background:transparent url(http://image.bookfm.com/edit_profile.gif) no-repeat scroll left 2px;
			float:right;
			margin-bottom:2px;
			padding:2px 22px;
}
.info-edits .info-edit .info_header{
      clear:both;
}
.info_header h3{
      margin-left:6px; 
			margin-bottom:5px;
			font-size:16px;
}
.info_header .divider{
      border-bottom:1px solid #D8DFEA;
}
#info_con{
			padding-left:0px; 
			margin-left:10px;
}
.submit1{
      margin-top:23px;
}
.form_reg1 #companydes{
      width:350px;
			height:70px;
}
.form_reg1 .myself{
      height:44px; 
			width:350px;
}
#single-column{
		clear:both;
		padding:10px;
}
#single-column .invite-guide {
		margin:0 auto;
		padding:10px 0 50px;
		width:300px;
}
#single-column .invite-guide .invite-item a {
		display:block;
		height:50px;
		padding:15px;
}
#single-column .invite-guide .invite-item a strong {
		display:block;
		font-size:14px;
		margin-bottom:6px;
}
#single-column .invite-guide .invite-item .discription {
		color:#808080;
}
#single-column .invite-guide .invite-item a:hover {
		text-decoration:none;
		border:1px solid #ffe222;
		background:#fffdef;
		padding:14px;
}
#single-column .invite-guide .invite-item a:hover strong {
		text-decoration:underline;
}
#single-column .invite-guide .invite-item a strong {
		margin-bottom:6px;
		font-size:14px;
		display:block;
}
#single-column .invite-guide .invite-item a img {
		margin:0 2px;
		position:relative;
		top:2px;
}
.gray {
		background:#F0F0F0 none repeat scroll 0 0;
		border-color:#FFFFFF #848484 #848484 #FFFFFF;
		border-style:solid;
		cursor:pointer;
		padding:3px 15px;
		border-width:1px;
		color:#333333;
		float:right;
		margin-top:10px;
}
.invite-form .msn2{
		margin-left:19px;
}
.invite-form .msn2 a{
		text-decoration:underline;
		font-size:13px;
}
.invite-form .item {
		border-bottom:1px solid #D8DFEA;
		padding:8px 0;
}
.invite-form .item .foxmail {
		background:transparent url(http://image.bookfm.com/ciricon_02.gif) no-repeat scroll 0 0;
}
.invite-form .item .outlook {
		background:transparent url(http://image.bookfm.com/ciricon_03.gif) no-repeat scroll 0 0;
}
.invite-form .item .oe {
		background:transparent url(http://image.bookfm.com/ciricon.gif) no-repeat scroll 0 0;
}
.invite-form .item .tb {
		background:transparent url(http://image.bookfm.com/ciricon_04.gif) no-repeat scroll 0 0;
}
.invite-form .item div {
		background-position:0 3px !important;
		padding-left:38px;
}
.invite-form .item h5 {
		padding-bottom:2px;
}
.invite-form .fontcolor{
		color:#888888;
}
table{
		border-collapse:collapse;
}
#single-column{
		clear:both;
		padding:10px;
}
#single-column .invite-guide {
		margin:0 auto;
		padding:10px 0 50px;
		width:300px;
}
#single-column .invite-guide .invite-item a {
		display:block;
		height:50px;
		padding:15px;
}
#single-column .invite-guide .invite-item a strong {
		display:block;
		font-size:14px;
		margin-bottom:6px;
}
#single-column .invite-guide .invite-item .discription {
		color:#808080;
}
#single-column .invite-guide .invite-item a:hover {
		text-decoration:none;
		border:1px solid #ffe222;
		background:#fffdef;
		padding:14px;
}
#single-column .invite-guide .invite-item a:hover strong {
		text-decoration:underline;
}
#single-column .invite-guide .invite-item a strong {
		margin-bottom:6px;
		font-size:14px;
		display:block;
}
#single-column .invite-guide .invite-item a img {
		margin:0 2px;
		position:relative;
		top:2px;
}
fieldset {
		border:medium none;
}
.form-invite p {
		line-height:21px;
		overflow:hidden;
		padding:5px 0;
}
.form-invite label {
		color:#777777;
		float:left;
		font-weight:bold;
		height:21px;
		line-height:21px;
		text-align:right;
		width:12em;
}
.form-invite .inputtext {
		width:15em !important;
}
.inputtext {
		border:1px solid #BDC7D8;
		padding:2px;
}
input {
		font-size:12px;
		font-family:"ËÎÌå";
}
select {
		border:1px solid #BDC7D8;
		height:21px;
		padding:2px;
}
textarea,select {
		background:#FFFFFF none repeat scroll 0 0;
		font-size:12px;
}
.invite-form {
		padding:20px 15px 100px;
}
.up-tips-holder {
		padding:10px 0 15px 145px;
}
.up-tips-holder  .up-tips {
		background:transparent url(http://image.bookfm.com/up_bubble_bg.gif) no-repeat scroll left bottom;
		width:302px;
}
.up-tips-holder .up-tips .tips {
		background:transparent url(http://image.bookfm.com/up_bubble.gif) no-repeat scroll 0 0;
		padding:20px 15px 18px;
}
option {
		padding-left:5px;
}
.invite_box {
		padding:15px 25px;
}
.cube {
		padding:10px;
}
.invite_friendlist {
		width:720px;
}
.invite_box .cube h2.resulttitle {
		background-color:#E1E9D4;
		border:1px #cccccc solid;
		border-bottom:none;
		font-size:12px;
		font-weight:normal;
		margin-top:15px;
		padding:2px 0 2px 3px;
		_width:732px;
}
.invite_box .cube h2 .checkbox {
		margin-right:5px;
}
.invite_friendlist div.resultbox {
		border:1px solid #CCCCCC;
		height:360px;
		margin-bottom:10px;
		overflow-x:hidden;
		overflow-y:scroll;
		padding:0;
}
.invite_box .invite_friendlist .resultlist {
		width:100%;
}
.invite_friendlist table.resultlist td {
		border-bottom:1px solid #CCCCCC;
		border-collapse:collapse;
		color:#555555;
		padding:3px;
		vertical-align:middle;
}
.inputbutton{
		background:#3B5888 none repeat scroll 0 0;
		border-color:#D8DFEA #0E1F5B #0E1F5B #D8DFEA;
		border-style:solid;
		border-width:1px;
		color:#FFFFFF;
		cursor:pointer;
		font-size:12px;
		height:24px;
		line-height:16px;
		padding:3px 8px;
		text-align:center;
}
#footer{
		  margin-top:0;
}