@charset "UTF-8";

.leftBox {width: 220px; margin:5px 0 10px 0;float:left;  font:12px Arial; }
.leftBox a {color:#FF6600;}
.leftBoxBody {background:#FFFDF3; border:1px solid #FFBB52;border-top:none;padding:5px 0 0 0;  }

.leftBox h2 {background:url(http://www.chinesesavvy.com/savvy/resources/20080715/images/orange_dt.gif) no-repeat ; height: 16px; padding:4px 0 0 10px;
font:11px Verdana;color:#FFF;font-weight:bold;margin:0; }

#lessons ul {list-style:none;padding:3px 0 0 6px;margin:0;   }
#lessons li {height: 24px; line-height:24px;  width: 200px; white-space:nowrap;overflow:hidden;  }
#lessons li span {color:#555;padding:0 0 0 5px;font:10px Arial; }

#lessons p {text-align:right; margin:2px 8px 8px 0;padding:0; font-weight:bold; }

/* @group Main header */

/*.mainHeader {
	background: url(../images/img_coursecntr_header.jpg) no-repeat top;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 110px;
	}*/



/* @end */

.leftColumn .colBlock,
.rightColumn .colBlock {
	margin-top: 0px;
	width: 220px;
	}

/* @group Left column */



/* @end */

/* @group Middle column */

.blckCont {
	padding: 10px; }
div.breakline {
	border-bottom: 1px solid #f60;
	width: 99%;
	height: 1px;
	margin: 1px auto;
	padding: 0 !important;
	font-size: 1px;
	clear: both; }

.searchmembers td {
	vertical-align: text-bottom; }
.Memberspage .blckCont h5 {
	color: #f60;
	margin-top: 20px;
	margin-bottom: 20px; }
.fieldname {
	width: 100px; }

/* @group Member spotlight */

.memberspotlight .member {
	width: 220px;
	float: left;
	margin: 5px; }
.memberspotlight .member .middle{
	height: 145px; }
.member h5, .memberResult h5.username {
	padding: 0;
	font-size: 13px;
	margin: 0; }
.member h5 a, .memberResult h5 a {
	color: #f60;
	text-decoration: none; }
.member h5 a:hover, .memberResult h5 a:hover {
	text-decoration: underline; }
.member .avatar {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	border-style: none; }
.memberResult .avatar {
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
	border-style: none; }

.memberspotlight .member div.user-info {
	height: 97px; }
.member div.user-info, .member div.user-actions,
.memberResult div.user-info, .memberResult div.user-actions {
	color: #000;
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px; }
.member .info-title, .memberResult .info-title {
	font-weight: bold;
	color: #f30; }
.member .profile {
	background: url(../images/icn_arrw_rght.gif) no-repeat left top;
	padding-left: 16px; }
.memberResult .profile {
	background: url(../images/icn_arrw_rght.gif) no-repeat right top;
	padding-right: 16px; }
.member .addbuddy {
	background: url(../images/icn_addbuddy.gif) no-repeat left top;
	padding-left: 16px; }
.memberResult .addbuddy {
	background: url(../images/icn_addbuddy.gif) no-repeat right top;
	padding-right: 16px; }
.memberResult .user-actions {
	text-align: right; }
.nana-profile .member {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #f60; }

/* @end */

/* @group Member profile */

.member-profile { }

.member-profile h3 { }
.member-profile table {
	width: 100%; }
.member-profile .personal-info, .member-profile .contact-info, .member-profile .more-info {
	margin-top: 5px;
	margin-bottom: 5px; }
.member-profile .user-information {
	padding-right: 5px;
	padding-left: 5px;
	background-color: #fff; }
.member-profile h4 {
	font-size: 12px;
	color: #f60;
	margin: 0 0 5px; }
.member-profile td {
	font: 12px Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top; }
.member-profile .msn, .member-profile .aim, .member-profile .icq, .member-profile .yahoo {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 3px 3px; }
.member-profile .msn {
	background-image: url(../images/icn_msn.gif); }
.member-profile .aim {
	background-image: url(../images/icn_aim.gif); }
.member-profile .icq {
	background-image: url(../images/icn_icq.gif); }
.member-profile .yahoo {
	background-image: url(../images/icn_yahoo.gif);
	background-position: 3px 6px; }
.member-profile .col01 {
	width: 150px; }
.member-profile .avatar {
	width: 85px;
	height: 90px; }
.member-profile .user-avatar {
	float: right; }

.user-options {
	text-align: right;
	height: 20px; }
.user-options .addbuddy, .user-options .buddyadded, .user-options .removebuddy, .user-options .sendmessage {
	height: 19px;
	float: right;
	display: block;
	margin-left: 5px; }
.user-options .sendmessage {
	background: url(../images/btn_sendmessage.jpg) no-repeat left top;
	width: 98px; }
.user-options .addbuddy {
	background: url(../images/btn_addtomybuddies.jpg) no-repeat left top;
	width: 98px; }
.user-options .buddyadded {
	background: url(../images/btn_buddyadded.jpg) no-repeat left top;
	width: 98px; }
.user-options .removebuddy {
	background: url(../images/btn_removefrommybuddies.jpg) no-repeat left top;
	width: 121px; } 
.user-options .addbuddy span, .user-options .removebuddy span, .user-options .sendmessage span, .user-options .buddyadded span {
	display: none; }
.user-options .addbuddy:hover, .user-options .removebuddy:hover, .user-options .sendmessage:hover {
	background-position: 0 -19px; }

.buddy-profile {
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 5px; }
.buddy-profile td.avatar {
	width: 90px;
	vertical-align: top; 	}
.buddy-profile td.userinfo {
	width: 270px; }
.buddy-profile .link {
	color: #f30;
	font: 11px Verdana, Arial, sans-serif;
	background: url(../images/icn_arrw_rght.gif) no-repeat right;
	padding-right: 16px;
	margin-left: 5px;
	float: right; }


/* @end */

/* @end */

/* @group Right column */

/* @group Phrase of the week */

.PhrOTweek .colCont {
	text-align: center;
	padding: 0;
	}
	.PhrOTweek h3 {
		font-size: 14px;
		color: #F30;
		padding: 0;
		}
	.PhrOTweek .next {
		display: block;
		width: 115px;
		}

/* @end */



/* @end */