/*---------- imports ------------*/
/* @import "forms.css"; */
/* @import "lightbox.css"; */

/*---------- forms.css -----------*/
select,input,textarea {
	/* font: 1em Arial, Helvetica, sans-serif; */
	vertical-align: middle;
	margin-right: 5px;
}

* html select,input {
	margin-right: 2px;
}

input:focus {
	-moz-outline: none;
	/*	opacity: 0.5;*/
	/* background: #4ca1d8; */
}

textarea,.txt {
	background: url(../images/input_bg.gif) #fff no-repeat left top;
	border: #cfcfcf 1px solid;
	color: #585858;
	padding: 3px 2px 2px 2px;
	
}

textarea:focus,.txt:focus,textarea.focus,input.focus {
	background: url(../images/input_focus_bg.gif) no-repeat left top;
	border: #bababa 1px solid;
	color: #3c3c3c;
	padding: 3px 2px 2px 2px;
	opacity: 1 !important;
}

textarea {
	margin: 0;
	overflow: auto;
}

textarea.native {
	background-color: transparent;
	background-image: none;
}

input.email { width: 280px; }
input.title { width: 380px; }
input.username, input.password { width: 180px; }
input.domain { width: 120px; }
input.url { width: 280px; }

textarea.text {width: 420px;}

.Btn {
	font-weight: bold;;
	color: #fff;
	padding: 2px 2px 0px 2px;;
	background: #666;
	border-top: 1px solid #999;;
	border-left: 1px solid #999;;
	border-bottom: 1px solid #404040;
	border-right: 1px solid #404040;
}

.CancelBtn, .DelBtn {
	color: #000;
	padding: 2px 4px 0px 4px;;
	background: #eee;
	border-top: 1px solid #f5f6f7;;
	border-left: 1px solid #f5f6f7;;
	border-bottom: 1px solid #bfb7bc;
	border-right: 1px solid #bfb7bc;
}

dl.hField {
	margin-bottom: 1em;
}
dl.hField dt {
	float: left;
	width: 8em;
	line-height: 1.8em;
	text-align: right;
	padding-right: 0.8em;
}
* html dl.hField dt {
	padding-top: 0.2em;
}
dl.hField dd {
	margin: 0 0 1em 8em;
	font-size: 1em;
	line-height: 120%;
	color: #666;
}
.tips-loading,.tips-default,.tips-show,.tips-error,.tips-pass {
	width: 280px; padding: 2px 3px 1px 3px;
	background: lightyellow url(person_images/reg0.gif) no-repeat 3px center;
	color: #808080; line-height:16px; text-indent: 20px; overflow:hidden;
	}
dl.hField .tips-default{ background: #FFF url(person_images/reg1.gif) no-repeat 0 -2px;color: #333;}
dl.hField .tips-show{ background: #E9F0FF url(person_images/reg2.gif) no-repeat 0 -2px;color: #333;}
dl.hField .tips-error{ background: #FFF2E9 url(person_images/reg3.gif) no-repeat 0 -2px;color: #333;}
dl.hField .tips-pass{ background: #E9FFEB url(person_images/reg4.gif) no-repeat 0 -2px;color: #333;}
dl.hField dt label {
	font-size: 1.2em;
}

dl.hField dt span, dl.hField dd span {
	font-size: 1em;
	font-weight: normal;
	color: #666;
}

dl.ForumField {
	margin: 2em 0 2em 0;
}
dl.ForumField dt {
	float: left;
	width: 30em;
	line-height: 1.8em;
	text-align: left;
	padding-right: 0.8em;
}
* html dl.ForumField dt {
	padding-top: 0.2em;
}
dl.ForumField dd {
	margin: 0 2em 2em 0;
	text-align: right;
	font-size: 1em;
	line-height: 1.8em;
	color: #666;
}
dl.ForumField dt label {
	font-size: 1.2em;
}

dl.ForumField dt span, dl.ForumField dd span {
	font-size: 1em;
	font-weight: normal;
	color: #666;
}
.IForm dl {width: 480px;margin: 5px 20px;}
.IForm dt {font-size: 14px;font-weight: bold;line-height: 2em;color: #6B9F1F;margin: 5px 0 0 0;}
.IForm dd {margin: 0 0 10px 0;font-size: 12px;line-height: 2em;color: #666;}
.IForm dd input#submit {font-size: 14px;}
.IForm dl.submit {margin-top: 2em;}
.IForm dl.submit dt {font-size: 0.2em;line-height: 1em;}
.IForm p.Hint {margin: 0.5em 0 0 0;}

.cancel {
	padding-left: 1em;
}

/*---------- lightbox.css ---------*/
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	
/* SLIMBOX */

.lbTrigger {
	display: block;
	background: url(../images/lightbox.gif) no-repeat;
	width: 14px;
	height: 14px;
}
/*
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}
*/

#lbCenter, #lbBottom {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index: 100;
}

.lbLoading {
	background: #fff url(../images/lightbox_loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/lightbox_prev.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/lightbox_next.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/lightbox_close.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/*---------- general rules ------*/
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #fff;
	text-align: center;
}

#domore {
	height:18px;
	background-color:#eee;
	padding: 3px 0;
}

a.important:link,a.important:visited,a.important:active {
	color: #6B9F1F;
	font-weight:bold;
	text-decoration: underline;
}

a.important:hover {
	color: #fff;
	text-decoration: none;
	background-color:#6B9F1F;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	margin: 1.2em 0 0.4em 0;
}

h1 {
	font-size: 1.7em;
	font-family: arial, helvetica, sans-serif;
	margin: 0 0 1em 0;
}

h2 {
	font-size: 1.5em;
	color: #666;
}

h3 {
	font-size: 1.2em;
	/* color: #91D134; */
	color: #6B9F1F;
}

h4 {
	font-size: 1.2em;
	color: #666;
}

h5 {
	font-size: 1.0em;
	color: #666;
}

h6 {
	font-size: 0.8em;
	color: #666;
}

/*------- links -------*/
a:link,a:visited,a:active {
	/* color: #6B9F1F; */
	/* color: #325B0A; */
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

a.plain:link,a.plain:visited,a.plain:active {
	color: #6B9F1F;
	text-decoration: none;
}

a.plain_underline:link,a.plain_underline:visited,a.plain_underline:active {
	color: #6B9F1F;
	text-decoration: underline;
}

h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited {
	border-bottom: 2px solid #BBE381;
	color: #6B9F1F;
	outline-style: none;
	text-decoration: none;
}

h1 a:hover, h1 a:active, h1 a:focus,
h2 a:hover, h2 a:active, h2 a:focus,
h3 a:hover, h3 a:active, h3 a:focus {
	background-color: #6B9F1F;
	border-bottom: 2px solid #A9E355;
	color: #FFFFFF;
}

a:link,a:visited {
	-moz-outline: none;
}

a img {
	border: 0;
}

/*------------*/
p {font-size: 1.0em;line-height: 1.3em;margin: 1.2em 0 1em 0;}
strong, b, .strong {font-weight: bold;}
small {font-size:1.0em;}

blockquote {
	position: relative;
	color: #747474;
	background: url(../images/blockquote.gif) no-repeat 5px 5px;
	padding: 0 1em 1em 28px;
	background-color: #f5f5f5;
}

li {
	font-size: 1.0em;
	line-height: 1.3em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
}

/*--------- Page Numbers ------------*/
.pages {
	font: 1em Arial, Helvetica, sans-serif;
	padding: 0.5em 0 1.5em 1em;
	margin: 1em 0;
	clear: left;
}

.pages a, .pages span {
	display: block;
	float: left;
	padding: 0.2em 0.4em;
	margin: 0 0.1em 0.2em 0;
	border: 1px solid #fff;
	background: #fff;
}

.pages span.current {
	border: 1px solid #6B9F1F;
	font-weight: bold;
	background: #6B9F1F;
	color: #fff;
}

.pages a:link,.pages a:visited {
	color: #6B9F1F;
	border: 1px solid #6B9F1F;
	text-decoration: none;
}

.pages a:hover {
	color: #333;
	border-color: #333;
}

.pages a.nextprev {
	font-weight: bold;
}

.pages span.nextprev,.pages span.stat {
	border: 1px solid #ddd;
	color: #999;
}

* html .pages a.nextprev,.pages span.nextprev,.pages span.stat {
	padding: 0.25em 0.5em 0.2em 0.5em;
}

div.nextprev {font-size: 14px;font-weight: bold;text-align: right;color: #6B9F1F;border-top: 1px solid #f3f3f3;padding: 5px;}
div.nextprev span.prev {float: left;}

/*------- layouts -----------------------------*/
#container {
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;
	/* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 1;
}

#main,#sidebar {
	overflow: visible;
	/* fix for IE italics bug */
	position: relative;
	/* fix some rendering issues */
}

#rightWrapper #main,#middleWrapper #main,#jobWrapper #main {
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 3;
}

#rightWrapper {
	padding-left: 180px;
}

#rightWrapper #sidebar {
	float: left;
	width: 180px;
	margin: 0 1px 0 -180px;
	z-index: 2;
}

#leftWrapper {
	padding-right: 16em;
}

#leftWrapper #sidebar {
	float: right;
	width: 16em;
	margin: 0 -16em 0 1px;
	z-index: 2;
}

#leftWrapper #main,#viewWrapper #main {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}

/* for photo view page */
#viewWrapper {
	border-right: 240px solid #fff;
	/* padding-right: 240px;margin-right: 240px; */
}

#viewWrapper #sidebar {
	float: right;
	width: 240px;
	margin: 0 -240px 0 1px;
	z-index: 2;
}

#middleWrapper {
	border-left: 360px solid #fff;
}

#middleWrapper #sidebar {
	float: left;
	width: 360px;
	margin: 0 1px 0 -360px;
	z-index: 2;
}

#jobWrapper {
	border-left: 270px solid #fff;
}

#jobWrapper #sidebar {
	float: left;
	width: 270px;
	margin: 0 1px 0 -270px;
	z-index: 2;
}

/*------ header, content, footer -------------------*/
#header,#content,#footer {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 760px;
}

#header {
	font-family: arial, helvetica, sans-serif;
	padding-top: 5px;
}

#globalnav {
	line-height: 1;
	background-image: url(../images/bar.jpg);
	background-position: right 23px;
	background-repeat: no-repeat;
	height: 65px;
	width: 100%;
}

#yupoo-logo {
	float: left;
	width: 165px;
	background-image: url(../images/logo-61.jpg);
	background-repeat: no-repeat;
	background-position: 0 6px;
}
/*
#yupoo-logo span {
	position: relative;
	padding-left:100px;
	top: 10px;
	color:#91D134;
	font-weight:bold;
}

#yupoo-logo a.yupoobaby {
	color: #91D134;
	font-weight:bold;
	text-decoration: underline;	
}

#yupoo-logo a.yupoobaby:hover {
	text-decoration: none;	
}
*/

#yupoo-logo a.logo { /*setting a width breaks link area for PC IE 5*/
	width /**/: 165px;
	/*\*/ /*/
	width: 155px;
	/**/
	height: 65px;
	/*\*/
	display: block;
	overflow: hidden;
	/**/
	text-indent: -1000px;
}

#yupoo-logo a.logo:hover {
	background-color: transparent;
}

#account-menu {
	float: right;
	height: 22px;
}

#account-menu #inbox {
	display: block;
	overflow: hidden;
	width: 12px;
	height: 13px;
	margin-left: 7px;
	background: url(../images/icon_unread_bw.gif) no-repeat 0 2px;
}

#account-menu .Unread {
	background-image: url(../images/icon_unread.gif) !important;
}

#site-menu {
	clear: right;
	position: relative;
	top: 7px;
	left: 0;
	width: 585px;
	height: 22px;
	float: right;
}

.menu a:link, .menu a:visited {
	color: #333;
	text-decoration: none;
}

.menu a:hover, .menu a:active, .menu a:focus {
	color: #325B0A; 
	background-color: #eafad3;
}

.menu li {
	list-style-type: none;
}

#globalnav .menu,#bottomnav .menu {
	margin: 0;
	padding: 0;
	line-height: 1;
}

#globalnav .menu li,#globalnav .menu dt,#globalnav .menu dd,#bottomnav .menu li {
	float: left;
}

#globalnav .menu a,#globalnav .menu span.disabled,#bottomnav .menu a {
	padding: 2px 5px;
	border-right: 1px solid #e5e5e5;
}

#globalnav .menu span.disabled {
	padding: 0 5px;
}

.menu .tail a,.menu .tail span {
	border-width: 0 !important;
}

#menu-dropper a {
	padding: 2px 18px 2px 5px !important;
	margin-right: 5px;
	background: url(../images/bar_arrow.gif) no-repeat right;
}

#menu-dropper a:hover {
	color: #000;
	text-decoration: none;
	background-color: transparent;
}

#main-menu,#bottom-menu {
	width: 100%;
}

#bottomnav #copyright {
	clear: both;
	padding: 5px;
}

#dropdown {
	position: absolute;
	top: 79px;
	left: 0;
	width: 100%;
	z-index: 1998;
}

#dropdown-menu {
	position: relative;
	width: 760px;
	margin: 0 auto;
	padding: 10px;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	z-index: 1999;
}

#dropdown-menu dd {
	float: left;
	width: 122px;
	text-align: left;
}

#dropdown-menu dt {
	float: left;
	width: 100%;
	text-align: right;
}

#dropdown-menu .menu-title {
	padding: 3px 5px;
	font-weight: bold;
}

.menu .divide {
	border-top: 1px solid #e5e5e5;
}

#dropdown-menu .menu {
	padding: 5px;
}

#dropdown-menu .menu a,#dropdown-menu .menu span.disabled {
	display: block;
	width: 95%;
	padding: 2px 5px;
}

#dropdown-menu .menu span.disabled,#globalnav .menu span.disabled {
	color: #999;
}

#dropdown-menu .menu li {
	float: none;
	width: auto;
	list-style-type: none;
}

.inline {
	display: inline !important;
}

#heading { padding-bottom: 1em; }

#heading h1 {
	margin-bottom: 0.5em;
}

#heading p {
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 0.5em 0em;
}

#content {
	padding: 1.5em 0;
}

#footer {
	margin-top: 3em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	line-height: 1.8em;
	border-top: 1px solid #f3f3f3;
}

/*--- common ---------------*/
div.thin {
	margin: 20px 150px 0 150px;
	padding-bottom: 70px;
}

.Confirm,.Problem,.Warn {
	font-size: 1.2em;
	font-weight: bold;
	padding: 15px 25px 20px 25px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	color: #000000;
}
.Confirm {background: url(../images/icon_confirm.jpg) no-repeat left 15px;}
.Problem {background: url(../images/icon_error.jpg) no-repeat left 15px;}
.Warn {background: url(../images/icon_warn.jpg) no-repeat left 15px;}
.Highlight {color: #325B0A; background-color: #eafad3;}

div.Help {
	position: absolute;
	right: 20px;
	top: 15px;
	height: 1.5em;
	z-index: 4;
	padding-left: 1.5em;
	background: url(../images/icon_help_blue.gif) 0px 0px no-repeat;
}

.clear {
	clear: both;;
	padding-bottom: 1px; /* for Gecko-based browsers */
	margin-bottom: -1px; /* for Gecko-based browsers */
	font-size: 2px;
}

.hide {display: none !important;}
.inner {padding: 0 1em;}
.middle {padding: 1em 0;}
.center {margin: 0 auto;}
.topsep {margin-bottom: 0.5em;padding-top: 0.8em; padding-bottom: 1em;border-top: 1px solid #f5f5f5;}
.seperate {margin: 5px 0 5px 0; border-top: 1px dotted #000;}

.Top {margin-top: 0;}
.Hint {font-size: 12px; font-weight: normal; color: #666;}
.Label {vertical-align: top; text-align: right; font-weight: bold; }
.New {padding: 1px;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:8px;font-weight:400;line-height:normal;vertical-align:middle;background-color: #FFE28A;}
.Theme {color: #6B9F1F;}
.OR {padding: 0em 0.7em 0 0.7em;}
.PostDateTime, .DateTime {color:#666;}
.HtmlCode {font-size:1em;color:#666;display:block;}
.UnderTitle {font-size:12px;font-weight:normal;margin:10px 0px 0px 0px;display:block;}

.UnderTitle a:link, .UnderTitle a:visited {
	border-bottom: 0;
	color: #333;
	outline-style: none;
	text-decoration: none;
}

.UnderTitle a:hover, .UnderTitle a:active, .UnderTitle a:focus {
	border-bottom: 0;
	background-color: #6b9f1f;
	color: #fff;
}

.TagsClouds a:link, .TagsClouds a:visited {
	border-bottom: 0;
	color: #333;
	outline-style: none;
	text-decoration: none;
}

.TagsClouds a:hover, .TagsClouds a:active, .TagsClouds a:focus {
	border-bottom: 0;
	background-color: #6b9f1f;
	color: #fff;
}


.PhotoJob {width:250px;overflow:hidden;}

.Icon {border:0px none;vertical-align:middle;}
img#BuddyIcon, img.BuddyIcon, img#xBuddyIcon, img.xBuddyIcon {z-index: 5;float: left;background: #fff;margin: 0 10px 0 0;border: 1px solid #ddd;padding: 0px;position: relative;}
img#BuddyIcon, img.BuddyIcon {padding: 2px;}

.Tab {position:relative;height:20px;border-bottom: 3px solid #f1f1f1;margin-top: 5px; margin-bottom: 10px;}
.Tabs {position:absolute;bottom:-4px;padding-left: 15px;}
.Tabs li {list-style-type:none;margin: 0 3px;float:left;font-size: 1.2em;}
.TabIn {color: #6B9F1F;font-weight: bold;background-color: #fff;padding: 3px 11px 3px 11px; border: 1px solid #f1f1f1; border-bottom-color: #fff;}
.TabOut {background-color: #f1f1f1; padding: 3px 8px 2px 8px; }
.Tab a:link, .Tab a:visited, .Tab a:active, .Tab a:hover {text-decoration:none;}

ul { padding-left: 1.2em; }
ul.clean { padding-left: 0.5em; list-style: none; }

.ConLinks ul {list-style-type: none;}
.ConLinks h3 {margin-top:0.5em;}

a.Del:link {color: #c9c9c9; text-decoration: none; font-size: 11px; font-family: arial, helvetica, sans-serif;}
a.Del:visited {color: #c9c9c9; text-decoration: none;}
a.Del:hover {color: #fff; background-color: red; text-decoration: none;}
a.Del:active {color: #fff; background-color: red; text-decoration: none;}

a.Remove:link {color: #999; text-decoration: none;}
a.Remove:visited {color: #999; text-decoration: none;}
a.Remove:hover {color: #fff; background-color: red; text-decoration: none;}
a.Remove:active {color: #fff; background-color: red; text-decoration: none;}

.NavList {padding: 0;}
.NavList ul {list-style: none;padding-left:0.5em;}
.NavList ul li {color:#6B9F1F;padding-left: 0;padding-bottom: 0.4em;font-size: 1em;font-weight: bold;}

ul.UserList {list-style: none;}
ul.UserList li {padding: 0px; margin-right: 5px; margin-bottom: 3px; float: left; font-size: 12px;text-align: center; width: 60px; height: 70px;overflow: hidden; }
ul.UserList li.More {font-size:14px;font-weight: bold;height:1.5em;margin-top:30px;}

ul.PhotoList {list-style:none;}
ul.PhotoList li {padding: 0px; margin-right: 5px; margin-bottom: 3px; float: left; font-size: 12px;text-align: center; width: 80px; height: 80px;overflow: hidden; }
ul.PhotoList li.More {font-size:14px;font-weight: bold;height:1.5em;margin-top:30px;}

ul.xUserList {list-style:none;}
ul.xUserList li {line-height: 28px;}
ul.tagList {list-style:none; padding:0; margin-left:3px}
ul.tagList li {line-height: 20px;}

#buddy_panel {
	z-index:1000000;
	text-align:left;
}
#buddy_panel .menu li {
	width: 130px;
	list-style-type: none;
}
#buddy_panel .menu a {
	display: block;
	width: 98%;
	padding: 2px 5px;
}
#buddy_panel #buddy_panel_arrow {	/* Left div for the small arrow */
	position:absolute;
	left:0px;
	top:0px;
	width:20px;
	height:60px;
	background-image:url('../images/buddy_panel_arrow.gif');
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
}
#buddy_panel #buddy_panel_content {
	border:2px solid #333;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:150px;	/* Width of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:12px;	/* Font size of content */
	z-index:1000001;
}

#dialogbox {position: absolute;top: 40px;left: 0;width: 100%;z-index: 105;}
#contactDialog {margin: 0 auto;font-size: 1em;line-height: 1.5em;text-align: left;width: 250px;border: 3px solid #000;background-color: #fff;}
#contactDialogHeader {padding: 10px;height: 50px;background-color: #f5f5f5;}
#contactDialogBody {padding: 1em 1.2em 1em 1.2em;}
#contactDialogHeaderText {padding: 10px 0;}
#contactDialogClose {margin-left: 10px;}
#contactDialogForm ul {list-style: none;padding: 0px 30px;}
#contactDialogForm ul li {line-height: 1.5em;}
#contactDialogFormBtns {text-align: right;padding: 10px;}
#remove_contact {font-weight: normal;color: red;}
#contactSaving {padding: 4px; margin: 8px 0 4px 0; background-color: #EEF2FD; border: 1px solid #D3DEFA;}
#contactSaving img {margin-right: 7px;float: left;border: 0; vertical-align: middle;}
#contactMessage {padding: 4px; margin: 8px 0 4px 0; background-color: #EEF2FD; border: 1px solid #D3DEFA;}
#relationship {margin: 1em auto;}

.tool-tip {
	color:#fff;
	width:206px;
	text-align:left;
	z-index:13001;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.tool-title {font-size:12px;font-weight:bold;margin:0;padding:8px 8px 4px;background:url(../images/tip_bg.png) top left;}
.tool-text {margin:0;padding:4px 8px 8px;background:url(../images/tip_bg.png) bottom right;}

.ProfileGroup li {list-style-type: none; width: 210px; height: 80px; float:left; margin-right: 10px; overflow: hidden;}
.ProfileGroup li img {float:left; margin-right:1em;}
.ProfileGroup li p {margin-top: 0;}
.ProfileGroup li.More {font-size:14px;font-weight: bold;height:1.5em;margin-top:40px; width:60px;}
p.More { font-size:14px;font-weight: bold;height:1.5em;margin-right:5px 10px 0 0; text-align:right; }
 
.ProfileDetail li { list-style-type: none; margin-left:5px; padding-bottom:3px; }

.ProfileForum table th, div.Forum table td {font-size: 12px;padding: 1px 3px 2px 3px;border-bottom: 1px solid #f3f3f3;}
.ProfileForum table th {color:#666;font-weight: normal;text-align: left;}
.ProfileForum .Pager {padding: 5px 10px; text-align: right;}
.ProfileForum .Pager a {margin-right: 10px; }

.ProfileBorder {border-top: 1px solid #f3f3f3; padding:3px 0px 3px 0px;}
#peopleContacts table td { height: 25px; }

#confirm_signup ul {list-style: none;padding-left:0.5em;}
.bangbang{padding:1em;margin:10px auto;padding:50px; text-align:center; background-color:#EFF8E1;border:1px solid #91D134; vertical-align:middle;}
#bangbang {position:absolute;display:none}

.line_bottom { border-bottom: 1px solid #f3f3f3; padding-bottom:5px;}
img.PhotoBorder { border: 1px solid #ddd; padding:1px;}