/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ul, li { list-style-type: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* END RESET */

.clearit:after,
#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearit,
#content {
    zoom: 1;
}

/*********
* Begin CSS Profile Page
*********/

table.ProfileTable { font-size: 11px; }
table.ProfileTable td.htext { color: #696969; width: 100px; }
table.ProfileTable td.proftext { color: #000; }

div.AboutMe { font-size: 11px; }

table.PersonalFavorites { font-size: 11px; }
table.PersonalFavorites td.htext { color: #696969; width: 100px; }
table.PersonalFavorites td.proftext { color: #000; }

/*********
* Headers Typo
*********/
h1 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    line-height: 1.2em;
}

h2 {
    font-size: 14px;
    color: #D51007;
    font-weight: bold;
    line-height: 1.5em;
}

h2 img {
    vertical-align: text-bottom;
}

h5 {
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

/*********
* Links
*********/
a {
    color: #3b5998;
    text-decoration: none;
    -moz-outline: none;
}

a:hover {
    color: #3b5998;
    text-decoration: underline;
}

span.linkOptions {
    clear: both;
    color: #0187c5;
    text-align: right;
    display: block;
    height: 15px;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    padding-top: 5px;
}
span.linkOptions a {
    float: left;
    display: block;
    font-size: 11px;
    line-height: 14px;
    padding-top: 5px;
    background-repeat: no-repeat;
    background-position: right top;
}

/*********
* Structures
*********/

body {
    background: #e3e3e3;
}

body #page {
    margin: 0 auto;
    min-width: 913px;
    max-width: 1102px;
    overflow: hidden;
}

* html div#page {
    width: expression(documentElement.clientWidth < 913? "915px" : documentElement.clientWidth > 1104? "1102px" : "auto");
}

#page {
    color: #000;
    font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #1b1b1b;
    overflow: hidden;
    clear: both;
    position: relative;
}

div.Container #content {
    position: relative;
    clear: both;
    /*margin: -1px 0 0 110px;*/
    min-height: 300px;
    background: url(images/rightCol.png) right top repeat-y #fff;
    /*background-color: #fff;*/
    overflow: visible;
    border: 0px solid #ccc;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

div.mainHead {
    position: relative;
}

div.mainHead #displayName {
    display: inline;
    font-size: 18px;
    font-weight: bold;
}

div.mainHead span.linkOptions {
    padding: 1px 3px;
}

div.mainHead p.stats {
    margin: 12px 0;
    color: #696969;
    font-size: 11px;
    line-height: 1.363636em;
}

div.Container div.leftColWrapper {
    margin-right: 330px;
    padding: 15px;
    overflow: hidden;
}

div.Container div.rightCol {
    float: right;
    display: inline;
    padding: 15px;
    width: 300px;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.181818em;    
}

div.Container div.leftCol {
    float: left;
    display: inline;
    margin-right: -330px;
    width: 100%;
    overflow: hidden;
}

/*********
* Profile Image
*********/
#profileImages {
    float: right;
    width: 220px;
    margin: 0 0 10px 15px;
}
#profileImages .images {
    padding: 1px 0 0 1px;
    float: right;
    border: 0px solid #ccc;
}

#page.Master h2.heading {
    margin: 15px -15px 2px -15px;
    padding: 0;
    color: #D51007;
    font-size: 18px;
    line-height: 13px;
    border-top: 1px dotted #ccc;
}
#page.Master h2.heading .h2Wrapper {
    display: block;
    padding: 15px;
    color: #3b5998;
}
#page h2.heading .h2Wrapper a {
    text-decoration: none;
}
#page h2.heading .h2Wrapper a:hover {
    text-decoration: underline;
}
#page.Master h2.heading .h2Wrapper a {
    color: #3b5998;
}

div.rightCol h2.heading2 {
    margin: 0px -15px 2px -15px;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    color: #3b5998;
    font-size: 18px;
    line-height: 13px;
    border-bottom: 1px dotted #ccc;
}


/*********
* Friend's List (View Profile)
*********/
ul.thumbs2 { list-style: none; padding: 0; font-size: 11px; }
ul.thumbs2 li { float: left; display: block; padding-bottom: 5px; margin: 5px; position: relative; text-align:center; width: 50px; }
ul.thumbs2 li a img{ border: 0px; }
ul.thumbs2 li a:hover img{ border: 0px; }
ul.thumbs2 li img.new { display: block; position: absolute; top: -3px; right: -3px; z-index: 1; border: 0px; }

td.userPicture { padding-left: 15px; padding-right: 0px; width: 60px; }

/*********
* Blog List
*********/
.blogList { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; }

.blogList .blog h3 {
	background: url('../../images/icons/page_white_stack.png') no-repeat 0 2px;
	margin-bottom: 3px;
	padding: 0 0 4px 20px;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px;
	letter-spacing: 0px;
}

.blogList .blog h3 a {

}

.blogList .blog .body {
	margin-bottom: 5px;
}
li.blog {
	padding-bottom: 10px;
}
li.blog p.body {
	font-size: 11px;
}
li.blog .meta {
	font-weight: bold; margin-bottom: 15px;
	
}
li.blog .meta .dimmed {
	font-weight: normal; color: #777;
}
li.blog .meta {
	font-size: .91em;
	float: left;
	width: 270px;
}
li.blog .avatar {
	float:left;
	width: 35px;
}

li.blog a.commentIcon {
  background: url('../../images/icons/comment.png') no-repeat left center transparent;
  padding-left: 22px;
  padding-right: 5px;
  border: none;
}

li.blog .line {
	border-bottom: 1px dotted #cccccc;
	
}

/*********
* Photos
*********/
div.ThumbPhotos {
	float: left; margin-left: auto; margin-right: auto;
}

div.ThumbPhotos ul.thumbs li {
	float: left; display: block; padding: 0px; margin-top: 0px; margin-bottom: 1px; margin-right: 2px; margin-left: 2px; position: relative; text-align:center; width: 85px;
}

div.ThumbPhotos ul.thumbs li a img { border-right: #ccc 1px solid; padding-right: 3px; border-top: #ccc 1px solid; padding-left: 3px; padding-bottom: 3px; vertical-align: middle; border-left: #ccc 1px solid; padding-top: 3px; border-bottom: #ccc 1px solid }
div.ThumbPhotos ul.thumbs li a:hover img { border-right: #3b5998 1px solid; border-top: #3b5998 1px solid; border-left: #3b5998 1px solid; border-bottom: #3b5998 1px solid }


/*********
* Videos
*********/
div.ThumbVideos {
	float: left; margin-left: auto; margin-right: auto;
}

div.ThumbVideos ul.thumbs li {
	float: left; display: block; padding: 0px; margin-top: 0px; margin-bottom: 1px; margin-right: 2px; margin-left: 2px; position: relative; text-align:center; width: 119px;
}

div.ThumbVideos ul.thumbs li a img { border-right: #ccc 1px solid; padding-right: 3px; border-top: #ccc 1px solid; padding-left: 3px; padding-bottom: 3px; vertical-align: middle; border-left: #ccc 1px solid; padding-top: 3px; border-bottom: #ccc 1px solid }
div.ThumbVideos ul.thumbs li a:hover img { border-right: #3b5998 1px solid; border-top: #3b5998 1px solid; border-left: #3b5998 1px solid; border-bottom: #3b5998 1px solid }


/*********
* Shoutbox
*********/
#streamShoutbox, #streamActivities
{
  float: left;
  width: 100%;
  margin: -5px 0 0 0;
  padding: 5px 0;
  overflow: hidden;
}

#streamShoutbox hr, #streamActivities hr { margin: 0; }

img.avatar { padding: 0; border: none; }

div.text.object { margin: 10px 0; }

.object p { margin: 0; }

.object div.body { margin-left: 58px; }

.object .status { position: relative; }

.object .status p.stats {
  float: left;
  margin: 10px 50px 0 0;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  color: #999;
}

.object img.avatar
{
  float: left;
  margin: 0 10px 0 0;
}

.object p.caption, .postwrap span.caption { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; color: #3e3e3e; line-height: 1.35em;}

#streamShoutbox hr, #streamActivities hr
{
  border: 0;
  width: 100%;
  height: 0;
  border-bottom: dotted 1px #b9b9b9;
  background: none;
}

/*********
* Activities
*********/
#streamActivities .object img.avatar2 
{
  float: left;
  margin: 0 10px 0 0;
}

#streamActivities .object img.avatar
{
  width: 16px;
  height: 16px;
}

#streamActivities .object img.icons {
	padding-right: 1px; padding-left: 1px; padding-bottom: 1px; margin-right: 3px; padding-top: 1px; vertical-align: middle;
}

#streamActivities .object div.body2 span, #stream .object div.body span {
	font-size: 11px !important;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}

#streamActivities .object div.body2 span.dimmed, #stream .object div.body span.dimmed {
	color: #777; margin-left: 0px; font-size: 10px !important; 
}

#streamActivities .object div.body2 span.comment {
	font-size: 10px !important; 
}

#streamActivities .object div.body2 span {
	padding-top: 2px;
	padding-bottom: 2px;
}


#streamActivities .object p.caption2 {
	/*line-height: 0.35em;*/
	min-height: 40px;
	display: block;
	background-color: #fafbfc;
	border-bottom: 1px solid #f1f3f8;
}

#streamActivities .object div.content { color: #3e3e3e; background-color: #fafbfc; width: 250px; margin-left: 50px; padding: 5px;}

#streamActivities .object div.body2 h4, #streamActivities .object div.body3 h4 {
    font-size: 11px;
    color: #666;
    padding-bottom: 0px;
    font-weight: bold;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}

#streamActivities .object div.body2 div.photo_line, #streamActivities .object div.body2 span.photo_line { margin: 10px 5px 5px -1px; padding-bottom: 5px; clear: both; display: block; }
#streamActivities .object div.body2 div.photo_line a, #streamActivities .object div.body2 span.photo_line a { padding-bottom: 2px; margin-left: 5px; background-color: transparent }
#streamActivities .object div.body2 div.photo_line a img, #streamActivities .object div.body2 span.photo_line a img { border-right: #ccc 1px solid; padding-right: 3px; border-top: #ccc 1px solid; padding-left: 3px; padding-bottom: 3px; vertical-align: middle; border-left: #ccc 1px solid; padding-top: 3px; border-bottom: #ccc 1px solid }
#streamActivities .object div.body2 div.photo_line a:hover img, #streamActivities .object div.body2 span.photo_line a:hover img { border-right: #3b5998 1px solid; border-top: #3b5998 1px solid; border-left: #3b5998 1px solid; border-bottom: #3b5998 1px solid }

#streamActivities .object div.body2 div.quote{float:left;width:300px;margin: 10px 5px 5px -1px;padding-left:10px;}
#streamActivities .object div.body2 div.quote span.em{padding:2px 23px 2px 0;font-size:11px;text-align:left;font-style:normal;color:#666; clear: both;}

/*********
* Right Green Buttons
*********/
ul#rightactions {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: -3px;
	float:right;
}
ul#rightactions li {
	padding: 0px;
	margin-bottom: 3px;
}
ul#rightactions li a.buttons {
	background-color: #9fc843;
}
ul#rightactions li a {
	display: block;
	border: 1px solid #accd63;
	border-bottom-color: #83aa2d;
	border-right-color: #83aa2d;
	padding-left: 15px;
	padding-top: 5px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	height: 19px;
	width: 120px;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;	
}

/*********
* Online
*********/
.isOnline { font-size: 11px; font-weight: bold; color: green; }