/*IE PNG FIX*/
img, div, h1, li {behavior: url(http://creative.myspace.com/design/myspace/iepngfix/iepngfix.htc)}

/*GENERAL PAGE STYLES*/
body {background: #CCC url(http://creative.myspacecdn.com/design/myspace/primetime/images/body_bgImg09.jpg) left top repeat-x fixed; margin: 0; padding: 0; overflow-x: hidden}
br {clear: both; line-height: 0}

/*MYSPACE PAGE FRAME STYLES*/
#leaderboard {display: none !important} /*This is only needed if we have to set the profile to a NON advertiser (i.e. Power User)*/
#wrap {width: 960px}
#headerWrap {margin: 0 auto; width: 960px}
#header, #header table, #headerTable {margin: 0 auto; width: 960px !important}
.section {margin: 0}
#mainLayout {margin: 0 auto; padding: 0; position: relative; width: 960px}
/* IE fixes for above */
*html #wrap {text-align: center}
*html #headerWrap {}
*html .profileWidth {}
*html #mainLayout {margin: 0 !important}

/*MYSPACE navBar AND link STYLES*/
.cols th, .cols td, .btext, .redtext, a:link, a:active, a:visited, a.redlink,  a.friendtext:link, a.friendlink:link, .heading, .redbtext {color: #000}
#headerTable td {}
#header, #header a, #topnav a {color: #FFF}
#topnav ul li a.open, #topnav ul li a.open:hover {}
#topnav ul li a:hover, #topnav ul li a.open, #topnav ul li a.open:hover {} /*bg&text color of tab hover*/
#topnav ul li a small {} /*triangle*/
#topnav ul li a.open small {} /*triangle hover*/
#subnav a {} /*subnavDropDown link color*/
#subnav a:hover {} /*subnavDropDown link hover*/
#subnav ul li a:hover {} /*subnavDropDown backgroundAndColor*/

* html div.group {height: 100%}

/*CMS VIDEO STYLES*/
#mainVideo {color: #FFF !important; left: 10px; position: absolute; top: 116px}
* html #mainVideo {text-align: left}
#mainVideo ul {background: #000; margin: 0; padding: 0 0 0 10px}
#mainVideo li {display: inline; list-style: none; padding: 0 15px 0 0}
#mainVideo li a {color: #FFF; font: normal 10px/30px Arial, Helvetica, sans-serif; text-decoration: none}
#mainVideo li a:hover {text-decoration: underline}
#mainVideo h2 {font: bold 20px/normal Arial, Helvetica, sans-serif; margin: 10px 0 8px}
#mainVideo h2 a {color: #FFF !important}
#mainVideo p {font: normal 12px/normal Arial, Helvetica, sans-serif; margin: 0; padding: 0}

a img {border: 0}
#hotVideos {background: #000; height: 562px; left: 661px; padding: 10px; position: absolute; top: 65px; width: 279px}
* html #hotVideos {text-align: left; width: 299px}
#hotVideos h2 {border-top: 5px solid #0899EA; color: #FFF; font: bold 26px/normal Arial, Helvetica, sans-serif; margin: 0; padding: 15px 0}
#hotVideos ol {color: #979797; font: bold 30px/normal Arial, Helvetica, sans-serif; list-style: inside decimal; margin: 0; padding: 0}
#hotVideos li {padding: 17px 0 17px 5px; position: relative}
* html #hotVideos li {padding: 8px 0 10px 5px}
#hotVideos li.odd {background: url(http://creative.myspacecdn.com/design/myspace/primetime/images/videoContainer_bgImg.jpg) left top repeat;}
#hotVideos li a.vidThumb {left: 35px; position: absolute; top: 10px}
#hotVideos li a.vidThumb img {border: 2px solid #666; width: 67px}
* html #hotVideos li a.vidThumb {left: 15px;}
#hotVideos li h3 {left: 112px; margin: 0; padding: 0; position: absolute; top: 10px}
* html #hotVideos li h3 {left: 85px;}
#hotVideos li h3 a {color: #FFF; display: block; font: bold 13px/ normal Arial, Helvetica, sans-serif; text-decoration: none;}
#hotVideos li h3 a:hover {border-bottom: 1px dotted #FFF}
#hotVideos li p {color: #FDB410; float: left; font: normal 12px/normal Arial, Helvetica, sans-serif; left: 112px; margin: 0; position: absolute; text-decoration: none; top: 30px}
* html #hotVideos li p {left: 85px;}

/*PROFILE STYLES*/
#container {margin: 0 auto; padding: 10px 0 0; position: relative}

#videoContainer {background: url(http://creative.myspacecdn.com/design/myspace/primetime/images/videoContainer_bgImg.jpg) left top repeat; overflow: auto; margin: 0 0 10px; padding: 0 0 0 15px}
* html #videoContainer {height: 100%; text-align: left}
#videoContent {float: left; width: 645px}
#videoContent h1 {color: #FFF; float: left; font: bold 20px/normal Arial, Helvetica, sans-serif; margin: 20px 0 15px}
#videoContent ul {color: #FFF; font: normal 11px/normal Arial, Helvetica, sans-serif; float: right; margin: 20px 20px 0; text-align: right}
#videoContent li {list-style: none;}
#videoContent a {color: #FFF}
#videoContent a:hover {color: #0899EA}
#vidPlayer {}
#linkerDiv {}
#vidTitle {color: #FFF; font: bold 20px/normal Arial, Helvetica, sans-serif; margin: 10px 0 8px}
#vidSynopsis {color: #FFF; font: normal 12px/normal Arial, Helvetica, sans-serif}
#hotList {float: left;}
#showInfo {float: left; margin: 0 10px 10px 0;}
#tkn_medrec {}
* html #tkn_medrec {float: right}
#showList {clear: left}

/* FRIENDS | FORUMS | COMMENTS */
/* ffc_container is what WRAPS all three fcc_contentModules */
#ffc_container {margin: 0 auto; width: 960px}
#ffc_container h1 {}
#ffc_contentModules {background: #FFF url(http://creative.myspacecdn.com/design/myspace/primetime/images/ffc_contentModules_bgImg.jpg) left top repeat-x; border: 1px solid #000; margin: 10px 0;}
#profile_friends, #profile_forums, #profile_comments {padding: 10px; width: 98%}
.friend {height: 108px; margin: 5px 0 13px !important; overflow: hidden; width: 134px !important} /* Controls friend images if you dont want to set a w/h on them */
#profile_comments {height: 235px; overflow: auto} /* Makes comments scrollable */
#profile_friends span { float:left; margin-right:3px; _float:none;}
#profile_friends_0 { clear:left; _clear:none; margin-left:35px; }
#friendContainer .heading, img.left {display: none}
/* IE fixes for above */
* html #ffc_contentModule {margin-top: 0 !important}
* html #ffc_contentModule h1 {margin: 0}
* html #ffc_contentModule {text-align: center}
* html #ffc_contentModules {text-align: left}

#footer {width: auto}