.profileMainTable
{

}

.componentExpander
{
	width: 100%;
	background-color: #5C7EAD;
	height: 25px;
	text-align: left;
	padding: 2px 2px 2px 2px;
}

.expanderLabel
{
	color: #5c7ead;
	float: left;
}

.panelHeader
{
	margin-top: 4px;
	height: 18px;
	color: #505046;
	background-color: #dfe7fe;
	font-size: smaller;		
	padding: 0px 5px 0px 5px;
	border-top: 1px solid #b1bdd6;
	vertical-align: middle;
}

.panelExpanderHeader
{
	margin-top: 4px;
	height: 18px;
	color: #505046;
	background-color: #f4f4f4;
	font-size: smaller;	
	cursor: pointer;
	padding: 0px 5px 0px 5px;
	border-top: 1px solid #b1bdd6;
	vertical-align: middle;
}

.panelExpanderHeaderExpanded
{
	margin-top: 4px;
	height: 18px;
	color: #505046;
	background-color: #dfe7fe;
	font-size: smaller;
	cursor: pointer;
	padding: 0px 5px 0px 5px;
	border-top: 1px solid #000;
	vertical-align: middle;
}

.panelExpanderSubHeader
{
	background-color: #f4f4f4;
	height: 15px;
	font-size: 8pt;
	padding: 0px 5px 0px 5px;
}

.panelExpanderSubHeader .headerLabel
{
	float: left;
}

.panelExpanderSubHeader .seeAll
{
	float: right;
}

.warningLabel
{
	background-color: #fff8cc;
	border-bottom: 1px solid #ffe222;
}

/* Profile Left Side */
.profileLeftColumn
{
	vertical-align: top;
	width: 275px;
}

.profileLeftColumnTable
{
	border: 0px;
	width: 100%;
}

.leftClpsPanelsDiv
{
	margin-top: 2px;
	border-right: 1px solid #ccc;
}

.profileImage
{
	width: 275px;
}

.userNameArea
{
	/*background-color: #5C7EAD;*/
	background-color: #dfe7fe;
	padding: 2px;
}

.biggerUurl
{
	color: #7d7d71;
	background-color: #f4f4f4;
	padding: 2px;
	height: 40px;
}

.uUrl
{
	color: #7d7d71;
	background-color: #f4f4f4;
	padding: 2px;
	height: 20px;
}

.uUrl .urlText
{
	float: left;
}

.uUrl .urlChange
{
	float: right;
}

.userName
{
	color: #000;
	
	font-size: 13pt;
}

.lastOnlineTime
{
	color: Gray;
}

.profileLeftColumn .actions
{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

.profileLeftColumn .actions a
{
	font-size: 8pt;
	color: #666;
	display: block;
	margin: 0px;
	padding: 2px 4px;
	text-decoration: none;
	border-bottom: solid 1px #ccc;
}

.profileLeftColumn .actions a:hover
{
	color: white;
	background: #3B5998;
}

/* edit status */

.panelEditStatusEditor
{
	
}

/* my videos */

.myVideosDiv
{
	
	
	
}


.myVideosDiv .insideDiv
{
	background-color: #d4d8fb;
	padding: 5px;
}

.tabMyVideos
{
	padding: 5px;		
	height: 180px;
	background-color: White;	
}


.tabMyVideos td
{
	vertical-align: top;
}

.tabMyVideos .video
{
	padding: 1px;
}

.tabMyVideos .video img
{
	cursor: pointer;
	width: 80px;
	text-align: center;
}

.tabMyVideos .video .name
{
	cursor: pointer;
	width: 90px;
	text-align: center;
	color: Gray;
	font-size: 9pt;
}

.myVideosDiv .tags
{	
	text-align: justify;
	margin-left: 5px;
	padding: 5px;
	word-wrap: break-word;
	height: 180px;
	overflow: hidden;
	background-color: White;
}

/* last videos */

.panelLastVideos
{
	text-align: center;
}

.panelLastVideos .video
{
	display: block;
}

.panelLastVideos .video .name
{
	cursor: pointer;
	width: 100%;
	text-align: center;
}

.panelLastVideos .video .time
{
	cursor: pointer;
	width: 100%;
	text-align: center;
	font-size: smaller;
	color: Gray;
}

/* Last Games */

.panelLastGames
{
	text-align: center;
}

.panelLastGames .game
{
	display: block;
	vertical-align: top;
}

.panelLastGames .game .name
{
	cursor: pointer;
	width: 100%;
	text-align: center;
}

.panelLastGames .game .time
{
	cursor: pointer;
	width: 100%;
	text-align: center;
	font-size: smaller;
	color: Gray;
}

/* IncomingBox */

.incomingBox
{	
	margin-left: 20px;
	background-color: #f9f9f9;
}

.incomingBox .headerBar
{
	background-color: #ccc;	
	cursor: pointer;
	color: White;
}

.incomingBox .fRequests
{
}

.incomingBox .fRequests .request
{
}

.incomingBox .fRequests .request .img
{
	max-width: 100px;
}

.incomingBox .messages
{
}

.incomingBox .messages .message
{
}

/* Profile Right Column */

.profileRightColumn
{
	vertical-align: top;
	width: 100%;
	padding-left: 10px;
}


.friendTable
{
}

/* profile tab container */

.profileTabInsideContainer
{
	
	
	
}

.panelSmallFriends
{
}

/* Random Prize */

.randomPrizePanel
{
	
}

.randomPrizePanel .pPrice
{
	padding-top: 10px;
	font-weight: bolder;
}

.randomPrizePanel img
{
	text-align: center;
	max-width: 150px;
	float: left;
}

.randomPrizePanel .rLeft
{
	padding-left: 5px;
}

.randomPrizePanel .rRight
{
	padding-left: 5px;
	text-align: left;
}

.randomPrizePanel .btnGo
{
	padding-top: 25px;
	text-align: right;
}

/* profile photos */

.photosPanel
{
}

#album
{
	margin: 0px;
	padding: 10px;
}

#album td
{
	text-align: center;
	vertical-align: middle;
}

#album img
{
	width: 40px;
	background: white;
	padding: 2px;
	border: solid 1px #ccc;
}

#album img:hover
{
	border: solid 1px #3B5998;
}

.photoPopup
{
	top: 1000px;
	left: 1000px;
	display: none;	
	border: 1px solid #000;
	background-color: White;
	position: absolute;
	z-index: 1000;
	padding: 4px;
}

.photoPopup .photoPreviewImage
{
	width: 350px;
}

/* User info  */

.panelUserInfo
{
	
}

.panelUserInfo .infoHeader
{	
	font-size: 10pt;
	
}

.userInfo
{
	
}

.userInfo .infoKey
{
	float: left;
	color: #968992;
	width: 150px;
	
	
}

.userInfo .infoValue
{
	
	padding-left: 10px;
	text-align: justify;
	
}


/* All Friends Table */

.allFriendsPanel
{
}

.allFriendsPanel .backLink
{
	text-align: right;
}

.initialIndex
{
	height: 20px;
	
}

.initialIndex .initial
{
	display: inline;
	margin-right: 5px;
}

.initialIndex .selectedInitial
{
	display: inline;
	margin-right: 5px;
	background-color: #dfe7fe;
}

.initialIndex .initialNoneLink
{
	display: inline;
	margin-right: 5px;
	color: #eee;
}

#allFriendsTables
{	
	margin: 0px;
	padding: 10px 10px 10px;
	background: #f7f7f7;
}

.allFriendsTable
{
	margin: 0px;
	padding: 5px;
	margin-bottom: 5px;
	background: white;
	border: solid 1px #ccc;
}

.allFriendsTable .image
{
	vertical-align: top;
	text-align: left;
	width: 110px;
}

.allFriendsTable .image img
{
	width: 110px;
}

.allFriendsTable .info
{
	vertical-align: top;
	width: 386px;
}

.allFriendsTable .info table
{
	width: 200px;
}

.allFriendsTable .info td
{
	vertical-align: top;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px 0px 1px 10px;
}

.allFriendsTable .info .infoValue
{
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px 0px 1px 10px;
}

.allFriendsTable .info .infoValue .update
{
	color: Gray;
}

.allFriendsTable .info .label
{
	text-align: right;
	width: 70px;
	color: gray;
}

.allFriendsTable .classify
{
	width: 320px;
	border: solid 1px hotpink;
	background: pink;
}

.allFriendsTable .actions
{
	vertical-align: top;
	width: 150px;
}

.allFriendsTable .actions a
{
	font-size: 10;
	color: #666666;
	display: block;
	margin: 0px;
	padding: 2px 4px;
	text-decoration: none;
	border-bottom: solid 1px #D8DFEA;
}

.allFriendsTable .actions a:hover
{
	color: white;
	background: #3B5998;
	text-decoration: none;
}

.allFriendsTable small
{
	padding-left: 3px;
	color: gray;
}


#allFriends td
{
	text-align: center;
	vertical-align: middle;
}

#friendtables
{
	margin: 0px;
	padding: 10px 10px 10px;
	background: #f7f7f7;
}

.friendtable
{
	margin: 0px;
	padding: 5px;
	margin-bottom: 5px;
	background: white;
	border: solid 1px #ccc;
}

.friendtable .image
{
	vertical-align: top;
	text-align: left;
	width: 110px;
}

.friendtable .info
{
	vertical-align: top;
	width: 386px;
}

.friendtable .info table
{
	width: 380px;
}

.friendtable .dark a
{
	color: #555;
}

.friendtable .info td
{
	vertical-align: top;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px 0px 1px 0px;
}

.friendtable .info .updates
{
	margin: -2px;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	background: #fff8cc;
	border-bottom: solid 1px #ffe222;
}

.friendtable .info .label
{
	width: 70px;
	color: gray;
}


/* Add friend request */

.addFriendFrame
{
	width: 400px;
	padding: 10px 10px 10px 10px;
	background-color: #cccccc;
	text-align: left;
}

.addFriendFrame .inside
{
	padding: 10px 10px 10px 10px;
	background-color: White;
	border: 1px solid #0000ff;
}

.addFriendFrame .inside .text
{
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 10px;
	vertical-align: top;
}

.addFriendFrame .inside .text .personalTextBox
{
	overflow: hidden;
	font-family: Trebuchet MS;
}

.addFriendFrame .inside .image
{
	padding-top: 15px;
	vertical-align: top;
}



.addFriendFrame .friendImage
{
	max-width: 200px;
	max-height: 300px;
}

/* small friends */

.homeSmallFriendsContainer
{
	
	padding-left: 200px;
}

.smallFriends
{
	margin: 0px;
	padding: 2px;
	
	
}




.smallFriends .allfriends
{
	text-align: right;
}

.smallFriends td
{
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	vertical-align: bottom;
}

.smallFriends img
{
	max-width: 65px;
}

.smallFriends .smallUser .smallUserName
{
	width: 65px;		
}

.smallFriends .smallUser .smallUserName a
{
	font-size: 8pt;
}

/* Create URL Panel */

.createUrlPanel
{

}

.createUrlPanel .panelInside
{
	padding: 10px;
	border-bottom: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
}

/* My Wallet */

.myWallet
{
	padding: 5px;
	
}