/* Jujuya V 1.0.  16 Feb 2009 : 6.30PM */

/* 17 Nov 2009 Shaofan */
/* Game pages */

/* 1 Nov 2009 Pengdan */
/* Welcome page  */

/* 18 June 2009 Rio */
/* Edited some style to fix ie 6 */

/* 18 June 2009 Ling */
/* Edited Admin Custom ul and li */

/* 7 July 2009 : 3.30PM */
/* clean up whole of global and add in new classes */

/* 9 July 2009 : 6.45PM */
/* last edit add in border style solid */

/* 10 July 2009 : 4.22PM */
/* added class butttop and padding-bottom of Sidecol .content and phantom bug, removed display: inline; from .Blogs ul. not all things with inline will display correctly*/

/* 13 July 2009 : 6.35PM */
/* edited .Access for the new login page*/


/* 17 July 2009 : 6.35PM */
/* changed the forum main li to border top */

/* 20 July 2009 : 1PM */
/* changed bottom width to zero for .Discussion ul.list li */
/* .NewActions ul.feature li delete padding bottom*/

/* 22 July 2009 : 5PM */
/* JustCol position relative and make Forum thread title bigger*/

/* 4 Aug 2009 : 3PMPM */
/* Fix .box phantom bug */

/* 28 Aug 2009 : 11.30AM */
/* change Discussion h1 to 70% from 73%*/


/* ======================================================== GLOBAL ==========================================================*/
html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
	margin:0;
	padding:0;
	border:0;
}
/*
html{
overflow-x:hidden;
}*/


body {
	font-family: arial,sans-serif; 					/* USER DEFINED */		/* body_txt_font */ 			/* select choice of fonts */
	font-size:11px;									/* USER DEFINED */		/* body_txt_size */ 			/* px, em */
	color:#444444; 									/* USER DEFINED */		/* body_txt_color */ 			/* color picker */
	background-color:#FFFFFF; 						/* USER DEFINED */		/* body_bg_color */ 			/* color picker */
    background-image:url(../images/udefine/background.jpg);	/* USER DEFINED */		/* body_bg_image */ 			/* upload image, image url */
	background-repeat:repeat-x; 							/* USER DEFINED */		/* body_bg_image_repeat */ 		/* no-repeat, repeat, repeat-x, repeat-y */
	background-position:top left;					/* USER DEFINED */		/* body_bg_image_postition */ 		
	line-height: 1.4em;
}


input{
vertical-align:middle;
}

input.textbox, textarea, select, input.edit {
	font-family:"Lucida Sans Unicode";				/* USER DEFINED */		/* input_txt_font */ 			/* select choice of fonts */
	color:#777777;									/* USER DEFINED */		/* input_txt_color */ 			/* color picker */
	font-size:1em; 									
	padding:2px;									/* USER DEFINED */		/* input_padding */ 			/* px */
	background-color:#fff;							/* USER DEFINED */		/* input_bg_color */ 			/* color picker */
	border-color:#bbb;								/* USER DEFINED */		/* input_border_color */ 		/* color picker */
	border-style:solid;
	border-width:1px;
	vertical-align:middle;	
}

input.disabled, textarea.disabled{
background-color:#eee;
}

input.save{
	font-size:1em; 									
	font-weight:bold;
	padding:2px;
}
input.cancel{	
	font-size:1em;									
	padding:2px;
}

textarea:focus, textarea.focus, select:focus, select.focus{
color:#333;											/* USER DEFINED */		/* input_focus_txt_color */ 	/* color picker */
background-color:#FFFFCC;							/* USER DEFINED */		/* input_focus_bg_color */ 		/* color picker */
}

input[type=text]:focus, input[type=text].focus{
color:#333;											/* USER DEFINED */		/* input_focus_txt_color */ 	/* color picker */
background-color:#FFFFCC;							/* USER DEFINED */		/* input_focus_bg_color */ 		/* color picker */
}

.centered, p.centered {
text-align:center;
}
.txtright{
text-align:right;
}

.dupchar{
margin-right:-4px;
}

.none{
display:none;
}

.right {
	float:right;
display: inline;
}
.left {
	float:left;
display: inline;
}
.clear {
	clear:both;
}
select.right{
margin-left: 5px;
}

.block{
display:block;
clear:both;
padding:0px;
}

.lock{
padding:0;
padding-left:5px;
border:0;
}

.more{
font-size:0.9em;
font-weight:normal;
}

img {
	border:0px;
	vertical-align:middle;
}
.icon {
	margin-right:3px;
	vertical-align:middle;
}

.inputinfo{
	float:left;
display: inline;
	margin:3px 5px 3px 3px;
	vertical-align:middle;
}

.cfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.cfix {display: inline-table;}

/* Hides from IE-mac \*/
.cfix {height:1px;}
/* End hide from IE-mac */


.content p.default, .titlebox p.default{
width:96%;
margin-top:2%;
margin-left:5px;
padding-left:5px;
line-height: 20px;
background: transparent url(../images/global/icons/stripe.png) repeat-x;
}

.Discussion ul.list li.default{
width:99%;
margin-left:5px;
padding-left:5px;
line-height:5px;
height: 15px;
background: transparent url(../images/global/icons/stripe.png) repeat-x;
border:none;
padding:0;
height: 22px;
line-height:22px;
}

.Discussion .headerdesc a:link,.Discussion .headerdesc a:visited{
background-image:url(../images/global/icons/sortarrow.gif);
background-repeat:no-repeat;
background-position:top right;
padding: 0px 15px 0px 0;
}

.Discussion .headerdesc a.asc:link, .Discussion .headerdesc a.asc:visited{
background-image:url(../images/global/icons/sortarrow.gif);
background-repeat:no-repeat;
background-position:center right;
padding: 0px 15px 0px 0;
}

.Discussion .headerdesc a.des:link, .Discussion .headerdesc a.des:visited{
background-image:url(../images/global/icons/sortarrow.gif);
background-repeat:no-repeat;
background-position:bottom right;
padding: 0px 15px 0px 0;
}

.Discussion .headerdesc a:hover, .Discussion .headerdesc a:active{
color:#555;/* LING TAKE NOTE */
text-decoration:none;
}


.Discussion a.titlelink:link, .Discussion a.titlelink:visited, .Discussion a.titlelink:hover, .Discussion a.titlelink:active {
	font-size:1.2em;
	line-height: 1.6em;
}

.SideCol .content p.default, .SideCol .titlebox p.default{
width:90%;
margin-top:2%;
margin-left:5px;
padding-left:5px;
line-height: 20px;
background: transparent url(../images/global/icons/stripe_side.png) repeat-x;
}

.validation-failed{
color:#CC0000;
line-height: 1.2em;
font-weight:normal;
}
.validation-passed{
color:#009900;
line-height: 1.2em;
font-weight:normal;
}

input.validation-failed{
border: 2px solid #CC0000;
}
input.validation-passed{
border: 2px solid #00CC00;
}
input.validation-advice{
border: 2px solid #3399FF;
}

/* ======================================================== FORM SIZE =========================================================*/
.large{width:270px;}

.bigger{width:230px;}

.big{width:150px;}

.med{width: 110px;}

.zwidth{width:100%;}

.xywidth{width:600px;}

.xxwidth{width:550px;}

.xlwidth{width:500px;}

.ywidth{width:420px;}

.lwidth{width:320px;}

.fwidth{width:220px;}

.eqwidth{width:205px;}

.ewidth{width:180px;}

.mwidth{width:165px;}

.mnwidth{width:155px;}

.nwidth{width:140px;}

.twidth{width:134px;}

.pwidth{width:120px;}

.owidth{width:100px;}

.swidth{width:80px;}

.xswidth{width:60px;}

.vxswidth{width:40px;}
.zxswidth{width:30px;}

.etxt{
font-size: 1.2em;
}
input.bigtxt{
	font-size: 1.4em;
}

.qhelp{
font-size: 0.85em;
font-weight:bold;

}

.UserProfile-Edit ul.profile input.verify{
font-size:2.5em;
height:40px !important;
padding:3px;
width:73px;
}


/* ======================================================== GLOBAL ==========================================================*/

.box{
	width:100%;
	clear:both;
	float: left;
	display: inline;
	display: block;
	margin-right: -3px;
	border-top-width:0px;								/* USER DEFINED */		/* sidebox_border_top_width */ 		/* INPUT px */
	border-bottom-width: 0px;							/* USER DEFINED */		/* sidebox_border_bottom_width */ 	/* INPUT px */
	border-left-width: 0px;								/* USER DEFINED */		/* sidebox_border_left_width */ 	/* INPUT px */
	border-right-width: 0px;							/* USER DEFINED */		/* sidebox_border_right_width */ 	/* INPUT px */
	border-style:solid;									/* USER DEFINED */		/* sidebox_border_style */ 			/* DEFAULT = solid */
	border-color:#dddddd;  								/* USER DEFINED */		/* sidebox_border_color */ 			/* color picker */
	padding-bottom:20px;									
}

* html .box{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 99%; /* for IE6 in standards mode */
}

.titlebox{
	clear:both;
	float:left;
	display: inline;
	display:block;
	margin-right: -5px;
	border-top-width:1px;						/* USER DEFINED */		/* centerbox_border_top_width */ 		/* INPUT px */
	border-bottom-width: 0px;					/* USER DEFINED */		/* centerbox_border_bottom_width */ 	/* INPUT px */
	border-left-width: 0px;						/* USER DEFINED */		/* centerbox_border_left_width */ 		/* INPUT px */
	border-right-width: 0px;					/* USER DEFINED */		/* centerbox_border_right_width */ 		/* INPUT px */
	border-style:dotted; 						/* USER DEFINED */		/* centerbox_border_style */ 		/* DEFAULT = solid */
	border-color:#888;							/* USER DEFINED */		/* centerbox_border_color */ 		/* color picker */
	padding-bottom:18px;								
	width:100%;
	height:auto;
}

.titlebox .info{
float:left;
display: inline;
font-size:1em;
margin: 5px 0px;
}


.divider{
	border-width:0px;
	border-bottom-width:1px;							/* USER DEFINED */		/* divider_width */ 		/* DEFAULT = 1px */
	border-style: dotted;								/* USER DEFINED */		/* divider_style */ 		/* DEFAULT = dotted */
	border-color: #BBB;									/* USER DEFINED */		/* divider_color */ 		/* color picker */
}


.pagination{
	clear:both;
	width:98%;
	padding: 5px 1%;
	background-color:#CCCCCC;							/* USER DEFINED */		/* pagination_bg_color */ 		/* color picker */
	height:20px;										
	line-height: 20px;
}

* html .pagination{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.pagination:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.pagination input, .pagination select{
font-size:0.9em;
}

.pagination_sub{
	width:98%;
	padding: 1%;
	height:18px;
	border-width: 1px 0px 0px 0px;		
	border-style: dotted;								/* USER DEFINED */		/* sub_pagination_border_style */	/* DEFAULT = solid */
	border-color: #BBB;									/* USER DEFINED */		/* sub_pagination_border_color */	/* color picker */
	background-color:#EEE;								/* USER DEFINED */		/* sub_pagination_bg_color */ 		/* color picker */
}

* html .pagination_sub{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.pagination_sub input{
font-size:1em;
}

.pagination_admin{
	width:98%;
	padding: 1%;
	height:18px;
	background-color:#fffcdc;								/* USER DEFINED */		/* sub_pagination_bg_color */ 		/* color picker */
}

* html .pagination_admin{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.pagination_admin input{
font-size:1em;
}

.pagination_admin .left{
padding-right:1%;
}

.paging a{
padding: 0px 3px;
}

.paging a.activated{
font-size:1.2em;
font-weight:bold;
}

.tabination{
	width:98%;
	padding: 0px 1%;
	background-color:#ccc; 		/* USER DEFINED */			/* tabination_bg_color */ 	/* color picker */
	height:28px;					/* PROGRAM GENERATED */		/* tabination_height = tab_img_height+tab_img_paddingtop */ 	/* DEFAULT = 28px */	/* em, px */
}	

* html .tabination{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.tabination ul.button {
	width:100%;
	font-size:1.1em;
	list-style:none;
	height:26px;												/* FIXED */	
	margin:0px;
	margin-top:3px;										/*dun need*//* USER DEFINED */		/* tab_button_img_padding_top */	/* DEFAULT = 3px */			/* em, px */
	padding:0px;
	overflow:hidden;
	float:right;
display: inline;
	
}

.tabination ul.button:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.tabination ul.button li.txt{
line-height:25px;
padding-left:1%;
}


.tabination ul.button li.tab {
	float:right;
display: inline;
	display:inline;
	margin:0;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:3px;					/* USER DEFINED */		/* tab_button_spacing */		/* DEFAULT = 3px */		/* px */
	padding-right:3px;					/* tab_button_spacing */											
	font-weight:bold;
	width:auto;
	border:0px;
	background-color:transparent;
	line-height:27px;												
}

.tabination ul.button li.tab a {
	float:left;
display: inline;
	background-repeat:no-repeat;										
	background-color:transparent;									/* USER DEFINED */		/* tab_bg_color */	/* color picker */
	/* color:#190b25; */
	margin:0px;
	padding:0 0 0 3px;
	text-decoration:none;
}


.tabination ul.button li.tab a span {
	float:left;
display: inline;
	display:block;
	color:#666; 													/* USER DEFINED */		/* tab_link_color */	/* color picker */
	background-repeat:no-repeat;										
	background-color:transparent;									/* tab_bg_color */
	margin:0px;
	padding:0px 8px 0px 6px;										
	text-decoration:none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabination ul.button li.tab a span {
	float:left;
display: inline;
	background-color:transparent;
}
/* End IE5-Mac hack */
.tabination ul.button li.tab a:hover span, .tabination ul.button li.tab a.hover span{
	color:#ffffff; 													/* USER DEFINED */		/* tab_link_hover_color */	/* color picker */
	background-color:#;
}
.tabination ul.button li.tab a:hover, .tabination ul.button li.tab a.hover {
	color:#fff; 													/* tab_link_hover_color */
	background-color:transparent;									/* USER DEFINED */		/* tab_bg_hover_color */	/* coloSir picker */
	text-decoration:none;
	cursor: pointer;
	cursor: hand;

}
.tabination ul.button li.tab a:hover span, .tabination ul.button li.tab a.hover span {
	background-color:transparent;									/* tab_bg_hover_color */
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
}


.tabination ul.button li.activated {
	float:right;
display: inline;
	display:inline;
	margin:0;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:3px;					/* tab_button_spacing */
	padding-right:3px;					/* tab_button_spacing */
	font-weight:bold;
	width:auto;
	border:0px;
	background-color:transparent;
	line-height:27px;;
}

.tabination ul.button li.activated a {
	float:left;
]display: inline;
	background-image:url(../../../../images/bgicons/tabination2_tableft.gif); 	/* tab_left_bg_img */
	background-repeat:no-repeat;										
	background-color:transparent;									/* tab_bg_color */
	margin:0px;
	padding:0 0 0 3px;
	text-decoration:none;
	background-color:transparent;
	height:26px;
}
.tabination ul.button li.activated a span {
	float:left;
	display: inline;
	display:block;
	color:#222; 													/* USER DEFINED */		/* tab_active_link_color */		/* color picker */
	background-image:url(../../../../images/bgicons/tabination2_tabright.gif); 	/* USER DEFINED */		/* tab_active_right_bg_img */	/* url or upload */
	background-repeat:no-repeat;										
	background-color:transparent;									/* USER DEFINED */		/* tab_active_bg_color */
	background-position: right top;
	margin:0px;
	padding:0px 8px 0px 6px;
	text-decoration:none;
}

.subtitle{
	position:relative;
	clear:both;
	display:block;
	width: 94%;
	font-size:1.2em;
	font-weight:bold;
	margin: 2% 1% 1% 1%;
	padding-left:4%;
	height: 20px;
	border-color:#BBB; 					/* divider_color */
	border-style:solid;
	border-width:0 0 1px 0;	
	/*added by nengzhong*/
	background-image:url(../images/bgicons/light/subtitle_arrow.gif); 	/* IMAGE PACK */	
	background-position: right bottom;
	background-repeat:no-repeat;
}
* html .subtitle{
	\width: 100%; /* for IE5 and IE6 in quirks mode */
	w\idth: 94%; /* for IE6 in standards mode */
}

.subtitle img{
position:absolute;
top: 0;
right:0;
z-index:1220;
}

.subtitle a{
width: 100%;
}

.subtitle .info{
position:absolute;
top: 0px;
right: 0px;
font-size:0.9em;
}

.title_sub{
	width:98%;
	padding: 3% 1% 2% 1%;
	font-size:1.1em;
	font-weight:bold;
	border-width: 0px;
	border-bottom-width: 1px;							/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}

* html .title_sub{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.expand{
background-position: bottom left;
}

.collapse{
background-position: top left;
}

.alertbox{
float:left;
display: inline;
width: 96%;
height:auto;
padding:1% 2%;
background-color:#F9F9F9; /* user-defined : alertbox_bgcolor */
border-width:1px;/* user-defined : alertbox_borderwidth */
border-color:#DDDDDD;/* user-defined : alertbox_bordercolor */
border-style:solid;/* user-defined : alertbox_borderstyle */
margin:1% 0 1% 0%;
}

.alertbox h2{
float:none;
display:block;
line-height:1.6em;
font-size:1.5em;
color: #026127;
}

.titlebox .alertbox{
float:left;
display: inline;
width: 93%;
height:auto;
padding:1% 2%;
background-color:#F9F9F9; /* user-defined : alertbox_bgcolor */
border-width:1px;/* user-defined : alertbox_borderwidth */
border-color:#DDDDDD;/* user-defined : alertbox_bordercolor */
border-style:solid;/* user-defined : alertbox_borderstyle */
margin:1% 0 1% 0%;
}

* html .titlebox .alertbox{
\width: 97%; /* for IE5 and IE6 in quirks mode */
w\idth: 93%; /* for IE6 in standards mode */
}
.alertbox-h280{
	min-height:280px;
	_height: expression( this.scrollHeight < 280 ? "280px" : "auto" );
	text-align:center;
	line-height:280px;
	}

.alertbox_join{
float:left;
display: inline;
width: 98%;
height:auto;
padding:1%;
background-color:#F9F9F9; /* user-defined : alertbox_bgcolor */
border-width:1px;/* user-defined : alertbox_borderwidth */
border-color:#DDDDDD;/* user-defined : alertbox_bordercolor */
border-style:solid;/* user-defined : alertbox_borderstyle */
font-size:1em;
line-height: 17px;
}

.alertbox_join .correct, .alertbox_join .error{
font-size:1.1em;
font-weight:bold;
}

* html .alertbox_join{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}


.jiheidbox{
float:left;
display: inline;
width: 98%;
height:auto;
padding:1%;
margin-top: 1%;
margin-bottom: 1%;
font-size:1.1em;
border-bottom: 1px dotted #BBB; /* LING TAKE NOTE*/
}
* html .jiheidbox{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}


.uploadbox{
float:left;
display: inline;
width: 93%;
height:auto;
padding: 1% 2%;
background-color:#F7F7F7; /* user-defined : ad bgcolor */
border: 1px solid #CCCCCC; 
margin: 1% 2% 1% 2%;
*margin: 1% 1%;
*padding: 1% 1%;
}

* html .uploadbox{
\width: 96%; /* for IE5 and IE6 in quirks mode */
w\idth: 93%; /* for IE6 in standards mode */
}

.section .uploadbox:hover, .section .uploadbox.hover{
background-color:#fffcdc;
}

.altbg2{
background-color:#DDDDDD; /* default light yellow hilite */
}

.altbg3{
background-color:#DDD; /* default light green hilite */
}

.altbg4{
background-color:#111; /* default light green hilite */
}

.keylite{
color:#333366;
background-color:#FFFFCC;
border-bottom: 1px solid #FFCC00;
}

.uploadbar{
float: left;
display: inline;
width: 70%;
color:#777;											/* smallinfo_color */
line-height: 2em;
}

.uploadbar .bar{
width: 100%;
height:2px;
background-color:#AE000B;  /* user-defined : sidebar_header_bgcolor */
}

.uploadbox .photothumb{
width: 130px;
text-align:center;
}

.uploadbox .info2{
float:left;
display: inline;
width: 70%;
margin-left:8px;
}

.uploadbox .info2 .r{
float:left;
font-size:1.3em;
padding-bottom:2px;
}

.uploadbox .info2 .r input, .uploadbox .info2 .r textarea{
font-size:0.8em;
font-style:normal;
padding:2px;
}

.uploadbox .info2 .r input.edit, .uploadbox .info2 .r textarea.edit{
width: 460px;
}


.uploadbox .info2 .txt{
font-size:1.3em;
color:#777777;											/* smallinfo_color */

}


.functions{
clear:both;
width: 98%;
padding: 0.5%;
text-align:right;
line-height:20px;

}

.functions:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.functions a{
margin: 4px;
}

ul.button {
	float:right;
display: inline;
	font-size:1.2em;
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.button:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

ul.button li.but {
	float:right;
display: inline;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:0.8em;
	width:auto;
	border:0px;
	height: 29px;
}

ul.button li.but a {
	float:left;
display: inline;
	background-color:transparent;								/* user-defined : button_bg_color*/
	background-image:url(../images/udefine/buttonleft.gif);		/* user-defined : button_image_left */
	background-repeat:no-repeat;
	background-position:left top;
	color:#A296AFc; /* user-defined : title_txtcolor */
	margin:0;
	padding:0 3px 0 3px;
	text-decoration:none;
	background-color:#fff;
}
ul.button li.but a span {
	float:left;
display: inline;
	display:block;
	color:#A296AFc; /* user-defined : button_txtcolor */
	background: transparent url(../images/udefine/buttonright.gif) no-repeat right top; /* user-defined : button_bg_color, button_image_right */
	padding:5px 15px 3px 12px;
	text-decoration:none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul.button li.but a span {
	float:none;
	color:#A296AFc; /* user-defined : button_txtcolor */
}
/* End IE5-Mac hack */
ul.button li.but a:hover span, ul.button li.but a.hover span{
	color:#fff; /* user-defined : button_txtcolor_houl.inbox li .msg ver */
	background-color:transparent;
}
ul.button li.but a:hover, ul.button li.but a.hover {
	background-position:0% -29px;
	text-decoration:none;
	background-color:transparent;
}
ul.button li.but a:hover span, ul.button li.but a.hover span {
	background-position:100% -29px;
	text-decoration:none;
	background-color:transparent;
}

a.formbutton {
    background: transparent url('../images/global/button_r.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
display: inline;
    font: normal 1.1emx arial, sans-serif;
    height: 20px;
    margin-right: 6px;
	margin-top:1px;	
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
}

a.formbutton span {
	color:#000;
    background: transparent url('../images/global/button_l.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 11px 3px 18px;
	text-decoration: none;
}

a.formbutton:link, a.formbutton:visited, a.formbutton:active{
	text-decoration: none;
}
a.formbutton:hover {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.formbutton:hover span {
	color:#333;
    background-position: bottom left;
    padding: 3px 11px 3px 18px; /* push text down 1px */
}


.star{
font-size:1em;
color:red;
}

.hilite{
padding: 10px 5px 0px 5px;
margin-right:-8px;
background-color:#DDD; /* for the div hilitewhen the user edit photo details on photo_detail page*/
}


.none{
display:none;
}

/* ==================================================== SNET BAR =========================================================*/
.JJY_bar {
	position:relative;
	min-width:990px;
	width: 100%;
	height:30px;
	background-color:#fff; 						 							/* USER DEFINED */		/* snetbar_bg_color */ 		/* color picker */
	background-image:url(../images/udefine/snet_bg.gif);
	background-repeat:repeat-x;
}
div[class] .JJY_bar {
width:auto;
}

.JJY_bar .left{
position: absolute;
top: 3px;
left: 5px;
z-index: 10000;
}


.JJY_bar .global_gloss {
	position: absolute;
	min-width:990px;
	width:100%;
	height:15px;
	background-image:url(../images/global/gloss.png);						/* USER DEFINED */		/* jujubar_glossy */	/* yes or no */
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:transparent;
	top:0;
	left:0;
}
div[class] .JJY_bar .global_gloss{
width:auto;
}

.JJY_bar .right{
padding-top:4px;
}

.JJY_bar input{
vertical-align: middle;
}

.JJY_bar .status {
	position:relative;
	width:auto;
	color:#666; 				/* LING TAKE NOTE */
	background-color:transparent;
	font-size:1em;
	height:24px;
	margin:2px 20px 0px 20px;
	overflow:hidden;
}

.JJY_bar span {
	padding: 0px 6px;
}
.JJY_bar a:link, .JJY_bar a:visited {
	color:#666; 												/* USER DEFINED */		/* snetbar_link_color */ 			/* color picker */
	background-color:transparent;
}
.JJY_bar a:hover, .JJY_bar a:active {
	color:#8ed4ff; 												/* USER DEFINED */		/* snetbar_link_color_hover */ 		/* color picker */
	background-color:transparent;
}

a.create:link, a.create:visited{								/* LING TAKE NOTE */
font-size: 1.1em;
font-weight:bold;
padding: 0px 5px;
color:#111;
}

.JJY_bar a.create, .JJY_bar a.feedback{
	background-image:url(../images/global/icons/jjy_bar.png);
	background-repeat:no-repeat;
	background-position:left bottom;	
	padding:0 0 0px 42px;
	margin:3px 0 0;
	height:21px;
	/*line-height:20px;*/
	display:inline-block;
	}
.JJY_bar a.feedback{
	background-position:left top;
	/*opacity:0.8;
	filter:alpha(opacity=80);
	font-size:12px;*/
	}
/*	
.JJY_bar a.feedback:hover{
	opacity:1;
	filter:alpha(opacity=100);
	}*/ 


/* ======================================================= CONTAINERS =========================================================*/
.Wrapper {
	width:990px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	border-width:0px;
	border-left-width:0px;						/* USER DEFINED */		/* sideshadow_border_width */			/* px */
	border-right-width:0px;						/* sideshadow_border_width */
	border-color:transparent;								/* USER DEFINED */		/* sideshadow_border_color */			/* color picker */
	border-style:solid;
}

.Wrapper_basic {
	width:750px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.Wrapper_basic .Content{
	border-width:3px;
	border-style:solid;
	border-color:#BBBBBB;								/* USER DEFINED */		/* sideshadow_border_color */			/* color picker */
}

.Wrapper_basic .Footer{
background-color:transparent;
background-image:none;
padding: 3% 0%;
}


.Wrapper_basic .JustCol {
height:auto;
padding:15px auto;
width:680px;
position:relative;
}

.Wrapper_basic .JustCol .UserProfile-Edit ul.profile li span.ans{
width:450px;
}

.jiheidbox .left{
width:72%;
}

.Header {
	float:left;
display: inline;
	width:100%;
	height:90px;   /* LING TAKE NOTE */
	padding: 0px;
	background-color:;									/* USER DEFINED */		/* header_bg_color */			/* color picker */
	background-image:url(../images/udefine/header_bg.jpg);		/* USER DEFINED */		/* header_bg_image */ 			/* upload image, image url */
	background-repeat:no-repeat;								/* USER DEFINED */		/* header_bg_image_repeat */ 	/* no-repeat, repeat, repeat-x, repeat-y */
	background-position:top right; 								/* USER DEFINED */		/* header_bg_image_position */ 	
	color:#CFCFCF; 												/* USER DEFINED */		/* header_txt_color */			/* color picker */
	font-size:2.2em;											/* USER DEFINED */		/* header_font_size */			/* px, em */
}


.Menu {
	float:left;
display: inline;
	width:100%;
	height:30px;								/* USER DEFINED */		/* main_menu_bg_color */			/* color picker */
	background-image:url();								/* USER DEFINED */		/* main_menu_bg_image */ 			/* upload image, image url */
	background-repeat:no-repeat;						/* USER DEFINED */		/* main_menu_bg_image_repeat */ 	/* no-repeat, repeat, repeat-x, repeat-y */
	background-position:top left;						/* USER DEFINED */		/* main_menu_bg_image_position */
}

.Chatbar{ /* NEW */
width: 92%;
height: 40px;
padding: 4px 4%;
background:url(../images/udefine/chatbar_bg.gif) no-repeat;
color:#222;
}

* html .Chatbar{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 92%; /* for IE6 in standards mode */
}

.Chatbar .flash{ 
width: 60%;
font-size:1.3em;
font-weight:bold;
}
.Chatbar .desc{ 
width: 40%;
text-align:right;
font-size:1.5em;
font-weight:bold;
}

.Chatbar .hilight{
color:#5222b3;
}

.Content {
	float:left;
	display: inline;
	width:100%;
	height:auto;
	background-color:#fff;							/* USER DEFINED */		/* body_content_bgcolor */ 			/* color picker */ 
	padding-top:15px;
	overflow:hidden;
	padding-bottom:20px;
}

.CenterCol {
position:relative;
float:left;
display: inline;
width:465px;
height:auto;
padding:0px 8px;		
background-color: transparent;							/* USER DEFINED */		/* centercol_bg_color */ 			/* color picker */ 
overflow-x: hidden;
overflow-y:hidden;
}		

.wide{
width: 575px; /*FF*/
}

/* Rio  change 20090713
html*.wide{
width: 575px;
}
body:nth-of-type(1) .wide{
	width: 575px;  
	}
*+html .wide{ width: 575px; } 
* html .wide{ width: 575px; } 

Rio */

.x-wide{
width: 760px;
}

.JustCol {
width: 760px;
height:auto;
margin:auto;
padding: 15px 0px 0px 0px;
}

.JustCol .col {
float:left;
display: inline;
width: 363px;
padding:10px 0%;
}

.JustCol .or {
float:left;
display: inline;
width: 4%;
text-align:center;
font-size:1.3em;
font-weight:bold;
padding-top:12%;
}

.JustCol .col ul.profile{
clear:both;
padding:10px 0;
}

.JustCol .instruct{
font-size:0.9em;
font-weight:normal;
color:#777777;
}

.JustCol .col ul.profile li .qns {
width:120px;
text-align:right;
padding-left:0px;
padding-right:5px;
margin:0;
}
.JustCol .col ul.profile li .ans {
width:225px;
padding:0;
margin:0;
}


.JustCol .altbg{
background-color:#F7F7F7; /* user-defined : sidebar_list_altbg */
}

.SideCol {
float:left;
display: inline;
width:184px;
height:auto;
padding: 0px 7px;
background-color: transparent;										/* USER DEFINED */		/* sidecol_bg_color */ 			/* color picker  */	
display: inline;
}

* html .SideCol{
\width: 198px; /* for IE5 and IE6 in quirks mode */
w\idth: 184px; /* for IE6 in standards mode */
}

.Footer {
clear:both;
width:96%;
height: auto;
color:#555; 													/* USER DEFINED */		/* footer_txt_color */ 			/* color picker  */	
background-color:#FFFFFF; 										/* USER DEFINED */		/* footer_bg_color */ 			/* color picker  */
background-image:url();											/* USER DEFINED */		/* footer_bg_img */ 			/* upload image, image url */
background-repeat:; 											/* USER DEFINED */		/* footer_bg_image_repeat */ 	/* no-repeat, repeat, repeat-x, repeat-y */
background-position:center bottom;								/* USER DEFINED */		/* footer_bg_image_position */ 	/* top, bottom, left, right, center */
padding: 3% 2%;
}

.Footer_preview {
clear:both;
width:96%;
height: auto;
color:#555; 													/* USER DEFINED */		/* footer_txt_color */ 			/* color picker  */	
border-top-width:1px;											/* USER DEFINED */		/* footer_border_width */ 		/* input  */	
border-top:#DDDDDD; 											/* USER DEFINED */		/* footer_border_color */ 		/* color picker  */	
background-color:#FFFFFF; 										/* USER DEFINED */		/* footer_bg_color */ 			/* color picker  */
background-image:url();											/* USER DEFINED */		/* footer_bg_img */ 			/* upload image, image url */
background-repeat:; 											/* USER DEFINED */		/* footer_bg_image_repeat */ 	/* no-repeat, repeat, repeat-x, repeat-y */
background-position:center bottom;								/* USER DEFINED */		/* footer_bg_image_position */ 	/* top, bottom, left, right, center */
padding: 2%;
}

.Footer a:link, .Footer a:visited{
color:#fff; 													/* USER DEFINED */		/* footer_link_color */ 			/* color picker  */	
text-decoration:none;
}
.Footer a:hover, .Footer a:active{
color:#555; 													/* USER DEFINED */		/* footer_link_color_hover */ 			/* color picker  */	
text-decoration:none;
}


/* ======================================================== MENUS ==========================================================*/
.Menu .global_gloss {
	position: absolute;
	width:990px;
	height:15px;
	background-image:url(../images/global/gloss.png);				 /* USER DEFINED */		/* main_menu_glossy */	/* yes or no */  
	background-color:transparent;
	background-repeat:repeat-x;
	z-index: 2;
}
.Menu .tabs ul {
	font-size:1.2em;
	margin:0;
	padding:6px 10px 0 10px;
	list-style:none;
	position: absolute;
	z-index: 3;
}
.Menu .tabs li.activated {
	display:inline;
	margin:0;
	padding:0;
	font-weight:bold;
}
.Menu .tabs li.activated a {
	float:left;
	display: inline;
	background-color:;													/* USER DEFINED */		/* main_menu_tab_bg_color */ 		/* color picker  */ 
	background-image:url(../../../Templates/0/1/images/udefine/menu2_tableft.gif); 	/* USER DEFINED */		/* main_menu_tab_left_bg_img */ 	/* upload image, image url  */  
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
	padding:0 3px 0 3px;
	margin: 0px 0px 0px 10px;  /*Rio edit from 20px to 10px on 20091217 */ 
	text-decoration:none;
}
.Menu .tabs li.activated a span {
	float:left;
	display: inline;
	display:block;
	background-color:;													/* main_menu_tab_bg_color */
	background-image:url(../../../Templates/0/1/images/udefine/menu2_tabright.gif);  	/* USER DEFINED */		/* main_menu_tab_right_bg_img */ 	/* upload image, image url  */  
	background-repeat: no-repeat;
	background-position: right top;
	padding:6px 15px 3px 12px;
	color:#000; 														/* USER DEFINED */		/* main_menu_active_link_color */ 	/* color picker  */  
	text-decoration:none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.Menu .tabs li.activated a span {
	float:none;
}
/* End IE5-Mac hack */
.Menu .tabs li.activated a:hover span {
	color:#A296AFC;														/* USER DEFINED */		/* main_menu_active_link_color_hover */ 	/* color picker  */  
	background-color: transparent;
}
.Menu .tabs li.activated a:hover {
	background-position:0% 0%;
	text-decoration:none;
}
.Menu .tabs li.activated a:hover span {
	background-position:100% 0px;
	text-decoration:none;
}
.Menu .tabs li {
	display:inline;
	margin:0;
	padding:0;
	font-weight:normal;
}
.Menu .tabs li a {
	float:left;
display: inline;
	background:none;
	margin:0;
	padding:5px 0 0 0;
	text-decoration:none;
}
.Menu .tabs li a:link, .Menu .tabs li a:visited{
	color:#CCC;														/* USER DEFINED */		/* main_menu_link_color*/ 	/* color picker  */ 
}
.Menu .tabs li a:hover, .Menu .tabs li a:active{
	color:#FFF;														/* USER DEFINED */		/* main_menu_link_color_hover*/ 	/* color picker  */ 
}

.Menu .tabs li a span {
	float:left;
	display: inline;
	display:block;
	width:auto;
	margin:0px;
	padding:0px 17px;  /*Rio edit from 20px to 17px on 20091217 */ 
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.Menu .tabs li a span {
	float:none;
}
/* End IE5-Mac hack */
.Menu.tabs li a:hover span {
	color:#FFFFFF; 													/* main_menu_link_color_hover*/
	background-color: transparent;
}
.Menu .tabs li a:hover {
	text-decoration:none;
}
.Menu .tabs li a:hover span {
	text-decoration:none;
}

.Submenu {
	clear:both;
	width:100%;
	height:24px;									/* USER DEFINED */		/* sub_menu_bg_color */ 		/* color picker */			
	background-image:url();										/* USER DEFINED */		/* sub_menu_bg_image_bg */ 		/* upload image, image url  */  
	background-repeat:no-repeat;								/* USER DEFINED */		/* sub_menu_bg_image_repeat */ 	/* no-repeat, repeat, repeat-x, repeat-y */
	background-position: top left;								/* USER DEFINED */		/* sub_menu_bg_image_position */ 
	font-size:1em; 
}
.Submenu ul {
	float:left;
display: inline;

	width:97%;
	font-size:1em;
	margin:0;
	padding:0px 0pt 0pt 3%;
	line-height:22px;
	list-style:none;
}

* html .Submenu ul{
\width: 99%; /* for IE5 and IE6 in quirks mode */
w\idth: 97%; /* for IE6 in standards mode */
}

.Submenu ul li {
	float:left;
display: inline;

	padding: 0px 10px;
	margin:0px;
}
.Submenu ul li a:link, .Submenu ul li a:visited {
	float:left;
display: inline;

	margin: 0px 5px;
	padding: 0px 3px;
	text-decoration:none;
	color:#666; 														/* USER DEFINED */		/* sub_menu_link_color */ 		/* color picker */	
	background-color:transparent;
}
.Submenu ul li a:hover, .Submenu ul li a:active {
	color:#000; 														/* USER DEFINED */		/* sub_menu_link_color_hover */ 		/* color picker */			
	background-color:transparent;
}
.Submenu ul li.activated a {
	color:#000; 														/* USER DEFINED */		/* sub_menu_active_link_color */ 		/* color picker */			
	background-color:transparent;
	font-weight:bold;
	border-bottom:0px solid #92c1ce;
	border-bottom-color :#92c1ce; 										/* USER DEFINED */		/* sub_menu_underline_color */ 		/* color picker */			
}
.Submenu ul li.activated a:hover {
	color:#000; 														/* USER DEFINED */		/* sub_menu_active_link_color_hover */ 		/* color picker */
	background-color:transparent;
}

.Submenu ul li.now a{  /*LING TAKE NOTE */
line-height: 24px;
padding: 0 8px;
background-image:url(../images/udefine/transient.png);					/* USER DEFINED */		/* transient_img */		/* Upload or IMAGE PACK */
background-repeat:repeat-x;
}

/* ======================================================== SIDE COL ==========================================================*/

/* ========================= SIDE COL GLBOAL ========================*/

.SideCol .header{
font-size: 1.1em; 
font-weight:bold;
color:#111111;  															/* USER DEFINED */		/* sidecol_header_txt_color */ 		/* em, px  */
background-image:url(../images/udefine/sidecol1_header.png);				/* USER DEFINED */		/* sidecol_header_bg_img */ 		/* upload image, image url  */
background-repeat:no-repeat;
background-color:transparent;  												/* USER DEFINED */		/* sidecol_header_bg_color */ 		/* color picker */
min-height: 33px;
height:33px;
line-height:33px;
padding:0px;									
margin-bottom:0px;
width: 174px;
padding-left:10px;	
}

div[class] .SideCol .header {

   height:auto;
   }

.SideCol .header .right{
padding-right:4px;
}

.SideCol .content{
float:left;
width:176px;
display: inline;
display: block;
margin-right: -3px;
padding: 4px 4px 11px 4px;
background-image:url(../images/udefine/sidecol1_content.gif);				/* USER DEFINED */		/* sidecol_content_bg */ /* upload image, image url  */ /* height must be at least 800px */
background-repeat:no-repeat;
background-position:bottom;
overflow:hidden;
}

* html .SideCol .content{
\width: 184px; /* for IE5 and IE6 in quirks mode */
w\idth: 176px; /* for IE6 in standards mode */
}

.SideCol .altbg{
background-color:#F7F7F7; /* user-defined : sidebar_list_altbg */
}

.SideCol .content .desc{
clear:both;
padding: 5px;
}

.SideCol input{
margin:2px 0px;
}

.SideCol .checkbox{
width:15px;
border:0px;
}

.SideCol .functions a:link, .SideCol .functions a:visited{
font-size:1em;
font-weight:bold;
color:#333; /* user-defined : sidebar_function_linkcolor */ 
background-color:transparent;
text-decoration:none;
}

.SideCol .functions a:hover, .SideCol .functions a:active{
color:#000; /* user-defined : sidebar_function_linkcolor_hover */
background-color:transparent;
}



/* ========================= SIDE COL LOGIN ========================*/
.SideCol .Common{
padding: 0px;
border-top: 0px solid #0071b6; /* user-defined: sidebar_login_borderwidth, sidebar_login_borderstyle, sidebar_login_bordercolor */
}

.SideCol .Common img{
margin-bottom:5px;
}

.SideCol .Common .content .desc{
padding: 5px;
}

/* ========================= SIDE COL MENU ========================*/
.SideCol ul.Menu{
list-style:none;
padding:0px;
margin:0px;
width:100%;
height:auto;
padding-bottom: 15px;
background-image: url(../images/udefine/sidecol1_content.gif);				/* sidecol_content_bg */ 
background-position:bottom;
background-repeat:no-repeat;
background-color:transparent;  												/* sidecol_content_bg_color */ 
}

.SideCol ul.Menu li{
width:92%;              /* Ling Please Take Note */
font-size:1.1em;
height:14px;
font-weight:bold;
padding: 5px;
margin:2px;
border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 	
border-style: dotted;
border-color: #BBB;									/* divider_color */ 		/* color picker */
}

.SideCol ul.Menu li.activated{
background-image:url(../images/bgicons/light/subtitle_arrow.gif);							/* subtitle_arrow */
background-position:top right;
background-repeat:no-repeat;
}

.SideCol ul.Menu li.activated a{
color:#000;
}

.SideCol ul.Menu li a{
text-decoration:none;
}

.SideCol ul.Menu li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}


/* ========================= SIDE COL ADS ========================*/

.SideCol .Ads{
clear:both;
color:#777;															/* USER DEFINED */		/* sidead_txt_color */	
padding:0px;
margin-bottom:20px;
text-align:center;
font-size:0.8em;
padding:3px 1px;
width:160px;   /* Rio changed on 20100324 */
height:600px;
overflow:hidden;
}

.SideCol .Ads .title{
display:block;
font-size: 1.2em;
font-weight:bold;
margin-top:8px;
}

.SideCol .Ads a:link, .SideCol .Ads a:visited, .SideCol .Ads a:hover, .SideCol .Ads a:active{
color:#777777;											/* smallinfo_color */
}

.SideCol .PicAds{
background-color:#F7F7F7;
border:1px solid #CCCCCC;
padding:5px;
margin-bottom:20px;
text-align:center;
}

.SideCol .PicAds img{
margin: 4px 0px;
}


/* ======================================================= CENTER COL =========================================================*/

.CenterCol .altbg{
background-color:#F7F7F7; /* user-defined: maincol_list_altbg */
}

.CenterCol .Ads{
clear:both;
display:block;
font-size: 0.8em; 
color:#777777;
line-height:1.2em;
padding:0% 1% 3% 1%;
width:98%;
text-align:center;
}

.CenterCol .Ads span{
display:block;
padding-bottom:3px;
}

/* ======================================================== MEMBERS ==========================================================*/
.SideCol .Members .formbutton{
width:84%;
}

* html .SideCol .Members .formbutton{
\width: 88%; /* for IE5 and IE6 in quirks mode */
w\idth: 84% /* for IE6 in standards mode */
}

/* ========================================================  FEEDS ==========================================================*/


.SideCol .Feeds{
float:left;
display: inline;
width:auto;
font-size:1.0em;
width: 100%;
}

.SideCol .Feeds ul li{
width: 95%;
padding:4% 2%;
}


.Feeds ul{
clear: both;
float:left;
display: inline;

display: inline;
list-style-type:none;
width: 100%;
}

.Feeds ul li{
	width: 96%;
	float:left;
display: inline;

	display: inline;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 				
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
	padding:2% 2%;
}

* html .Feeds ul li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

.Feeds ul li:hover, .Feeds ul li.hover{
background-color:#f5ffec; 									/* USER DEFINED */		/* global_list_hoverbg */ 		/* color picker */
}

.Feeds ul li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.SideCol .Feeds ul li .time{
float:right;
display: inline;

padding:0;
}

.Feeds ul li .time{
padding-left:5px;
}

/* ========================= FEEDS WIDE ========================*/

.Feeds ul.wide li{
width: 96%;
padding:6px 2%;
overflow:hidden;
}

* html .Feeds ul.wide li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

.Feeds ul.wide li span.grp, .Feeds ul.wide li span.vid, .Feeds ul.wide li span.photo, .Feeds ul.wide li span.member, .Feeds ul.wide li span.reply, .Feeds ul.wide li span.comment, .Feeds ul.wide li span.event, .Feeds ul.wide li span.blog{
width:92%;
}

.Feeds ul.wide li span .feed{
width:97%;
display:block;
}

.Feeds ul.wide li span.comment .feed{
display: inline;
float:left;
display: inline;

}

.Feeds ul.wide li span.comment img{
float:left;
display: inline;
}

.Feeds ul.wide li span.speech{
float:left;
display: inline;

width:76%;
display: inline;
color:#777777;
margin:10px;
}

.Feeds ul.wide li img{
margin-top:5px;
margin-right:5px;
}
.Feeds ul.wide li span.comment span.speech img{
	float:none;
	}

/* ========================= FEEDS ICONS ========================*/
.Feeds ul li span.grp{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newgrp.png) no-repeat;
margin : 4px 0px;
background-repeat:no-repeat;
}

.Feeds ul li span.vid{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newvid.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}

.Feeds ul li span.vidnews{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newvid.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}

.Feeds ul li span.vidgrp{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newvid.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}


.Feeds ul li span.photo{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newphoto.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}

.Feeds ul li span.photonews{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newphoto.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}

.Feeds ul li span.photogrp{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newphoto.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}

.Feeds ul li span.member{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newmember.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}

.Feeds ul li span.membernews{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newnews.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}

.Feeds ul li span.reply{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newreply.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}

.Feeds ul li span.comment{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newcomments.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}

.Feeds ul li span.event{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newnews.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}

.Feeds ul li span.blog{
display: inline;
float:left;
width:auto;
height:auto;
padding: 0px 0px 0px 18px;
background: transparent url(../images/bgicons/light/feeds_newblog.png) no-repeat; 
margin : 4px 0px;
background-repeat:no-repeat;
}

/* ========================================================  IN THIS PROFILE ==========================================================*/
.InProfile {
width: 100%;
padding-bottom:15px;
}

.InProfile ul{
width: 100%;
list-style-type:none;
padding: 0px;
margin:0px;
}

.InProfile ul li{
width:90%;
border-bottom: 0px;
margin-left:1%;
padding:3% 0% 3% 5%;
background-repeat:no-repeat;
}

* html .InProfile ul li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 90%; /* for IE6 in standards mode */
}

.InProfile ul li:hover, .InProfile ul li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.InProfile ul li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}


/* ========================================================  MY ACCOUNT ==========================================================*/
.Account .mnwidth{
margin-left: 12px;
margin-top:3px;
}

.Account {
width: 100%;
padding-bottom:25px;
}

.Account br{
line-height:0px;
}

ul{
list-style-type:none;
padding: 0px;
margin:0px;
overflow:hidden;
}

.Account ul{
width: 100%;
list-style-type:none;
padding: 0px;
margin:0px;
}

.Account ul li{
width:90%;
border-bottom: 0px;
margin-left:1%;
padding:3% 0% 3% 5%;
background-repeat:no-repeat;
}

* html .Account ul li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 90%; /* for IE6 in standards mode */
}

.Account ul li:hover, .Account ul li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Account ul li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Account p{
margin:5px;
}

/* ========================================================  BLOGS ==========================================================*/

.SideCol .Blogs{
display:inline;
float:left;
font-size:1em;
width:100%;
margin-right:0px;
}

.SideCol .Blogs ul{
float:left;
list-style-type:none;
width:100%;
}


.SideCol .Blogs ul li{
width: 95%;
padding:4% 2%;
border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
border-style: dotted;								/* divider_style */	
border-color: #BBB;									/* divider_color */ 
}

.Blogs {
width: 100%;
overflow:hidden;margin-right: -1000px;
}

.Blogs h1 {
float:left;
display: inline;

font-size:1.6em;
width:85%;
}

.Blogs .time{
float:right;
display: inline;

}

.Blogs ul{
float:left;
list-style-type:none;
width: 100%;
}

.Blogs .entry ul li{
padding-left:2%;
margin: 8px 0px 8px 25px;
list-style-type: disc;
list-style-position: outside;
vertical-align:top;
}


.Blogs .entry ol li{
padding-left:2%;
margin: 8px 0px 8px 28px;
list-style-position: outside;
vertical-align:top;
}


.Blogs ul li:after {
clear:both;
content:".";
display:block;
height:0pt;
overflow:hidden;
visibility:hidden;
}

.Blogs ul li .info{
float:left;
display:block;
width: 110px;
}


.Blogs ul li span{
display:block;
}

/* ========================= BLOGS WIDE ========================*/
.Blogs ul.wide li{
width: 46%;
padding: 2%;
}

* html .Blogs ul.wide li{
\width: 50%; /* for IE5 and IE6 in quirks mode */
w\idth: 46%; /* for IE6 in standards mode */
}

/* ========================= BLOGS ENTRY ========================*/

.Blogs .entry{
width: 98%;
float:left;
display: inline;

padding: 2% 1% 5% 1%;
}

* html .Blogs .entry{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Blogs .entry:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Blogs .sub{
padding: 0% 1%;
}

.Blogs .entry .comnum{
padding: 2%;
font-size:1.2em;
}

.Blogs .entry span{
line-height: 1.6em;
}

.Blogs .entry p{
width:100%;
font-size:1.1em;
clear:both;
line-height: 1.6em;
padding: 8px 0px;
}

.Blogs .entry .left {
padding-right: 6px;
}

.Blogs .entry .right{
padding-left: 5px;
}

.Blogs .entry .info2{
float:left;
display: inline;

width: 66%;
}

.Blogs .entry .info3{
float:left;
display: inline;

width: 79%;
}

.Blogs .entry .keytag span.thumbrate{
float:right;
display: inline;

margin-left:3%;
}

.Blogs .entry .blog_info{
clear:both;
border-width: 1px 0px 0;  /*Rio edit on 20100224 for share function syle */  
border-color: #ccc;									/* divider_color */ 
border-style: dotted;								/* divider_style */	
margin: 5% 0 0 0;
padding: 2% 0 0 0;
}

.Blogs .entry .blog_info ul{
list-style-type:none;
margin:0;
padding:0;
border:0;
float:left;
display: inline;

width: 64%;
}

.Blogs .entry .blog_info ul li{
width: 93%;
border:0;
padding: 3px 4px;
color:#777777;
list-style-type:none;
}

.Blogs .entry .blog_info ul li:after {
clear:both;
content:".";
display:block;
height:0pt;
overflow:hidden;
visibility:hidden;
}

.Blogs .entry .blog_info ul li.hover, .Blogs .entry .blog_info ul li:hover {
background:none;
}


.Blogs .entry .blog_info li span.l{
width:19%;
float:left;
display: inline;

padding:0;
padding-right:1%;
line-height:14px;
}

.Blogs .entry .blog_info li span.r{
width:70%;
float:left;
display: inline;

line-height:14px;
}

.Blogs .entry .blog_info li span.r img{
padding:2px;
}

.Blogs .share{
font-size:1.25em;
font-weight:bold;
}

.Blogs .entry .thumbrate a.thumbup:link, .Blogs .entry .thumbrate a.thumbup:visited, .Blogs .entry .thumbrate .thumbup{
display:block;
float:left;
width:12px;
height:16px;
margin: 3px;
overflow:hidden;
background:url(../images/global/icons/thumb_up.png) no-repeat top;
cursor: pointer;
cursor: hand;
}

.Blogs .entry .thumbrate a.thumbup:hover, .Blogs .entry .thumbrate a.thumbup:active{
background:url(../images/global/icons/thumb_up.png) no-repeat bottom;
}

.Blogs .entry .thumbrate a.thumbdown:link, .Blogs .entry .thumbrate a.thumbdown:visited, .Blogs .entry .thumbrate .thumbdown{
display:block;
float:left;
width:12px;
height:16px;
margin: 3px;
overflow:hidden;
background:url(../images/global/icons/thumb_down.png) no-repeat top;
cursor: pointer;
cursor: hand;
}

.Blogs .entry .thumbrate a.thumbdown:hover, .Blogs .entry .thumbrate a.thumbdown:active{
background:url(../images/global/icons/thumb_down.png) no-repeat bottom;
}

.Blogs .entry .thumbrate .thumbup, .Blogs .entry .thumbrate .thumbdown{
cursor:auto;
}

.Blogs .thumbrate .pts{
color:#6e3e00;								/* LING TAKE NOTE */
font-size:1.3em;
float:left;
display: inline;

margin: 0 0px 0px 5px;
}

.Blogs .sub .thumbrate .pts {				/* LING TAKE NOTE */
font-size:1.5em;
}

.Blogs .sub .thumbrate {
border-width:1px;
border-style: dotted;								/* divider_style */	
border-color: #CCCCCC;								/* plainbox_border_color */ 
background-color:#F7F7F7; 							/* plainbox_border_bg_color */
float:right;     /* Rio change from "left" to "right" on 20100301  */
display: inline;

padding:1% 2%;
width:16%;
}


.Blogs .sub .info2{
float:left;
display: inline;

width:65%;
}

.Blogs .sub	.bookmark{
margin:1% 0;
}

.Blogs .entry .keytag{
float:left;
display: inline;
width: 98%;
padding: 1% 1%;
border-width:0px;
border-bottom-width:1px;
border-style: dotted;								/* divider_style */	
border-color: #BBB;									/* divider_color */ 
color:#777777;										/* smallinfo_color */											/* smallinfo_color */
}

* html .Blogs .entry .keytag{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Blogs .entry .keytag span{
display:block;
float:left;
}

.Blogs .entry .keytag span.comment{
width:auto;
}
.Blogs .entry .keytag span.cat{
width:36%;
padding-left: 2%;
}
.Blogs .entry .keytag span.share{
width:40%;
text-align:right;
}

.Blogs .entry .keytag2{
width: 40%;
border: 0px;
background:none;
line-height: 22px;
}

.Blogs .entry #share{
display:none;
}

/* ========================= BLOGS LIST ========================*/

.Blogs ul.list{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Blogs ul.list li{
width: 98%;
padding: 2% 1%;
}

* html .Blogs ul.list li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}


.Blogs ul.list li .photothumb{
margin-right: 5px;
}

.Blogs ul.list li img{
margin: 0px 5px 0px 0px;
}

.Blogs ul.list li img.star{
margin-right: 3px;
}

.Blogs ul.list li .info{
float:left;
display: inline;
width:76%;
line-height: 1.4em;
margin: 0px 3% 0px 0px;
}

.Blogs ul.list li .wide{
width:100%;
}

.Blogs ul.list li .info i{
font-size:0.9em;
padding-left:5px;
}

.Blogs ul.list li .status{
color:#777777;											/* smallinfo_color */
display:block;
float:left;
margin:5px 0px 0px 0px;
width:100%;
}

.Blogs ul.list li .status span {
clear:none;
display:inline;
width:auto;
padding-right:3%;
}

.Blogs ul.list li .actions {
display:block;
float:left;
line-height:1.4em;
width:20%;
}

.Blogs ul.list li .thumbrate{
float:left;
display: inline;
}

.Blogs ul.list li .thumbrate span{
display:inline;
}

.Blogs ul.list li .thumbrate .pts{
color:#A296AF;
font-size:1.3em;
}

.Blogs ul.list li:hover, .Blogs ul.list li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}


/* ========================= BLOGS ARCHIVE ========================*/

.Blogs ul.archive{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Blogs ul.archive li{
width:95%;
padding:3% 2%;
float:left;
display: inline;
border-bottom: 0px;
}

.Blogs ul.archive li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

* html .Blogs ul.list li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

.Blogs ul.archive li.year{
	font-weight:bold;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}

.Blogs ul.archive li:hover, .Blogs ul.archive li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}


/* =====================================================  PHOTO ALBUMS ========================================================*/
.SideCol .PhotoAlbums ul{
font-size:0.9em;
}


.SideCol .PhotoAlbums .scrolldiv{
clear:both;
width:100%;
max-height: 250px;
overflow:hidden;
padding: 2px 0px;
}

* html .SideCol .PhotoAlbums .scrolldiv { 
   height: expression( this.scrollHeight > 249 ? "250px" : "auto" ); 
   max-height: 250px; 
}

.SideCol .PhotoAlbums a.scrollup:link, .SideCol .PhotoAlbums a.scrollup:visited{
display:block;
float:left;
width:170px;
height:18px;
margin: 0px 0px 0px 2px;
overflow:hidden;
background:url(../images/global/icons/thumb_arrow_up.png) no-repeat top;
}

.SideCol .PhotoAlbums a.scrollup:hover, .SideCol .PhotoAlbums a.scrollup:active{
background:url(../images/global/icons/thumb_arrow_up.png) no-repeat bottom;
}

.SideCol .PhotoAlbums a.scrolldown:link, .SideCol .PhotoAlbums a.scrolldown:visited{
display:block;
float:left;
width:170px;
height:18px;
margin: 0px 0px 0px 2px;
overflow:hidden;
background:url(../images/global/icons/thumb_arrow_down.png) no-repeat top;
}

.SideCol .PhotoAlbums a.scrolldown:hover, .SideCol .PhotoAlbums a.scrolldown:active{
background:url(../images/global/icons/thumb_arrow_down.png) no-repeat bottom;
}


.PhotoAlbums {
clear: both;
width:100%;
float:left;
display: inline;
padding-bottom:18px;
_display:block;   /* Rio add 20090907 for ie6 text overflow */
}

.PhotoAlbums .photodiv{
min-height:350px;
background-image:url(../images/global/icons/loader2.gif);
background-repeat:no-repeat;
background-position:center center;
}

.PhotoAlbums ul{
list-style-type:none;
width: 100%;
}

.PhotoAlbums ul:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.PhotoAlbums ul li{
	width: 93%;
	float:left;
display: inline;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}


.PhotoAlbums ul li:hover, .PhotoAlbums ul li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.PhotoAlbums ul li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.PhotoAlbums ul li .info{
float:left;
display: inline;
display:block;
width: 155px;
}

.PhotoAlbums ul li span{
display:block;
}

.PhotoAlbums ul li span span{
clear:both;
width:100%;
}

.PhotoAlbums ul li .photothumb{
margin:0px 5px;
width:auto;
}

.PhotoAlbums ul.viewing li{
width:98%;
padding:4% 1%;
}

.PhotoAlbums ul.viewing li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.PhotoAlbums ul.viewing li span.word-wrap{
width:100px;
float:left;
display:block;
display:inline;
overflow:hidden;
}

.PhotoAlbums ul.viewing li .tn{
float:left;
display: inline;
margin:4px;	
width:54px;
height:54px;
text-align:center;
padding: 0px 4px 0px 0px;
_padding:0px;
display:block;
}

.PhotoAlbums ul.viewing li .tn a:link, .PhotoAlbums ul.viewing li .tn a:visited{
width:52px;
height:52px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */ 
cursor: pointer;
cursor: hand;
}
.PhotoAlbums ul.viewing li .tn a:hover, .PhotoAlbums ul.viewing li .tn a:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

.PhotoAlbums ul.viewing li .tn a span{
width:50px;
height:50px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}


/* ========================= PHOTOALBUM SHOW WIDE ========================*/
.PhotoAlbums ul.wide li{
width:96%;
padding:2%;
}

* html .PhotoAlbums ul.wide li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

/* ========================= PHOTOALBUM FEATURED ========================*/

.PhotoAlbums ul.feature{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.PhotoAlbums ul.feature li{
width: 98%;
padding: 15px 1%;
line-height: 18px;
}

* html .PhotoAlbums ul.feature li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.PhotoAlbums ul.feature li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.PhotoAlbums ul.feature li img{
float:left;
display: inline;
margin: 0px 15px 0px 0px;
}

.PhotoAlbums ul.feature li img.star{
margin-right: 3px;
}

.PhotoAlbums ul.feature li .info{
float:left;
display: inline;
width:335px;
margin: 0px;
font-size:1.1em;
}

.PhotoAlbums ul.feature li .info i{
font-size:0.9em;
padding-left:5px;
}

.PhotoAlbums ul.feature li:hover, .PhotoAlbums ul.feature li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.PhotoAlbums ul.feature li span span{
width:100%;
clear:both;
}

.PhotoAlbums ul.feature li .col{
clear:none;
float:left;
display: inline;
width:31%;
margin-right: 1%;
margin-top: 2%;
font-size:0.9em;
line-height: 1.2em;
color:#777777;											/* smallinfo_color */
}

.PhotoAlbums ul.feature li .share{
font-size:1em;
font-weight:bold;
}

.PhotoAlbums ul.feature li .share a{
width: 100%;
height: 70px;
text-decoration:none;
border:0px;
}


.PhotoAlbums ul.feature li .col #share{
display:none;
}

.PhotoAlbums ul.feature li .col #share img{
float:left;
display: inline;
padding:2px;
margin:0px;
}


/* ========================= PHOTOALBUM BOTTOM INFO  ========================*/
.PhotoAlbums .album_info{
clear:both;
border-width: 1px 0px;
border-color: #ccc;									/* divider_color */ 
border-style: dotted;								/* divider_style */	
margin: 5% 0 0 0;
padding: 2% 0 0 0;
}

.PhotoAlbums .album_info ul{
list-style-type:none;
margin:0;
padding:0;
border:0;
float:left;
display: inline;
width: 80%;
padding-left: 5%;
}

.PhotoAlbums .album_info ul li{
width: 96%;
border:0;
padding: 3px 4px;
color:#777777;
list-style-type:none;
}

.PhotoAlbums .album_info ul li:after {
clear:both;
content:".";
display:block;
height:0pt;
overflow:hidden;
visibility:hidden;
}

.PhotoAlbums .album_info ul li.hover, .PhotoAlbums .album_info ul li:hover {
background:none;
}


.PhotoAlbums .album_info li span.l{
width:16%;
float:left;
display: inline;
padding:0;
padding-right:1%;
line-height:14px;
}

.PhotoAlbums .album_info li span.r{
width:78%;
float:left;
display: inline;
padding:0;
line-height:14px;
}

/* ========================= PHOTOALBUM LIST ========================*/


.PhotoAlbums ul.list{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.PhotoAlbums ul.list li{
width: 98%;
padding: 10px 1%;
}

* html .PhotoAlbums ul.list li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}


.PhotoAlbums ul.list li .tn{
float:left;
display: inline;
margin:4px;	
width:84px;
height:84px;
text-align:center;
padding: 0px 3px;
_padding: 0px;
display:block;
}

.PhotoAlbums ul.list li .tn a:link, .PhotoAlbums ul.list li .tn a:visited{
width:82px;
height:82px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */
cursor: pointer;
cursor: hand;
}
.PhotoAlbums ul.list li .tn a:hover, .PhotoAlbums ul.list li .tn a:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

.PhotoAlbums ul.list li .tn a span{
width:80px;
height:80px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

.PhotoAlbums ul.list li img.star{
margin-right: 3px;
}

.PhotoAlbums ul.list li .info{
float:left;
display: inline;
width:60%;
line-height: 1.4em;
margin: 0 0 0 1%;
}

.PhotoAlbums ul.list li .wide{
width:75%;
padding-left:1%;
}

.PhotoAlbums ul.list li .info i{
font-size:0.9em;
padding-left:5px;
}

.PhotoAlbums ul.list li .status{
float:left;
display: inline;
display:block;
width:100%;
color:#777777;											/* smallinfo_color */
margin: 5px 0px 0px 0px;
}

.PhotoAlbums ul.list li .status span{
padding-right: 3%;
}

.PhotoAlbums ul.list li:hover, .PhotoAlbums ul.list li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.PhotoAlbums ul.list li span span{
width:100%;
clear:none;
}

.PhotoAlbums ul.list li .status span{
float:left;
display: inline;
display:inline;
clear:none;
width:auto;
}

.PhotoAlbums ul.list li .actions{
float:left;
display: inline;
display:block;
width:20%;
line-height: 1.4em;
margin-left:1%;
}


/* ========================= PHOTOALBUM COL ========================*/

.PhotoAlbums ul.col{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.PhotoAlbums ul.col li{
width: 47%;
width: 48%\9;   /* For all ie browser */
height: 125px;   /* Rio edit on 20091203 for fix with IE6 */
padding: 10px 7px 10px 10px;
padding: 10px 0px 10px 10px\9;   /* For all ie browser */
}

* html .PhotoAlbums ul.col li{
\width: 50%; /* for IE5 and IE6 in quirks mode */
w\idth: 48%; /* for IE6 in standards mode */
}

.PhotoAlbums ul.col li .photothumb{
margin:auto;
display:inline;
width:130px
}

.PhotoAlbums ul.col li img{
margin: 0px 5px 0px 0px;
}

.PhotoAlbums ul.col li img.star{
margin-right: 3px;
}

.PhotoAlbums ul.col li .info{
float:left;
display: inline;
width:50%;
font-size:0.9em;
line-height: 1.4em;
margin: 0 0 0 0%;  /* Rio edit on 20091203 for fix with IE6 */
overflow:hidden;
}

.PhotoAlbums ul.col li .info i{
font-size:0.9em;
padding-left:5px;
}

.PhotoAlbums ul.col li .status{
float:left;
display: inline;
display:block;
width:100%;
color:#777777;											/* smallinfo_color */
margin: 0px;
}

.PhotoAlbums ul.col li .status span{
display:block;
width:auto;
}

.PhotoAlbums ul.col li:hover, .PhotoAlbums ul.col li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.PhotoAlbums ul.col li span span{
width:100%;
clear:none;
}

.PhotoAlbums ul.col li .actions{
float:left;
display: inline;
display:block;
width:20%;
line-height: 1.4em;
}

.PhotoAlbums ul.col li.Ads{
padding: 3% 1%;
margin-bottom:0px;
}


/* ========================= PHOTOALBUM DETAILS ========================*/

.PhotoAlbums ul.photodetails{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.PhotoAlbums ul.photodetails li{
width: 98%;
padding: 2% 1%;
line-height: 18px;
}

* html .PhotoAlbums ul.photodetails li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.PhotoAlbums ul.photodetails li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.PhotoAlbums ul.photodetails li a.editsetbutt{
width: auto;
margin-right:5px;
}

.PhotoAlbums ul.photodetails li a.cancel{
width: auto;
}


.PhotoAlbums ul.photodetails li:hover, .PhotoAlbums ul.photodetails li.hover{
background-color:transparent;
}

.PhotoAlbums ul.photodetails li img{
margin: 0px 5px 0px 0px;
}

.PhotoAlbums ul.photodetails li img.star{
margin-right: 3px;
}

.PhotoAlbums ul.photodetails li .info{
float:left;
display: inline;
width:65%;
margin: 0px;
font-size:1.1em;
}

.PhotoAlbums ul.photodetails li .tags{
float:left;
display: inline;
width:29%;
margin-bottom: 2px;
margin-left:4%;
}

.PhotoAlbums ul.photodetails li .tags span:hover, .PhotoAlbums ul.photodetails li .tags span.hover{
background-color:#f5ffec;                                         /* global_list_hoverbg */
}

.hilite .PhotoAlbums ul.photodetails li .tags span:hover, .hilite .PhotoAlbums ul.photodetails li .tags span.hover{
background-color:transparent                                
}

.PhotoAlbums ul.photodetails li .keytag{
	float:left;
display: inline;
	padding: 5px;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}


.PhotoAlbums ul.photodetails li .info i{
font-size:0.9em;
padding-left:5px;
}

.PhotoAlbums ul.photodetails li span span{
width:100%;
clear:both;
padding: 0px 0px 10px 0px;
}

.PhotoAlbums ul.photodetails li .col{
clear:none;
float:left;
display: inline;
width:31%;
margin-right: 1%;
margin-top: 2%;
font-size:0.9em;
line-height: 1.2em;
color:#777777;											/* smallinfo_color */
}

.PhotoAlbums ul.photodetails li .share{
font-size:1em;
font-weight:bold;
}

.PhotoAlbums ul.photodetails li .share a{
width: 100%;
height: 70px;
text-decoration:none;
border:0px;
}

.PhotoAlbums ul.photodetails li .col #share{
display:none;
}

.PhotoAlbums ul.photodetails li .col #share img{
float:left;
display: inline;
padding:2px;
margin:0px;
}


/* ========================= PHOTOALBUM PHOTOSTREAM ========================*/

.PhotoAlbums ul.photostream{
float:left;
display: inline;
width:100%;
list-style-type:none;
}

.PhotoAlbums ul.photostream li{
float:left;
display: inline;
display:block;
width: 85px;
height:80px;
padding:2px 0px 0px 2px;
margin-right:0px;
border:0px;
}

.PhotoAlbums ul.photostream li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.PhotoAlbums ul.photostream li:hover, .PhotoAlbums ul.photostream li.hover{
background-color:transparent;
}

.photostreamwide{
float:left;
display: inline;
display:block;
width: 125px;
height:125px;
padding-left: 12px;
margin: 3px 0px;
border:0px;
text-align:center;
}


.PhotoAlbums .album{
margin:2px 6px;
}

.PhotoAlbums .album p{
font-size:1.1em;
margin: 10px 0px;
}


.PhotoAlbums ul.photostream .functions{
width:auto;
padding: 6px;
text-align:center;
}

.PhotoAlbums .details{
	width:auto;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}

/* ========================= PHOTOALBUMS EVENTS ========================*/
.PhotoAlbums table td{
padding: 8px 0px;
}
.PhotoAlbums table td .userlink{
font-size:0.9em;
}
.PhotoAlbums table td img{
margin: 5px 0px;
}

.PhotoAlbums table.eventadd{
width: 100%;
}

.PhotoAlbums table.eventadd td{
width: 25%;
}

.PhotoAlbums table.eventadd td a{
position:relative;
display:inline-block;
height: 120px;
float:left;
display: inline;
}

.PhotoAlbums table.eventadd td input{
position:absolute;
top: 5px;
left: 0;
}

/* ========================= PHOTOALBUM COMMENTS ========================*/

.Comments{
clear: both;
float:left;
display: inline;
width:100%;
}

.Comments a.userlink:link, .Comments a.userlink:visited, .Comments a.userlink:hover, .Comments a.userlink:active{
font-weight:bold;
}

.Comments textarea{
width:98%;
height: 100px;
margin:5px 0;
}

.Comments ul{
float:left;
list-style-type:none;
width: 100%;
display: inline;
}

.Comments ul li{
float:left;
display: inline;
width: 98%;
padding:10px 1%;
line-height: 18px;
}

* html .Comments ul li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Comments ul li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.Comments ul li:hover, .Comments ul li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Comments ul li span.thumb{
margin-right:10px;
}

.Comments ul li span.info{
float:left;
display: inline;
display:block;
width:79%;  /* Rio change from 80 to 79 for reply action on 20100304 */
font-size:1em;
}

.Comments ul li span.userinfo{
float:left;
display:block;
width:77%;
font-size:1em;
}

.Comments ul li span p{
font-size:1.1em;
}
.Comments ul li span span{
display:block;
}

/*===shao fan 20091230 --START-- ====*/
.Comments .early-comment{
	clear:both;
	color:#909090;
	padding-top:10px;
	padding-left:20px;
	width:77%;
}
/*
.Comments .clear-right{
	clear:right;
}*/
.Comments  .write-comments{
	clear:both;
	margin-left:70px;
	padding-top:10px;
}
/*===shao fan 20091230 --END-- ====*/

.Comments ul li a.deletesetlink:visited, .Comments ul li a.deletesetlink:link{
	background:url(../images/global/icons/delete.png) no-repeat -3px center;
	padding:0 0 0 13px;
	font-size:inherit; 
	font-weight:normal;
	clear:right;
	}
.Comments ul li a.replylink:visited, .Comments ul li a.replylink:link{
	background:url(../images/global/icons/reply.gif) no-repeat left center;
	padding:0 0 0 13px;
	clear:right;
	width:35px;
	}
.Comments ul li a.deletesetlink, .Comments ul li a.replylink{
	filter:alpha(opacity=70);	
	opacity:0.7;	
	width:35px;
	}
.Comments ul li a.deletesetlink:hover, .Comments ul li a.replylink:hover{
	filter:alpha(opacity=100);	
	opacity:1;
	background-color:transparent;
	text-decoration:none;
}
/* =====================================================  VIDEOS ========================================================*/
.SideCol .Videos ul{
font-size:0.9em;
}

.Videos{
clear: both;
float:left;
display: inline;
width: 100%;
position:relative;
padding-bottom:18px;
}

.Videos ul.imgthumb li.photogal{
height:142px;
}
.Videos ul.imgthumb li.photogal .name{
height:50px;
}

.Videos ul{
list-style-type:none;
width: 100%;
}

.Videos ul li{
	width: 96%;
	float:left;
display: inline;
	display:block;
	padding: 6px 2%;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}

* html .Videos ul li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

.Videos ul li:hover, .Videos ul li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Videos ul li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Videos ul li .photothumb{
margin:0px 5px;
width:auto;
}

.Videos ul li span{
display:block;
}

.Videos ul li .info{
display:block;
float:left;
display: inline;
width:155px;
}

.Videos ul.viewing li{
width:98%;
padding:4% 1%;
}

.Videos ul.viewing li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Videos ul.viewing li span.word-wrap{
width:100px;
float:left;
display:block;
display:inline;
overflow:hidden;
}

.Videos ul.viewing li .tn{
float:left;
display: inline;
margin:4px;	
width:54px;
height:54px;
text-align:center;
padding: 0px 4px 0px 0px;
_padding:0px;
display:block;
}

.Videos ul.viewing li .tn a:link, .Videos ul.viewing li .tn a:visited{
width:52px;
height:52px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */ 
cursor: pointer;
cursor: hand;
}
.Videos ul.viewing li .tn a:hover, .Videos ul.viewing li .tn a:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

.Videos ul.viewing li .tn a span{
width:50px;
height:50px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}


/* ========================= VIDEOS WIDE ========================*/
.Videos ul.wide li{
width: 111px;
padding: 10px 10px;
height: 200px;
}

* html .Videos ul.wide li{
\width: 131px; /* for IE5 and IE6 in quirks mode */
w\idth: 111px; /* for IE6 in standards mode */
}

.Videos ul li.null{
width: 96%;
float:left;
display: inline;
display:block;
padding: 2%;
height:auto;
}

* html .Videos ul li.null{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

/* ========================= VIDEOS FEATURED ========================*/

.Videos ul.feature{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Videos ul.feature li{
width: 98%;
padding: 15px 1%;
line-height: 18px;
}

* html .Videos ul.feature li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Videos ul.feature li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.Videos ul.feature li img{
float:left;
display: inline;
margin: 0px 15px 0px 0px;
}

.Videos ul.feature li img.star{
margin-right: 3px;
}

.Videos ul.feature li .info{
float:left;
display: inline;
width:335px;
margin: 0px;
font-size:1.1em;
}

.Videos ul.feature li .info i{
font-size:0.9em;
padding-left:5px;
}

.Videos ul.feature li:hover, .Videos ul.feature li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Videos ul.feature li span span{
width:100%;
clear:both;
}

.Videos ul.feature li .col{
clear:none;
float:left;
display: inline;
width:31%;
margin-right: 1%;
margin-top: 2%;
font-size:0.9em;
line-height: 1.2em;
color:#777777;											/* smallinfo_color */
}

.Videos ul.feature li .share{
font-size:1em;
font-weight:bold;
}

.Videos ul.feature li .share a{
width: 100%;
height: 70px;
text-decoration:none;
border:0px;
}

.Videos ul.feature li .col #share{
display:none;
}

.Videos ul.feature li .col #share img{
float:left;
display: inline;
padding:2px;
margin:0px;
}

/* ========================= VIDEOS LIST ========================*/

.Videos ul.list{
float:left;
display: inline;
list-style-type:none;
width: 100%;
_margin-right:-3px;  /* Rio Add on 20090907 */
}

.Videos ul.list li{
width: 98%;
padding: 10px 1%;
}


* html .Videos ul.list li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Videos ul.list li .tn{
float:left;
display: inline;
margin:4px;	
width:84px;
height:84px;
text-align:center;
padding: 0px 3px;
_padding: 0px;
display:block;
}

.Videos ul.list li .tn a:link, .Videos ul.list li .tn a:visited{
width:82px;
height:82px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */
cursor: pointer;
cursor: hand;
}

.Videos ul.list li .tn a:hover, .Videos ul.list li .tn a:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

.Videos ul.list li .tn a span{
width:80px;
height:80px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

.Videos ul.list li img{
margin: 0px 5px 0px 0px;
}

.Videos ul.list li img.star{
margin-right: 3px;
}

.Videos ul.list li .info{
float:left;
display: inline;
width:60%;
line-height: 1.4em;
margin: 0 0 0 1%;
}

.Videos ul.list li .wide{
width:75%;
padding-left:1%;
}

.Videos ul.list li .info i{
font-size:0.9em;
padding-left:5px;
}

.Videos ul.list li .status{
float:left;
display: inline;
display:block;
width:100%;
color:#777777;											/* smallinfo_color */
margin: 5px 0px 0px 0px;
}

.Videos ul.list li .status span{
padding-right: 3%;
}

.Videos ul.list li:hover, .Videos ul.list li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Videos ul.list li span span{
width:100%;
display:block;
clear:none;
}

.Videos ul.list li .status span{
float:left;
display: inline;
display:inline;
clear:none;
width:auto;
}

.Videos ul.list li .actions{
float:left;
display: inline;
display:block;
width:20%;
line-height: 1.4em;
margin-left:1%;
}

.Videos ul.list li.Ads{
padding: 3% 1%;
margin-bottom:0px;
}

/* ========================= VIDEOS COL ========================*/

.Videos ul.col{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Videos ul.col li{
width: 47%;
width: 48%\9;   /* For all ie browser */
height: 125px;                /* Rio edit on 20091203 for fix with IE6 */
padding: 10px 7px 10px 10px;
padding: 10px 0px 10px 10px\9;   /* For all ie browser */
}
* html .Videos ul.col li{
\width: 50%; /* for IE5 and IE6 in quirks mode */
w\idth: 48%; /* for IE6 in standards mode */
}

.Videos ul.col li .photothumb{
margin:auto;
display:inline;
width:130px
}
.Videos ul.col li img {
margin:0 5px 0 0;
}

.Videos ul.col li .info{
float:left;
display: inline;
width:50%;			/* Rio edit on 20091203 for fix with IE6 */
font-size:0.9em;
line-height: 1.4em;
margin: 0 0 0 0%;   /* Rio edit on 20091203 for fix with IE6 */
overflow:hidden;
}

.Videos ul.col li .info i{
font-size:0.9em;
padding-left:5px;
}

.Videos ul.col li .status{
float:left;
display: inline;
display:block;
width:100%;
color:#777777;											/* smallinfo_color */
margin: 0px;
}

.Videos ul.col li .status span{
display:block;
width:auto;
}

.Videos ul.col li:hover, .Videos ul.col li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Videos ul.col li span span{
width:100%;
clear:none;
}

.Videos ul.col li .actions{
float:left;
display: inline;
display:block;
width:20%;
line-height: 1.4em;
}

.Videos ul.col li.Ads{
padding: 3% 1%;
margin-bottom:0px;
}


/* ========================= VIDEOS DETAILS ========================*/

.Videos ul.videodetails{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Videos ul.videodetails li{
width:98%;
padding:2% 1%;
line-height:18px;
border:0;
}

* html .Videos ul.videodetails li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Videos ul.videodetails li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.Videos ul.videodetails li:hover, .Videos ul.videodetails li.hover{
background-color:transparent;
}

.Videos ul.videodetails li a.editsetbutt {
width:auto;
margin-right:5px;
}

.Videos ul.videodetails li img{
margin: 0px 5px 0px 0px;
}

.Videos ul.videodetails li img.star{
margin-right: 3px;
}

.Videos ul.videodetails li .info{
float:left;
display: inline;
width:65%;
margin: 0px;
font-size:1.1em;
}

.Videos ul.videodetails li .tags{
float:left;
display: inline;
width:29%;
margin-bottom: 2px;
margin-left:4%;
}

.Videos ul.videodetails li .tags span:hover, .Videos ul.videodetails li .tags span.hover{
background-color:#f5ffec;                                         /* global_list_hoverbg */
}

.Videos ul.videodetails li .keytag{
	float:left;
display: inline;
	padding: 5px;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}

.Videos ul.videodetails li .info i{
font-size:0.9em;
padding-left:5px;
}

.Videos ul.videodetails li span span{
width:100%;
clear:both;
padding: 0px 0px 10px 0px;
}

.Videos ul.videodetails li .col{
clear:none;
float:left;
display: inline;
width:31%;
margin-right: 1%;
margin-top: 2%;
font-size:0.9em;
line-height: 1.2em;
color:#777777;											/* smallinfo_color */
}

.Videos ul.videodetails li .share{
font-size:1em;
font-weight:bold;
}

.Videos ul.videodetails li .share a{
width: 100%;
height: 70px;
text-decoration:none;
border:0px;
}

.Videos ul.videodetails li .col strong{
color:#333;
}

.Videos ul.videodetails li .col #share{
display:none;
}

.Videos ul.videodetails li .col #share img{
float:left;
display: inline;
padding:2px;
margin:0px;
}

/* ========================= VIDEOS EVENTS ========================*/

.Videos table td{
padding: 8px 10px;
}
.Videos table td .userlink{
font-size:0.9em;
}
.Videos table td img{
margin: 5px 0px;
}

.Videos table.eventadd{
width: 100%;
}

.Videos table.eventadd td{
width: 25%;
text-align:left;
}

.Videos table.eventadd td a{
position:relative;
display:inline-block;
float:left;
}

.Videos table.eventadd td a.titlelink{
display:block;
width:125px;
float:none;
height:auto;
text-align:center;
}

.Videos table.eventadd td input{
position:absolute;
top: 5px;
left: 0;
}

/* =====================================================  EVENTS ========================================================*/
.Events {
clear: both;
width:100%;
position:relative;
float:left;
padding-bottom:18px;
}

.Events ul{
float:left;
list-style-type:none;
width: 100%;
}

.Events ul li{
	position:relative;
	width: 96%;
	float:left;
	display:block;
	padding: 6px 2%;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}

* html .Events ul li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

/* Hides from IE-mac \*/
* html .Events ul li {height: 1%;}
/* End hide from IE-mac */

.Events ul li:hover, .Events ul li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Events ul li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Events ul li .info{
position:relative;
float:left;
display: inline;
width:145px;
margin: 0px 5px 0px 0px;
}

.Events ul.viewing li{
width:98%;
padding:4% 1%;
}

.Events ul.viewing li .tn{
float:left;
margin:4px;	
width:54px;
height:54px;
text-align:center;
padding: 0px 4px 0px 0px;
_padding:0px;
display:block;
}

.Events ul.viewing li .tn a:link, .Events ul.viewing li .tn a:visited{
width:52px;
height:52px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */ 
cursor: pointer;
cursor: hand;
}
.Events ul.viewing li .tn a:hover, .Events ul.viewing li .tn a:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

.Events ul.viewing li .tn a span{
width:50px;
height:50px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

.Events ul.viewing li .desc{
float:left;
display: inline;
display:block;
width: 85px;
}

.Events ul li img{
margin: 0px 5px 0px 0px;
}

.Events ul li span span{
display:block;
}
.Events ul li .thumb{
width:60px;
height:60px;
}

/* ========================= EVENTS SIDE ========================*/
.Events ul.side  li{
width:98%;
padding:4% 1%;
}

.Events ul.side  li .tn{
float:left;
margin:4px;	
width:54px;
height:54px;
text-align:center;
padding: 0px 4px 0px 0px;
_padding:0px;
display:block;
}

.Events ul.side  li .tn a:link, .Events ul.side  li .tn a:visited{
width:52px;
height:52px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */ 
cursor: pointer;
cursor: hand;
}
.Events ul.side  li .tn a:hover, .Events ul.side  li .tn a:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

.Events ul.side  li .tn a span{
width:50px;
height:50px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

.Events ul.side  li .info{
float:left;
display:block;
width: 100px;
overflow:hidden;
}

/* ========================= EVENTS WIDE ========================*/
.Events ul.wide li{
width: 111px;
padding: 10px 10px;
height: 200px;
}

* html .Events ul.wide li{
\width: 131px; /* for IE5 and IE6 in quirks mode */
w\idth: 111px; /* for IE6 in standards mode */
}

.Events ul li.null{
width: 96%;
float:left;
display: inline;
display:block;
padding: 2%;
height:auto;
}

* html .Events ul li.null{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

/* ========================= EVENTS FEATURED ========================*/

.Events ul.feature{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Events ul.feature li{
width: 98%;
padding: 15px 1%;
line-height: 18px;
}

* html .Events ul.feature li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Events ul.feature li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.Events ul.feature li img{
float:left;
margin: 0px 15px 0px 0px;
}

.Events ul.feature li img.star{
margin-right: 3px;
}

.Events ul.feature li .info{
float:left;
display: inline;
width:325px;
margin: 0px;
font-size:1.1em;
line-height: 1.4em;
}

.Events ul.feature li .info i{
font-size:0.9em;
padding-left:5px;
}

.Events ul.feature li:hover, .Events ul.feature li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Events ul.feature li span span{
width:100%;
clear:both;
}

.Events ul.feature li .col{
clear:none;
float:left;
display: inline;
width:31%;
margin-right: 1%;
margin-top: 2%;
font-size:0.9em;
line-height: 1.2em;
color:#777777;											/* smallinfo_color */
}

.Events ul.feature li .share{
font-size:1em;
font-weight:bold;
}

.Events ul.feature li .share a{
width: 100%;
height: 70px;
text-decoration:none;
border:0px;
}

.Events ul.feature li .col #share{
display:none;
}

.Events ul.feature li .col #share img{
float:left;
display: inline;
padding:2px;
margin:0px;
}

/* ========================= EVENTS LIST ========================*/

.Events ul.list{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Events ul.list li{
width: 98%;
padding: 10px 1%;
}


* html .Events ul.list li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Events ul.list li .tn{
float:left;
margin:4px;	
width:84px;
height:84px;
text-align:center;
padding: 0px 3px;
_padding: 0px;
display:block;
}

.Events ul.list li .tn a:link, .Events ul.list li .tn a:visited{
width:82px;
height:82px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */
cursor: pointer;
cursor: hand;
}

.Events ul.list li .tn a:hover, .Events ul.list li .tn a:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

.Events ul.list li .tn a span{
width:80px;
height:80px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

.Events ul.list li img{
margin: 0px 5px 0px 0px;
}

.Events ul.list li img.star{
margin-right: 3px;
}

.Events ul.list li .info{
float:left;
display: inline;
width:55%;
line-height: 1.4em;
margin: 0 0 0 1%;
}

.Events ul.list li .wide{
width:75%;
padding-left:1%;
}

.Events ul.list li .info i{
font-size:0.9em;
padding-left:5px;
}

.Events ul.list li .status{
float:left;
display: inline;
display:block;
width:100%;
color:#777777;											/* smallinfo_color */
margin: 5px 0px 0px 0px;
}

.Events ul.list li .status span{
padding-right: 3%;
}

.Events ul.list li:hover, .Events ul.list li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Events ul.list li span span{
width:100%;
clear:none;
}

.Events ul.list li .status span{
float:left;
display: inline;
display:inline;
clear:none;
width:auto;
}

.Events ul.list li .actions{
float:right;
display:block;
width:18%;
line-height: 1.4em;
margin-top:28px;
}


.Events ul.list li.Ads{
padding: 3% 1%;
margin-bottom:0px;
}

/* ========================= EVENTS DETAILS ========================*/

.Events ul.eventdetails{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Events ul.eventdetails li{
line-height:1.8em;
padding:2% 1%;
width:98%;
}

* html .Events ul.eventdetails li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Events ul.eventdetails li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.Events ul.eventdetails li:hover, .Events ul.eventdetails li.hover{
background-color:transparent;
}

.Events ul.eventdetails li a.editsetbutt{
width:130px;
}

.Events ul.eventdetails li img{
margin: 0px 5px 0px 0px;
}

.Events ul.eventdetails li img.star{
margin-right: 3px;
}

.Events ul.eventdetails li .info{
float:left;
display: inline;
width:65%;
margin: 0px;
font-size:1.1em;
}

.Events ul.eventdetails li .tags{
float:left;
display: inline;
width:29%;
margin-bottom: 2px;
margin-left:4%;
}

.Events ul.eventdetails li .tags span:hover, .Events ul.eventdetails li .tags span.hover{
background-color:#f5ffec;                                         /* global_list_hoverbg */
}

.Events ul.eventdetails li .keytag{
	padding: 5px;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}

.Events ul.eventdetails li .info i{
font-size:0.9em;
padding-left:5px;
}

.Events ul.eventdetails li span span{
width:100%;
clear:both;
padding: 0px 0px 15px 0px;
}

.Events ul.eventdetails li .col{
clear:none;
float:left;
display: inline;
width:31%;
margin-right: 1%;
margin-top: 2%;
font-size:0.9em;
line-height: 1.2em;
color:#777777;											/* smallinfo_color */
}

.Events ul.eventdetails li .share{
font-size:1em;
font-weight:bold;
}

.Events ul.eventdetails li .share a{
width: 100%;
height: 70px;
text-decoration:none;
border:0px;
}

.Events ul.eventdetails li .col strong{
color:#333;
}

.Events ul.eventdetails li .col #share{
display:none;
}

.Events ul.eventdetails li .col #share img{
float:left;
padding:2px;
margin:0px;
}

/* =====================================================  GROUPS ========================================================*/
.Announcements{
font-size:1.1em;
line-height:1.4em;
padding: 10px 0px;
}
.Announcements p{
padding: 5px 0px;
}

.Groups {
clear: both;
width:100%;
position:relative;
float:left;
display: inline;
padding-bottom:10px;
}

.Groups ul{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Groups ul li{
	position:relative;
	width: 96%;
	float:left;
display: inline;
	display:block;
	padding: 6px 2%;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}

* html .Groups ul li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

/* Hides from IE-mac \*/
* html .Groups ul li {height: 1%;}
/* End hide from IE-mac */

.Groups ul li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Groups ul li img{
float:left;
margin: 0px 5px 0px 0px;
}

.Groups ul li span span{
display:block;
}

.Groups ul li .info{
position:relative;
float:left;
display: inline;
width:145px;
margin: 0px 5px 0px 0px;
}

.Groups ul.viewing li .tn{
float:left;
display: inline;
margin:4px;	
width:54px;
height:54px;
text-align:center;
padding: 0px 4px 0px 0px;
_padding:0px;
display:block;
}

.Groups ul.viewing li .tn a:link, .Groups ul.viewing li .tn a:visited{
width:52px;
height:52px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */ 
cursor: pointer;
cursor: hand;
}
.Groups ul.viewing li .tn a:hover, .Groups ul.viewing li .tn a:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

.Groups ul.viewing li .tn a span{
width:50px;
height:50px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

.Groups ul.viewing li .desc{
float:left;
display: inline;
display:block;
width: 85px;
}



/* ========================= GROUPS SIDE ========================*/
.Groups ul.side  li{
width:98%;
padding:4% 1%;
}

.Groups ul.side  li .tn{
float:left;
margin:4px;	
width:54px;
height:54px;
text-align:center;
padding: 0px 4px 0px 0px;
_padding:0px;
display:block;
}

.Groups ul.side  li .tn a:link, .Groups ul.side  li .tn a:visited{
width:52px;
height:52px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */ 
cursor: pointer;
cursor: hand;
}
.Groups ul.side  li .tn a:hover, .Groups ul.side  li .tn a:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

.Groups ul.side  li .tn a span{
width:50px;
height:50px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

.Groups ul.side  li .info{
float:left;
display:block;
width: 100px;
overflow:hidden;
}


/* ========================= GROUPS WIDE ========================*/
.Groups ul.wide li{ /* === CHANGED ==*/
padding:5px 2%;
width:46%;
}

* html .Groups ul.wide li{
\width: 46%; /* for IE5 and IE6 in quirks mode */
w\idth: 50%; /* for IE6 in standards mode */
}

/* ========================= GROUPS FEATURED ========================*/

.Groups ul.feature{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Groups ul.feature li{
width: 98%;
padding: 15px 1%;
line-height: 18px;
}

* html .Groups ul.feature li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Groups ul.feature li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.Groups ul.feature li img{
float:left;
margin: 0px 15px 0px 0px;
}

.Groups ul.feature li img.star{
margin-right: 3px;
}

.Groups ul.feature li .info{
float:left;
display: inline;
width:335px;
margin: 0px;
font-size:1.1em;
line-height: 1.3em;
}

.Groups ul.feature li .info i{
font-size:0.9em;
padding-left:5px;
}

.Groups ul.feature li:hover, .Groups ul.feature li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Groups ul.feature li span span{
width:100%;
clear:both;
padding:2px 0px;
}


.Groups ul.feature li .correct{
font-size:1em;
font-weight:bold;

}

.Groups ul.feature li .col{
clear:none;
float:left;
display: inline;
width:31%;
margin-right: 1%;
margin-top: 2%;
font-size:0.9em;
line-height: 1.2em;
color:#777777;											/* smallinfo_color */
}

.Groups ul.feature li .share{
font-size:1em;
font-weight:bold;
}

.Groups ul.feature li .share a{
width: 100%;
height: 70px;
text-decoration:none;
border:0px;
}

.Groups ul.feature li .col #share{
display:none;
}

.Groups ul.feature li .col #share img{
float:left;
padding:2px;
margin:0px;
}


/* ========================= GROUPS LIST ========================*/

.Groups ul.list{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Groups ul.list li{
width: 98%;
padding: 10px 1%;
}

* html .Groups ul.list li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Groups ul.list li .tn{
float:left;
margin:4px;	
width:84px;
height:84px;
text-align:center;
padding: 0px 3px;
_padding: 0px;
display:block;
}

.Groups ul.list li .tn a:link, .Groups ul.list li .tn a:visited{
width:82px;
height:82px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */
cursor: pointer;
cursor: hand;
}

.Groups ul.list li .tn a:hover, .Groups ul.list li .tn a:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

.Groups ul.list li .tn a span{
width:80px;
height:80px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

.Groups ul.list li img{
margin: 0px 5px 0px 0px;
}

.Groups ul.list li img.star{
margin-right: 3px;
}

.Groups ul.list li .info{
float:left;
display: inline;
width:60%;
line-height: 1.4em;
margin: 0 0 0 1%;
}

.Groups ul.list li .wide{
width:75%;
padding-left:1%;
}

.Groups ul.list li .info i{
font-size:0.9em;
padding-left:5px;
}

.Groups ul.list li .status{
float:left;
display: inline;
display:block;
width:100%;
color:#777777;											/* smallinfo_color */
margin: 5px 0px 0px 0px;
}

.Groups ul.list li .status span{
padding-right: 3%;
}

.Groups ul.list li:hover, .Groups ul.list li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Groups ul.list li span span{
width:100%;
clear:none;
}

.Groups ul.list li .feeds{
font-size:0.9em;
line-height: 1.4em;
color:#777777;
}

.Groups ul.list li .feeds span{
display: inline;
padding: 0px 3px;
width:auto;
}

.Groups ul.list li .status span{
float:left;
display: inline;
display:inline;
clear:none;
width:auto;
}

.Groups ul.list li .actions{
float:right;
display:block;
width:18%;
line-height: 1.4em;
margin-top:28px;
margin-left:1%;
}


.Groups ul.list li.Ads{
padding: 3% 1%;
margin-bottom:0px;
}

/* ========================= GROUPS DETAILS ========================*/

.Groups ul.grpdetails{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Groups ul.grpdetails li{
line-height:1.8em;
padding:2% 2%;
width:96%;
}

* html .Groups ul.grpdetails li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

.Groups ul.grpdetails li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.Groups ul.grpdetails li a.editsetbutt{
width:130px;
}

.Groups ul.grpdetails li img{
margin: 0px 5px 0px 0px;
}

.Groups ul.grpdetails li img.star{
margin-right: 3px;
}

.Groups ul.grpdetails li .info{
float:left;
display: inline;
width:65%;
margin: 0px;
font-size:1.1em;
}

.Groups ul.grpdetails li .tags{
float:left;
display: inline;
width:29%;
margin-bottom: 2px;
margin-left:4%;
}

.Groups ul.grpdetails li .tags span:hover, .Groups ul.grpdetails li .tags span.hover{
background-color:#f5ffec;                                         /* global_list_hoverbg */
}

.Groups ul.grpdetails li .keytag{
	padding: 5px;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}

.Groups ul.grpdetails li .info i{
font-size:0.9em;
padding-left:5px;
}

.Groups ul.grpdetails li span span{
width:100%;
clear:both;
padding: 0px 0px 15px 0px;
}

.Groups ul.grpdetails li .col{
clear:none;
float:left;
display: inline;
width:31%;
margin-right: 1%;
margin-top: 2%;
font-size:0.9em;
line-height: 1.2em;
color:#777777;											/* smallinfo_color */
}

.Groups ul.grpdetails li .share{
font-size:1em;
font-weight:bold;
}

.Groups ul.grpdetails li .share a{
width: 100%;
height: 70px;
text-decoration:none;
border:0px;
}

.Groups ul.grpdetails li .col strong{
color:#333;
}

.Groups ul.grpdetails li .col #share{
display:none;
}

.Groups ul.grpdetails li .col #share img{
float:left;
padding:2px;
margin:0px;
}

/* ========================= GROUPS DISCUSSIONS ========================*/
.Discussion{
clear:both;
float:left;

height:auto;
display: inline;
_display:block;		 /* Rio Add on 20090907 */
_margin-right:-3px;  /* Rio Add on 20090907 */
}

.Discussion .topos{
width:760px;
}


.Discussion .titlebox{
padding-bottom:10px;
width: 760px;
margin-right:-3px;
}

.wide .Discussion .topos{
padding-bottom:10px;
width: 575px;
}

.wide .Discussion .titlebox{
padding-bottom:10px;
width: 575px;
}

.Discussion h1{
float:left;
display: inline;
font-size:1.6em;
width: 70%;
}
.Discussion h1.front-admin-topic{
	width:58%;
	}

.Discussion .category{
font-size:1.2em;
font-weight:bold;
}

.Discussion .category, .Discussion .category a{
color:#111;
}

.Discussion h1 .breadcrumbs{
font-size:0.6em;
}

.Discussion textarea{
height:100px;
margin:5px 0pt;
width:99%;
}

.Discussion .Invite textarea{
height:100px;
margin:5px 0pt;
width:320px;
}

.Discussion .qns{
float:left;
display: inline;
display:block;
width:100px;
font-weight:bold;
font-size: 1.1em;
color:#777777;											/* USER DEFINED */		/* qns_txt_color */ 		/* color picker */
line-height:20px;
padding-right: 10px;
text-align:right;
}

.Discussion .ans{
float:left;
display: inline;
display:block;
margin-left: 5px;
font-size: 1.1em;
width:540px;
}

.Searchbar{
width: 98%;
padding: 6px 1%;
margin:0 0 1% 0;
background-color:#EEE;								/* sub_pagination_bg_color */ 
display: block;
float:left;
line-height:25px;
_margin-right:-3px;  /* Rio Add on 20090907 */
}
* html .Searchbar{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Searchbar .search{
display:inline;
width:auto;
font-size:1.1em;
font-weight:bold;
height: 20px;
padding:6px;
margin:2px 5px;
text-decoration:none;
}

.Searchbar select{
width:150px;
}

.Searchbar .search a:hover{
text-decoration:none;
}

.Searchbar span{
padding-right: 1%;
}

.Discussion ul.list{
list-style-type:none;
width: 100%;
}

.Discussion ul.list .category a{
	display:block;
	overflow:hidden;
}

.Discussion ul.list li{
	width: 96%;
	float:left;
	display: inline;
	display:block;
	padding: 1% 2%;
	border-width: 0px;	
	border-style: dotted;								
	border-color: #BBB;		
}
* html .Discussion ul.list li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}


/* Hides from IE-mac \*/
* html .Discussion ul.list li {height: 1%;}
/* End hide from IE-mac */

.Discussion ul.list li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Discussion ul.list li:hover, .Discussion ul.list li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Discussion ul.list li.locked{
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}

.Discussion ul.list li .check{
width: 2%;
padding-right:1%;
float:left;
display: inline;
}

.Discussion ul.list li .fcategory{
width: 52%;
float:left;
display: inline;
display: block;
margin-right: -3px;
}

.Discussion ul.list li .thread{
width: 64%;
float:left;
display: inline;
}

.Discussion ul.list li .title{
width: 60%;
float:left;
display: inline;
font-size:11px;
}

.Discussion ul.list li.headerdesc .title{
width: 60%;
float:left;
display: inline;
font-size:10px;
}

.Discussion ul.list li .titledesc{
width: 60%;
float:left;
display: inline;
}

.Discussion ul.list li .views, .Discussion ul.list li .posts{
width: 9%;
float:left;
display: inline;
color:#777777;											/* smallinfo_color */
text-align:center;
}

.Discussion ul.list li .lastpost{
width: 30%;
color:#777777;											/* smallinfo_color */
float:right;
display:block;
display:inline;
margin-left:-5px;
font-size:1.0em;
}

.Discussion ul.list li .lastpost .left{
	font-size : 11px;
}

/* Rio add 20090821*/
.Discussion ul.list li .lastpost .link{
	width:93%;
	height:15px;
	overflow:hidden;
	float:left;
}
/**/

.Discussion ul.list li .lastpostedby{
width: 15%;
text-align:right;
width:auto;
display:block;
margin-left:-5px;
}
.Discussion ul.list li .dates{
font-size:0.8em;
color:#777777;											/* smallinfo_color */
text-align:right;
display:block;
display:inline;
margin-left:-5px;
overflow:hidden;
width:auto;
float:right;
}

.Discussion ul.list li.headerdesc, .Discussion ul.list li.headerdesc .views, .Discussion ul.list li.headerdesc .posts, .Discussion ul.list li.headerdesc .dates{
font-size:10px;
font-style:normal;
color:#777777;											/* smallinfo_color */
}

.Discussion ul.post{
list-style-type:none;
width: 760px;
}

.Discussion ul.post li{
	position:relative;
	width: 98%;
	clear:both;
	float:left;
	display: inline;
	display:block;
	margin:0;
	padding: 1.5% 1%;
	border-width: 0px;
	border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}
* html .Discussion ul.post li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

/* Hides from IE-mac \*/
* html .Discussion ul.post li {height: 1%;}
/* End hide from IE-mac */


.Discussion ul.post li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Discussion ul.post li .userlink{
font-weight:bold;
}

.Discussion ul.list li.xbotbord{
border-bottom-width:0px;
}

.Discussion ul.post li .smallinfo, .Discussion ul.post li .smallinfo2{
font-size:0.85em;
}

.Discussion ul.post li .num{
position:absolute;
top:10px;
right:5px;
font-weight:bold;
}

.Discussion ul.post li .info{
float:left;
display: inline;
width:75%;
font-size: 1.2em;
margin-left:1%;
overflow-x:hidden;
}

/* Rio add on 20100223 solve for li list */
.Discussion ul.post li .info ul, .Discussion ul.post li .info ol{
	overflow:visible;
	margin:0 0 0 2%;
	}
.Discussion ul.post li .info ul li, .Discussion ul.post li .info ol li{
	border:0;
	float:none;
	list-style-position:inside; 
	vertical-align:middle;
	display:list-item;
	}
.Discussion ul.post li .info ul li{
	list-style-type:disc;
	}	
.Discussion ul.post li .info ol li{
	list-style-type:decimal;
	}
	
.Discussion ul.post li .lastedit{
clear: both;
display:block;
border:0px;
border-left-width:3px;
border-left-style:solid;
padding-left:1%;
font-size:0.85em;
color:#777777;											/* smallinfo_color */
margin-top:1%;
line-height: 25px;
}

.Discussion ul.post li .smallinfo, .Discussion ul.post li p{
padding:5px 0;
}

.Discussion ul.post li .actions{
/*position:absolute;
width:12%;
top:25px;
right:2%;
*/
	/* Rio edit on 20091021 */
	float:right;  
	margin:10px 10px 0 0; 
	position: static;
	width:12%;
}

.Discussion ul.post li.deleted{
padding-top: 0px;
padding-bottom: 0px;
font-style:italic;
}

.Discussion ul.post li .quoter{
display:block;
}
.Discussion ul.post li .quote{
	display:block;
	width:90%;
	padding:1%;
	margin: 1% 2%;
	font-size:0.85em;
	line-height: 1.4em;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}


.Discussion ul.form{
clear:both;
list-style:none;
}

.Discussion ul.form li {
width:100%;
padding: 6px 0px;
clear:both;
}

.Discussion ul.form li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Discussion ul.form li span.qns{
float:left;
display: inline;
display:block;
width:125px;
font-weight:bold;
font-size: 1.1em;
color:#777777;
line-height:20px;
padding-left: 25px;
text-align:right;
}

.Discussion ul.form li span.qns2{
float:left;
display: inline;
display:block;
width:150px;
font-weight:bold;
font-size: 1.1em;
color:#666;
line-height:20px;
padding-left: 25px;
}

.Discussion ul.form li span.ans{
float:left;
display:block;
margin-left: 5px;
font-size: 1.1em;
width:540px;
line-height:20px;
}

.Discussion .Invite ul.form li span.ans{
width:390px;
}
.Discussion .Invite ul.form li span.qns{
width:68px;
}

/* =====================================================  HOME FEATURED ========================================================*/
.Featured {
width:100%;
position:relative;
float:left;
display: inline;
}

.Featured ul{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Featured ul li{
	position:relative;
	width: 96%;
	float:left;
display: inline;
	display:block;
	padding: 6px 2%;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}

* html .Featured ul li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

/* Hides from IE-mac \*/
* html .Featured ul li {height: 1%;}
/* End hide from IE-mac */

.Featured ul li:hover, .Featured ul li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.EveFeaturednts ul li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}


.Featured ul li .info{
position:relative;
float:left;
display: inline;
width:145px;
margin: 0px 5px 0px 0px;
}

.Featured ul li img{
margin: 0px 5px 0px 0px;
}

.Featured ul li span{
display:block;
}

.Featured ul li span span{
clear:both;
width:100%;
}

/* ========================= EVENTS FEATURED ========================*/

.Featured ul.feature{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Featured ul.feature li{
width: 98%;
padding: 15px 1%;
line-height: 18px;
overflow:hidden;
}

* html .Featured ul.feature li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Featured ul.feature li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

/* 20090119 Rio */
/* 
.Featured ul.feature li img{
float:left;
margin: 0px 15px 0px 0px;
}
*/
.Featured ul.feature li .img_show{   /* 20090119 Rio */
float:left;
margin-right:15px;
text-align:center;
width:200px;
}

.Featured ul.feature li img.star{
margin-right: 3px;
}

.Featured ul.feature li .info{
float:left;
display: inline;
width:335px;
margin: 0px;
font-size:1.1em;
}

.Featured ul.feature li .info i{
font-size:0.9em;
padding-left:5px;
}

.Featured ul.feature li:hover, .Featured ul.feature li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Featured ul.feature li span span{
width:100%;
clear:both;
}

.Featured ul.feature li .col{
clear:none;
float:left;
display: inline;
width:31%;
margin-right: 1%;
margin-top: 2%;
font-size:0.9em;
line-height: 1.2em;
color:#777777;											/* smallinfo_color */
}

.Featured ul.feature li .share{
font-size:1em;
font-weight:bold;
}

.Featured ul.feature li .share a{
width: 100%;
height: 70px;
text-decoration:none;
border:0px;
}

.Featured ul.feature li .col #share{
display:none;
}

.Featured ul.feature li .col #share img{
float:left;
padding:2px;
margin:0px;
}


/* ===================================================  USER PROFILE ====================================================*/
.ViewProfile{
float:left;
display: inline;
position:relative;  /* Rio add on 20100308 */
}

/* ==============  VIEW USER PROFILE ==============*/
.ViewProfile ul.profile{
float:left;
list-style-type:none;
width: 98%;
padding-left:1%;
padding-right:1%;
margin-bottom:3%;
}

.ViewProfile ul.profile li{
display:block;
clear:both;
width: 98%;
padding: 3px 1%;
font-size:1.1em;
line-height: 1.3em;
}

* html .ViewProfile ul.profile li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.ViewProfile ul.profile li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.ViewProfile ul.profile li.wide{
font-size:1em;
}

.ViewProfile ul.profile li span.lside{
display:block;
float:left;
width: 24%;
}

.ViewProfile ul.profile li span.rside{
display:block;
float:left;
width: 70%;
}

.ViewProfile ul.profile li span.rside span{
margin: 3px 0px;
}

.ViewProfile ul.profile li span.rside span.col{
width: 49%;
margin: 3px 0px;
float:left;
}


.ViewProfile ul.profile li span span{
display:block;
}

.ViewProfile ul.profiletop{
float:left;
list-style-type:none;
width: 62%;
padding-left:2.5%;
padding-bottom:2%;
}

.ViewProfile ul.profiletop li{
display:block;
clear:both;
width: 100%;
padding: 4px 0;
font-size:1.1em;
line-height: 1.3em;
}


.ViewProfile ul.profiletop li .lside{
width:95px;
display:block;
float:left;
}

.ViewProfile ul.profiletop li .rside{
width:250px;
display:block;
float:left;
}

.ViewProfile ul.profiletop li .fside{
width:100%;
display:block;
float:left;
}

.ViewProfile ul.profiletop li.hl_info{
font-size:1.5em;
float:left;
font-weight:bold;
}

.ViewProfile ul.profiletop li span.fside span.col{
width: 49.5%;
margin: 3px 0px;
float:left;
}

.ViewProfile ul.profiletop li span.fside span.msg{
font-size:0.9em;
color:#777777;
overflow: hidden;
}


/* ==============  USER PROFILE FRIEND REQUESTS ==============*/
.ViewProfile ul.requests{
width: 100%;
list-style:none;
margin:0;
padding:0;
}

.ViewProfile ul.requests li{
	float:left;
	width:98%;
	padding: 2% 1%;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}
* html .ViewProfile ul.requests li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}


.ViewProfile ul.requests li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.ViewProfile ul.requests li:hover, .ViewProfile ul.requests li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.ViewProfile ul.requests li .tn{
float:left;
margin:4px;	
width:84px;
height:84px;
text-align:center;
padding: 0px 3px;
_padding: 0px;
display:block;
}

.ViewProfile ul.requests li .tn a:link, .ViewProfile ul.requests li .tn a:visited{
width:82px;
height:82px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */
cursor: pointer;
cursor: hand;
}

.ViewProfile ul.requests li .tn a:hover, .ViewProfile ul.requests li .tn a:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

.ViewProfile ul.requests li .tn a span{
width:80px;
height:80px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

.ViewProfile ul.requests li .desc{
float:left;
width:220px;

}
.ViewProfile ul.requests li .right{
text-align: right;
float:right;
width:auto;
height: 85px;

}


.ViewProfile ul.requests li .desc span{
display:block;
margin: 5px 0px;
}

.ViewProfile ul.requests li .msg{
margin-top:5px;
background:transparent url(../images/global/icons/start_quote.gif) no-repeat scroll left top;
}
.ViewProfile ul.requests li .msg span{
background:transparent url(../images/global/icons/end_quote.gif) no-repeat scroll right bottom;
padding: 0px 18px;
}

/* ==============  USER PROFILE PICTURE ==============*/
.UserProfile-Pic{
float:left;
width: 100%;
height:auto;
margin-bottom:15px;
}

.UserProfile-Pic img{
padding-bottom:5px;
}

.UserProfile-Pic:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.UserProfile-Pic img.user {
border: 1px solid #ddd;
padding:3px;
}

/* ==============  USER PROFILE EDIT ==============*/

.UserProfile-Edit .tabination ul.button{
width:100%;
}

.UserProfile-Edit{
float:left;
width: 100%;
height:auto;
margin-bottom:15px;
}

.UserProfile-Edit .functions{
float:left;
width: 90%;
height:auto;
padding:5px 0px 5px 20px;
text-align:left;
}

.UserProfile-Edit .alertbox{
float:left;
width:93%;
margin:1% 0% 0% 0%;
padding: 1% 2%;
height:auto;
}

* html .UserProfile-Edit .alertbox{
margin-left: 1%;
}

.UserProfile-Edit .header{
margin-bottom:0px;
}

.UserProfile-Edit .section{
float:left;
width: 100%;
height:auto;
padding: 0px 0px 20px 0px;
}

.UserProfile-Edit ul.profile{
clear:both;
list-style:none;
}

.UserProfile-Edit ul.profile li {
width:98%;
padding:6px 1%;
clear:both;
}

.UserProfile-Edit ul.profile li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.UserProfile-Edit ul.profile li .file{
width:60%;
float:left;
margin-right:2%;
}

.UserProfile-Edit ul.profile li.date .ans{
position:relative;
width:330px;
}

.UserProfile-Edit ul.profile li.date select {
width:70px;
}

.UserProfile-Edit ul.profile li.date select.one {
position:absolute;
left:0px;
}
.UserProfile-Edit ul.profile li.date select.two {
position:absolute;
left:75px;
}
.UserProfile-Edit ul.profile li.date select.three {
position:absolute;
left:150px;
}


.UserProfile-Edit ul.profile_add{
width:100%;
clear:both;
list-style:none;
}

.UserProfile-Edit ul.profile_add li{
width:100%;
padding: 3px 0px;
margin:2px 0px;
font-size:1em;
}
.UserProfile-Edit ul.profile_add li.altbg{
width:100%;
padding: 3px 0px;
margin:2px 0px;
background-color:#F7F7F7; /* user-defined : sidebar_list_altbg */
}

.UserProfile-Edit ul.profile_add li.wide{
width:99%;
padding: 3px 0px;
}

* html .UserProfile-Edit ul.profile_add li.wide{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 99%; /* for IE6 in standards mode */
}


.UserProfile-Edit ul.profile_add li span{
padding: 0px 3px;
}


.UserProfile-Edit ul.profile_add li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.UserProfile-Edit .uploadpic{
width: 96%;
padding-left:0%; /*Rio*/
position:relative;
}
.UserProfile-Edit .uploadpic .choose{ /*Rio*/
padding-left:4%;	
}

.UserProfile-Edit .draginstruct{
width: 110px; /*Rio*/
height: auto;
font-size:1em;
float:left; /*Rio*/
/*position:absolute;
top:170px;*/
font-weight:normal; /*Rio*/
text-align:left; /*Rio*/
}

.UserProfile-Edit .crop_thumb_frame{
float:left;
position:relative;
width:90px;
height:90px;
background-image:url(../images/global/avatar_crop_frame.gif)
}

.UserProfile-Edit .crop_thumb_frame .crop_thumb{
position:absolute;
top: 4px;
left: 4px;
}

.UserProfile-Edit .crop_thumb_div{
float:left;
min-width:90px;
min-height:90px;
position:relative;
padding:0;
margin:0;
margin-left:0px; /*Rio*/
background-image:url(../images/bgicons/light/loader.gif);
background-position:center center;
background-repeat:no-repeat;
}

.UserProfile-Edit .crop_thumb_div .overlaycrop{
position:absolute;
top:0;
left:0;
width:93%;
height:100%;
display:block;
background-color:#000;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;

}

.UserProfile-Edit .crop_thumb_frame .crop_thumb img{
border:1px solid #eee;
}

.UserProfile-Edit .uploadpic .smallinfo{
margin-left:10px;
}

.UserProfile-Edit .uploadpic img{
float:left;
margin-right:15px;
}

.UserProfile-Edit .uploadpic .cropthumb img{
margin:0;
}

.UserProfile-Edit .uploadpic input{ 
margin: 4px 0px;
}

.UserProfile-Edit .crop{
width:80px;
height:80px;
display:block;
float:left;
cursor: pointer;
cursor:move;
margin-right:15px;
}

.UserProfile-Edit ul.profile a{
font-size:1em;
padding: 5px;
}

.UserProfile-Edit ul.profile li span.qns{
float:left;
display:block;
width:125px;
font-weight:bold;
font-size: 1.1em;
line-height:20px;
padding-left: 25px;
text-align:right;
}

.UserProfile-Edit ul.profile li span.qns2{
float:left;
display:block;
width:150px;
font-weight:bold;
font-size: 1.1em;
color:#666;
line-height:20px;
padding-left: 25px;
}

.UserProfile-Edit ul.profile li span.ans{
float:left;
display:block;
margin-left: 5px;
width:540px;
}

.UserProfile-Edit ul.profile li span.enable{
display:block;
font-size:1.0em;
margin:3px 0px;
}

.UserProfile-Edit ul.profile li span.enable i{
font-size:0.9em;
margin-left:20px;
}

.UserProfile-Edit ul.profile li span.add{
padding-left: 20px;
}

.UserProfile-Edit ul.profile li span.set{
font-size:1.2em;
color:#666;
}

.UserProfile-Edit ul.profile li span.setlist{
display:block;
margin-left: 25px;
font-size:1em;
color:#666;
}

/*Rio*/
.UserProfile-Edit ul.profile_notification .subtitle .qns{
width:200px;
float:left;
margin-right:20px;
}
.UserProfile-Edit ul.profile_notification .subtitle .ans{
margin-right:30px;	
float:left;
}
.UserProfile-Edit ul.profile_notification li span.qns{
width:200px;
font-weight:normal;
margin-right:20px;
}
.UserProfile-Edit ul.profile_notification li span.ans{
width:200px;
}
.UserProfile-Edit ul.profile_notification li span.ans input{
margin-right:25px;	
}
/*Rio*/


.UserProfile-Edit input.textbox, .UserProfile-Edit select.list, .UserProfile-Edit textarea.area{
float:left;
font-size:1.1em;
color:#666;
margin:0px 3px 3px 0px;
vertical-align:middle;
padding: 2px;
}

.UserProfile-Edit input.error, .UserProfile-Edit select.error, .UserProfile-Edit textarea.error {
background-color:#FFFFCC;
border-color:#CC0000;
border-width:2px;
border-bottom-width:2px;	
border-style: solid;
padding: 2px;
}

.UserProfile-Edit input.textboxper, .UserProfile-Edit select.listper, .UserProfile-Edit textarea.areaper{
width: 95%;
float:left;
font-size:1.1em;
color:#777777;											/* input_txt_color */ 
margin:0px;
vertical-align:middle;
margin-bottom:3px;
background-color:#F7F7F7; 							/* plainbox_border_bg_color */
border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
border-style: dotted;								/* divider_style */	
border-color: #BBB;									/* divider_color */ 
padding: 2px;
}




.UserProfile-Edit ul.profile li span.ans .smallinfo {
color:#777777; /* user-defined : smallinfo_color */

}



.UserProfile-Edit .Invite, .Invite{
float:left;
width: 520px;
padding: 20px 15px 20px 0px;
}


* html .UserProfile-Edit .Invite{
\width: 535px; /* for IE5 and IE6 in quirks mode */
w\idth: 500px; /* for IE6 in standards mode */
}


.UserProfile-Edit .Invite .box, .Invite .box{
border-width: 1px;	
border-style: dotted;								/* divider_style */	
border-color: #BBB;									/* divider_color */ 
margin:0px;
padding:1%;
width:98%;
}

* html .UserProfile-Edit .Invite .box{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.UserProfile-Edit .Invite .subtitle{
	position:relative;
	clear:both;
	display:block;
	width: 96%;
	font-size:1.2em;
	font-weight:bold;
	margin: 2% 2% 2% 0;
	padding-left:4%;
	height: 20px;
	border-bottom:1px solid #333;
	background-image:url(../images/bgicons/light/subtitle_arrow.gif); /* user-defined : subtitle_arrow */
	background-position: bottom left;
	background-repeat:no-repeat;
}
* html .UserProfile-Edit .Invite .subtitle{
	\width: 100%; /* for IE5 and IE6 in quirks mode */
	w\idth: 96%; /* for IE6 in standards mode */
}

.InviteCol{
float:left;
width: 200px;
margin-top:20px;
}

.InviteCol .box{
background-color:#F7F7F7;							/* global_list_altbg */
border-width:1px;									/* divider_width */
border-style:solid;									/* divider_style */
border-color: #BBBBBB;								/* divider_color */
padding: 5px;
}

.InviteCol .box .title{
display:block;
margin: 4px 0px;
}

.InviteCol .scrollbox{
width: 98%;
height: 200px;
overflow:scroll;
overflow-x: hidden;
margin: 5px 0px;
}

ul.invited{
clear:both;
list-style:none;
}

ul.invited li {
width:98%;
padding: 1%;
clear:both;
}
* html ul.invited li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

ul.invited li:hover, ul.invited li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

ul.invited li input {
vertical-align:middle;
}

ul.invited li .guest {
float:left;
}
ul.invited li .actions {
float:right;
width: 20%;
text-align:right;
}

ul.invited li.hilite:hover, ul.invited li.hilite.hover{
background-color:#251F32; /* user-defined : hilite color */
}

ul.invited li .actions .pwidth{
width:116px;
font-size:1em;
}
ul.invited li .actions a {
padding:0px 2px;
}

ul.invited li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

ul.inbox{
clear:both;
list-style:none;
}

ul.inbox li {
	width:97%;
	padding: 1%;
	clear:both;
	background-position:3px top;   /* Rio add on 20090904 */
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}
* html ul.inbox li{
\width: 99%; /* for IE5 and IE6 in quirks mode */
w\idth: 97%; /* for IE6 in standards mode */
}

ul.inbox li.read{
background-image:url(../images/bgicons/light/read.png);
background-repeat:no-repeat;
padding: 1% 0 1% 3%;
}
ul.inbox li.unread{
background-image:url(../images/bgicons/light/unread.png);
background-repeat:no-repeat;
padding: 1% 0 1% 3%;
background-color:#ddd;  /*LING TAKE NOTE */
}
ul.inbox li.replied{
background-image:url(../images/icons/replied.png);
background-repeat:no-repeat;
padding: 1% 0 1% 3%;
}
ul.inbox li.sent{
background-image:none;
padding: 1% 0 1% 3%;
}

ul.inbox li:hover, ul.inbox li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

ul.inbox li .title{
display:block;
}

ul.inbox li.unread .title{
font-weight:bold;
font-size:1.1em;
}

ul.inbox li.unread .smallinfo{
font-weight:bold;
}
ul.inbox li.read .title, ul.inbox li.replied .title{
display:block;
font-weight:normal;
}
ul.inbox li.read a.userlink, ul.inbox li.replied a.userlink{
font-weight:normal;
}
ul.inbox li.read .smallinfo, ul.inbox li.replied .smallinfo{
font-weight:normal;
}

ul.inbox li input {
vertical-align:middle;
}

ul.inbox li .checkbox {
float:left; 
margin-right:2px;
}

ul.inbox li.sent a.userlink{
font-weight:normal;
}

ul.inbox li .sender, ul.inbox li .reciepients{
float:left;
width: 19%;
margin-left:1%;
}

ul.inbox li .msg {
float:left;
width: 59%;
margin-left:1%;
color:#777;					/* LING TAKE NOTE */
}

ul.inbox li .actions {
float:left;
width: 5%;
text-align:left;
}

ul.inbox li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Message h1{
float:left;
font-size:1.4em;
width: 73%;
}

.Message textarea{
height:100px;
margin:5px 0pt;
width:90%;
}

.Message .alertbox{
width:98%;
margin:0;
padding:1%;
}

ul.message{
clear:both;
list-style:none;
}

ul.message li {
	width:98%;
	padding: 1%;
	clear:both;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}
* html ul.message li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

ul.message li.read{
padding: 2% 0 2% 15px;
}

ul.message li.replied{
background-image:url(../images/bgicons/light/replied.png);
background-repeat:no-repeat;
padding: 1% 0 1% 15px;
}

ul.message li.read a.userlink, ul.message li.replied a.userlink{
font-weight:bold;
}
ul.message li.read .smallinfo, ul.message li.replied .smallinfo{
font-size: 0.9em;
font-weight:normal;
}

ul.message li input {
vertical-align:middle;
}

ul.message li .sender {
float:left;
width: 19%;
margin-left:1%;
}

ul.message li .msg {
float:left;
width: 75%;
margin-left:1%;
font-size:1.1em;
line-height: 1.3em;
}

ul.message li .actions {
float:left;
width: 12%;
text-align:left;
}

ul.message li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

/* ======================================================= SEARCH TAGS =========================================================*/
.SideSearch div{
padding: 5px;
overflow:hidden;
}

.SideSearch input{
width: 79%;
}

.SideSearch .hilite{
margin:0;
}

/* ======================================================= LIVE TAGS =========================================================*/
.LiveTags div{
padding: 5px;
overflow:hidden;
}

.LiveTags .content div{
width:154px;
overflow:hidden;
margin-right: -3px;
}

.LiveTags input{
width:130px;
}

.LiveTags a{
margin: 0px 3px;
}


.LiveTags .big{
font-size:1.7em;	/* PROGRAM GENERATED */ 
}
.LiveTags .med{
font-size:1.4em;	/* PROGRAM GENERATED */ 
}
.LiveTags .small{
font-size:1.2em;	/* PROGRAM GENERATED */ 
}
.LiveTags .x-small{
font-size:1em;		/* PROGRAM GENERATED */ 
}

.LiveTags .shade1{
color:#6e3e00;		/* PROGRAM GENERATED */ 
}
.LiveTags .shade2{
color:#af7222;		/* PROGRAM GENERATED */ 
}
.LiveTags .shade3{
color:#dcaa69;		/* PROGRAM GENERATED */ 
}
.LiveTags .shade4{
color:#beb999;		/* PROGRAM GENERATED */ 
}

/* ====================================================  USER CREATE PHOTO ALBUM ============================================*/

.UserAlbum-Create{
float:left;
width: 100%;
height:auto;
margin-bottom:15px;
border-width:1px 0px 0px 0px;						/* centerbox_border_width */ 		
border-style:dotted; 								/* centerbox_border_style */ 		
border-color:#888;									/* centerbox_border_color */ 
}

.UserAlbum-Create .PhotoAlbums ul.imgthumb{
padding-top: 5px;
padding-left:20px;
}

.UserAlbum-Create .selectall{
clear:both; padding: 3px 0px 3px 0px; 
float:left;
}

.selectall{
width: 96%;
clear:both; padding: 5px 5px; float:left;
}

.UserAlbum-Create .functions{
float:left;
width: 90%;
height:auto;
padding:5px 0px 5px 16px;
text-align:left;
}

.UserAlbum-Create .alertbox{
float:left;
width:92%;
height:auto;
padding:10px;
margin:5px 0px 5px 1em;
}

.UserAlbum-Create .header{
margin-bottom:0px;
}

.UserAlbum-Create .section{
float:left;
width: 100%;
height:auto;
padding: 0px 0px 20px 0px;
}

.UserAlbum-Create ul.create{
width:100%;
clear:both;
list-style:none;
}

.UserAlbum-Create ul.create li {
width:100%;
clear:both;
padding: 6px 0px;
line-height:22px;
}

.UserAlbum-Create ul.create li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.UserAlbum-Create ul.create a{
font-size:1em;
padding: 5px;
font-weight:bold;
}


.UserAlbum-Create ul.create li span.ans{
float:left;
display:block;
margin-left: 5px;
font-size: 1em;
}

.UserAlbum-Create ul.create li span.ans input{
vertical-align:text-bottom;
}

.UserAlbum-Create ul.create li span.ans span{
display:block;
clear:both;
font-size:1.1em;
}

.UserAlbum-Create ul.create li span.ans span i{
color:#777777; /* user-defined : smallinfo_color */

font-size:0.9em;
}

.UserAlbum-Create ul.create li span.qns{
float:left;
display:block;
width:100px;
font-weight:bold;
font-size: 1.1em;
color:#777;
line-height:20px;
padding-left: 25px;
text-align:right;
}

.UserAlbum-Create ul.create li span.qns2{
float:left;
display:block;
width:150px;
font-weight:bold;
font-size: 1.1em;
color:#666;
line-height:20px;
padding-left: 25px;
}

.UserAlbum-Create ul.create li span.qns3{
float:left;
display:block;
font-weight:bold;
font-size: 1.1em;
color:#777;
line-height:20px;
padding-left: 8px;
}

.UserAlbum-Create ul.create li span.add{
padding-left: 20px;
}

.UserAlbum-Create ul.create li span.set{
font-size:1.2em;
color:#666;
}

.UserAlbum-Create ul.create li span.setlist{
display:block;
margin-left: 25px;
font-size:1.2em;
color:#666;
}

.UserAlbum-Create input.check{
margin-left:20px;
}



/* ====================================================  USER CREATE BLOG ============================================*/

.UserBlog-Create{
float:left;
width: 100%;
height:auto;
margin-bottom:15px;
}

.UserBlog-Create .functions{
float:left;
width: 90%;
height:auto;
padding:5px 0px 5px 20px;
text-align:left;
}

.UserBlog-Create .alertbox{
float:left;
width:92%;
height:auto;
padding:10px;
margin:5px 0px 5px 1em;
}

.UserBlog-Create .header{
margin-bottom:0px;
}

.UserBlog-Create .section{
float:left;
width: 100%;
height:auto;
padding: 0px 0px 20px 0px;
}

.UserBlog-Create .section span{
display:block;
}
.UserBlog-Create .section span i{
color:#777777;
font-size:0.9em;

}


.UserBlog-Create table{
width:90%;
margin-left:25px;
clear:both;
font-size:1em;
color:#999;

}

.UserBlog-Create .blog{
width:96%;
margin:0 2%;
}

* html .UserBlog-Create .blog{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

.UserBlog-Create span.qns{
display:inline;
font-weight:bold;
font-size: 1.1em;
line-height:20px;
}

.UserBlog-Create span.star, .UserBlog-Create span.small_txt{
display:inline;
}

.UserBlog-Create input.check{
margin-left:20px;
}


.UserBlog-Create ul.category{
clear:both;
list-style:none;
margin-left:5px;
}

.UserBlog-Create ul.category li{
width:100%;
padding: 3px 0px;
margin:2px 0px;
}

.UserBlog-Create ul.category li.wide{
width:96%;
padding: 3px 0px;
margin:2px 0px 0px 8px;
}

.UserBlog-Create ul.category li span{
padding: 0px 3px;
}

.UserBlog-Create ul.category li .txt{
font-size:1.1em;
}

.UserBlog-Create ul.category li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}


/* ===================================================  TEMPLATE AJAX POP UP BOX =====================================================*/
.overlay{
width: 100%;
height: 100%;
position:fixed;
_position:absolute;
width: 2000px;
height: 2000px;
overflow-x:hidden;
z-index:999;
background:#000000;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
_top:0;
_left:0;
}


.overlay iframe.hack{
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width: 2000px;/*must have for any big value*/
height: 950px;/*must have for any big value*/
}

.ajax_box_wrap{
position:fixed;
_position:absolute;
left:50%;
top:28%;
margin-left: -300px;
width:700px;
z-index:1000;
}

.ajax_box_wrap_top{
display:block;
width:700px;
height: 12px;
background-image:url(../images/global/ajax_shadow_top.png);
background-repeat: no-repeat;
}
.ajax_box_wrap_bot{
clear:both;
display:block;
width:700px;
height: 12px;
background-image:url(../images/global/ajax_shadow_bot.png);
background-repeat: no-repeat;
}
.ajax_box_wrap_mid{
width:676px;
display:block;
padding: 0px 12px;
background-image:url(../images/global/ajax_shadow_mid.png);
background-repeat: repeat-y;
border: 0px;
float:left;
}


/* ===================================================  NORMAL AJAX POP UP BOX =====================================================*/
.ajax_box{
position:fixed;
_position:absolute;
left:50%;
top:28%;
margin-left: -300px;
width:700px;
z-index:1000;
}

.ajax_box iframe.hack{
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width: 2000px;/*must have for any big value*/
height: 950px;/*must have for any big value*/
}

.ajax_box_top{
display:block;
width:600px;
height: 12px;
background-image:url(../images/global/ajax_shadow_top.png);
background-repeat: no-repeat;
}
.ajax_box_bot{
clear:both;
display:block;
width:600px;
height: 12px;
background-image:url(../images/global/ajax_shadow_bot.png);
background-repeat: no-repeat;
}
.ajax_box_mid{

width:576px;
display:block;
padding: 0px 12px;
background-image:url(../images/global/ajax_shadow_mid.png);
background-repeat: repeat-y;
border: 0px;
float:left;
z-index:99999999;
}

.ajax_box_mid .content{
position: relative;
width:100%;
background-color:#fff;
float:left;
padding-bottom:15px;
}

.ajax_box_mid .closex a:link, .ajax_box_mid .closex a:visited, .ajax_box_mid .closex a:hover, .ajax_box_mid .closex a:active{ 
position:absolute;
top: 6px;
right: 6px;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
}


.ajax_box .altbg{
background-color:#F7F7F7; /* user-defined : sidebar_list_altbg */
}

.ajax_box ul.requests{
width: 100%;
list-style:none;
padding:0px;
margin:0;
float:left;
}

.ajax_box ul.requests li{
	float:left;
	width:96%;
	padding: 2% 1%;
	border-width: 0px 0px 1px 0px;						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}
* html #ajax_box ul.requests li{
\width: 98%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}


.ajax_box ul.requests li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.ajax_box ul.requests li:hover, #ajax_box ul.requests li.hover{
background-color:#f5ffec;                                         /* global_list_hoverbg */
}

.ajax_box ul.requests li .pic{
float:left;
width:50px;
margin-right:10px;
text-align:center;
}

.ajax_box ul.requests li .descwide{
float:left;
width:70%;
}

.ajax_box ul.requests li .desc{
float:left;
width:50%;
}
.ajax_box ul.requests li .desc2{
float:left;
width:35%;
}
.ajax_box ul.requests li .keyin{
float:left;
width:25%;
}

#ajax_box ul.requests li .confirm{
width:40%;
float:right;
text-align:right;
}

.ajax_box ul.requests li .desc span{
display:block;
margin: 5px 0px;
}

.top_title{
margin:0 0 0 20px;
font-size:1.1em;
font-weight:bold;
line-height:30px;
}
.ajax_box .top_bg{
float:left;
background:url(../images/global/gloss.png) repeat-x;
background-color:#AE000B; /* LING TAKE NOTE */
color:#fff;
width:100%;
height:30px;
}

.ajax_box .help{
float:left;
width:670px;
padding:10px 10px 0 0;
text-align:right;
font-size:1.4em;
color:#A296AF;
font-weight:bold;
background-color:#1a1a1a;
}

.ajax_content{
float:left;
width:100%;

}

.ajax_content img.left{
margin-right: 15px;
margin-bottom:20px;
}

.ajax_left{
float:left;
width:348px;
padding:1% 0 0 2%;
}

.ajax_left_wide{
float:left;
width:550px;
padding:1% 0 0 2%;
}

.ajax_left .alertbox{
width:93%;
}

.ajax_wide{
width: 98%;
}

.ajax_right{
float:right;
width:200px;
margin-right:8px;
}
.ajax_rightC{
margin:0 0px 10px 0;
padding:10px 10px 10px 10px;
}

.cue{
font-weight:bold;
font-size:1em;
}

.ajax_wide p span{
display: block;
padding: 0px 0px 5px 0px;
}

.ajax_current{
font-size:1.1em;
color: #666666;
font-weight:bold;
margin:5px 0 0 0;
}
.ajax_currentL{
float:left;
width:100px;
}
.ajax_currentR{
font-weight:normal;
}

.email_input{
height:12px;
font-size:1em;
}

.cue_p{
float:left;
color:#666;
width:320px;
}
.cue_pw{
float:left;
width:100px;
}
.cue_pEmail{
font-weight:bold;
}
.ajax_back{
margin: 10px 2%;
}
.ajax_content .photothumb{
width:90px;
float:left;
margin-right:10px;
}


.email_input{
height:12px;
font-size:1em;
}

.cue_p{
float:left;
color:#666;
width:320px;
}
.cue_pw{
float:left;
width:100px;
}
.cue_pEmail{
font-weight:bold;
}
.ajax_back{
margin: 10px 2%;
}
.ajax_content .photothumb{
width:90px;
float:left;
margin-right:10px;
}

/* ===================================================  Wide AJAX POP UP BOX =====================================================*/
/* Rio Add on 20100115 */
.popup-wide, .Game-invite{
	margin-left:-453px;
	margin-top:-105px;
	width:910px;
}
.popup-wide .ajax_box_top, .Game-invite .ajax_box_top {
	background-image:url(../images/global/ajax_temp_shadow_top.png);
	width:100%;
}
.popup-wide .ajax_box_mid, .Game-invite .ajax_box_mid {
	background-image:url(../images/global/ajax_temp_shadow_mid.png);
	width:886px;
}
.popup-wide .ajax_box_bot, .Game-invite .ajax_box_bot {
	background-image:url(../images/global/ajax_temp_shadow_bot.png);
	width:100%;
}

/* ===================================================  TEMPLATE POPUP =====================================================*/
.ajax_box_temp_wrap{
position:fixed;
_position:absolute;
left:50%;
top:50%;
margin-left: -453px;
margin-top: -265px;
width:910px;
overflow:hidden;
z-index:1000;
}

.ajax_box_temp_wrap iframe.hack{
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width: 2000px;/*must have for any big value*/
height: 950px;/*must have for any big value*/
}

.ajax_box_temp_wrap_top{
display:block;
width:910px;
height: 12px;
background-image:url(../images/global/ajax_temp_shadow_top.png);
background-repeat: no-repeat;
}
.ajax_box_temp_wrap_bot{
clear:both;
display:block;
width:910px;
height: 12px;
background-image:url(../images/global/ajax_temp_shadow_bot.png);
background-repeat: no-repeat;
}
.ajax_box_temp_wrap_mid{
position:relative;
width:886px;
height:505px;
display:block;
padding: 0px 12px;
background-image:url(../images/global/ajax_temp_shadow_mid.png);
background-repeat: repeat-y;
border: 0px;
float:left;
}

.ajax_box_temp_wrap_mid iframe{
z-index:5555;
background-color:#000;
}

.ajax_box_temp{
width:886px;
height:505px;
background-color:#FFFFFF;
float:left;
z-index:555555;
overflow:hidden;
}


.ajax_box_temp_wrap_mid a.closex:link, .ajax_box_temp_wrap_mid a.closex:visited, .ajax_box_temp_wrap_mid a.closex:hover, .ajax_box_temp_wrap_mid a.closex:active{ 
position:absolute;
top: 6px;
right: 6px;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
width:20px;
}
.ajax_box_loading{
	background:url(../images/global/icons/loader2.gif) center no-repeat;
	width:43px;
	height:11px;
	display:block;
	position:fixed;
	_position:absolute;
	left:49%;
	top:45%;
	}

/* ===================================================  ADMIN =====================================================*/

.Admin{
float:left;
width: 100%;
height:auto;
margin-bottom:15px;
}

.Admin p{
font-size:1.1em;
padding: 5px 0px;
line-height: 1.5em;
}

.Admin p input{
margin: 0px 4px;
vertical-align:middle;
}

.Admin .section{
float:left;
width: 100%;
height:auto;
padding: 0px 0px 20px 0px;
}

.Admin ul.categories{
clear:both;
list-style-type:none;
}

.Admin ul.categories li.wide{
list-style-type:square;
list-style-position:inside;
}

.UserProfile-Edit ul.categories{
width:100%;
clear:both;
list-style:none;
}

.Admin ul.categories li{
clear:both;
width:35%;
padding: 3px 0px;
margin:2px 1%;
}

.Admin ul.categories li.altbg{
width:100%;
padding: 3px 0px;
margin:2px 0px;
background-color:#F7F7F7; /* user-defined : sidebar_list_altbg */
}

.Admin ul.categories li.wide{
width:95%;
padding: 5px 0px 5px 2%;
margin:0px 1% 0px 1%;
}

* html .Admin ul.categories li.wide{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 95%; /* for IE6 in standards mode */
}


.Admin ul.categories li span{
padding: 0px 3px;
}

.Admin ul.categories li .txt{
font-size:1.1em;
}

.Admin ul.categories li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Admin ul.custom{
width: 550px;
list-style:none;
margin:1%;
padding:0px;
}


.litoggle_s{
position: absolute;
top: 0px;
right: 17px;
text-align:right;
}
.litoggle_m{
position: absolute;
top: 0px;
right: 0px;
text-align:right;
}

.Admin ul.custom li{
position: relative;
width:508px;
display:block;
padding: 8px 20px;
margin: 4px 0px;
font-weight:bold;
border-width:1px;
border-style:dotted;
border-color:#BBBBBB; /* ling 18june */
text-decoration:none;
font-size:1.2em;
color:#444444;
}

.Admin ul.custom li:hover{
border-width:1px;
border-style:solid;
border-color:#6CBC39;  /* ling 18june */
background-color:#f5ffec; 									/* USER DEFINED */		/* global_list_hoverbg */ 		/* color picker */   /* ling 18june */
color:#111; 										/* USER DEFINED */		/* centercol_title_color */ 			/* color picker */   /* ling 18june */
cursor:move;
}

.Admin ul.custom li a.iconlink{
width:auto;
display:inline;
text-decoration:none;
font-size:0.9em;
border:0px;
position:absolute;
top: 3px;
padding:0px;
}

.Admin ul.custom li a:hover.iconlink{
color:#026127; /* ling 18june */
border:0px;
}

.Admin ul.custom li a.iedit{
top: 4px;
font-size:0.85em;
font-weight:normal;
right: 63px;
}
.Admin ul.custom li a.idelete{
right: 38px;
}


.Admin ul.custom li .icon{
padding:0px 0px 0px 0px;
}

.Admin ul.custom li span{
display:inline-block;
}

.Admin ul.custom li span.ok{
width:200px;
display:inline-block;
}

.Admin ul.custom li .instruct{
font-size:0.85em;
font-weight:normal;
color:#777777;											/* smallinfo_color */
padding-left:15px;
}

.Admin ul.custom li:hover, .Admin ul.custom li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Admin ul.custom li.add:hover, .Admin ul.custom li.add.hover{
background-color:#DDD;                                         /* LING TAKE NOTE */
}

.Admin ul.custom li ul li{
position: relative;
list-style-type:none;
width:490px; 
height: 20px;
line-height:20px;
clear:both;
color:#777777;		/* ling 18june */									/* smallinfo_color */
font-size:0.9em;
font-weight:normal;
padding: 0px 1px 0px 15px;
margin: 3px 0px;
_margin: 1px 0px;
border-width:1px;
border-style:dotted;
border-color:#fff; /* ling 18june */
}

.Admin ul.custom li ul li:hover{
width:490px; 
border-width:1px;
border-style:dotted;
border-color:#BBBBBB; /* ling 18june */
background-color:#fff;
padding: 0px 0 0px 15spx;
}

.Admin ul.custom li ul li a{
text-decoration:none;
font-size:0.9em;
}

.Admin ul.custom li ul li a.icon{
text-decoration:none;
font-size:0.9em;
border:0;
}

.Admin ul.custom li ul li span{
display:inline-block;
width:400px;
}


.Admin ul.custom li.add{
font-size:1.0em;
font-weight:normal;
margin-top:20px;
border-style:solid;
color: #111; /* ling 18june */
}

.Admin ul.custom li.add span.activate{
vertical-align:top;
}

.Admin ul.custom li.add span.desc{
width:500px;
}

.Admin ul.custom li.add span.desc input{
vertical-align:middle;
margin:2px 0px;
}

.Admin ul.modules{
width: 96%;
list-style:none;
margin:1%;
padding:0px;
}

.Admin ul.modules li{
padding: 8px 0px; 
display:inline-block; 
width:100%;
}

.Admin ul.modules li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Admin ul.modules li:hover, .Admin ul.modules li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Admin ul.modules li span.activate{
float:left;
width: 150px;
text-align:left;
font-size:1.2em;
font-weight:600;
margin-left:15px;
}

.Admin ul.modules li span.desc{
float:left;
font-size:1em;
color:#666;
}

.Admin ul.modules li span.desc span{
display:block;
}

.Admin ul.modules li span.home{
float:right;
width: 100px;
margin-left:15px;
text-align:center;
}

.Admin ul.modules li span.items{
font-size:1em;

font-weight:bold;
color:#666;
}

.Admin ul.modules li span.featured{
display:block;
float:right;
width:78%;
}

ul.customize{
clear:both;
list-style:none;
}

.Template ul.customize li{
width:100%;
padding: 4px 0px;
_padding: 2px 0px;
margin:0px;
_margin: 0px;
}

ul.customize li.wide{
width:96%;
padding: 3px 0px;
margin:2px 0px 0px 8px;
}

ul.customize li.choose .xlwidth input{
float:left;
}

ul.customize li span{
padding: 0px 3px;
}

ul.customize li .txt{
font-size:1.1em;
}

ul.customize li .smallinfo{
font-size:0.95em;
}

ul.customize li input[type=text], ul.customize li select, ul.customize li textarea{
float:left;
color:#555;
font-style:normal;
}

ul.customize li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

ul.customize li .image{
float:left;
width: 48px;
height:20px;
margin:0px 3px;
border: 1px solid #ccc;
}
ul.customize li .color{
float:left;
display:block;
width: 12px;
height:16px;
margin:0px 3px;
border: 1px solid #ccc;
}
ul.customize li .browse{
font-size:11px;
}

.Admin ul.questions{
width: 100%;
list-style:none;
margin:0;
padding:0;
}

.Admin ul.questions li{
float:left;
width: 98%;
margin:0 0 1% 0;
padding: 2% 1%;	
}

.Admin ul.questions li.add{
float:left;
width: 98%;
margin:0 0 1% 0;
padding: 0% 1%;	
}

* html .Admin ul.questions li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Admin ul.questions li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Admin ul.questions li.activated{
background-color:#DDD; /* LING TAKE NOTE */
}

.Admin ul.questions li .title{
font-size:1.1em;
display:block;
background-image:url(../images/udefine/subtitle_arrow.gif); 	/* IMAGE PACK */
background-position:bottom left;
background-repeat:no-repeat;
padding:0px 0 3px 20px;
margin-bottom:3px;
}

.Admin ul.questions li .lside{
float:left;
width:81%;
margin-bottom:5px;
}

.Admin ul.questions li .rside{
float:left;
width:18%;
padding-top:20px;
}

.Admin ul.questions li .multi{
clear:both;
width:100%;
display:inline-block;
border-width:0px;
border-top-width:1px;
border-style: dotted;								/* divider_style */	
border-color: #BBB;									/* divider_color */
padding-top:1%;
}

.Admin ul.questions li input{
margin-right:3px;
}
.Admin ul.questions li .multi .textbox{
margin-top:2px;
padding:3px;
color:#888;
border-width: 0px 0px 1px 1px;						
border-style: solid;								
background-color:#fff;							/* input_bg_color */ 			/* color picker */
border-color:#bbb;								/* USER DEFINED */		/* input_border_color */ 		/* color picker */
}

input.textboxper, select.listper, textarea.areaper {
background-color:#fff;
border:1px solid #BBB;
color:#666666;
float:left;
font-size:1.2em;
margin:0px 0px 3px;
padding:2px;
vertical-align:middle;
width:95%;
}


/* ======================================================== SUPER ADMIN ==========================================================*/
.Superadmin{
width:100%;
}

.Superadmin .alertbox{
width:98%;
margin:0;
padding:1%;
border-left:0px;
border-right:0px;
font-weight:bold;         
}

* html .Superadmin .alertbox{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}

.Superadmin .photothumb{
position:relative;
}

.Superadmin .photothumb .star{
position:absolute;
top: -6px;
left:4px;
}


.Super_filter{
color:#777;    /* LING TAKE NOTE */
font-size:1.1em;
padding:8px;
margin: 8px 0px;
}

.Super_filter input, .Super_filter select{
margin:0px 2px;
}

.Super_filter label{
font-size:0.9em;
}

.Super_filter .search{
display:inline;
width:auto;
font-size:1.1em;
font-weight:bold;
height: 20px;
background-color:#EEEEEE;   /* LING TAKE NOT */
padding:6px;
margin:2px 10px;
text-decoration:none;
}

.Super_filter .search a:hover{
text-decoration:none;
}

.Super_sort{
font-size:1.1em;
margin: 8px 0px;
}

.Super_sort .col{
width:50%;
}

.Superadmin .selectdel input{
font-size:1em;
}

.Superadmin table{
padding:0;
margin:0;
border:0;
table-layout:fixed;
}

.Superadmin table td{
font-size: 1em;
font-style:normal;
color:#777777;    /* LING TAKE NOTE */
padding:8px 2px;
border:0;
margin:0;
text-align:left;
word-break: break-word;
overflow:hidden;
}

.Superadmin table tr:hover, .Superadmin table tr.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}	

.Superadmin table tr.disabled td.cline a:link, .Superadmin table tr.disabled td.cline a:visited, .Superadmin table tr.disabled td, .Superadmin table tr.disabled td span.correct{
color:#777777;
}
.Superadmin table tr.disabled td.cline img{
	opacity: 0.25;
	-moz-opacity: 0.25;
	filter: alpha(opacity=25);

}

.Superadmin table td.header{
background:none;
height:20px;
font-size: 0.9em;
font-weight:bold;
font-style:normal;
color:#555;	/* LING TAKE NOTE */
padding:0px 4px;
background-color:#EEE;                                         /* global_list_hoverbg */
margin:0;
text-align:left;
}

.Superadmin table td.sort a:link, .Superadmin table td.sort a:visited{
background-image:url(../images/global/icons/sortarrow.gif);
background-repeat:no-repeat;
background-position:top right;
padding: 1px 15px 0px 0;
}
.Superadmin table td.sort a.asc:link, .Superadmin table td.sort a.asc:visited{
background-image:url(../images/global/icons/sortarrow.gif);
background-repeat:no-repeat;
background-position:center right;
padding: 1px 15px 0px 0;
}
.Superadmin table td.sort a.des:link, .Superadmin table td.sort a.des:visited{
background-image:url(../images/global/icons/sortarrow.gif);
background-repeat:no-repeat;
background-position:bottom right;
padding: 1px 15px 0px 0;
}
.Superadmin table td.sort a:hover, .Superadmin table td.sort a:active{
color:#555;/* LING TAKE NOTE */
text-decoration:none;
}

.Superadmin table td.sort:hover a{
text-decoration:none;
}

.Superadmin .cline{
border-width: 0px;
border-right-width: 1px;			/* divider_width */
border-style:solid;
border-color: #CCCCCC;		/* USER DEFINED */	/* plainbox_border_color */
}

.actual{
display:block;
clear:both;
padding: 5px 0px;
font-size:1.1em;
font-weight:bold;
}

/* ======================================================== JOIN BOX ==========================================================*/
.Joinbox{
padding: 2% 0;
background-color:#F7F7F7;					/*plainbox_border_bg_color*/
border-width: 1px;
border-style:solid;
border-color: #CCCCCC;						/* plainbox_border_color */ 
margin-bottom:20px;
}

.Joinbox span.remember{
display:block;
text-align:left;
}
.Joinbox span.remember span{
margin-left:2px;
}

.Joinbox span.forgot{
display:block;
text-align:center;
}

.Joinbox span.forgot a{
color:#444; /* Ling Take Note same as body color*/
}

.Joinbox input{
margin:3px 0px;
}

.Joinbox .signin{
padding: 2px 5px;
}

.Joinbox .register{
padding: 2px 5px;
font-size:1.1em;
text-align:center;
font-weight:bold;
}

.Joinbox .divider{
height: 5px;
}

.Joinbox .textbox_home{
width:94%;
background-color:#fff;
border:1px solid #ccc;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial;
font-size:1.1em;
padding:2px;
vertical-align:middle;
}

.Joinbox .action{
font-weight:bold;
padding: 2px 0px;
margin: 6px 0px;
width:100%;
}

.Joinbox{
float:left;
width: 100%;
height:auto;
}

.Joinbox .section{
float:left;
width: 100%;
height:auto;
padding: 0px 0px 20px 0px;
}


.Joinbox ul.profile{
clear:both;
list-style:none;
}

.Joinbox ul.profile li {
width:100%;
padding: 6px 0px;
clear:both;
}

.Joinbox ul.profile li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Joinbox ul.profile a{
font-size:1em;
padding: 5px;
}

.Joinbox ul.profile li span.ans{
float:left;
display:block;
margin-left: 5px;
font-size: 1em;
width:530px;
}

.Joinbox ul.profile li span.qns{
float:left;
display:block;
width:120px;
font-weight:bold;
font-size: 1.1em;
color:#777777;
line-height:20px;
padding-left: 25px;
text-align:right;
}

.Joinbox .star{
font-size:1em;
font-weight:bold;
}

.Access .accesspic{
float:left;
display:block;
width:90px;
}

.Access .accesserror{
float:left;
display:block;
width:540px;
margin-left: 10px;
margin-top:0px;
}

.Access ul.profile li span.ans{
float:left;
display:block;
margin-left: 5px;
width:250px;
}

.Access ul.profile li span.qns{
text-align:left;
padding-left:0px;
}

/* ======================================================== NEW ACTIONS ==========================================================*/
.NewActions{
float:left;
width:575px;
overflow:hidden;
}

.NewActions h2{
position:relative;
width:100%;
font-size:1.2em;
color:#6e3e00;			/* subject_link_color */
text-align:center;
margin-top:8px;
}

.NewActions h2 .hide{
position:absolute;
top: 5px;
right: 15px;
font-size:0.75em;
font-weight:normal;
}


.NewActions .col{
float:left;
width:29%;
padding: 1%;
border-width: 1px;
border-style: dotted;														/* divider_style */	
border-color: #BBB;															/* divider_color */ 
background-color:#fff;														/* body_content_bgcolor */
margin:4px;
text-align:center;
overflow:hidden;
}

.NewActions .col{
\width: 31%; /* for IE5 and IE6 in quirks mode */
w\idth: 29%; /* for IE6 in standards mode */
}


.NewActions ul.feature{
float:left;
list-style-type:none;
width: 100%;
text-align:center;
}

.NewActions ul.feature li{
width: 96%;
padding: 10px 2% 0px 2%;
line-height: 18px;
font-size:1.1em;
text-align:left;
overflow:hidden;
}

* html .NewActions ul.feature li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

.NewActions ul.feature span.info{
width:100%;
overflow:hidden;
}

.NewActions ul.feature li:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.NewActions ul.actionlist{
list-style-type:square;
list-style-position:inside;
margin:0;
margin-left:4%;
padding: 0px 0px;
}

.NewActions ul.actionlist li{
font-size:1.1em;
line-height:18px;
color: #6e3e00;															/* subject_link_color */
text-align:left;
margin:0;
padding: 0px;
line-height:22px;
text-align:left;
overflow:hidden;
}




/* ======================================================== ABOUT US ==========================================================*/

.About{
width: 100%;
overflow:hidden;margin-right: -1000px;
}

.About p{
font-size:1.1em;
line-height:1.6em;
margin:10px 0px;
}

.About ul{
padding:0;
margin:0;
list-style-position:inside;
list-style:none;
line-height:1.6em;
}

.About ul li{
font-size:1.3em;
font-weight:bold;
padding: 3px 0px;
}

.About ul li ul li{
font-size:0.85em;
font-weight:normal;
margin: 3px auto;
padding-left:15px;
list-style:disc; 
list-style-position:inside;
}

.About ul li ul li ul li{
font-size:1em;
font-weight:normal;
margin: 3px auto;
padding-left:15px;
list-style:circle; 
list-style-position:inside;
}

.About ul.form{
clear:both;
list-style:none;
}

.About ul.form li {
width:100%;
padding: 6px 0px;
clear:both;
font-size:1.1em;
}

.About ul.form li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.About ul.form li .qns{
width:100px;
float:left;
margin-right:2%;
text-align:left;
}

.About ul.form li .qnsauto{
width:auto;
float:left;
margin-right:2%;
text-align:left;
}

.About ul.form li .ans{
width:230px;
float:left;
font-weight:normal;
font-size:0.9em;
}

.About ul.form li .error{
width:180px;
float:left;
font-size:0.9em;
}


/* ======================================================== ERROR PAGE ==========================================================*/
.WrapContent {
float:left;
display: inline;
width:90%;
padding:3% 5%;
height:auto;
background-color:#fff;							/* USER DEFINED */		/* body_content_bgcolor */ 			/* color picker */ 
}

* html .WrapContent{
\width: 90%; /* for IE5 and IE6 in quirks mode */
w\idth: 80%; /* for IE6 in standards mode */
}

.WrapContent .break {
line-height: 0.5em;
}

.WrapContent .header {
float: left;
display: inline;
width: 100%;
line-height: 1.6em;
height: auto;
font-size: 1.1em;
}

.WrapContent .header .photo {
float: left;
display: inline;
width: 190px;
height: auto;
margin: 15px 50px 0 0;
display: block;
}

.WrapContent .header .desc {
float: left;
display: inline;
width: 650px;
}
.WrapContent .header .desc2 {
float: left;
display: inline;
width: 100%;
text-align:center;
}

.WrapContent .linkBreak {
margin: 15px 0 0 0;
float: left;
display: inline;
}

.WrapContent .header .desc p.title {
font-size: 4em;
color: #fd0303;
padding: 10px 0;
margin: 15px 0;
}

.WrapContent .header .desc2 p.title {
font-size: 2.8em;
color: #222;
padding: 8px 0;
margin: 10px 0;
margin-top:15px;
}

.WrapContent .header .desc p {
font-size: 1.1em;
padding-bottom: 5px;
}

.WrapContent .searchBox {
float: left;
display: inline;
width: 98%;
background-color:#F7F7F7;                           /* USER DEFINED */		/*altbg*/            
border-width: 1px 1px 1px 1px;						/* USER DEFINED */		/* divider_width */ 		/* DEFAULT = 0px 0px 1px 0px */
border-style: dotted;
border-color: #BBB;									/* USER DEFINED */		/* divider_color */ 							 /* USER DEFINED */			
padding: 1%;
margin: 30px 0;
}

.WrapContent .searchBox .title {
float: left;
display: inline;
width: 30%;
text-align: right;
margin: 3px 10px;
font-size:1.6em;									/* USER DEFINED */		
font-weight: bold;
										
}

.WrapContent .searchBox .fillbox {
float: left;
display: inline;
width: 55%;
}

.WrapContent .searchBox .textbox {
width: 300px;
margin:2px 0;
}

.WrapContent .searchBox .select {
width: 70px;
}

.WrapContent .sitemap {
width: 100%;
}

.WrapContent .sitemap td {
width: 20%;
padding: 0 5px 25px 5px;
font-size: 1.0em;
line-height: 1.5em;
vertical-align:top;
}

.WrapContent .sitemap td .title {
font-size: 1.1em;
font-weight: bold;
}

.specialtag{	
position:absolute;
top:2px;
right:2px;
font-weight:bold;
background-color:#f0f0f0; /*LING TAKE NOTE*/
padding:4px 8px;
z-index:5;
}

/* ======================================================== SEARCH PAGE ==========================================================*/
.Search {
width:100%;
position:relative;
float:left;
display: inline;
padding-bottom:25px;
}

.Search ul{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}

.Search ul li{
	position:relative;
	width: 96%;
	float:left;
display: inline;
	display:block;
	padding: 6px 2%;
	border-width: 0px;
border-bottom-width:1px;							/* divider_width */ 						/* divider_width */	
	border-style: dotted;								/* divider_style */	
	border-color: #BBB;									/* divider_color */ 
}

* html .Search ul li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 96%; /* for IE6 in standards mode */
}

/* Hides from IE-mac \*/
* html .Search ul li {height: 1%;}
/* End hide from IE-mac */

.Search ul li:hover, .Search ul li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Search ul li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Search ul li .info{
position:relative;
float:left;
display: inline;
width:145px;
margin: 0px 5px 0px 0px;
}

.Search ul li img{
margin: 0px 5px 0px 0px;
}

.Search ul li span span{
display:block;
}
.Search ul li .thumb{
width:60px;
height:60px;
}


.Search ul.list{
float:left;
display: inline;
list-style-type:none;
width: 100%;
}


.Search ul.list li{
width: 98%;
padding: 10px 1%;
}


* html .Search ul.list li{
\width: 100%; /* for IE5 and IE6 in quirks mode */
w\idth: 98%; /* for IE6 in standards mode */
}


.Search ul.list li .photothumb{
display:inline;
width:85px;
text-align:center;
}


.Search ul.list li img{
margin: 0px 5px 0px 0px;
}

.Search ul.list li img.star{
margin-right: 3px;
}

.Search ul.list li .info{
float:left;
display: inline;
width:55%;
line-height: 1.4em;
margin: 0 0 0 1%;
}

.Search ul.list li .wide{
width:80%;
padding-left:1%;
}

.Search ul.list li .info i{
font-size:0.9em;
padding-left:5px;
}

.Search ul.list li .status{
float:left;
display: inline;
display:block;
width:100%;
color:#777777;											/* smallinfo_color */
margin: 2px 0px 0px 0px;
padding:0;
font-size:1em;
line-height: 1.3em;
}

.Search ul.list li .status span{
padding-right: 3%;
}

.Search ul.list li .status .i_friend{
width:15px;
height:15px;
background-repeat:no-repeat;
padding-right: 1%;
}
.Search ul.list li .status .i_await{
width:15px;
height:15px;
background-repeat:no-repeat;
padding-right: 1%;
}
.Search ul.list li .status .i_msg{
width:15px;
height:15px;
background-repeat:no-repeat;
padding-right: 1%;
}

.Search ul.list li:hover, .Search ul.list li.hover{
background-color:#f5ffec;                                         /* global_list_hover */
}

.Search ul.list li span span{
width:100%;
clear:none;
padding:3px 0px;
font-size:1.1em;
line-height: 1.5em;
}

.Search ul.list li span .smallinfo, .Search ul.list li span.views, .Search ul.list li span.posts, .Search ul.list li span.dates{
font-size:1em;
line-height: 1.3em;
}

.Search ul.list li .status span{
float:left;
display: inline;
display:inline;
clear:none;
width:auto;
font-size:1em;
}

.Search ul.list li .actions{
float:right;
display: inline;
display:block;
width:18%;
line-height: 1.4em;
margin-top:28px;
}

.Search ul.list li .threadinfo{
display:inline;
display:block;
width:85px;
float:left;
overflow:hidden;
}

.Search ul.list li .threaddes{
display:inline;
display:block;
padding-left:1%;
margin:0 0 0 1%;
width:80%;
float:left;
}
.search-category{
	font-size:1.1em;
	font-weight:bold;
	}
.Search .search-view-all{
	font-weight:bold;
	margin:10px 0;
	}

.awaiting{
margin-top:12px;
color:#777777;											/* smallinfo_color */
}

.word-wrap ul li span{word-break: break-word;}

.loading{
margin-top:25px;
text-align:center;
}


/* ======================================================== AJAX AUTOCOMPLETE ==========================================================*/

.autocom{
position:relative;
margin-top:3px;
}

.autolist{
position:absolute;
top:20px;
*top: 24px;
left:0px;
display:block;
max-height:100px;
border-color:#BBB;
border-style:solid;
border-width:1px;
border-top: 0px;
background-color:#f5ffec;                                         /* global_list_hover */
overflow-y: scroll;
overflow-x:hidden;
padding:2px;
}

* html .autolist { 
   height: expression( this.scrollHeight > 99 ? "100px" : "auto" ); /* sets max-height for IE */
   max-height: 100px; /* sets max-height value for all standards-compliant browsers */
}


.autolist ul li{
list-style-image:url(../images/global/b.gif);
font-size:0.9em;
line-height:1.2em;
cursor: pointer;
cursor: hand;
border-width:1px;
border-style:solild;
border-color:#BBB;											/* divider_color */ 		/* color picker */
}

.autolist ul li:hover, .autolist ul li.hover{
background-color:#FFFFFF; 									/* body_bg_color */ 			/* color picker */
}

.autoname ul li{
display:inline;
margin:3px 3px;
color:#6e3e00;  											/* body_link_color */ 			/* color picker */
font-size:0.9em;
font-weight:bold;
}


.autoname ul li span{
width:12px;
height:12px;
background-color:#f5ffec;                                   /* global_list_hoverbg */
color:#6e3e00;  											/* body_link_color */ 			/* color picker */
font-weight:bold;
font-size:0.8em;
padding:1px 4px;
cursor: pointer;
cursor: hand;
margin-left:2px;
margin-right: 4px;
}

.feat_blog{
position: relative;
width: 204px;
height:150px;
float:left;
display: inline;
margin:0 15px 0 0;
_margin:0 4px 0 0;
}

.feat_blog .avatar{
position:absolute;
display:block;
top: 29px;
left: 31px;
width: 67px;
height:67px;
background-position:center center;
background-repeat:no-repeat;
}

.feat_blog img, .Featured ul.feature li span span.avatar{
padding:0;
margin:0;
}

.Featured ul.feature li span span.avatar{
width: 70px;
}

/* ======================================================== NEW IMAGE AQ THUMBNIAILS ==========================================================*/
ul.imgthumb{
float:left;
list-style:none;
margin:0;
padding:0;
clear:both;
}


ul.imgthumb li.user{
margin:4px;	
width:60px;
/*
height:95px;
flaot:left
*/
text-align:center;
margin: 3px 0px;
margin-left:12px;
_margin-left:6px;
margin-right: 12px;
_margin-right:6px;
display:inline-block; /* 20100421(shaofan) */
vertical-align:top;
zoom:1;
*display:inline;
}

ul.imgthumb li.user a.tn:link, ul.imgthumb li.user a.tn:visited{
float:left;
width:62px;
height:62px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* USER DEFINED */		/* img_border_color */ 			/* color picker */
cursor: pointer;
cursor: hand;
}
ul.imgthumb li.user a.tn:hover, ul.imgthumb li.user a.tn:active{
border-color:#FFD10A;				/* USER DEFINED */		/* img_border_color_hover */ 			/* color picker */
}

ul.imgthumb li.user a.tn span{
float:left;
width:60px;
height:60px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

ul.imgthumb li.user .name{
clear:both;
display:block;
width:60px;
line-height:12px;
padding-top:3px;
border:0;
}


ul.imgthumb li.photo{
border-bottom:0 none;
display:inline-block;
float:left;
height:126px;
margin:4px 0;
padding:10px 7px 0px 7px;
position:relative;
text-align:center;
width:126px;
}

ul.imgthumb li.photo a.tn:link, ul.imgthumb li.photo a.tn:visited{
position:absolute;
top:3px;
left:3px;
z-index:999;
width:122px;
height:122px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* USER DEFINED */		/* img_border_color */ 			/* color picker */
cursor: pointer;
cursor: hand;
}
ul.imgthumb li.photo a.tn:hover, ul.imgthumb li.photo a.tn:active{
border-color:#FFD10A;				/* USER DEFINED */		/* img_border_color_hover */ 			/* color picker */
}

ul.imgthumb li.photo a.activated:link, ul.imgthumb li.photo a.activated:visited{
position:absolute;
top:0px;
left:0px;
z-index:999;
width:122px;
height:122px;
display:block;
border-width:2px;
border-style:solid;
border-color:#FFD10A;				/* img_border_color_hover */ 
cursor: pointer;
cursor: hand;
}
ul.imgthumb li.photo a.activated:hover, ul.imgthumb li.photo a.activated:active{
border-color:#FFD10A;				/* USER DEFINED */		/* img_border_color_hover */ 			/* color picker */
}

ul.imgthumb li.photo a.tn span, ul.imgthumb li.photo a.activated span{
float:left;
width:120px;
height:120px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

ul.imgthumb li.photo input{
position:absolute;
top: 3px;
left:3px;
z-index: 1000;
}

ul.imgthumb li.photo .name{
position:absolute;
overflow:hidden;
width:60px;
height: 30px;
line-height:12px;
padding-top:3px;
}


ul.imgthumb li.photoalb{
display:inline-block;
float:left;
width:140px;
height:165px;
text-align:center;
padding: 10px 21px 0px 21px;
margin-top:5px;
border-bottom:0;
}

ul.imgthumb li.photoalb:hover, ul.imgthumb li.photoalb:hover{
background:none;
}

ul.imgthumb li.photoalb a.tn:link, ul.imgthumb li.photoalb a.tn:visited{
float:left;
width:122px;
height:122px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */
cursor: pointer;
cursor: hand;
}
ul.imgthumb li.photoalb a.tn:hover, ul.imgthumb li.photoalb a.tn:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

ul.imgthumb li.photoalb a.tn span{
float:left;
width:120px;
height:120px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

ul.imgthumb li.photoalb .name{
clear:both;
display:block;
overflow:hidden;
width:140px;
margin-left:-10px;
height: 40px;
text-align:center;
line-height:12px;
padding-top:3px;
border:0;
}


ul.imgthumb li.photogal{
display:inline-block;
float:left;
width:100px;
height:126px;
text-align:center;
padding: 10px 21px 0px 21px;
margin-top:5px;
border-bottom:0;
}

ul.imgthumb li.photogal:hover, ul.imgthumb li.photogal:hover{
background:none;
}

ul.imgthumb li.photogal a.tn:link, ul.imgthumb li.photogal a.tn:visited{
float:left;
width:82px;
height:82px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */
cursor: pointer;
cursor: hand;
}
ul.imgthumb li.photogal a.tn:hover, ul.imgthumb li.photogal a.tn:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

ul.imgthumb li.photogal a.tn span{
float:left;
width:80px;
height:80px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

ul.imgthumb li.photogal .name{
clear:both;
display:block;
overflow:hidden;
width:105px;
margin-left:-10px;
height: 40px;
text-align:center;
line-height:12px;
padding-top:3px;
border:0;
}

ul.imgthumb li.photoscroll{
display:block;
float:left;
width:44px;
height:44px;
text-align:center;
padding: 3px 5px;
_padding: 3px 4px;
border-bottom:0;
}

ul.imgthumb li.photoscroll:hover{
background:none;
}

ul.imgthumb li.photoscroll a.tn:link, ul.imgthumb li.photoscroll a.tn:visited{
width:42px;
height:42px;
display:block;
border-width:1px;
border-style:solid;
border-color:#999999;				/* img_border_color */
cursor: pointer;
cursor: hand;
}
ul.imgthumb li.photoscroll a.tn:hover, ul.imgthumb li.photoscroll a.tn:active{
border-color:#FFD10A;				/* img_border_color_hover */
}

ul.imgthumb li.photoscroll a.tn span{
float:left;
width:40px;
height:40px;
display:block;
margin:1px;
background-position:center center;
background-repeat:no-repeat;
}

/* ===================================================== GLOBAL LINKS =======================================================*/
a:link, a:visited {
	color:#6e3e00;  											/* USER DEFINED */		/* body_link_color */ 			/* color picker */
	text-decoration:none;
}
a:hover, a:active {
	color:#6e3e00; 												/* USER DEFINED */		/* body_link_color_hover */ 			/* color picker */
	text-decoration:underline; 
}

a:link img.border, a:visited img.border{
padding:1px;
border:1px solid #999;  										/* USER DEFINED */		/* img_border_color */ 			/* color picker */
}

a:focus img.border, a:hover img.border, a:active img.border{
padding:1px;
border-width:1px;
border-style:solid;
border-color: #FFD10A;										/* USER DEFINED */		/* img_border_color_hover */ 			/* color picker */
}


a:link img.activated, a:visited img.activated, a:focus img.activated, a:hover img.activated, a:active img.activated{
padding:1px;
border-width: 2px;
border-style:solid;
border-color:#FFD10A;										/* img_border_color_hover */
}

a.userlink:link, a.userlink:visited{
color:#6e3e00; 													/* USER DEFINED */		/* user_link_color */ 			/* color picker */
text-decoration:none;
}
a.userlink:hover, a.userlink:active{
color:#6e3e00;													/* USER DEFINED */		/* user_link_color_hover */ 	/* color picker */
text-decoration:underline;
}

a.subjectlink:link, a.subjectlink:visited{
font-weight:bold;
color:#6e3e00; 													/* USER DEFINED */		/* subject_link_color */ 			/* color picker */
text-decoration:none;
}
a.subjectlink:hover, a.subjectlink:active{
color:#6e3e00; 													/* USER DEFINED */		/* subject_link_color_hover */ 			/* color picker */
text-decoration:underline;
}

a.titlelink:link, a.titlelink:visited{

font-size:1.1em;
font-weight:bold;
color:#6e3e00;													/* subject_link_color */
text-decoration:none;
}
a.titlelink:hover, a.titlelink:active{
color:#6e3e00; 													/* subject_link_color_hover */
text-decoration:underline;
}

.titlelink
{
	overflow:hidden;
	display:block;
	width:auto;
}

.wide .PhotoAlbums .titlelink, .wide .Videos .titlelink
{
	overflow:hidden;
	display:block;
	width:auto;
	overflow:hidden;
	max-height:28px;
	display:block;
	width:auto;
	height: expression( this.scrollHeight > 28 ? "28px" : "auto" );/* set height for IE6 */
}

a.featurelink:link, a.featurelink:visited{
font-size:1.3em;
font-weight:bold;
color:#6e3e00; 													/* subject_link_color */
text-decoration:none;
}
a.featurelink:hover, a.featurelink:active{
color:#555; 													/* subject_link_color */
background:none;
}

a.deletelink:link, a.deletelink:visited{
font-size:0.9em;
font-weight:bold;
color:#ec0000; /* user-defined : delete_linkcolor */
text-decoration:none;
}
a.deletelink:hover, a.deletelink:active{
color:#555;/* user-defined : delete_linkcolor_hover */
}

a.editsetbutt:link, a.editsetbutt:visited{
display:block;
font-size:1em;
font-weight:bold;
color:#6e3e00; 												/* USER DEFINED */			/* function_butt_link_color */ 			/* color picker */
text-decoration:none;
padding:5px 10px;
margin: 0px 0px 0px 2px;
border-width:1px;											/* USER DEFINED */			/* function_butt_border_stroke */ 		/* px */
border-style:solid;
border-color:#eee;												/* USER DEFINED */		/* function_butt_border_color */ 		/* color picker */															
background-color:#fff;
text-align:center;
}
a.editsetbutt:hover, a.editsetbutt:active{
color:#6e3e00; 												/* USER DEFINED */		/* function_butt_link_hover_color */ 			/* color picker */
background-color:#fffcdc; 									/* USER DEFINED */		/* function_butt_bg_hover_color */ 			/* color picker */
}

a.smaller:link, a.smaller:visited, a.smaller:hover, a.smaller:active{
font-size:0.9em;
padding: 3px 6px;
}

a.invitebutt:link, a.invitebutt:visited{
display:block;
font-size:1em;
font-weight:bold;
color:#6e3e00; 												/* USER DEFINED */		/* function_butt_link_color */ 			/* color picker */
text-decoration:none;
padding:5px 10px;
margin: 5px 2px 5px 0px;
border-width:1px;											/* USER DEFINED */		/* function_butt_border_stroke */ 		/* px */
border-style:solid;
border-color:#eee;												/* USER DEFINED */		/* function_butt_border_color */ 		/* color picker */															
background-color:#fff;								/* USER DEFINED */		/* function_butt_bg_color */ 			/* color picker */
text-align:center;
margin-top:3px;
}
a.invitebutt:hover, a.invitebutt:active{
color:#6e3e00; 												/* USER DEFINED */		/* function_butt_link_hover_color */ 			/* color picker */
background-color:#fffcdc; 									/* USER DEFINED */		/* function_butt_bg_hover_color */ 			/* color picker */
}

a.invitebuttside:link, a.invitebuttside:visited{
display:block;
font-size:1em;
font-weight:bold;
color:#026127; 												/* USER DEFINED */		/* function_butt_link_color */ 			/* color picker */
text-decoration:none;
padding:5px 10px;
margin: 5px 2px 10px 0px;
border-width:1px;											/* USER DEFINED */		/* function_butt_border_stroke */ 		/* px */
border-style:solid;
border-color:#eee;												/* USER DEFINED */		/* function_butt_border_color */ 		/* color picker */															
background-color:#fff;								/* USER DEFINED */		/* function_butt_bg_color */ 			/* color picker */
text-align:center;
margin-top:3px;
}
a.invitebuttside:hover, a.invitebuttside:active{
color:#222222; 												/* USER DEFINED */		/* function_butt_link_hover_color */ 			/* color picker */
background-color:#EAFBD9; 									/* USER DEFINED */		/* function_butt_bg_hover_color */ 			/* color picker */
}


a.editsetlink:link, a.editsetlink:visited{
display:block;
font-size:0.9em;
font-weight:bold;
color:#6e3e00; /* user-defined : edit_linkcolor */
text-decoration:none;
padding:5px;
}
a.editsetlink:hover, a.editsetlink:active{
color:#6e3e00; /* user-defined : edit_linkcolor_hover *//* LING TAKE NOTE */
background-color:#fffcdc;    /* LING TAKE NOTE */
}

a.deletesetlink:link, a.deletesetlink:visited{
display:block;
font-size:0.9em;
font-weight:bold;
color:#6e3e00; /* user-defined : edit_linkcolor */
text-decoration:none;
padding:5px;
}
a.deletesetlink:hover, a.deletesetlink:active{
color:#6e3e00; /* user-defined : edit_linkcolor_hover *//* LING TAKE NOTE */
background-color:#fffcdc;/* LING TAKE NOTE */
}


a.forumbutt:link, a.forumbutt:visited{
width:100%;
display:block;
font-size:0.9em;
font-weight:bold;
color:#6e3e00; /* user-defined : edit_linkcolor */
text-decoration:none;
padding:4px 6px;
margin: 2px 0;
}
a.forumbutt:hover, a.forumbutt:active{
color:#6e3e00; /* user-defined : edit_linkcolor */
background-color:#fffcdc; 
}

.topos{
float:left;
position:relative;
width:100%;
margin-bottom:2px;
}

.topos select{
float: right;
width:120px;
margin-top: 31px;
}

.editsetbutt_topdiv{
padding-top:5px;
}

.editsetbutt_bottldiv{
position:absolute;
top:10px;
left: 0px;
}
.editsetbutt_bottrdiv{
position:absolute;
top:10px;
right: 2px;
}


.editsetbutt_topdiv a.editsetbutt, .editsetbutt_bottomdiv a.editsetbutt{
display:inline-block;
}

.editsetbutt_top{
position:absolute;
top:18px;
right:2px;
}

.editsetbutt_top1{
position:absolute;
top:0px;
right:2px;
}

.editsetbutt_top2{
position:absolute;
top:30px;
right:5px;
}


a.error:link,a.error:visited, a.error:hover, a.error:active{
font-size:1em;
color:#777777;											/* smallinfo_color */
line-height: 1.2em;
font-weight:normal;
}

/* ====================================================== TXT SIZE NEW! ======================================================*/

h1 {
	font-size:1.7em;									/* USER DEFINED */		/* h1_txt_size */ 			/* DEFAULT = 1.8em */  /* px, em */
	line-height:1.4em;									/* USER DEFINED */		/* h1_line_height */ 		/* DEFAULT = 1.4em */  /* px, em */
	color:#111; 										/* USER DEFINED */		/* centercol_title_color */ 			/* color picker */
	float:left;
display: inline;
	margin-bottom:0.3em;
}

h1 .breadcrumbs{
	font-family:"Lucida Sans Unicode", Arial;			/* USER DEFINED */		/* bread_txt_font */ 		/* select choice of fonts */
	font-size:0.6em;									/* USER DEFINED */		/* bread_txt_size */ 		/* DEFAULT = 0.55em */  /* px, em */
	color:#777777;											/* USER DEFINED */		/* smallinfo_color */ 		/* color picker */
	display:block;
	line-height:1.5em;
	font-weight:normal;
	margin-bottom:0.5em;
	
}

.breadcrumbs a:link, .breadcrumbs a:visited{
color:#888;											/* USER DEFINED */		/* smallinfo_color */ 		/* color picker */
text-decoration:underline;
}
.breadcrumbs a:hover, .breadcrumbs a:active{
color:#888;											/* USER DEFINED */		/* smallinfo_color */ 		/* color picker */
text-decoration:none;
}

h2 {
	display:block;
	float:left;
	font-size:1.5em;									/* USER DEFINED */		/* h2_txt_size */ 			/* DEFAULT = 1.6em */  /* px, em */
	line-height:1.6em;									/* USER DEFINED */		/* h2_line_height */ 		/* DEFAULT = 1.6em */  /* px, em */
	color:#111; 										/* centercol_title_color */
	margin-bottom:0.3em;
	margin-top: 0.4em;
}

h3 {
	font-size:1.1em;									
	line-height:1.5em;									
	color:#111; 									/* centercol_title_color */								
	margin-bottom:0.3em;
}

h4 {
	font-size:1.1em;									
	line-height:1.5em;									
	color:#111; 									/* centercol_title_color */								
	margin-bottom:0.3em;
}

h6 { font-size:1em; }									

.small_txt {
font-size:11px;										/* body_txt_size */
font-weight:normal; 
color:#777777;										/* smallinfo_color */
}								

.load_status{
position: fixed;
_position: absolute;
bottom: 0;
right: 0;
color:#fff;
background-color:#000;
padding:5px 10px;
font-size: 1em;
z-index: 5000;
}

.load_status .correct a:link, .load_status .correct a:visited, .load_status .correct a:hover, .load_status .correct a:active{
color:#009900;
text-decoration:none;
}
.load_status .error a:link, .load_status .error a:visited, .load_status .error a:hover, .load_status .error a:active{
color:#CC0000;
text-decoration:blink;
}

.correct{
font-size:1em;
color:#009900;
line-height: 1.2em;
font-weight:normal;
}

.error{
font-size:1em;
color:#CC0000;
line-height: 1.2em;
font-weight:normal;
}

input.error, select.error, textarea.error{
border: 2px solid #CC0000;
background-color: #FFFFCC;
}

.Joinbox input.error{
border: 2px solid #CC0000;
background-color: #FFFFCC;
}

.time{
font-size: 0.8em; 
color:#777777;											/* smallinfo_color */
}

.thumb{
float:left;
width: 60px;
text-align:center;
}

.photothumb{
float:left;
display:block;
width: 100%;
}

.smallinfo{
color:#777777;											/* smallinfo_color */
}

a.cancel:link, a.cancel:visited, a.cancel:hover, a.cancel:active{
color: #CC0000;
font-weight:normal;
}

.Ads_preview{
width:160px;
height: 130px;
background-color:#F4F4F4;
border-width: 1px;
border-style:solid;
border-color: #DDDDDD;
padding: 10px;
font-size:1.1em;
color: #777777;
line-height:1.3em;
}

.Ads_preview .title{
color:#7E0A0A;
font-size:1.0em;
font-weight:bold;
text-decoration: underline;
}
.Ads_preview .url{
font-size:0.8em;
}

.Admin ul.customize li.choose label {
float: left;
}

.LiveTags, .Members{
width:100%;
display:inline;
float:left;
font-size:1em;
}

.loading2{
padding:15px 0px 0px 0px;
}


/* ====================================================== PREMIUM SERVICES ======================================================*/

.Premium ul{
list-style-type:none;
width: 100%;
padding-top:8px;
}

.Premium ul li{
	width: 97%;
	float:left;
	display:block;
	padding: 10px 1%;
	border-width: 1px;
	border-style: dotted;								
	border-color: #BBB;									
	margin: 5px 0px;
}


.Premium ul li:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.Premium .title{
float:left;
color:#026127;
font-size:1.5em;
font-weight:bold;
}
.Premium .price{
float:right;
color:#026127;
font-size:1.5em;
}

.Premium .descrip{
display:block;
clear:both;
font-size:1em;
line-height: 1.5em;
padding:5px 0px;
color:#777;
}

.Premium .add{
font-size:1.3em;
font-weight:bold;
}

/* ====================================================== Admin Panel 20090204 Rio ======================================================*/
#function_list { 
	overflow: hidden; 
	zoom: 1; 
	border-bottom:1px dotted #ccc; 
	padding:0 0 15px 0; 
	margin:15px 0;
} 
#function_list dl { 
	float: left; 
	height: 95px; 
	width: 85px; 
	margin: 0 20px 0 0px; 
	position: relative; 
} 
#function_list dl dt {
	/*position: absolute;
	bottom: 31px;*/
	width: 85px;
	text-align: center;
} 
#function_list dl dd {
	width: 85px; 
	margin: 0 auto; 
	text-align: center; 
	font-size:1.1em;
	/*overflow:hidden; 
	position: absolute;
	bottom: -4px; 
	height:32px; 
	line-height:1.3em;*/
} 	

.box .network-info li{
	padding:2% 2%;
	}
.box .network-info li label{
	width:45%;
	text-align:right;
	display:inline-block;
	}
.box .network-info .action{
	width:90%;
	margin:10px auto 0 auto;
	}	
.box .network-info .action a.editsetbutt, a.editsetbutt{
	padding:0 10px;
	}	
#function_list dl .unavailable-info{
	border-style:solid;
	bottom:0;
	left:20px;
	padding:5px;
	position:absolute;
	width:200px;
	z-index:1;
	}

.admin-featured h3.title{
	margin:1% 0 0 2%;
	}
.admin-featured .alertbox{
	margin-left:2%;
	}
	
p.loading2{
padding-top:100px;
height: 250px;
}

.loading_cir{
width:20px;
height:20px;
background-position:center center;
background-repeat:no-repeat;
padding-right:10px;
display: -moz-inline-box;
display: inline-block;
zoom: 1;
*display: inline;
}

img.loading_img{
padding-left:5px;
background-image:none;
}

.pagination .loading_cir, .pagination_sub .loading_cir{
float:right;
}

.tabination ul.button li.tab.loading_cir{
float:right;
width:20px;
height:20px;
background-position:center center;
background-repeat:no-repeat;
padding-right:5px;
}

.loading_cir_my{
float:right;
width:20px;
height:20px;
background-position:center center;
background-repeat:no-repeat;
padding-right:5px;
margin-top:31px;
}


.loadright{
float:right;
width:50%;
}

.loadright select, .loadright select.big{
width:115px;
}

.alertbox ol.list{
padding: 5px 0px 0px 20px;
color:#444;
}
.alertbox ol.list li{
display:list-item;
padding: 3px 0px;
line-height: 1.4em;
}

.UserAlbum-Create ul.create li{
display:list-item;
vertical-align:middle;
}


a.preply:link, a.preply:visited, a.preply:hover, a.preply:active{
background-image:url(../images/bgicons/light/preply.gif);
background-repeat:no-repeat;
background-position:5px 5px;
padding-left:25px;
}

a.topdelete:link, a.topdelete:visited, a.topdelete:hover, a.add:active{
background-image:url(../images/bgicons/light/topicdelete.gif);
background-repeat:no-repeat;
background-position:5px 5px;
padding-left:25px;
}

a.add:link, a.add:visited, a.add:hover, a.add:active{
background-image:url(../images/bgicons/light/add.gif);
background-repeat:no-repeat;
background-position:5px 5px;
padding-left:25px;
}
a.topic-edit:link, a.topic-edit:visited{               /* Rio Add on 20091110 */
background-image:url(../images/global/icons/edit.png);
background-repeat:no-repeat;
background-position:2px center;
padding-left:23px;
}

a.butttop:link, a.butttop:visited, a.butttop:hover, a.butttop:active{
	margin-top:15px;
}
  
a.subscribe:link, a.subscribe:visited{             /* Rio Add on 20091110 */
	background:url(../images/global/icons/rss.gif) no-repeat 10px 50%;
	border:1px solid #EEEEEE;
	font-weight:bold;
	margin:0 0 10px 2px;
	padding:5px 10px 5px 40px;
	text-align:left;
	text-decoration:none;
	}

/*===========================pengdan 20091026 Premium_Service page ===================*/
.AddBox{
	margin-left:25px;
	line-height:18px;
	padding-right:35px;
}
.AddText{
	width:575px;
	float:left;
}
.PriceBox{
	width:160px;
	text-align:right;
	font-weight:bold;
}
.AddTitle{
	font-size:14px;
	font-weight:bold;
}
.AddBox p{
	margin-bottom:5px;
}
.Premium .Brown{
	color:#6e3e00;	
}
.AddPrice span{
	font-weight:normal;
}
.AddPrice{
	margin-bottom:3px;
}
.Hilite-Oran{
	background-color:#fff7b3;
	
}
.Hilite-gray{
	background-color:#f6f6f6;
}
.CorrectTips{
	background:url(../images/global/icons/correct.png) left center no-repeat;
	padding-left:25px;
	height:16px;
	color:#009900;
	font-size:14px;
}
.CorrectTitle{
	font-size:14px;
	margin-left:25px;
}
.Green{
	color:#009900;
}
ul.chosen li{
	margin-right:30px;
	list-style:none;
	line-height:20px;
}
.Paymentpat{
	color:#222;
	margin-top:10px;
}
.Payment-method{
	margin:20px 0 0 25px;
}
.Payment-action{
	width:560px;
}
.Currency{
	float:right;
	margin-right:15px;
	color:#ff0000;
	padding-top:5px;
}
/*=========================== Popup of Game invite by Rio, shaofan 20091116  ===================*/

.Game-invite .game-invite-intro{
padding:0 2%;
width:96%;
	font-size:12px;
	line-height:15px;
	margin:10px 0 0 0;
	display:inline-block;
}	
.Game-invite .game-invite-form, .Game-invite .game-list{
	/*padding-left:20px;20091203*/
	padding:0 20px;
	margin:10px 0;
	}
.Game-invite .game-add-invite{
	float:left;
	width:385px;
	height:351px;
	}
.Game-invite .game-invite-form .tabination{
	width:368px;
	line-height:27px;
	padding:0 8px;
	color:#000000;
	}
.Game-invite .game-invite-form .titlebox{
	padding-bottom:10px;
	_padding-bottom:5px;
	*padding-bottom:0px;
	}
.Game-invite .game-invite-form .tabination ul.button li.text{
	font-weight:bold;
	float:right;
	}	
.Game-invite .game-invite-friend-list{
	clear:both;
	width:370px;
	margin:10px 0 15px 0;
	border:1px solid #BBBBBB;
	background:#f7f7f7;
	overflow-y:scroll;
	height:300px;
	padding:5px;
	}	
.Game-invite .game-invite-friend-list li, .friend-selected ul li{
	color:#026127;
	line-height:20px;
	padding:2px 0; 
	}	
.Game-invite .gray-arrows{
	background:url(../images/global/icons/big_gray_arrows.gif) left top no-repeat;
	width:22px;
	height:46px;
	display:block;
	text-decoration:none;
	margin:150px 20px 20px;	
}
.Game-invite .friend-selected{
	border:1px dotted #bbbbbb;
	background:#EAFBD9;
	width:375px;
	padding:10px;
	height:328px;
	color:#000000;
	float:left;
overflow:hidden;

}
.Game-invite .friend-selected h5{
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-right:8px;
	}
.Game-invite .friend-selected .important{
	color:#FF0000;
	}
.Game-invite .friend-selected ul{	

	border-top:1px dotted #BBBBBB;
	height:260px;
	padding-top:5px;
	margin-top:10px;
	overflow-y:scroll;
/*	padding:5px 0;*/
	}
.Game-invite .friend-selected ul li{		
	overflow:auto;
	padding-right:10px;		
	}
.Game-invite .game-list .titlebox{
	padding:0;
	}
.Game-invite .game-list .tabination{
	line-height:25px;
	text-indent:0.5em;
	}
.game-hot{
	background:url(../images/global/icons/flag.gif) left top no-repeat;
	display:inline-block;
	padding-left:20px;
	height:15px;
}
.game-new{
	background:url(../images/global/icons/flag.gif) left -30px no-repeat;
	display:inline-block;
	padding-left:20px;
	height:15px;
}
.game-new-service{
	background:url(../images/global/icons/flag.gif) left center no-repeat;
	display:inline-block;
	padding-left:20px;
	height:15px;
}	
.Game-invite .game-invite-intro .game-hot, .Game-invite .game-invite-intro .game-new, .Game-invite .game-invite-intro .game-new-service{
	margin-left:15px;
	}
.game-categories{
	padding-right:10px; 
}	
.game-list ul{
	list-style:disc;
	list-style-position:outside;
	clear:both;
	padding-left:30px;
}
.game-list ul li{
	width:100%;
	margin:6px 0;
}
.game-list ul li:hover{
	background-color:#FFC;
	}
.tabination ul.game-tab{
	width:97%;
	float:left;
}
.tabination .game-wsait{
	width:3%;
	float:right;
}
.tabination ul.game-tab li.tab,.tabination ul.game-tab li.activated{
	float:left;
}
.friend-selected .right span.red{
	color:#FF0000;
}
/*==========  Game style of games.html by shaofan 20091126================*/
ul.games-entrance{
	list-style:noen;
	width:100%;
	background:#F2F7FA;
	padding-bottom:15px;
	position:relative;
	float:left;
}
ul.games-entrance li{
	display:inline;
	float:left;
	margin-left:16px;
	margin-top:15px;
	width:232px;
	overflow:hidden;
	background:#FFFFFF;
}

ul.games-entrance h4{
	border-bottom:1px dashed #91D3FB;
	line-height:20px;
	padding:1px 0;
}
ul.games-entrance h3{
	border-bottom:1px dashed #91D3FB;
	color:#555555;
	font-size:12px;
	font-weight:normal;
	height:60px;
	margin:0;
	padding:5px 0;
}
ul.games-entrance .games-units .red{
	color:#FF0000;
}
ul.games-entrance .games-units{
	border:1px solid #91D3F8;
	padding:0 5px;
}
ul.games-entrance .games-entrance .games-units img{
	height:105px;
	margin-top:5px;
	width:220px;
}
ul.games-entrance .games-units-but{
	padding:5px 5px 5px 11px;
}
ul.games-entrance .games-units-but a.formbutton span,ul.games-entrance .games-units-but a.formbutton:hover span{
	padding:3px 0px 3px 7px;
	font-size:12px;
}
/*==========  Game style of my_profile-games.html by shaofan 20091126 ================*/

ul.game-portal{
	background:#FAFDFF;
	padding-bottom:10px;
	height:130px;
}
 ul.game-portal li{
	float:left;
	height:130px;
	margin-left:19px;
	margin-top:5px;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:165px;
	display:inline;
}
ul.game-portal h4.name a{
	position:absolute;
	right:22px;
	text-align:right;
	top:24px;
	color:#FF6633;
	display:block;
}
ul.game-portal .channel{
	margin:-2px auto 0;
	text-align:center;
	width:158px;
	z-index:20000;
}
 ul.game-portal h4.game-network{
	background:#E9F8FF;
	margin:5px 0;
}
ul.game-portal h4.game-network a{
	font-size:12px;
	line-height:20px;
	text-align:center;
	color:#333333;
	font-weight:normal;
}
 ul.game-portal h4.game-network a:hover{
	color:#FF6600;
}
 ul.game-portal h4 a.enter-game{
	color:#FF6600;
	font-size:14px;
	position:absolute;
	right:15px;
	text-align:center;
	top:60px;
	font-weight:blod;
}


/*==========  Game style of games_invite_choose_sever.html by shaofan 20091208 ================*/
.game-choose-server{
	border:2px solid #CCCCCC;
	margin:0;
	position:absolute;
	left:22%;
	top:10%;
	width:370px;
}
.game-choose-server ul{
	float:left;
	display:inline-block;
	padding:0;
	width:100%;
}
.game-choose-server .ajax_box_top,.game-choose-server .ajax_box_bot{
	width:370px;
	background:none;
	display:none;
} 
.game-choose-server .ajax_box_mid{
	width:100%;
	background:none;
	padding:0;
}
.game-choose-server ul li{
	float:left;
	width:46%;
	padding:10px 0 0 5px;
	margin:0;
}
.game-choose-server ul{
	overflow:auto;
	height:200px;
	padding-bottom:15px;
}
.game-choose-server .content{
	padding-bottom:0;
}
.game-choose-server .content ul li a{
	display:block;
	font-size:12px;
	color:#666666;
	font-size:12px;
}
 .game-choose-server .content ul li a:hover{
	color:#000000;
}
.game-choose-server ul li a span{
	color:#FF0000;
}
/*================================ Expression style ( video_detai.html)  ======================================*/

.Comments ul.expression{
	float:right;
	height:28px;
	width:240px;
	padding:0;
}
.Comments ul.expression li{
	float:left;
	width:28px;
	height:28px;
	cursor:pointer;
	padding:0;
	margin:0 1px;
}
.Comments ul.expression li:hover{
	background:none;
}
/*=============================================== Foote friends link (shao fan 20091218) ============================================*/
.foote-link{
	font-size:12px;
	padding-bottom:5px;
	overflow:hidden;
	zoom:1;
 }
.foote-link span.left{
 	width:6%;
 }
.foote-link ul{
	float:left;
	width:94%;
 }
.Footer .foote-link ul li{
	width:auto;
	float:left;
	padding:0px 7px 5px 7px;
}

/*=============================================== photo loading style ============================================*/
.photo-position{
	 position:relative;
	 zoom:1;
}
.photo-position .loading-img{
	 z-index: 1000;
	 position: absolute;
	 left: 46%;
	 top: 48%;
}
.hiddenElememt{
	 visibility:hidden;
} 
/*=============================================== Share style to photo,video and blogs ============================================*/
.Content .share-function{
	padding:12px 1% 5px;
	font-size:12px;
	display:inline-block;
	margin:10px 0 0 0;
	width:98%;
}
.Content .share-link{
	margin:0 0 10px;
	display:table;
	width:100%;
	}
.Content .share-link label{
	float:left;
	text-align:right;
	width:20%;
	margin:0 1% 0 0;
	}
.Content .share-function input{
	margin:0 3px 0 0;
	width:350px;
}
.Content .share-function .copy-url{
	float:left;
}
.Content .share-function .copy-url .correct{
	margin:3px 0;}
.share-to{
	/*margin-top:5px;
	background: #f2f2f2;*/
	float:left;
	/*line-height:18px;
	padding:0 1%;*/
	width:78%;
}
.share-to .qqzone,.share-to .baidu,.share-to .renren,.share-to .kaixin,.share-to .douban,.share-to .facebook,.share-to .good-friends, .share-to .twitter, .share-to .buzz, .share-to .digg{
	background:url(../images/global/icons/site-icon.gif) left bottom no-repeat;
	padding-left:28px;
	height:15px;
	margin:0 0 10px 0;
}
.share-to a{
	float:left;
	display:inline-block;
	padding:5px 16px 5px 0px;
}
.share-to span{
	padding:5px 10px 12px 0;
	float:left;
	line-height:1.8em;
}
.share-to .qqzone{
	background-position:0 0px;
}
.share-to .baidu{
	background-position:0 -25px;
}
.share-to .renren{
	background-position:0 -50px;
}
.share-to .kaixin{
	background-position:0 -75px;
}
.share-to .douban{
	background-position:0 -100px;
}
.share-to .facebook{
	background-position:0 -125px; 
}
.share-to .twitter{
	background-position:0 -150px;
	}
.share-to .buzz{
	background-position:0 -175px;
	}	
.share-to .digg{
	background-position:0 -200px;
	}		
.share-to .good-friends{
	background-position:0 -225px;
}
.Content .share-function .alertbox{
	width:95.5%;
}
/*=============================================== Admin_analyze_member.html style (shaofan 20100105)============================================*/
.analyze-highest{
	width:100%;
	overflow:hidden;
	font-size:14px;
	margin:25px 0 10px 0;
}
.analyze-highest .right ol{
	margin-left:15px;
}
.user-ranking{
	display:inline-block;
	width:50%;
}
.user-ranking h3{
	border-bottom:1px solid #ccc;
	font-size:14px;
	width:96%;
}
.user-ranking h3 a.how-to-count{
	font-style:normal;
	font-size:11px;
	display:inline;
	}
.user-ranking ol{
	padding-left:40px;
	display:inline-block;
	zoom:1;
	width:85%;
}
.user-ranking ol li{
	padding:5px;
}

/*=============================================== Announcement (Rio 20100119)============================================*/
.announcement ul li{
	padding:10px 10px;
	overflow:hidden;
	}

/*=============================================== Join Popup (Rio 20100122)============================================*/
.join-form{
	padding:15px 0 0 0;
	/*max-height:450px;
	height: expression( this.scrollHeight > 450 ? "450px" : "auto" );
	overflow-y:auto;	
	_width:548px;*/
	margin:0;
	}
.join-form ul.profile li span.ans{
	width:auto;
	}
.anonymous-state{
	padding:5px 0;
	}
.popup-wide .ajax_wide{
	max-height:500px;
	height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
	overflow-y:auto;
	}
.popup-wide .ajax_wide .subtitle{
	_position: static;
	}	

/*=============================================== Admin Panel Portal (Rio 20100224)============================================*/
.admin_panel_portal{
	background-image:url(../images/global/admin_panel_bg.png);
	width:77px;
	height:77px;
	display:block;
	position: absolute;
	right:0;
	top:30px;
	}
.admin_panel_en{
	background-position:right 0;
	}
.admin_panel_zh{
	background-position:right -77px;
	}
.admin_panel_zht{
	background-position:right -154px;
	}	
.admin_panel_japan{
	background-position:right -231px;
	}		

/*=============================================== Points (Rio 20100308)============================================*/
.points-info{
	background-color:#F7F7F7;
	border-color:#BBBBBB;
	border-style:dotted;
	border:1px dotted #CCCCCC;
	float:right;
	padding:1%;
	width:20%; 
	position:absolute;
	right:0;
	text-align:center;
	line-height:25px;
	}
.points-info .points{
	background:url(../images/global/icons/gold.gif) no-repeat right center;
	padding:0 18px 0 0;
	font-weight:bold;
	display:inline-block;
	}	

/*=============================================== run your own Ad (Rio 20100323)============================================*/
.ad-customizer{
	margin:0 30px 0 0;
	float:left;
	}
.ad-preview{
	float:left;
	height:600px;
	overflow:hidden;
	width:160px;
	border:1px #ccc solid;
	}

/*-----------------Add Facebook style (shaofan 20100329) --------------------------------*/
a.font-color:hover, a.font-color:active,a.font-color:link, a.font-color:visited{
	font-weight:normal;
	text-decoration:none;
}
.ajax_tips,.link-facebook {
	position:relative;
	display:inline-block;
}
.ajax_tips_w255{
	background:url(../images/global/tips-top.png) left top no-repeat;
	_background:url(../images/global/tips-top.gif) left top no-repeat;
	padding-top:6px;
	width:255px;
	position:absolute;
	right:-20px;
	bottom:8px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.ajax_tips_w255{
	right:-30px;
	}
}
.ajax_tips_w255 .tips_main{
	background:url(../images/global/tips-mid.png) left top repeat-y;
	_background:url(../images/global/tips-mid.gif) left top repeat-y;
	width:100%;
}
.ajax_tips_w255 .tips_main p{
	padding:0 10px;
	color:#6e3e00;
	font-size:1em;
	font-weight:normal;
}
.ajax_tips_w255 .ajax_tips_bot{
	background:url(../images/global/tips-bot.png) left top no-repeat;
	_background:url(../images/global/tips-bot.gif) left top no-repeat;
	width:100%;
	padding-bottom:6px;
}
.alertbox .info-btn{
	width:100%;
	display:inline-block;
	margin-top:10px;
}
.alertbox a, .alertbox a:hover{
	text-decoration:none;
	margin-right:10px;
}
.alertbox  .text-bold,.alertbox .text-content .text-bold,.publish-facebook .text-bold, .login-btn .text-bold{
	font-weight:bold;
	display:inline-block;
	padding:0;
}
a.btn-facebook, a.btn-google,a.btn-renren{
	height:21px;
	display:inline-block;
} 
a.btn-facebook{
	background:url(../images/global/btn-facebook.gif) left top no-repeat;
	width:169px;
}
a.btn-google{
	background:url(../images/global/btn-google.gif) left top no-repeat;
	width:155px;
}
a.btn-renren{
	background:url(../images/global/btn-renren.gif) left top no-repeat;
	width:138px;
}
a.btn-facebook:hover,a.info-facebook:hover,.login-btn a.btn-JJY:hover, .login-btn a.btn-facebook:hover {
	text-decoration:none;
}
a.info-facebook{
	background:url(../images/global/icons/icon-facebook.gif) left center no-repeat;
	padding-top:2px;
}
.link-facebook a.info-facebook:link,.link-facebook a.info-facebook:visited{
	position:absolute;
	bottom:5px;
	right:2px;
	width:auto;
	padding:5px 5px 5px 32px;
	background-position:10px center;
}
.link-facebook a.editsetbutt:link,.link-facebook  a.editsetbutt:visited{
	font-size:0.8em;
}
.join-form .alertbox {
	margin:0px 0px 10px 0px;
}
.join-form .alertbox p, .alertbox .text-content p{
	margin-top:4px;
	margin-right:10px;
}
.alertbox .btn-facebook, .alertbox .text-content p, .alertbox a, .alertbox a:hover{
	float:left;
}
 .Joinbox a.btn-facebook{
 	margin:2px 6px;
}
.publish-facebook a.info-facebook{
	padding-left:16px;
	display:inline-block;
	margin-left:2px;
}
.publish-facebook{
	float:left;
	display:block;
	width:auto;
	padding:2px 0 0 5px;
}
.login-btn{
	display:inline-block;
	width:100%;
	line-height:26px;
}
.login-btn a.btn-JJY, .login-btn a.btn-facebook{
	height:21px;
	margin-left:5px;
	display:inline-block;
}
.login-btn a.btn-JJY{
	background:url(../images/global/btn-jjy.gif) left top no-repeat;
	width:79px;
}
.login-btn a.btn-facebook{
	background:url(../images/global/samll-bnt-facebook.gif) left top no-repeat;
	width:89px;
}
/*--------------------------------------------*/
ul.profile  input.calendar{
	border:1px solid #BBBBBB;
	width:124px;
	color:#BBBBBB;
	background:url(../images/global/icons/calendar.gif) 126px 1px no-repeat;
	padding:2px 18px 2px 2px;
	cursor:pointer;
}
ul.invites-friend {
	width:97%;
	padding-right:3%;
	overflow-y:scroll;
	overflow-x:hidden;
	height:166px;
}
ul.invites-friend  li{
	float:left;
	width:24%;	
	margin:6px 2px 6px 0px;
}
ul.invites-friend  li input.input-checkbox{
	float:left;
	margin:2px 2px 0px  0;
	height:14px;
	width:14px;
}
ul.invites-friend  li input.name{
	border:0px solid #fff;
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	float:left;
	height:14px;
}