/* My Account
----------------------------------------------------------- */

.mypanel {
	padding: 0 0 15px 0;
}

.mypanel .mp-l {
	float: left;
	width: 10%;
}

.mypanel .mp-l img {
	width: 78px;
	height: 78px;
}

.mypanel .mp-r {
	float: right;
	width: 85%;
}

.mypanel li {
	display: inline;
	float: left;
}

.mypanel .mp-head {
	padding: 0 0 10px 0;
	font-size: 12px;
}

.mypanel .mp-head li {
	padding: 0 0 0 2em;
	color: #999;
}

.mypanel .mp-head li strong {
	color: #ef4646;
}

.mypanel .mp-body {
	font-size: 13px;
}

.mypanel .mp-body li {
	width: 180px;
	height: 28px;
	font-weight: bold;
	font-size: 16px;
}

/* My Account
----------------------------------------------------------- */

.mypages {
	padding: 0 0 1em 0;
}

.mypages .my-box {
	float: left;
	width: 50%;
}

.mypages .my-box h2 {
	padding: 0 0 5px 0 !important;
}

.mypages .my-box p {
	padding: 0 !important;
	font-size: 12px;
}

.mypages .my-box .box {
	margin: 5px;
	padding: 10px 15px 10px 55px;
	background-color: #ebf7fb;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border: solid 1px #a6d8ec;
}

/* My Account Icons
----------------------------------------------------------- */

#MyProfile .box {
	background-image: url(../i/ic32/my-profile.png);
}

#MyFriends .box {
	background-image: url(../i/ic32/my-friends.png);
}

#MyMessages .box {
	background-image: url(../i/ic32/my-messages.png);
}

#MyContributions .box {
	background-image: url(../i/ic32/gallery.png);
}

#MyMedia .box {
	background-image: url(../i/ic32/my-media.png);
}

#MySettings .box {
	background-image: url(../i/ic32/my-settings.png);
}

/* My Profile Icons
----------------------------------------------------------- */

#ViewProfile .box {
	background-image: url(../i/ic32/view-profile.png);
}

#EditProfile .box {
	background-image: url(../i/ic32/edit-profile.png);
}

#WhoVisited .box {
	background-image: url(../i/ic32/whos-visited.png);
}

#ProfileTheme .box {
	background-image: url(../i/ic32/theme-builder.png);
}

#MyBlog .box {
	background-image: url(../i/ic32/my-blog.png);
}

#ViewRates .box {
	background-image: url(../i/ic32/view-ratings.png);
}

#WhoRated .box {
	background-image: url(../i/ic32/whos-rated.png);
}

/* My Messages Icons
----------------------------------------------------------- */

#MessageInbox .box {
	background-image: url(../i/ic32/message-inbox.png);
}

#MessageAlerts .box {
	background-image: url(../i/ic32/alert-box.png);
}

#MessageStatus .box {
	background-image: url(../i/ic32/message-status.png);
}

#NewMessage .box {
	background-image: url(../i/ic32/create-messages.png);
}

/* My Friends Icons
----------------------------------------------------------- */

#FriendList .box {
	background-image: url(../i/ic32/friends-list.png);
}

#HotList .box {
	background-image: url(../i/ic32/pest-list.png);
}

#PestList .box {
	background-image: url(../i/ic32/hotlist.png);
}

#UnderCover .box {
	background-image: url(../i/ic32/hotlist-spy.png);
}

/* My Profile Media Icons
----------------------------------------------------------- */

#UploadPhoto .box {
	background-image: url(../i/ic32/upload-photos.png);
}

#UploadVideo .box {
	background-image: url(../i/ic32/record-videos.png);
}

#ManageMedia .box {
	background-image: url(../i/ic32/manage-media-gallery.png);
}

#FavePics .box {
	background-image: url(../i/ic32/add-to-favorites.png);
}

/* My Settings Icons
----------------------------------------------------------- */

#PersonalDetails .box {
	background-image: url(../i/ic32/personal-details.png);
}

#PrivacySettings .box {
	background-image: url(../i/ic32/privacy-settings.png);
}

#Interactivity .box {
	background-image: url(../i/ic32/interactivity-setting.png);
}

#ChangePassword .box {
	background-image: url(../i/ic32/change-password.png);
}

/* Message: Menu
----------------------------------------------------------- */

.menu-message {
	padding: 10px 0;
}

.menu-message li a {
	position: relative;
	display: block;
	padding: 0 1em;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
}

.menu-message li.on a {
	font-weight: bold;
	color: #ef4646;
	background: #d9f2fc;
}

.menu-message li a:hover {
	background: #ebf6fa;
}

.menu-message li span {
	position: absolute;
	display: block;
	top: 7px;
	right: 7px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-weight: bold;
	font-size: 9px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px #666;
	box-shadow: 0 0 3px #eee;
	border: solid 1px #999;
	border-radius: 10px;
}

.menu-message-inbox span {
	border-color: #b15662;
	background: -moz-linear-gradient(top, #f9aab4 0%, #d86a78 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9aab4), color-stop(100%,#d86a78));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9aab4', endColorstr='#d86a78',GradientType=0 );
}


/* Themes: free
----------------------------------------------------------- */

.new {
	height: 10px;
	line-height: 10px;
	overflow: hidden;
	font-size: 11px;
	color: #fff;
	background: #ef4646; 
}

.theme-free {
	padding: 0 0 1em 0;
}

.theme-free .tf-box {
	float: left;
	margin: 0 40px 40px 40px;
	width: 220px;
	text-align: center;
	background: url(../i/bg-theme.gif) repeat-x 0 180px; 
	border: solid 1px #ddd;
}

.theme-free .tf-head {
	height: 190px;
	overflow: hidden;
}

.theme-free .tf-head img {
	margin: 10px 0 0 0;
	width: 200px;
	height: 160px;
}

.theme-free .tf-body {
	padding: 0;
}

.theme-free .tf-body .new {
	position: relative;
	float: right;
	margin: -20px 10px 0 0;
}

.theme-free .tf-body h3 {
	padding: 0 !important;
}

.theme-free .tf-foot {
	padding: 10px 0;
}

/* Themes: premium
----------------------------------------------------------- */

.theme-premium {
	padding: 0 0 1em 0;
}

.theme-premium .tp-box {
	margin: 0 0 20px 0;
	background: url(../i/bg-theme.gif) repeat-x 0 80px; 
	border: solid 1px #ddd;
}

.theme-premium .tp-head {
	float: left;
	width: 25%;
	height: 180px;
	overflow: hidden;
}

.theme-premium .tp-head img {
	margin: 10px 0 0 10px;
	width: 200px;
	height: 160px;
}

.theme-premium .tp-body {
	float: right;
	width: 75%;
}

.theme-premium .tp-body .br {
	padding: 10px 10px 10px 0;
}

.theme-premium .tp-body h3 {
	padding: 0 !important;
}

.theme-premium .tp-foot {
	margin: 0 10px 0 0;
	padding: 10px 0 0 0;
	border-top: solid 1px #eee;
}

.theme-premium .tp-foot p {
	padding: 3px 0 17px 0;
	font-size: 13px;
}