// light backgrounds
 // panel backgrounds
 // med
 // med hl
 // dark
 // dark hl


























/* Site defaults for generic tags */


body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: #fff0ff; }
P, td, ol, ul { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
b, strong { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }

h1 {  }
h2 {  }
h3 {  }
h4 {  }
h5 {  }
h6 {  }
h7 {  }

A { text-decoration: none; font-weight: bold; color: #5f575f; }
A:hover { color: #c234ac; }


/* Content managed elements */

#banner {
	position: absolute;
	top: 8px; left: 8px; width:964px; height:98px;
	padding: 10px;
	font-size: 60px;
	font-weight: bold;
	background: url("/bannerbg.jpg");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#banner a {
	color: white;
	text-decoration: none;
	}

#leftcol, #rightcol {
	position: absolute;
	top: 130px;
	width:236px;
	border-top: 0;
	height:480px;
}

#leftcol { left: 8px; }
#rightcol { left: 736px; }

#content {
	position: absolute; top:130px; left:244px; width:492px; height: 480px;
	font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
	background-color: #fff0ff;
	padding: 20px;
}

#player {








	position: absolute; top: 105px; left: 825px; height: 16px; z-index: 20; padding: 0px;
	
	background-color: #dc9ad7;
	

}

#player img {
	background-color: #dc9ad7;
}

#player a {
	margin: 1px;
	padding: 1px;
	border: solid 1px #bbbbbb;
	background-color: #dc9ad7;
	height: 14px
}

#player a:hover {
	border: solid 1px #000000;
}



#imagepreview {
	position: absolute;
	top: 120px;
	left: 634px;
	z-index: 19;
	visibility: hidden;
}

#title {
	position: absolute;
	top: 82px;
	left: 634px;
	width: 320px;
	text-align: right;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	color: #cc00bc;
	font-size: 18px;
	font-weight: bold;
}

.footnote	{
  padding: 4px;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 10px;
  text-align:left;
  background-color: #f0f0f0;
}

/* Ringtones lists & body panels */

.RingtoneList, .bodyPanel {
}

.rtListen a { padding: 4px; }

.rtBuyNow a { padding: 4px;}

.RingtoneList .rtTitle {}

.RingtoneList TD {}

.rtBuyNow A, .rtListen A {}

.RingtoneList A:hover {}

.bodyPanelHead {border: 1px solid black; font-weight: bold;}
}

.bodyPanel b, .bodyPanel strong {}

/* misc */

.editor {
	border:dashed 1 #0c0;
	margin:0px;
	padding:4px;
	overflow:auto;
}

.portHeader td { font-weight: bold; padding: 0 2 0 2; text-align: center; background-color: #dc9ad7;}

.portContent { padding: 2px; margin-bottom: 4px; background-color: #f7e4fa;}

.portContent p {
}

.portContent .rtTitle {
	font-size: 12px;
	padding-left: 4px;
}

.portContent .rtListen, .portContent .rtBuyNow, .portContent .rtInfo {
	display: none;
}


.portLink { width: 154px; text-align: right;}


#headline {}

.spacewrapper {
	padding: 0px;
	margin: 0px;
}

#portal {
}

.formArea {
	font-family: Arial, Helvetica, sans-serif;
	color: #000700;
	font-size: x-small;
	padding: 2px;
	border: 1px solid #f1080a;
	background-color: #f8d4d4;
	color: #200740;
	wrap: none;
}

.mainContent .formArea,
.mainContent .formArea p {
	font-size: x-small;
	margin-top: 0.5em;
}

INPUT	{
	font-size: x-small;
	height: 1.6em;
}

/* Menu */

#Navbar {
  display: block;
  position: absolute;
  top: 105px; left: 8px; width:964px; height:20px
  z-index: 2;
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #fff0ff;
  font-weight : bold;
  padding: 0px;
  overflow: hide;
  background: #dc9ad7;
}

#Navbar ul {
  list-style: none;
  display: inline;
  padding: 0;
  margin: 0;
}

#Navbar li {
  list-style: none;
  display: inline;
  padding: 0;
  margin: 0;
  vertical-align: middle;

}
#Navbar li a {
  display: inline;
  font-size: 14px;
  padding: 0 4 0 4;
  vertical-align: middle;
  text-decoration: none;
  height: 21px;
  color: #fff0ff;
}

#Navbar li a:hover {
  color: #000000;
}

#Navbar li ul {
  display: none;
  position: absolute;
  font-size: 11px;
  background: #dc9ad7;
  padding: 0 0 0.4em 0;
  border: 1px outset;
  width: 18em;
  x_height: 76px;
  x_overflow: auto;
}

#Navbar li ul li {
  list-style: none;
  margin: 0;
  display: block;
  width: 100%;
  vertical-align: middle;
  padding: 0;
  line-height: 10px;
  height: 19px;

}

#Navbar li ul li a {
  padding: 4 8 4 8;
  height:19px;
  text-decoration: none;
  color: #fff0ff;
  display: block;
  width: 100%;
}
#Navbar li ul li a:hover {
  padding: 4 8 4 8;
  height:19px;
  text-decoration: none;
  color: #000000;
  background: #ffffff;
  display: block;
  width: 100%;
}