@charset "utf-8";
/* CSS Document 
font style,icon style...
*/

/* link text style*/
/*a:visited {
	color:#551a8b
}*/

.l_darkl_pink12pxu {
	color:#fff;
	font-weight:800;
	font-size:14px;
}
.l_darkl_pink12pxu:hover {
	color:#fff;
	background:pink
}

.l_pink12pxu {
	color:#e46b94
}
.l_pink12pxu:hover {
	color:#fff;
	background:pink
}

.l_pink12pxu1 {
	color:#ff6c98
}
.l_pink12pxu1:hover {
	color:#fff;
	background:pink
}


.l_pink12pxu2 {
	color:#f45b8e
}
.l_pink12pxu2:hover {
	color:#fff;
	background:pink
}

.l_pink12px {
	color:#ff6c98; text-decoration:none;
}
.l_pink12px:hover {
	color:#fff;
	background:pink
}


.l_lightYellow12pxu {
	color:#fffecb
}
.l_lightYellow12pxu:hover {
	color:#fff;
	background:pink
}


.l_brown2 {
	color:#c68895; text-decoration:none
}
.l_brown2:hover {
	color:#fff;
	background:pink
}


.l_white12pxu {
	color:#fff
}


.l_gray12pxu:link {
	color:#555;
}
.l_gray12pxu:hover {
	color:#fff;
	background:pink
}


.l_gray12pxu:visited {
	color:#888;
}
.l_gray12pxu:hover {
	color:#fff;
	background:pink
}


.l_gray13pxu {
	color:#666; font-size:1.1em; text-decoration:underline
}
.l_gray13pxu:hover {
	color:#fff;
	background:pink
}


.l_darkgray12pxu {
	color:#333;text-decoration:underline
}
.l_darkgray12pxu:hover {
	color:#fff;
	background:pink
}


.l_darkgray12px {
	color:#333; text-decoration:none;
}
.l_darkgray12px:hover {
	color:#fff;
	background:pink
}


.l_gray12px {
	color:#666; text-decoration:none;
}
.l_gray12px:hover {
	color:#fff;
	background:pink
}


.l_lgray12px {
	color:#999; text-decoration:none;
}
.l_lgray12px:hover {
	color:#fff;
	background:pink
}


.l_lgray12pxu {
	color:#999;
}
.l_lgray12pxu:hover {
	color:#fff;
	background:pink
}


.l_grape12px {
	color:#846dbb; text-decoration:none;
}
.l_grape12px:hover {
	color:#fff;
	background:pink
}


.l_grape12pxu1 {
	color:#846dbb;  text-decoration:underline; cursor:pointer
}
.l_grape12pxu1:hover {
	color:#fff;
	background:pink
}


.l_grape12pxu {
	color:#846dbb; 
}
.l_grape12pxu:hover {
	color:#3d09ba;	
}


.l_brownu {
	color:#907373
}
.l_brownu:hover {
	color:#fff;
	background:pink
}


.l_blueu {
	color:#44a2d9
}
.l_blueu:hover {
	color:#fff;
	background:pink
}


.l_blueu1 {
	color:#7d9eff
}
.l_blueu1:hover {
	color:pink;	
}

.l_green12pxu {
	color:#009900
}

.l_blueu2 {
	color:#109fff
}
.l_blueu2:hover {
	color:#fff;
	background:pink
}

/* memeber power style
--------------------------------------------*/
.l_supermanager,.txt_supermanager {
	color:red
}
.l_manager,.txt_manager {
	color:#FF05AB
}
.l_common,.txt_common {
	color:#666
}
.l_elite,.txt_elite  {
	color:green
}
.l_superelite,.txt_superelite {
	color:blue
}
.l_professional,.txt_professional {
	color:purple
}
/* txt
------------------------------------*/
.adminTxt {
	color:red;
}
.replyTxt {
	text-decoration:underline; cursor:pointer
}
.smalltxt {
	font-size:10px; color:#999; font-family:verdana
}
.graytxt {
	color:#666
}
.pinktxt {
	color:#ff467e
}
.greentxt {
	color:#009900
}
.grapeTxt {
	color:#846dbb
}

.yellowtxt {
	color:#ffcb00
}
/* button style 
--------------------------------------*/
a#subError {
	display:block;padding-left:16px; width:24px; position:absolute; height:18px; line-height:18px;top:10px; right:20px;background:url(../images/icons2.gif) no-repeat left -92px; color:#b1a7d9;
}
.btn1,.btn2,.btnPink,.btnPink1,.btnGray,.btnGray1,.btnWhite,.btnWhite1,.btnWhite2,.btnWhite3,.btnLGray,.btnLGray1 ,.btnGrape, .btnGrape1, .btnShadow1, .btnShadow2, .btnGray2 {
	font-size:12px; cursor:pointer
}
.btn1 {
	background:url(../images/btn_bg.gif) no-repeat; width:50px; height:25px; text-align:center; line-height:25px; border:none; color:#666	
}
.btn2 {
	background:url(../images/btn_bg.gif) no-repeat left -25px; width:50px; height:25px; text-align:center; line-height:25px; border:none	; color:#666	
}
.btnPink {
	background:url(../images/btn_bg.gif) no-repeat left -60px; width:54px; height:20px; text-align:center; line-height:20px; border:none	; color:#fff	
}
.btnPink1 {
	display:block; background:url(../images/btn_bg.gif) no-repeat left -90px; width:30px; height:16px; line-height:16px; text-align:center; border:none; color:#fff; text-decoration:none
}
.btnPink3d {
	background:url(../images/btn_bg.gif) no-repeat left -580px; width:138px; height:28px; line-height:28px; text-align:center; border:none; color:#846dbb; font-weight:bold 
}
.btnPink2{
	background:url(../images/btn_bg.gif) no-repeat left -620px; width:135px; height:25px; line-height:25px; text-align:center; border:none; color:#f45b8e; font-weight:bold 
}
.btnGray {
	background:url(../images/btn_bg.gif) no-repeat left -160px; width:30px; height:16px; text-align:center;border:none	; color:#fff;
}
.btnGray1 {
	background:url(../images/btn_bg.gif) no-repeat left -240px; width:30px; height:20px; line-height:20px; text-align:center;border:none	; color:#fff;
}
.btnGray2 {
	background:url(../images/btn_bg.gif) no-repeat left -760px; width:54px; height:20px; text-align:center; line-height:20px; border:none	; color:#fff	
}
.btnWhite {
	background:url(../images/btn_bg.gif) no-repeat left -180px; width:80px; height:25px; line-height:25px; text-align:center;border:none; color:#846dbb;  margin:0 auto 
}
.btnWhite1 {
	display:block;background:url(../images/btn_bg.gif) no-repeat left -210px; width:110px; height:25px; line-height:25px; text-align:center;border:none; color:#846dbb; margin:0 auto 
}
.btnWhite2 {
	display:block;background:url(../images/btn_bg.gif) no-repeat left -330px; width:60px; height:20px; line-height:20px; text-align:center;border:none; color:#846dbb; text-decoration:none
}
.btnWhite3 {
	background:url(../images/btn_bg.gif) no-repeat left -430px; width:35px; height:20px; line-height:20px; text-align:center;border:none; color:#666; 
}
.btnLGray {
	background:url(../images/btn_bg.gif) no-repeat left -270px; width:46px; height:20px; line-height:20px; text-align:center;border:none; color:#666; margin:0 auto 
}
.btnLGray1 {
	background:url(../images/btn_bg.gif) no-repeat left -300px; width:106px; height:20px; line-height:20px; text-align:center;border:none; color:#666; margin:0 auto 
}
.btnGrape {
	border:1px solid #b1a7d9; background:#e3dcfc; color:#846dbb; padding:0 3px
}
.btnGrape1 {
	background:url(../images/btn_bg.gif) no-repeat left -400px; width:80px; height:24px; line-height:24px; text-align:center;border:none; color:#fff; margin:0 auto 
}
.btnGrape2 {
	cursor:pointer; background:url(../images/btn_bg.gif) no-repeat left -730px; width:30px; height:16px; line-height:16px; text-align:center;border:none; color:#fff; margin:0 auto 
}
.btnShadow1 {
	background:url(../images/btn_bg.gif) no-repeat left -460px; width:64px; height:24px; line-height:24px; text-align:center; border:none; color:#fff; 
}
.btnShadow2 {
	background:url(../images/btn_bg.gif) no-repeat left -500px; width:64px; height:24px; line-height:24px; text-align:center; border:none; color:#fff; 
}
.btnShadow3 {
	background:url(../images/btn_bg.gif) no-repeat left -540px; width:64px; height:24px; line-height:24px; text-align:center; border:none; color:#fff; 
}
.btnShadow4 {
	background:url(../images/btn_bg.gif) no-repeat left -700px; width:64px; height:24px; line-height:24px; text-align:center; border:none; color:#fff; 
}
.operBtn6 {
	display:block; width:98px; height:30px; line-height:30px; background:url(../images/button_new.gif) no-repeat left -80px; color:#846dbb; font-weight:bold; cursor:pointer; text-align:center
}

.operBtn3 {
	display:block; position:absolute; width:98px; height:30px; line-height:30px; background:url(../images/temp/button_new.gif) no-repeat left -80px;  font-weight:bold;text-align:center;color:#846dbb; font-weight:bold; cursor:pointer; text-align:center

}
.divisionLine {
	background:url(../images/bg.gif) no-repeat right -60px; padding-right:12px;
}

.cbBox1 {
	width:200px; background:url(../images/pinkCBbg.gif) left bottom no-repeat; padding-bottom:4px; margin-bottom:10px
}
.cbBox1 h2 {
	 position:relative;background:url(../images/pinkCBbg.gif) left top no-repeat; height:28px; font-size:13px; color:#fff; padding-left:10px; line-height:28px; text-align:left
}
.cbBox1 h2 a {
	position:absolute; right:20px; top:-2px;color:#fff; font-weight:normal
}
.cbBox1 .cbBoxMain {
	background:#fef2f6; border-right:2px solid #ff89bd; border-left:2px solid #ff89bd; padding:10px; line-height:24px; color:#666;
}
.cbBox1 .cbBoxMain h5 {
	margin-bottom:6px; font-weight:normal; font-size:13px;
}
.cbBox1 .cbBoxMain .line{
	margin-bottom:10px; background:url(../images/dot1.gif) repeat-x left top; margin-top:10px; padding-top:10px	
}

.cbBox2 {
	width:150px; background:url(../images/pinkCBbg.gif) -200px bottom no-repeat; padding-bottom:4px;  margin-top:-4px
}
.cbBox2 h2 {
	 background:url(../images/pinkCBbg.gif) -200px top no-repeat; font-size:13px; color:#fff; line-height:28px; text-align:center}
.cbBox2 .cbBoxMain {
	background:#fef2f6; border-right:2px solid #ff89bd; border-left:2px solid #ff89bd; padding:4px 10px 10px 10px; line-height:24px; color:#666; text-align:left
}
.cbBox2 .cbBoxMain h5 {
	margin-bottom:6px; font-weight:normal; font-size:13px;
}
.cbBox2 .cbBoxMain .line{
	margin-bottom:10px; background:url(../images/dot1.gif) repeat-x left top; margin-top:10px; padding-top:10px	
}

.cbBox3 {
	width:200px; background:url(../images/pinkCBbg.gif) -500px bottom no-repeat; padding-bottom:4px; margin-bottom:10px
}
.cbBox3 h2 {
	 position:relative;background:url(../images/pinkCBbg.gif) -500px top no-repeat; height:28px; font-size:12px; color:#333; padding-left:10px; line-height:28px; text-align:left; font-weight:normal
}
.cbBox3 .cbBoxMain {
	background:#fff; border-right:2px solid #ffdce4; border-left:2px solid #ffdce4; padding:10px; line-height:24px; color:#666;
}
.cbBox3 .cbBoxMain h5 {
	margin-bottom:6px; font-weight:normal; font-size:13px;
}


/* width,height,float,padding,margin settings
----------------------------------------*/

.width80 {
	width:80px
}
.width140 {
	width:180px
}
.clear {
	clear:both
}
.pinkBg {
	background:#fff2f6
}
.centerAlign {
	text-align:center
}
.nonBg {
	background:none
}

/* icons style
-----------------------------------*/
.num1,.num2,.num3,.num4,.num5,.num6 {
	background-image:url(../images/num.gif); background-repeat: no-repeat;
}
.num1 {
	background-position:10px 16px
}
.num2 {
	background-position:10px -18px
}
.num3 {
	background-position:10px -43px
}
.num4 {
	background-position:10px -67px
}
.num5 {
	background-position:10px -91px
}
.num6 {
	background-position:10px -114px
} 
.line1 {
	 background:url(../images/dot1.gif) left top repeat-x;
}



/* form element style
--------------------------------------------*/
.input1 {
	color:#999; border:1px solid #cccccc; height:18px; line-height:18px;
}



/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*General styles - NOT really related to the forms*/

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:#f6a3b7;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:#f6a3b7;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../images/select_right.gif) no-repeat left 2px;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	left:58px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px !important;
	padding-top:6px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:0px;
	margin-left:10px;
	width:174px;
	background:#fff;	
	font-size:12px;
	z-index:20;
	border:1px solid #f6a3b7
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#f6a3b7;
	text-decoration:none;
	display:block;
	padding:1px 4px;border-bottom:1px solid #f6a3b7;padding:4px;	
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#f6a3b7;
	border-color:#fff;
}


/* images style
--------------------------------------------------------*/
.img40 {
	width:40px; height:40px; background-color:#fff; border:1px solid #dee6ea; overflow:hidden
}
.img40 img {
	max-width:40px;
}
.img50 {
	width:50px; height:50px; border:1px solid #dee6ea; overflow:hidden
}
.img50 img {
	max-width:80px;
}
.img60 {
	width:60px; height:60px; border:1px solid #dee6ea; overflow:hidden; background-color:#fff
}
.img60 img {
	max-width:60px;
}
.img100 {
	width:100px; height:100px; border:1px solid #dee6ea; overflow:hidden
}
.img100 img {
	max-width:100px;
}
.img124 {
	width:124px; height:124px; border:1px solid #dee6ea; overflow:hidden
}
.img124 img {
	max-width:124px !imoportant; width:124px;
}
.img150 {
	width:150px; height:150px; border:3px solid #dee6ea; overflow:hidden
}
.img150 img {
	max-width:150px;
}
.img245 {
	width:245px; height:245px; border:5px solid #dee6ea; overflow:hidden
}
.img245 img {
	max-width:245px;
}

.img278 {
	width:278px; height:130px; overflow:hidden
}
.img278 img {
	max-width:278px;
}

.imgShadow {
	width:100px; height:100px;padding:2px 7px 7px 2px;background:url(../images/imgBg1.gif) no-repeat left top; overflow:hidden; text-align:left
}
.imgShadow img {
	max-width:100px;
}
.imgShadow1 {
	width:100px; height:100px;padding:2px 4px 4px 2px;background:url(../images/imgBg1.gif) no-repeat left -218px; overflow:hidden; text-align:left
}
.imgShadow1 img {
	max-width:100px;
}
.imgShadow2 {
	width:206px; height:206px; padding-top:3px; padding-left:3px; background:url(../images/shadow2.gif) no-repeat left -218px; overflow:hidden; text-align:left
}
.imgShadow2 img {
	max-width:200px;
}
.imgShadow3 {
	width:390px; height:390px; padding:8px 10px 10px 8px; background:url(../images/shadow3.gif) no-repeat left top; overflow:hidden; text-align:left
}
.imgShadow3 img {
	max-width:390px;
}
.heartBg{
	width:98px; height:98px; padding:12px 12px 11px 19px; background:url(../images/heartBg.gif) no-repeat left top; overflow:hidden; text-align:left
}
.heartBg img {
	max-width:98px;
}


/* title bg style
------------------------------------*/
.titlebg1 {
	clear:both;
	height:24px;
	background:#E3DCFC;
}
.titleBg2 {
	height:24px;
	position:relative;
	background:#e3e0db url(../images/icon1.gif) no-repeat 20px -70px;
	text-align:right
}
.titleBg3 {
	height:24px;
	position:relative;
	background:#f2b4c9 url(../images/icon1.gif) no-repeat 20px -70px;
	text-align:right
}
.titleBg4 {
	height:24px;
	position:relative;
	background:#ff81ab url(../images/icon1.gif) no-repeat 20px -70px;
	text-align:right
}
.titleBg5 {
	clear:both;
	height:24px;
	position:relative;
	background:#ffdce4 url(../images/icon1.gif) no-repeat 20px -70px;
	text-align:right
}
.titleBg6 {
	clear:both;
	height:28px;
	position:relative;
	background:#ff88bd url(../images/icon1.gif) no-repeat 20px -128px;
	text-align:right; color:#fff
}
.titleBg7 {	
	clear:both;
	height:28px;
	position:relative;
	background:#b1a7d9 url(../images/icon1.gif) no-repeat 20px -128px;
	text-align:right; color:#fff
}

.titlebg1 strong {
	color:#846dbb;
	margin:0 3px
}
.titlebg1 span {
	color:#846dbb
}
.titleBg2 strong {
	color:#f45c8f;
	margin:0 3px
}
.titleBg3 strong, .titleBg4 strong {
	color:#fff;
	margin:0 3px
}
.titlebg1 span, .titleBg2 span, .titleBg3 span, .titleBg4 span, .titleBg5 span,.titleBg6 span, .titleBg7 span {
	padding-left:38px;
	line-height:20px;
	float:left
}
.titleBg6 span{
	line-height:24px;
}
.titleBg7 span {
 	line-height:24px;
}
.titleBg6 span span {
	font-weight:normal; color:#000; padding:0; float:none
}
.titleBg6 strong {
	color:#333
}
.nonIcon {
	background-image:none;
}
.nonIcon span {
	padding-left:24px
}

.bottomPageBar, .bottomBar2, .bottomBarPink, .bottomBarGray, .bottomBar3 {
	clear:both;
	height:24px;
	line-height:24px;
	text-align:right
}
.bottomBarGray {
	background:#ececec
}
.bottomPageBar {
	background:#e3e0db;
}
.bottomBarPink {
	background:#f2b4c9;
}
.bottomBar2 {
	background:#e3dcfc;	
}
.bottomBar3 {
	background:#FFDCE4;	
}
.bottomBarPink #tips, .bottomBarGray #tips,.bottomBar2 #tips {
	float:left;
	padding-left:24px;
}
.bottomBarPink #tips a {
	margin-right:12px;
	color:#fff
}
.bottomBar2 #tips input {
	margin-top:1px;
}
.bottomBar2 #tips a {
	margin:0 6px
}

/* grass img style */ 
.grass1,.grass2,.grass3,.grass4,.grass5,.grass6,.grass7,.grass8,.grass9 {
	background-image:url(../images/rank/grass.gif); background-repeat:no-repeat ;float:left ; font-weight:bold; color:#666
}
.grass1 {
	background-position:62px -8px;padding-right:17px; 
}
.grass2 {
	background-position:62px -28px;padding-right:24px;
}
.grass3 {
	background-position:62px -48px;padding-right:31px;
}
.grass4 {
	background-position:62px -68px;padding-right:38px;
}
.grass5 {
	background-position:62px -88px;padding-right:45px;
}
.grass6 {
	background-position:62px -108px;padding-right:52px;
}
.grass7 {
	background-position:62px -128px;padding-right:59px;
}
.grass8 {
	background-position:62px -148px;padding-right:66px;
}
.grass9 {
	background-position:62px -168px;padding-right:73px;
}

.addIcon {
	background:url(../images/icon1.gif) no-repeat left -457px; padding-left:14px; cursor:pointer
}
.left20 {
	margin-left:20px
}
.aCenter {
	text-align:center
}