/*---------[1]Shared---------*/

/* General to all profile lists */
ul.userProfile {float:left;display:block;width:295px;margin:5px 5px 20px 5px;list-style:none;font-size:1em;height:auto;}

ul.userProfile .leftInfo {float:left;display:inline;width:90px;}
ul.userProfile .rightInfo {float:left;display:inline;width:185px;}
ul.userProfile li {float:left;display:inline;width:100%;}
ul.userProfile li a {color:#389dbe;text-decoration:none;}
ul.userProfile li a:hover {color:#389dbe;text-decoration:underline;}
ul.userProfile li.image {margin-right:5px;width:85px;}
ul.userProfile li.info {margin-bottom:2px;}
ul.userProfile li p {margin:0;padding:0;}
ul.userProfile li .jzbutton {margin-bottom:6px;}
li.image img {background:#fff;padding:2px; width:70px; height:70px;}
li.image a img {border:5px solid #ddd;}
li.image a:hover img {border:5px solid #389dbe;}
li.icon {margin:5px 7px 0 0; padding:0 0 0 6px;}

#friendList li.icon {padding-top:15px;}

/* User and Community Profile/Search */
ul.userProfileList {width:100%;list-style:none;margin:10px 0 20px 0;padding:0;display:block;float:left;}

ul.userProfileList li {float:left;}


#peoplesearch ul.userProfileList ul.userProfile {height:100px;}

#publicSearch ul.userProfile, #winkSearch  ul.userProfile {width:275px;}

.selectFriend .userProfile li.info {width:200px;}


ul.communityList {width:100%;list-style:none;margin:0;padding:0;}
ul.communityList li {float:left;width:400px;display:block;margin:20px 25px 10px 15px;}
ul.communityList li a {color:#666;text-decoration:none;}
ul.communityList li a:hover {color:#666;text-decoration:underline;}


/* Profile - General */
#publicProfileContent {float:left;width:780px;padding-top:15px;}
	


/* Overlay Content */

/* MLB TV */
#personalTV {display:block;width:805px; z-index:100; margin:20px auto; padding:0px;border:3px solid #ccc; background-color:#fff; color:#000;}
#memberChannel {background:#fff url("/www/images/mlbtv/upload-gradient_bg.gif") repeat-x;font-size:1.2em;padding:12px;}

#channelsTopLeft {float:left;width:500px;margin:15px;}
#channelsTopLeft h1 {color: #474747;font-size:1.8em;font-weight:normal;margin-bottom:15px;}

#channelsTopRight {float:right;margin:15px;}

a.addChannels {margin-right:30px;vertical-align:text-bottom;}

#channelsAd {margin:0 auto;text-align:center;}

#tvMediaPlayer {position:relative;padding:15px;z-index:1;}


/*---------[2]Public---------*/

/* Profile - Left Column */
#publicProfileLeft {float:left;display:inline;width:245px;border-right:1px dashed #d2d2d2;}
#publicProfileLeft h2 {font-weight:normal;font-size:2.4em; color:#115a7c;line-height:normal;}
#publicProfileLeft ul.userProfile li {width:235px;}
#publicProfileLeft li.info {margin-top:10px;}
#publicProfileLeft li.info p{margin:0; padding:0;}
#publicProfileLeft li {list-style:none;}
#publicProfileLeft li.options ul li {display:inline;margin:0 10px 0 10px;}
#publicProfileLeft li.options ul li a {color:#808080;font-size:1.1em;}
#publicProfileLeft li.info h4, .mlo_vitalstab h4 {color:#336699;}

#publicProfileLeft ul.userProfile {margin:0 0 20px 0;width:225px;}
#publicProfileLeft ul.userProfile li.image {width:210px; height:210px;overflow:hidden;}
#publicProfileLeft ul.userProfile li.options ul {display:block; width:100%;margin-left:15px;}
#publicProfileLeft ul.userProfile li.options ul li {float:left;margin:0 3px 0 3px;width:auto;}
#publicProfileLeft ul.userProfile li.options ul li a {font-size:.85em; color:#0188b3;text-decoration:underline;font-weight:bold;}

#publicProfileLeft ul#profileMyNetworks {margin:10px 0 10px 0;}
#messageLogos {margin: 0 0 10px 10px; width:100%;display:block;clear:both;padding-top:10px;}



/* Profile - Middle Column */
#publicProfileCenter {float:left;display:inline;width:490px;margin:0 0 20px 10px;}
#publicProfileCenter p {margin-bottom:10px;}
#publicProfileCenter h2, #publicProfileCenter h3 {margin-bottom:5px;padding:0;}
#publicProfileCenter ul li {list-style:none;}
#publicProfileCenter h3 {color:#336699; font-size:1.1em;margin-top:5px;}

#publicProfileCenter .dashed {margin:15px 0 0 0;padding:0;}


#graf_results ul.userProfile {height:100px !important;}

#graf_1 h3 a, #graf_1 p {margin-bottom:5px;padding:0;line-height:normal;}
.userGrafitti ul.userProfile {font-size:1em;}

#profileScroller {margin-bottom:20px;position:relative;display:block;}
#profileScroller table {border:#999 1px solid; width:100%;font-size:.9em;}
#profileScroller .initial, #profileScroller .initial2 {padding:5px;text-align:center;font-weight:bold;cursor:hand;cursor:pointer;}
#profileScroller .initial {background-color:#ddd; color:#666;}
#profileScroller .initial2 {background-color: #336699;color:#fff;}
#profileScroller .initial:hover {background-color: #336699;color:#fff;}


 p.websites {margin-bottom:5px;padding:0;}
 #schools .label {color:#115A7C; text-align:right;}
 ul.infoDetail li {margin-bottom:5px;}
 ul.infoDetail li li{margin-bottom:0;}
 ul.infoDetail li .detailLabel {color:#115A7C; margin-left:20px;float:left; width:150px;}
 ul.infoDetail li .detail {color:#808080;float:left;margin-left:10px;width:300px;}
 .websiteDetail {color:#808080;float:left;margin-left:230px;}


#graffitiList {font-size:.9em;}
#graffitiList h3, #graffitiList p {margin:0;padding:0;}

.postit {float:left;display:inline-block;background:url("/www/images/postit.gif") no-repeat;width:248px;height:307px;padding:25px 0 15px 20px;}
.postit  ul.userProfile {width:210px;}
.postit ul.userProfile li.info {width:120px;}
.postit ul.userProfile .rightInfo {width:120px;}


#tagItUpForm {float:right; width:200px;}
#tagItUpForm input {width:100%;margin:10px 0 10px 0;}
#tagItUpForm textarea {width:100%;height:230px;margin:0 0 5px 5px;}

#tagSubmit {font-size:.9em; margin-top:-10px;}

ul#friendGallery, ul#communityGallery {width:100%;display:block;float:left;margin:10px 0 10px 0;}
ul#friendGallery li {margin:0 5px 10px 5px;float:left;}

ul#communityGallery li {margin:0 3px 15px 3px;float:left;}

ul#mediaList li {margin: 0 5px 0 5px; float:left;width:150px;}
ul#mediaList li p {font-size:.75em;width:85px;line-height:normal;}

#recentMediaThumbs ul#mediaList li {float:left;width:100px;margin:0 5px 15px 5px;font-size:.85em;}
#recentMediaThumbs ul#mediaList li img {border:3px solid #999;padding:2px;}

/* Profile - Right Column */
#publicProfileRight {float:left;display:inline;width:160px;margin-left:10px;}

#publicFriendsList li,  #publicCommunitiesList li{float:left; list-style:none;margin:10px 10px 10px 0;}



/* Artist Layout (artist.xhtml.php) */
#artistProfile .clear {margin-top:40px;}
#artistProfile  #publicProfileLeft li {margin-bottom:15px;}
#artistProfile #artistContent {float:left;display:inline;width:520px margin-bottom:10px;}
#artistProfile #artistContent #artistCenterTop {float:left;display:inline;width:440px;margin-left:10px;}
#artistProfile #artistContent #artistRight {width:180px;float:left;display:inline;margin-left:10px;}
#artistProfile #artistContent #artistRight ul {list-style:none;}

#artistProfile #artistCenterBottom {margin:30px 0 0 10px;}

li.map{display:block; float:left; clear:none;}
li.map .world {display:block; float:none; clear:both; text-align:center;width:123px; height:auto; padding:77px 0 0 0;background:transparent url("/www/images/map/world.gif") no-repeat 0px 0px;}
li.map .usa {display:block; float:none; clear:both; text-align:center;width:123px; height:auto; margin:10px 10px 15px 0;padding:79px 0 0 0;background:#fff url("/www/images/map/usa.gif") no-repeat 0px 0px;}
li.map a {font-size:.8em; text-decoration:none;}


/*---------[3]Member Specific---------*/



.friendstatuscontent {display:block; margin-top:190px;border-top:1px dotted #ccc;width:180px;}
.friendstatuscontent .friendstatus{display:block; padding-top:10px;color:#666;margin:0; }
.friendstatuscontent select{width:155px; float:left; clear:none;margin-bottom:5px;}
.friendstatuscontent p {display:block; clear:both; margin:0;}
.friendstatuscontent p a {margin:0 5px;}
.friendstatuscontent label {float:left; clear:none; margin-right:10px; padding:3px 0; width:90px;}

#friendList li.icon {margin-top:-15px;}



/* Mailbox */
#mailbox ul.userProfile .leftInfo {width:110px;}
#mailbox ul.userProfile .rightInfo {width:165px;}
#mailbox ul.mailboxmenu {list-style:none;}
#mailbox ul.userProfile {height:110px;}

form.inoutbox ul.userProfile li {float:left;display:inline;width:auto;}
ul#mailbox li.options {clear:both; width:150px;margin-top:5px;}
#messages ul.userProfile {padding-bottom:20px;}
li.delete {margin-right:5px;}




/* Confirmations */

#requests ul.userProfile {width:100%;border-bottom:1px dotted #ccc;padding-bottom:20px;margin-bottom:20px;}
#requests ul.userProfile li {width:700px;}
#requests ul.userProfile li.image {width:85px;}

/* Add a... options */

#viewOptions {width:100%;}
#viewOptions .viewOption {float:left;margin:10px 10px 10px 0; width:31%;}

/*---------[4]Scroller Content---------*/
.myContents p, .myContents li {margin:0;padding:0;}
.myContents img {padding-right:5px;}




ul#newsItems li img {padding:0 5px 5px 0;}
ul#newsItems li {float:left;margin-bottom:25px;clear:both;width:100%;}