/*********************************************************

Title: Profile.html Master StyleSheet

Designer:
Client Name: 

***********************************************************/

/*------------------------

 General Declarations
 
------------------------*/

html, body {
	margin: 0;
	padding: 0;
	/*overflow-x: hidden;*/
	text-align: center;

	/*  default background color of gutters */
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/bg.jpg') no-repeat top center #000;
}

/* sets the width of the profile, and main DIVs inside it */
#wrap,
#header,
#headerWrap,
#topnav,
#profile_aboutMe,
.profileWidth,
#mainLayout,
#profileBottom {
	width:850px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#profile, 
#profile td,
#profile span,
a.friendtext:link,
a.friendtext:hover {
	/* sets the default font styles */
	color:#fff;  /* !change */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-style:normal;
	font-weight:normal;
}

/* master links */
a, 
a:link, 
a:active, 
a:visited,
a.friendlink:link {
	color:#ffd72a;  /* !change */
	text-decoration:none;
}

a:hover {
	color:#cb0006;
}

/* keep the borders around the profile images consistent */
#profile_comments th img,
.friend img {
	border: solid 1px #ffd72a;
}
#profile_comments th a:hover img,
.friend a:hover img {
	border: solid 1px #cb0006;
}
.clear {
	clear: both;
}
p {
	margin-bottom: 10px;
}
.searchMonkey-displayURL a {
	color: #000;
	font-weight: normal;
	font-size: 10px;
}

/*------------------------

 Top Nav General Styles
 
------------------------*/


/* Hide Google Bar */
div#header_search {
	display:none;
}
#header {
	margin-top: 0!important;
	padding-top: 0!important;
	width: 850px!important;
	background-color: #000!important;
}
#headerTable tbody tr td {
	background: transparent!important;
	padding-left:0px!important;
	margin-top: 0!important;
	padding-top: 0!important;
}
#headerWrap * {
	background: transparent !important;
}
#topnav {
	filter: none !important;
}
#topnav ul li a small {
	color: #000 !important;
}
#topnav ul li a:hover small {
	color: #999 !important;
}
div#topnav {
	position:absolute;
	width: 850px;
	height: 28px;
	margin:0;
	top: 9px;
	padding: 0;
	background-color: transparent!important;
	color: #000;
	font-size: 10px;
}
div#topnav a {
	color: #000!important;
}
#subnav ul {
	background: #192d4d!important;
	color: #000!important;
	border-width: 1px!important;
	border-style: solid!important;
	border-color: #000!important;
	font-size: 10px;
}
#subnav ul li, #subnav a {
	color: #ffde47!important;
	border-width: 0!important;
	border-style: none!important;
	border-color: #000!important;
}
#subnav a:hover {
	background: #000!important;
}


/*------------------------

 MainLayout Module Styles
 
------------------------*/

/* resets the .section margin values set from MySpace global CSS */
.section {
	margin: 0;
	padding: 0;
}

/*------------------------

 Profile URL
 
------------------------*/

#profile_url {
	position: absolute;
	top:  30px;
	width:  840px; /* !change - adjust depending on wrapper width */
	text-align: right;
}

#profile_url span {
	font-size: 10px;
	color: #000;
	/* !change - change profile url color */
}

#profile_url h5{
	display: none;
}

/*------------------------

Age Gate
 
------------------------*/

#rossprofile, #profileBottom, #footer {
	display: none;
	visibility: hidden;
}
#rossprofile {
	margin: 0 auto;
	padding-top: 0;
	text-align: center;
}

form {
	margin: 0!important;
	padding: 0!important;
}

/***Age Gate***/
#ageTable {
	position:relative;
	top:65px;
}
*html #ageTable {
	position:relative;
	top:95px;
}

#ageGateContainer {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/ageGate.jpg') no-repeat center top #000;
	margin:0 auto;
	height: 850px;
	padding-top: 54px;
}
*html #ageGateContainer {
	width: 1300px;
	padding: 0;
}
#ageGateContainer #ageGateHeader a {
	width: 300px;
	height: 100px;
	display: block;
}
.mmddyy {
	background:transparent none repeat scroll 0%;
	border:1px solid #ffe14f;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:500;
	height:18px;
	line-height:18px;
	text-align:center;
	vertical-align:middle;
	width:33px;
}
#age_check {
	margin: 0 auto;
	width: 850px;
	text-align: center;
}	

						

/*------------------------

 Top Module
 
------------------------*/

h1#pageTitle {
	display: none;
}

#panel01 {
	width: 850px;
	height: 104px;
	margin: 0 auto;
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/header_bg.jpg') no-repeat;
}

#panel01Gate {
	width: 850px;
	height: 104px;
	margin: 0 auto;
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/header_bg_gate.jpg') no-repeat;
}

/*Contact Box*/
#contactLinks {
	width: 830px;
    margin: 62px auto 0;
    float: left;
    display: inline;
}

#contactlinks li {
    /* reset the styling of the unordered list items */
    list-style-type:none;
    display:inline;
}

#contactlinks li span {
	/* hide text for accessibility for background images */
    display:none;
}

/* make sure to define each attribute according to your design  */
#addToFriends {
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/nav_add.jpg') no-repeat;
	height: 20px;
	width: 207px;
	display: block;
	float: left;
}

#addToFavorites {
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/nav_fav.jpg') no-repeat;
	height: 20px;
	width: 220px;
	display: block;
	float: left;
}

#forwardToFriends {
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/nav_forward.jpg') no-repeat;
	height: 20px;
	width: 195px;
	display: block;
	float: left;
}

#sendMessage {
	background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/nav_message.jpg') no-repeat;
	height: 20px;
	width: 208px;
	display: block;
	float: left;
}
#contentContainer {
	background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/edge_bg.png') repeat-y;
	width: 850px;
	margin: 0 auto;
	_margin: -5px -22px 0 auto;
}
#contentContainerBg {
	width: 830px;
	background: #000;
	margin: 0 auto;
}

/*------------------------

 Panel 2
 
------------------------*/


#panel02 {
	width: 830px;
	margin: 0 auto;
}
*#panel02 span {
	display: none;
}
#panel02 #flashHeader {
	width: 830px;
	height: 488px;
}
#panel02 #playerLinksContainer {
	background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/playaLinksContainer.jpg') no-repeat;
	width: 830px;
	height: 382px;
	*height: 400px;
	*margin-top: -2px;
}
#panel02 #playerLinksContainer #thePlaya {
	width: 470px;
	height: 350px;
	float: left;
	padding: 18px 0px 0 14px;
}
#panel02 #playerLinksContainer #theLinks {
	width: 320px;
	float: left;
	padding-top: 50px;
}

#panel02 #playerLinksContainer #theLinks h3.one a {
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/caged.gif') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_cruzfader.jpg') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_risko.jpg') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_zdar.jpg') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_felix.jpg') no-repeat;*/
	background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_oizo.jpg') no-repeat;
	width: 320px;
	height: 45px;
	display: block;
}
#panel02 #playerLinksContainer #theLinks h3.two a {
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/playpaul.gif') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_kwan.jpg') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_trousdale.jpg') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_levonv.jpg') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_surkin.jpg') no-repeat;*/
	background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_lfo.jpg') no-repeat;
	width: 320px;
	height: 49px;
	display: block;
}
#panel02 #playerLinksContainer #theLinks h3.three a {
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/nicos.gif') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_crookers.jpg') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_mehdi.jpg') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_joeyanderson.jpg') no-repeat;*/
	/*background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_gopher.jpg') no-repeat;*/
	background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/dj_katewax.jpg') no-repeat;
	width: 320px;
	height: 48px;
	display: block;
}


/*------------------------

 Panel 3
 
------------------------*/

#panel03 {
	width: 830px;
	margin: 0 auto;
	*margin-top: -20px;
}
#panel03 #fiestaHeader {
	width: 810px;
	height: 334px;
	margin: 0 auto;
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/fiesta_header.jpg') no-repeat;
}
#panel03 #fiestaHeader #logoLink a {
	width: 410px;
	height: 88px;
	margin-top: 36px;
	display: block;
	float: right;
}
#panel03 #fiestaHeader #textLink1 a {
	width: 410px;
	height: 30px;
	display: block;
	float: right;
	margin-top: 73px;
}
#panel03 #fiestaHeader #textLink2 a {
	width: 410px;
	height: 30px;
	display: block;
	float: right;
	margin-top: 4px;
}
#panel03 #fiestaDJ {
	width: 810px;
	height: 346px;
	margin: 0 auto;
	/*background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/djDiablo.jpg') no-repeat;*/
	/*background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/bg_buraka.jpg') no-repeat;*/
	/*background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/bg_anniemac.jpg') no-repeat;*/
	/*background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/bg_mehdi.jpg') no-repeat;*/
	/*background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/bg_atrak.jpg') no-repeat;*/
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/bg_gopher.jpg') no-repeat;
}
	
#panel03 #fiestaDJ #left {
	width: 398px;
	height: 315px;
	text-align: left;
	float: left;
}
#panel03 #fiestaDJ #left #theFlyer {
	width: 392px;
	height: 281px;
	margin: 32px 0 0 11px;
	float:left;
}
#panel03 #fiestaDJ #right {
	width: 356px;
	height: 256px;
	float: left;
	text-align: left;
	margin: 32px 0 0 42px;
}
#panel03 #fiestaDJ #right #logoLink a {
	width: 354px;
	height: 125px;
	display: block;
}
#panel03 #fiestaDJ #right #theText {
	width: 350px;
	height: 120px;
	margin-top: 14px;
	overflow-y: auto;
	line-height: 20px;
}
#panel03 #fiestaBar {
	width: 810px;
	height: 339px;
	margin: 0 auto;
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/boladisco.jpg') no-repeat;
}
#panel03 #fiestaBar #textLeft {
	width: 350px;
	height: 200px;
	float: left;
	text-align: left;
	line-height: 20px;
	margin: 97px 0 30px 24px;
}
#panel03 #fiestaBar #textLeft ul {
	list-style: disc;
	padding-left: 138px;
}

#panel03 #fiestaBar #textRight {
	width: 350px;
	height: 200px;
	float: left;
	text-align: left;
	line-height: 20px;
	margin: 97px 0 30px 66px;
}
#panel03 #fiestaBar #textRight ul {
	list-style: disc;
	padding-left: 140px;
}
#panel03 #fiestaAlfombra {
	width: 810px;
	height: 293px;
	margin: 0 auto;
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/fiestaT_alfombra_bg.jpg') no-repeat;
}
#panel03 #fiestaAlfombra #theLink {
	padding-top: 32px;
}
#panel03 #fiestaAlfombra #theLink a {
	width: 345px;
	height: 25px;
	display: block;
	float: right;
}
#panel03 #fiestaAlfombra #sliderContainer {
	padding: 0 0 0 10px;
	*padding-top: 1px;
	text-align: left;
}
#panel03 #fiestaAlfombra #sliderContainer #slider {
	width: 534px;
	height: 222px;
	background: #000;
	margin: 3px 0 0 -1px;
}


/*------------------------

 Panel 4
 
------------------------*/

#panel04 {
	width: 830px;
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/eventsT_bg.jpg') top center no-repeat;
	margin: 20px auto 0;
}
#panel04 #theHeader {
	height: 207px;
}
#panel04 #theHeader a {
	width: 392px;
	height: 155px;
	display: block;
	margin-top: 30px;
	float: left;
}
#panel04 #theFrame {
	width: 815px;
	height: 250px;
	overflow-y: auto;
}



/*--------------------------- Main Layout ---------------------------*/

#profileBottom {
	background:url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/edge_black_bg.png') repeat-y;
	width: 850px;
	_margin-right: -22px;
	/*padding: 0 10px;*/
}


/*------------------------

 Friends
 
------------------------*/

#friendContainer {
/* set the background image for the friends section*/
	width: 830px;
	margin: 0 auto;
}

#friendHeader {	
	width: 830px;
	height: 31px;
	margin-bottom: 16px;
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/mod_friends_bg.gif') no-repeat top left;
}

/* accessibility text */
#friendTop span {
	display: none;
}

#friendContainer img {
	margin-top: 3px;
}
#friendContent {
	text-align: center;
}

#friendContent .heading {
	/* hides the xxxx's Friend Space */
	display:none;
}

#profile_friends {
	width:790px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.btext,
.redtext {
	font-size: 13px;
	padding-bottom: 10px;
}

.friend {
	margin: 15px 3px 0 0;
}

.friend img {
	max-width:100px;
	max-height:100px;
	width:expression((this.width > 100)? ((this.height > 100)? ((this.width/100 < this.height/100)? true : 100) : 100) :true);
	height:expression((this.height > 100)? ((this.width > 100)? ((this.height/100 < this.width/100)? true : 100) : 100) :true);
}

/*--Forum Section--*/
*html #forumContainer {
	margin-top:-3px;
}
#forumContainer {
	width: 830px;
	height: auto;
	margin: 0 auto;
}
#forumHeader {	
	width: 830px;
	height: 31px;
	margin-bottom: 16px;
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/mod_forums_bg.gif') no-repeat top left;
}
#profile_forums {
	width: 785px;
	margin: 0 auto;
}
#profile_forums img {
	display: none;
}
#profile_forums .cols th {
	width: auto;
}
#forumContainer .heading {
	margin-right:20px;
}
#forumContent {
	padding-right:0px;
}
/* forum - post topic | view all topics */
#profile_forums .right a:link, #profile_forums .right a:active, #profile_forums .right a:visited {
	text-decoration:none;
	font-size:10px;
}
#profile_forums .right a:hover {
	text-decoration:underline;
}
#profile_forums .left {
	color:#fff;
}
#forumContent .left {
	display:none;
}


/*------------------------

 Comments
 
------------------------*/

#commentContainer {
/* set the background image for the friends section*/
	width: 830px;
	height: 450px;
	margin: 0 auto;
	text-align: left;
	line-height: 20px;
	padding-bottom: 20px;k
	text-align: center;
}

#commentHeader {
	width: 830px;
	height: 31px;
	margin: 30px 0 16px 0;
	background: url('http://creative.myspacecdn.com/mx/nochemexico/1208/images/mod_comments_bg.gif') no-repeat top left;
}

/* accessibility text */
#commentTop span {
	display: none;
}

#commentContent {
	width: 810px;
	height:375px;
	margin: 0 auto;
	overflow:auto;
	text-align: center;
}

#commentContent .heading {
	display:none;
}

/* 
comments: view/edit all comments 
*/
#profile_comments a:link, 
#profile_comments a:active,
#profile_comments a:visited {
	text-decoration:none;
}


#profile_comments {
	margin: 20px auto 20px;
	width: 760px;
	text-align: left;
}

.commentdate {
	font-weight: bold;
}

#profile td {
	padding-bottom: 20px;
}


/*------------------------

 Footer
 
------------------------*/
/* default footer styling*/
#footer {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	width: 850px;
	height: 60px;
	margin: 0 auto;
	
	/* set the color of the link dividers */
	color:#333;
}

#footer a {
	text-decoration:none;
	font-weight:normal;
	color: #fff;
}

#footer a u {
	text-decoration: none;
}

/***********/
#mainLayout {
  margin-left: 0!important;
  padding-left: 0!important;
}

/*************PANEL 03 UPDATE*****************/
#panel03Video {
	width: 390px;
	height: 320px;
	margin: 14px 0 0 8px;
	padding: 0;
	display: inline;
	float: left;
}

#panel03textPanel {
	width: 410px;
	height: 230px;
	margin: 37px 0 0;
	padding: 0;
	float: left;
}
a#JBpartylink, a#subeAquiLink, a#subeFiestaLink {
	width: 410px;
	padding: 0;
	display: block;
	float: left;
}
a#JBpartylink {
	height: 89px;
	margin: 0;
}
a#subeAquiLink {
	height: 30px;
	margin: 74px 0 0;
}
a#subeFiestaLink {
	height: 37px;
	margin: 0;
}