/*------------------------------------------------------------------
    
    FILE: skinCommon011.css
    PROJECT: UHP - COMMON LAYOUT 
    VERSION: 008
    CREATED: 06/09/08
    MODIFIED: 09/26/08
    
--------------------------------------------------------------------
    
/* ========== */
/* = GLOBAL = */
/* ========== */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
#wrap { width: 100%; margin:0 auto; padding:0; text-align:left; }
div#wrap { background-color: transparent; } 
#toprow { width:auto; margin: 10px 10px 0 10px;}
#topleft { float:left; width:50%; margin: 0; padding: 0; }
#topright { float:left; width:50%; margin: 0; padding: 0; text-align: right; }
#topright1 { border: 1px solid #000; }
#col1 { width: 180px; float: left; margin: 10px 10px 0px 10px; padding: 0; display: inline; }
#col2 { width: 440px; float: left; margin: 10px 10px 0px 0px;	padding: 0; display: inline; }
#col3 { width: 300px; float: left; margin: 10px 0px 0px 0px; padding: 0; display: inline; }
.clear { clear: both; }
div#main { width: 960px; margin: 0 auto; padding-top: 14px; }
.red { color: #C00; }
.white { color: #FFF; }
.blue { color: #00F; }
.right { text-align: right; }
.module { margin-bottom: 10px; width: auto; .display: inline-block; }

/* COL2/3 TOP STRIP PADDING */
#col2 h4.top div,
#col3 h4.top div { padding: 0; }
#col2 h4.top div div,
#col3 h4.top div div { padding: 5px 3px 3px 3px; }

/* ================== */
/* = HEADER/FOOTER = */
/* ================== */
div#header,div#footer{ position:relative; width: 960px; margin: 0 auto; text-align: center;}

/* ================= */
/* = HEAD CONTROLS = */
/* ================= */
#headControls { margin: 0 10px 0 10px; }
/* #welcome,
#myUrl { position: absolute; z-index: 2 }
 */
div#greeting { float: left; width: 60%; }
div#loginInfo { float: right; width: 40%; }
div#myMenu { clear: both; height: 7px; line-height: 0; font-size: 0; }
#myUrl{ margin-top: 17px; font-size: 10px; }
#myUrl a.url{ margin-right:10px; overflow:hidden; }
#myUrl span.myUrlTitle{ margin-right: 2px; }
#pageOptions { margin: 10px; }
#pageOptions a.a0 { padding-right: 7px; margin-right: 6px; }
#pageOptions a#openThemeSelector { margin-right: 0px; }

/*TODAYCONTROL */
div#today2 { margin-top: 18px; }
#today2 #lyrTime2 { font-size: 10px; text-align: right; }

/* #today2 { width:40%; float:right; font-size:11px; height:17px; position: absolute; z-index: 2; right: 1px; bottom: 1px; top:40px; } */

/* VANITY URL */
a#urlTitle { position: absolute; top: -4px; left: -4px; padding: 3px; float: none; z-index: 3; }
a#urlTitle.hideTitle { display: none; }
a#urlTitle.showTitle { display: block; }
#welcome span { margin: 1px; display: block; float: left; position: relative; }
#welcome span#uNameTitle.hideTitle { display: none; }
#welcome span#uNameTitle.showTitle { display: block; }
#welcome span#uNameTitle { position: absolute; white-space: nowrap; top: -5px; left: -5px; padding: 3px;  }

/* PICK URL */
table.rounded { display: block; }
table.rounded { float: left; margin-right: 20px; margin-top: -3px; }
table.rounded .tr { width: 2px; }
table.rounded .bl { height: 2px; }
table.rounded .tl { padding: 3px 0px 0px 3px; }
table.rounded .content { padding: 0px 5px; }
#myUrl table.rounded .content a { margin-left:13px; }

/* ==================== */
/* = MODULES - GLOBAL = */
/* ==================== */
/* MODULE HEADER ICONS */
#moodicon { background-position: 0 -6131px; }
#bulletinicon { background-position: 0 -6163px; }
#bandshowsicon { background-position: 0 -6194px; }
#friendsicon { background-position: 0 -6226px; }
#friendsupdate { background-position: 0 -6257px; }

/* TOP */
/* h4.top { height: 34px; } */
h4.top div div { margin: 0; padding: 8px; }
h4.top div div div { margin: 0; padding: 0; height: 0; font-size: 0; }

/* MIDDLE */
div.middle { padding: 2px; }
div.middle div div { padding: 5px; }
div.middle div div div { padding: 0; }

/* BOTTOM */
div.bottom div { padding: 0; }
div.bottom div div { height: 1px; margin: 0 3px; font-size: 0; line-height: 0; }

/* CONTROL BOX */
span.title { display: block; float: left; width: 75%; text-align: left; height: 21px; padding: 3px 8px 0 5px; }
span.controlbox { display: block; float: right; width: 19%; text-align: right; height: 21px; padding: 2px 1px 0 5px; visibility: hidden; }
span.controlbox a { display: block; float: right; width: 20px; height: 18px; padding: 0 1px; margin: 0 2px; cursor: pointer; }
span.viewall { padding: 0 6px 5px 0; }

/* COLLAPSED */
.collapsemid { display: none; }
.expandmid { display: block; }
.collapsebot { margin-top: -3px;  }
.expandbot { margin-top: 0; }

/* MODULE HEADER ICONS */
#moodicon,
#bulletinicon,
#friendsicon,
#bandshowsicon,
#friendsupdate { display: block; float: left; margin: 0; padding: 0; width: 24px; height: 21px; vertical-align: middle; }

/* ==================== */
/* = NOHEADER MODULES = */
/* ==================== */
/* TOP */
div.noheader div.top div div { height: 1px; margin: 0 3px; font-size: 0; }
/* MIDDLE */
div.noheader div.middle { padding: 0; }
div.noheader div.middle div { padding: 5px; }
div.noheader div.middle div.gradient { padding: 0; }
div.noheader div.middle div.gradient div { font-size: 12px; }

/* =================== */
/* = THEME SELECTOR  = */
/* =================== */
#ThemeSelector { width: 98%; margin: 0 1% 1% 1%; }
#ThemeSelector div.middle,
#ThemeSelector div.middle div div { padding: 0px; }
#ThemeSelector li { margin: 0; padding: 10px 0; float: left; height: 125px; width: 20%;}
#TSTitle, 
#TSClose { float: left; height: 21px; padding: 3px 0 0 0; }
#TSClose { float: right; }
#TSClose a#closeThemeSelector { line-height: 17px; margin-top:1px; padding-right: 32px; background-position: right -7494px; display: block; }
span#TSLeft, 
span#TSRight { float: left; padding-top: 7px; }
span#TSRight { float: right; }
a#pageleft { display: block; padding-left: 25px; height: 20px; line-height: 20px; }
a#pageright { height: 20px; display: block; padding-right: 25px; line-height: 20px;  }
#TSTitle { padding-left: 7px; }
#TSTitle a { padding-left: 10px; }
#ThemeSelector h4.top div div { padding: 5px 3px 3px; }
div#themeLoading { height: 145px; padding: 0 !important; }
div#themeLoading img { margin-top: 60px; }
span.previewContainer { display: block; height: 31px; margin-top: -60px; margin-bottom: 60px; }

/*THEME SELECTOR BOTTOM*/
h4.bottom { height: 30px; }
h4.bottom div { height: 30px; }
h4.bottom div div { height: 30px; margin: 0 7px; }
h4.bottom div div div { margin: 0; padding: 0; font-size: 0; height: 0; }
a.themeLink { position: relative; }
div#ThemeSelector a.themeLink .themeThumbnail { padding: 3px; margin-top: 2px; }

/*save and cancel btns*/
div#ThemeSelector div.buttons { clear: both; }
#ThemeSelector .save { margin-left: 58px; }
a.save { margin: 7px 3px 0; float: left; display: block; width: 70px; cursor: pointer; }
a.save div div {  margin: 0 4px; height: 19px; line-height: 19px; }

/*preview text*/
.showPreview { position: relative; display: block; width: 80%; top: 30%; z-index: 99933; }
a.showPreview { .z-index: 99933; }
a.showPreview div { .z-index: 99933; }
div#ThemeSelector a.showPreview div div { margin: 0 7px; padding: 9px; }
a#openThemeSelector { margin-right: 8px; height: 17px; padding-left: 25px; background-position: left -7561px; }

/* ================ */
/* = USER DISPLAY = */
/* ================ */
#userdisplay #linksGroup { margin: 5px 5px 0 5px; }
div#userdisplay div.middle div div { padding: 3px; }
div#userdisplay #stats {margin: 5px 5px 0 5px; padding-bottom: 5px; }

/* TOP */
#userdisplay div.top div { height: 10px; }
#userdisplay div.top div div { margin: 0 3px; }

/* MIDDLE */
#userdisplay div.middle { padding: 0; }
#userdisplay div.middle #displayimage a { display: block; }
#userdisplay div.middle img { max-width: 90%; margin-bottom: 5px; padding: 3px; }
#userdisplay span.nowrap { white-space: nowrap; }

/* BOTTOM */
#userdisplay div.bottom div { height: 10px; }
#userdisplay div.bottom div div { margin: 0 3px; }

#lastLogin { display: inline; margin: 10px; }
#lastLogin { margin-left: 15px; }

/* VIEWMY DROPDOWN */
div#viewMyList { position: relative; z-index: 1000; margin: 5px 5px 0 5px; }
div#viewMyList div#viewCaption { padding-left: 5px !important; }
div#viewMyList ul { margin: 2px 0 0 0; padding: 0; position: absolute; left: -10000em; z-index: 1000; }
div#viewMyList li { list-style: none outside; }
div#viewMyList div { display: block; line-height: 17px; }
div#viewMyList.over ul { left: 0; }
div#viewMyList div.viewLink { position: relative; padding-left: 5px; }
div#viewMyList div.viewLink small { position: absolute; right: -1px; top: -1px; width: 23px; height: 23px; text-indent: -10000em; background-position: left -7344px; }
div#viewMyList div.viewLink small:hover,
div#viewMyList.over div.viewLink small { background-position: left -7371px; }
div#viewMyList div.viewLink img { position: absolute; right: 5px; border: 0; }
div#viewMyList div.viewLink:hover { cursor:pointer; }
div#viewMyList li a { padding: 5px; display:block; width: 157px; }
#userdisplay #linksGroup { margin: 5px 5px 0 5px; }
div#userdisplay div.middle div div { padding: 3px; }

/* =========== */
/* = UPDATES = */
/* =========== */
/* TOP */
#updates h4.top div div { margin: 0; padding: 8px; }

/* MIDDLE */
#updates div.middle { padding: 2px; }
#updates div.middle div div div img,
#updates div.middle div div div a { vertical-align: middle; }

/* ================ */
/* = APPLICATIONS = */
/* ================ */
div.application h4.top div div { padding: 8px 0 9px 7px; }
div.application div.middle div div { padding: 0; }
div.appLinkRow a { line-height: 17px; }
div.appLinkRow { margin-bottom: 5px; }

/* ===================== */
/* = ADDRESS BOOK - US = */
/* ===================== */
/* TOP */
#addressbook div.top div div { height: 5px; margin: 3px 0; }
#addressbook div.top div div div { font-size: 0; height: 0; }

/* MIDDLE */
#addressbook div.middle div { padding: 5px; }

/* BOTTOM */
#addressbook div.bottom div div { height: 5px; margin: 3px 0; }
#addressbook div.bottom div div div { font-size: 0; height: 0; }

/* ======================= */
/* = ADDRESS BOOK - INTL = */
/* ======================= */
/* TOP */
#addressbookintl div.top div div { height: 5px; margin: 3px 0; font-size: 0;  }
#addressbookintl div.top div div div { font-size: 0; height: 0; }

/* MIDDLE */
#addressbookintl div.middle div { padding: 5px; }

/* BOTTOM */
#addressbookintl div.bottom div div { height: 5px; margin: 3px 0; }
#addressbookintl div.bottom div div div { font-size: 0; height: 0; }

/* ============================= */
/* = ADDRESS BOOK IFRAME POPUP = */
/* ============================= */
#abipopup div#iframepopupinner { width: 705px; margin-left: auto; margin-right: auto; position: relative; }
#abipopup div#iframepopupinner iframe { width: 705px; height: 565px; }

/* ================ */
/* = MUSIC STORE  = */
/* ================ */
/* TOP */
#musicstore div.top div div { height: 5px; margin: 3px 0; font-size: 0; }
#musicstore div.top div div div { font-size: 0; height: 0; }

/* MIDDLE */
#musicstore div.middle { padding: 5px; }

/* BOTTOM */
#musicstore div.bottom div div { height: 5px; margin: 3px 0; }
#musicstore div.bottom div div div { font-size: 0; height: 0; }

/* =================================== */
/* = EMAIL VERIFY/AMBER ALERT/MY URL = */
/* =================================== */
div.redbox div.middle { padding: 2px; }
div.redbox div.middle div { padding: 10px; text-align: center; }
div.redbox div.middle div { padding: 10px; }
div.redbox div.middle div div div { margin: 0;  padding: 0; }
div#amberalert {border: none !important;}
div#aalert div.top { line-height: 1px; }
div#aalert div.middle { overflow: hidden; width: 432px; }

/* =============== */
/* = PHISH ALERT = */
/* =============== */
#announcements div.middle div div { padding: 5px; }
#announcements h3 { padding-top: 25px; }
#announcements_image { float: left; margin: 2px; }

/* ==================== */
/* = TOM ANNOUNCEMENT = */
/* ==================== */
#tomannouncement div.middle div div div #home_announcements { margin: 0; padding: 0; border: none !important; }
div#tomannouncement div.middle div div div h5 { display: none; }
#tomannouncement div.middle div div div h5 { display: none; }
#tomannouncement div.middle div div div div { padding: 0; }
#home_additionalLinks { margin: 0; padding: 0; }
#announcements_image { float: left; margin: 2px; }

/* =============== */
/* = MOOD/STATUS = */
/* =============== */
#userstatus div#divStatusChange, #userstatus div#divStatusMood { padding:10px; }
#userstatus div.middle h4 { margin:0; padding:0; }
#userstatus div#divStatusMood .moodStatus { display:block; padding-top:8px; }
#userstatus img { vertical-align: middle; margin-left: 3px; }
#userstatus div#divStatusChange { padding-top:5px; padding-bottom:5px; }
#userstatus div.visChoice select { visibility:hidden; }
#userstatus div.hidden,
#userstatus div.hidChoice div#statusChoices { display:none; }
#userstatus div.hidChoice select { visibility:visible; }
#userstatus div.visible,
#userstatus div.visChoice div#statusChoices { display:block; }
#userstatus div.right { padding: 0; }
div#divStatusChange div.statusInputDiv { position:relative; height:19px; padding:0 0 0 70px; }
div#divStatusChange input.submit { display:block; margin:5px 0 0 70px; }
div#divStatusChange select { display:block; margin:1px 0 0 70px; }
#userstatus div.middle h4 { z-index:3; position:relative; width:50px; }
#userstatus div#divStatusChange h4 { padding:8px 0 0 0; margin:0 0 -20px 0; }
div#divStatusChange input.txtStatusInput { padding:2px; }
#userstatus div#statusChoices { width:204px; z-index:5; position:absolute; top:18px; left:50px; margin:0; }
#userstatus div#statusChoices a { display: block; width:200px; padding:2px; }
#statusUpdates { margin-top:1px; border-collapse: collapse; }
#statusUpdates td { vertical-align:top; }
#statusUpdates td.col1 { width: 55px; }
#statusUpdates td.col1 img { width: 45px; margin: 6px; display: block; }
#statusUpdates td.col2 { padding: 5px 6px 6px 3px; }
#statusUpdates td.col2 p { margin-bottom: 5px; }
#statusUpdates td.col3 { width: 19px; }
div.sendMessageIcon,
div.commentBackIcon { margin-top: 6px; }
a.sendMessage { background-position: 0 -5953px; display: block; height: 13px; width: 18px; text-indent: -10000em; }
a.commentBack { background-position: 0 -6017px; display: block; height: 13px; width: 18px; text-indent: -10000em; }

/* HEADER STATUS MOOD */
div#headerStatusMood { float: none; }
div#hsmMain { visibility: visible; }
div#userstatus #headerStatusMood { z-index: 1000 !important;}
#hsmMain,
#hsmMain #hsmStatusLine { width: auto; }
div#headerStatusMood div#hsmStatusChoices { z-index: 10002 !important; }

/* ======================================= */
/* = THE EXTRA SPAN IN THE CENTER COLUMN = */
/* ======================================= */
#mobilelayer span.placeholder { display: none; }

/* ================= */
/* = FRIEND UPDATE = */
/* =================== */

#friendUpdate div.result { margin: 0; padding: 0; }
div#friendUpdate div.result h4 { padding: 3px 0 2px 2px; margin-bottom: 8px; }
div#friendUpdate div.result h4 em { color: #777; }
div.friendCountHeader { padding: 5px; }
ul.activityDates { margin: 5px 10px; overflow:hidden; }
ul.activityDates li { clear: left; }
ul.activityDates li ul li { padding-left: 20px; margin-bottom: 10px; line-height: 1.3em;} 
ul.activityDates li ul li ul { margin: 5px 0 0 0; }
ul.activityDates li ul li ul li { display: inline; margin-right: 5px; padding: 0; float: left; clear: none; background: none; }
ul[class~="activityDates"] a.specialProfileSingle { float: left; display: block; margin-top: 5px; }
ul[class~="activityDates"] div.specialProfSingleDesc { padding: 0; margin-left: 60px; margin-top: 5px; }
ul[class~="activityDates"] li.media { border: 1px solid #000; border-width: 0px 0; padding-top: 2px; padding-bottom: 2px; margin-bottom: 5px; }
ul[class~="activityDates"] li.first { border-top: none; }
ul[class~="activityDates"] li.media + li.media { border-top: none; }

ul.activityDates li ul li.profileSongAddActivity ul,
ul.activityDates li ul li.songUploadActivity ul { margin-left: 65px; }
ul.activityDates li ul li.profileSongAddActivity ul.noArtistProfile { margin: 0; }
ul.activityDates li ul li.profileSongAddActivity ul li,
ul.activityDates li ul li.songUploadActivity ul li { float: none; display: list-item; margin: 0; }
ul.activityDates li ul li.profileSongAddActivity ul li a,
ul.activityDates li ul li.songUploadActivity ul li a { padding: 2px 0 5px 20px; display: block; overflow: hidden;}
ul.activityDates li ul li.songUploadActivity ul li.moreMusic a { background: none; }
ul.activityDates li ul li.songUploadActivity ul li.moreMusic span,
ul.activityDates li ul li.profileSongAddActivity ul li.moreMusic { padding-left: 20px; }
ul.activityDates li ul li.songUploadActivity ul li a.singleSong,
ul.activityDates li ul li.profileSongAddActivity ul li.moreMusic a { background: none; padding: 0;  display: inline; }
#friendUpdate ul.activityDates li ul li.songUploadActivity ul li.moreMusic a { font-weight: normal; }
#friendUpdate ul.activityDates li ul li ul li a.singleSong { display: block; margin-bottom: 5px; }

ul.activityDates li ul li.songActivity h5 { padding-bottom: 5px; }
div.middle div div.profileSongPlayAdd { padding-top: 5px; }

/* PHOTO & VIDEOS */
img.photoDisplaySmall,
img.videoDisplaySmall { width: 56px; height: 42px; }
a.vidsbackSmall,
a.photoContainerSmall { margin: 5px 5px 0 0; padding: 2px; display: block; }
div#friendUpdate div.right { clear: both; }

.addedToCalendar { display:none; }
.moreUpdateLink { vertical-align: middle; font-weight: bold; }
.songArtistLink { clear: left; float: left; margin-right: 10px; margin-top: 5px; margin-bottom: 5pt }
.songArtistThumbnail { width: 56px; height: 42px; line-height: 42px; padding-right: 1px; }
ul.activityDates li ul div.profileSongPlayAdd p { margin-top: 5px; }
.playSong,
.pauseSong { padding: 3px 0 5px 22px; }
.profileSongAdd { clear: right; padding:3px 0 5px 22px; }

.applicationIcon { background-position: 15px top; line-height: 15px; }
.MDPcontent { margin: 10px 0; }
.MDPcontent ul { float: left; }
.MDPcontent ul li { float: left; margin-right: 5px; }

.MDPcontent div.description { height: 42px; overflow: hidden; }
.imageList0 div.description { height: auto; }
.imageList1 div.description { margin-left: 47px; }
.imageList2 div.description { margin-left: 94px; }
.imageList3 div.description {margin-left: 141px; }

/* ===================== */
/* = BULLETINS & SHOWS = */
/* ===================== */
#tblbulletins { border-collapse: separate; border-spacing: 2px; }
.cols { margin: 5px 0; width: 100%; }
.cols th,
.cols td { padding: 2px 3px; }
.cols td { vertical-align: middle; }
#tblCol1 { width: 30%; overflow: hidden; }
#tblCol2 { width: 20%; overflow: hidden; }
#tblCol3 { width: 50%; overflow: hidden; }
div.middle div div.datagrid { margin: 0; padding: 5px 5px; }
div.middle div div.datagrid p { display: block; }

/* =============== */
/* = FRIENDSPACE = */
/* =============== */
#friendspace div.middle div div { padding: 0; }
#friendspace div#friends { padding-left: 13px; }
#friendspace div.middle div div div.friend { float: left; width: 90px; margin: 3px; padding: 3px; display: inline; }
#friendspace div#friendcount,
#friendspace div#nofriends { padding: 10px 10px 0 10px; }
#friendspace div#friendslinks { padding: 5px; }
#friendspace div#findFriendsLinks { padding: 8px; margin: 15px 0 2px; }
#friendspace div.middle div div div#friendsearch { padding: 5px 0 5px 5px; }

/* SEARCH */
#friendspace input#txtFrndSearch { display: inline; width: 75%; float: left; height: 17px; margin-top: 1px; padding: 3px 3px 2px; }
#friendsearch a { margin: 0 8px 0 0; float: right; width: 81px; height: 17px; line-height: 16px; padding: 6px 0; }

/* ============= */
/* = SQUARE AD = */
/* ============= */
#squareAd { margin-bottom: 10px; }
#tkn_medrec iframe { height: 250px; }

/* ==================== */
/* = FEATURED PROFILE = */
/* ==================== */
#featuredprofilerounded { float: left; width: 200px; margin-right: 5px; }

/* ======================= */
/* = MARKETING RECTANGLE = */
/* ======================= */
#marketingcontent { float: left; width: 95px; }

/* GOOGLE AD STYLES */
.googleafc { width: auto !important; } /* REMOVE INLINE STYLES */
div#googlead div.middle { padding: 3px; }
div#googlead div.bottom div div,
div#googlead div.top div div { font-size: 0; margin: 0 3px; height: 0px; }

div#googlead div.middle div.middleAds div { margin: 0; padding: 0; }
div#googlead div.middle div.middleAds div#gafc { line-height: 13px; }
div#googlead div.middle div.middleAds div#gafc a { margin: 0; padding: 0 10px 3px 8px !important; } /* REMOVE INLINE STYLES */
div#googlead div.middle div.middleAds #ad-hdr { height: 15px !important; padding: 0 5px 2px 8px !important; } /* REMOVE INLINE STYLES */


/* ============= */
/* = JOB SPACE = */
/* ============= */
div#jobsonthehomepage select { width: 60%; }
div#jobsonthehomepage #txtFrndSearch { width: 50%; }
div#jobsonthehomepage #c_jobsTable tr { padding: 2px; }
div#jobsonthehomepage div div div div#c_jobsTable table { margin: 0; }
div#jobsonthehomepage div div div div#c_jobsTable div { margin: 0 3px 1px; padding: 2px 0 0 0; }
* html #jobsonthehomepage div div div div#c_jobsTable div { margin: 0 3px 0; }
div#jobsonthehomepage div.middle div div div#jobs_list div.jobsTableFooter { padding: 3px; margin: 0 4px; }
div#jobsonthehomepage #jobs_editForm { display: none; visibility: hidden; padding: 5px; }
div#jobsonthehomepage #jobs_editForm div { padding: 5px; }
#jobsEditFormCaption,
.jobsEditFormField { padding-bottom: 5px; }
.jobsModuleFooter { padding: 6px; margin: 0 0 0 6px; }
#jobsEditButton,
#jobsRemoveButton { padding: 6px; }
#jobsEditFormButtons { padding: 6px; }

/* ================== */
/* = MARKETING TABS = */
/* ================== */
div.tabsDiv div.tabsRow { height: 28px; position: relative; clear: both; margin: 0 0 -3px 0; }
div.tabsDiv div.tabsRow div.tab { line-height: 14px; margin: 0; float: right; position: relative; }
div.tabsDiv div.tabsRow div.tab a { position: relative; margin-left: 5px; display: block; padding: 7px 5px 7px 0; }
div.tabsDiv div.tabsRow div.tab a img { margin: 0 8px 0 0; height: 16px; }
div.tabsDiv div.tabsRow div.tab.selected { margin-top: -2px; }
div.tabsDiv div.tabsRow div.tab.selected a { padding: 9px 5px 7px 0; }
div.tabsDiv div.content { clear: both; padding: 0; margin: 0; width: 300px; }
div.tabsDiv div.content div.contentWrapper { overflow: hidden; width: 100%; padding: 0; margin: 0; }
div.tabsDiv div.content div.middle { padding: 2px; }
div.tabsDiv div.content div.middle div { padding-right: 8px; }

/* ============= */
/* = REAL NAME = */
/* ============= */

div#firstNameForm input,
div#lastNameForm input { padding:3px; }
div#RealNameModule h4.top div div { margin: 0 3px; }
div#RealNameModule {margin-bottom:10px;overflow:hidden;width:100%;}
div#RealNameModule div.middle div div{overflow:hidden;}
div#firstNameForm, div#lastNameForm, div#saveForm {float:left; padding:10px 10px 10px 0; }
div#firstNameForm, div#lastNameForm {width:150px;}
div#firstNameForm input , div#lastNameForm input {width:93%;}
div#firstNameForm {padding-left:20px; }
div#RealNameModule h5 {background-position: left -5640px; padding-left: 20px; margin-bottom:5px;}
div#RealNameModule h5.ThankYou {background-position: left -5726px;}
div#RealNameModule div#saveForm {padding:20px 0 10px; width:81px;}
div#RealNameModule p {padding-left:20px;}
div#RealNameModule p.privateName {padding-left:12px; margin-left:20px; background-position: left -5840px;  }
div#saveForm input { border:none; width:81px; height:28px; font-size:11px; cursor: pointer;}
div#RealNameModule p.remember {margin-bottom:35px;}
div#RealNameModule p.remember a:link, div#RealNameModule p.remember a:visited {text-decoration: underline;}
div#RealNameModule p.remember a:hover {text-decoration: none;}
span#realNameIcon {display: block; float:left; margin: 0; padding: 0; width: 24px; height: 21px; vertical-align: middle; background: transparent url(/Modules/HomeDisplay/Static/img/realNameIcon.png) no-repeat;}
*html span#realNameIcon {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enalbled='true', src='http://creative.myspace.com/design/_rs/realName/realNameIcon.png', sizingMethod='crop'); background:none;}
div#saveForm input { background:#F2F8F8 url(/Modules/HomeDisplay/Static/img/savebtnbg.png) repeat-x scroll 0pt bottom !important; border:1px solid #416AAC; color:#416AAC;  cursor:pointer; font-size:11px; font-weight:bold; padding:3px 10px;}
#firstNameSpan div.tooltip div.innerwrapper{width:210px;top:20px;left:-100px;color:red;}
#lastNameSpan div.tooltip div.innerwrapper{width:210px;top:20px;left:-100px;color:red;}
* html div#RealNameModule p, * html div#RealNameModule h5, * html div#RealNameModule p.remember {height:1%;}

/* ================ */
/* = EMAIL VERIFY = */
/* ================ */
#emailverify321 .verifyEmail {font-size: 12px; margin-right: 5px;}
#emailverify321 p {text-align: left; margin-bottom: 8px;}
#emailverify321 a {text-decoration: underline; font-weight: normal;}
#emailverify321 .middle div {padding: 10px;}
#emailverifyicon { background: transparent url(/Modules/HomeDisplay/Static/img/exclamation.gif) no-repeat; }
#emailverifyicon { display:block; height:15px; width:24px; height: 21px; vertical-align: middle; float:left;}
#emailverify321 ol { list-style: outside decimal; margin-left: 19px; }
#emailverify321 ol li { font-weight: bold; margin-bottom: 10px; }
#emailverify321 ol li span { font-weight: normal; }
#emailverify321 p.divider { margin-top:10px; border-top: #CCC solid 1px; padding-top: 10px;} 
a.save, a.cancel { font-size: 9px; }



/*------------------------------------------------------------------
 
    TYPOGRAPHY
    
------------------------------------------------------------------ */


/* ========== */
/* = GLOBAL = */
/* ========== */
h3 { font-size: 150%; font-weight: bold; }
body { font-family: verdana, arial, sans-serif; font-size: 11px; line-height: 15px; }
h4 { font-size: 12px; font-weight: bold; }
h5 { font-weight: normal; }
strong { font-weight: bold; }

/* ANCHOR STYLES */

/* ================= */
/* = HEAD CONTROLS = */
/* ================= */
#headControls a { font-size: 10px; }
#pageOptions a { font-size: 11px }
#pageOptions a#openThemeSelector { font-size: 14px; }
#myUrl a, #myUrl span.myUrlTitle { font-size: 10px; font-weight: bold; }

/* VANITY URL */
#welcome { font-size: 20px; line-height: 25px; }
#welcome span#uNameTitle { white-space: nowrap; }

/* ==================== */
/* = MODULES - GLOBAL = */
/* ==================== */
span.viewall { text-align: right; }
span.viewall a { font-size: 11px; }

/* BOTTOM */
div.bottom div div { font-size: 0; }

/* ================ */
/* = USER DISPLAY = */
/* ================ */
#userdisplay a,
#userdisplay div.middle { font-size: 10px; }


/* ========== */
/* = FOOTER = */
/* ========== */
#copyRight { font-size:85%; }

/* =============== */
/* = MOOD/STATUS = */
/* =============== */
#userstatus div#divStatusMood small,
#statusUpdates td.col2 small { font-size: 9px; }
#friendStatuses a.links { font-size: 10px; }
#friendStatuses { padding: 0px; }
/* ================= */
/* = FRIEND UPDATE = */
/* =================== */
div#friendUpdate div.result h4 { font-size: 13px; font-weight: bold; }
div#friendUpdate div.result h4 em { font-weight: normal; }
.moreUpdateLink { font-weight: bold; }
div#friendUpdate span.viewall a { font-weight: normal; }

/* ===================== */
/* = BULLETINS & SHOWS = */
/* ===================== */
.cols td { font-size: 9px; }
.cols td a { font-size: 11px; }

/* =============== */
/* = FRIENDSPACE = */
/* =============== */

#friendspace div#findFriendsLinks { font-style: italic; }
#friendCount { font-weight: normal; font-size: 12px; }
#friendsearch a { font-weight: bold; }

/* ============= */
/* = GOOGLE AD = */
/* ============= */
div#googlead div.middle div.middleAds div { font-size: 11px; }
div#googlead div.middle div.middleAds #ad-hdr { font-weight: normal; font-size: 11px; }

/* ============= */
/* = JOB SPACE = */
/* ============= */
#jobsonthehomepage #jobs_editForm { font-size: 8px; }

/* ================== */
/* = MARKETING TABS = */
/* ================== */
div.tabsDiv div.tabsRow div.tab a { font-weight: normal; font-size: 10px; }
div.tabsDiv div.tabsRow div.tab.selected a { font-weight: bold; }

/* =================== */
/* = THEME SELECTOR  = */
/* =================== */
#ThemeSelector li { font-weight: bold; font-size: 13px; }
#TSTitle a { font-size: 10px; font-weight: normal; }
a.showPreview { font-weight: bold; font-size: 11px; }
a#openThemeSelector { font-size: 13px; font-weight: bold; }


/*FIX FOR POPUP BUTTON*/
.appspopup_buttons input,
.popup_buttons input { border: #CCC 2px outset; margin-right: 5px; }

/* FIX for Loader Circle */
div.middle div.ajaxLoaderGraphic { background: url(/Modules/Common/Static/img/loadercircles.gif) no-repeat 5px 50%; padding-left: 30px; }
div.middle div.ajaxLoaderText { white-space: nowrap;}


/* Module Tip for Friend Space */
div#mtFriendSpace {margin-left: 10px; margin-right: 10px;}
div#mtFriendSpace div#box-mtFriendSpace, div#mtFriendSpaceSuggestion div#box-mtFriendSpaceSuggestion {padding: 10px;}
div#mtFriendSpace div#arrowdown-mtFriendSpace
{
	margin-left: 41px;
	width:20px;
}

/* Module Tip for Bulletins */
div#bulletinsModuleTip {margin:0pt auto; margin-bottom: 10px;  position:relative; width: 410px;}
div#bulletinsModuleTip div#box-bulletinsModuleTip {padding: 10px;}
div#bulletinsModuleTip div#arrow-bulletinsModuleTip
{
	margin-left:20px;
	position:relative;
	width:22px;
}

/*Module Tip for Band Shows*/
div#mtBandShows
{
    padding: 0 0 10px;
}

div#mtBandShows div#arrow-mtBandShows
{
    margin-left: 41px;
    width:20px;
}

div#mtBandShows div#box-mtBandShows {padding:5px;}
div#noshows a.floatRight {float:right;}

/*Friends Space Search bar*/
input.inp {
	border: 1px solid #ccc;
	width: 240px;
	background: #fff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 4px;
	margin-right: 5px;
	}

input.createinp { width: 300px; margin-right:0px;}	
input.grey,  textarea.grey
{
	color:#a0a0a0;
}