﻿div#left-profile-column { float:left; width:220px; overflow:hidden; }
div#right-profile-column
{
    float:left;
    width:718px;
}

div#right-profile-column h1 
{
    font-family:Trebuchet MS;
    font-size:30px;
    margin:0px;
    margin-bottom:8px;
    padding:0px;
    color:#555;
}

div#left-profile-column h3
{
    font-weight:bold;
    font-family:Tahoma;
    font-size:11px;
    color:#333;
    padding:0px;
    margin:0px;
    
    margin-bottom:8px;
    padding-bottom:5px;
    width:200px;
    border-bottom:#CCC 1px dotted;
}

div#right-profile-column h1 strong
{
    font-family:Tahoma;
    font-size:11px;
    font-weight:bold;
}

div#right-profile-column div#white-box
{
    border:#DDD 1px solid;
    background-color:White;
    padding:10px;
}

div#quote-div
{
    background-color:#D7DEDE;
    border:#CCC 1px solid; padding:7px; font-family:Arial; font-size:12px;
    margin-bottom:12px;
}

div#profile-media-links { width:200px; padding-top:15px; padding-bottom:10px; }

div#profile-media-links a
{
    display:block;
    background-repeat:no-repeat;
    background-position: left;
    padding:6px 0px 6px 30px;
    border-bottom:#CCC 1px solid;
    text-decoration:none;
}

div#profile-media-links a#pics
{
	background-image: url(/user.assets/6/6/6/icons/pics.png);
}

div#profile-media-links a#vids
{
	background-image: url(/user.assets/6/6/6/icons/vids.png);
}

div#profile-media-links a#add-friend
{
	background-image: url(/user.assets/6/6/6/icons/friend.png);
}

div#profile-media-links a#facebook
{
	background-image: url(/user.assets/6/6/6/icons/facebook19x19.png);
}

div#profile-media-links a#myspace
{
	background-image: url(/user.assets/6/6/6/icons/myspace19x19.png);
}

div#profile-media-links a#twitter
{
	background-image: url(/user.assets/6/6/6/icons/twitter19x19.png);
}

div#profile-media-links a#msg
{
	background-image: url(/user.assets/6/6/6/icons/msg.png);
}

div#profile-media-links a:Hover
{
    background-color:#007;
    color:#DDF;
    text-decoration:none;
    border-bottom:#007 1px solid;
}

div#profile-info
{
    background-color:#EEE;
    width:200px;
    padding-bottom:10px;
    margin-bottom:20px;
}

div#profile-info div.h { font-weight:bold; color:#444; padding-left:10px; padding-top:10px; }
div#profile-info div.i { padding-top:4px; padding-left:10px; }

div#friends { }
div.friend-item { float:left; width:100px; height:100px; }
div.friend-item img { border:black 1px solid; }

/* Overridable */

div#white-box
{
    background-image: url(/user.assets/6/6/6/bg/star-bg.gif);
    background-position: right top;
    background-repeat:no-repeat;
}

div#white-box div.left
{
    float:left;
    width:400px;
    overflow:hidden;
    margin-right:15px;
}

div#white-box div.right
{
    float:left;
    width:280px;
    overflow:hidden;
}

div#white-box h2
{
    font-family:Trebuchet MS;
    font-size:20px;
    color:#777;
    margin:0px;
    padding:0px;
    padding-bottom:5px;
    margin-bottom:9px;
    border-bottom:#CCC 1px dotted;
}

div#white-box h2 strong
{
    font-size:11px;
    font-weight:normal;
    padding:0px;
    margin:0px;
    font-family:Tahoma;
}

div#endorsements { width:440px; padding-bottom:16px; margin-bottom:16px; border-bottom:#CCC 4px solid; }
div.endorsement { width:141px; float:left; margin-bottom:20px; height:184px; overflow:hidden; }
div.endorsement div.holder
{
    width:120px;
    background-color:#CCC;
    height:160px;
}

div.endorsement div.holder div.holder
{
    width:120px;
    background-color:#CCC;
    overflow:hidden;
    border-bottom:white 5px solid;
    height:auto;
}

div#my-photos { width:300px; }
div#my-photos div.tile-item
{
	float:left;
	padding:2px;
	background-color:White;
	border:#CCC 1px solid;
	margin-right:18px;
	margin-bottom:18px;
}

div.view-all { float:right; }

div#feed-area { }
div#feed-area div.line-item { padding:7px 0px 8px 0px; margin-bottom:8px; border-bottom:#CCC 1px solid; }
div#feed-area div.line-item div.image img { border:black 1px solid; }
div#feed-area div.line-item div.text div.date { font-size:10px; color:#777; padding-top:5px; }

div#feed-area div.line-item div.comment-item div.image { float:left; width:68px; }
div#feed-area div.line-item div.comment-item div.text { float:left; width:200px; font-size:12px; }

div#feed-area div.line-item div.media-item div.image { text-align:right; float:right; width:68px; }
div#feed-area div.line-item div.media-item div.text { float:right; width:200px; }

div.reply-form-item { margin-left:25px; }

div.reply-form-holder { padding:4px; background-color:#EEF; margin-top:4px; }
textarea.reply-textarea { font-family:Tahoma; color:#CCC; font-size:11px; height:25px; width:244px; }

div.feed-comment
{
	margin-top:3px;
	background-color:#EEF;
	padding:5px;
	margin-left:25px;
}
div.feed-comment img { vertical-align: middle; }

div.feed-comment div.reply-image { width:55px; float:left; }
div.feed-comment div.reply-info { width: 187px; float:left; text-align:left; }
div.feed-comment div.reply-info font { font-size:10px; color:#777;  }
div.feed-comment div.reply-info div.txt { padding-top:3px; text-align:left; }

div#remove-comment
{
	position:absolute;
	border:black 1px solid;
	width:50px;
	height:15px;
}

div.remove-div { margin:2px 0px 2px 0px; font-size:10px; padding:3px; text-align:right; background-color:#EEE; }
div.remove-div a { color:Maroon; }
div.remove-div a:Hover { color:red; background-color:Transparent; }


/* From S2 */
div#profile-comment-result { display:none; visibility:hidden; }

div.reply-form-div { display:none; }

div.profile-comment-item { margin-bottom:23px; font-size:11px; font-family:Tahoma; }
div.comment-image-div { float: left; width:60px; }
div.comment-image-div img { border:#CCC 3px solid; }
div.comment-info-div { float:right; width:333px; }
div.comment-info-div div.name { padding:3px; background-color:#EEF; border:#DDD 1px solid; font-weight:bold; color:#666; }
div.comment-info-div div.name span.date { font-size:10px; font-weight:normal; color:#AAA; }
div.comment-info-div div.text {  margin-top:4px; padding-bottom:7px; }
div.reply-link-div { margin-top:7px; color:#777; }


div.reply-box { border:#CCC 1px solid; margin-top:10px; }

div.reply-item { margin:1px; }
div.reply-name { background-color:#EEE; padding:2px; }
div.reply-name img { border:black 1px solid; vertical-align:middle; margin-right:4px; }
div.reply-name span.date { color:#999; font-size:10px; }

div.reply-text { padding:4px; padding-bottom:10px; }
div#profile-comment-form-div { background-color:#EEE; border:#CCC 1px solid; padding:8px; }
div#profile-comment-form-div h4 { margin:0px; padding:5px 0px 4px 0px; }

textarea#profile-comment-ta
{
	width:262px;
	height:25px;
	margin-bottom:5px;
	font-size:11px;
	font-family:Tahoma;
}

div#wall-comment-area h2 a { float:right; padding-top:5px; font-size:11px; font-family:Tahoma; font-weight:normal; }

input#profile-button { margin-right:10px; font-size:11px; font-family:Tahoma; cursor:pointer; }
div.MediaReplies textarea { width:200px; height:40px; font-size:11px; }
div.reply-link-div { margin-bottom:4px; }

input.reply-button { }


/* End From S2 */


