.name1         { font-family: Arial Black; font-size: 10pt; color: #CC0000 }
.name2         { font-family: Arial Black; font-size: 10pt; color: #000099 }
.emote         { font-family: Arial Black; font-size: 10pt; color: #009933 }
.chat2         { font-family: Arial Black; font-size: 10pt; color: #0000FF }
.chat1         { font-family: Arial Black; font-size: 10pt; color: #FF0000 }
.tellhead      { font-family: Arial Black; font-size: 10pt; color: #CC22FF; }
.telltail      { font-family: Arial Black; font-size: 10pt; color: #dd33FF; }
.systemtext    { font-family: Arial Black; font-size: 10pt; color: #444444 }
.viptell       { font-family: Arial Black; font-size: 10pt; color: #444433 }
.listboys      { font-family: Arial Black; font-size: 8pt; color: #0000FF }
.listgirls     { font-family: Arial Black; font-size: 8pt; color: #FF0000 }
.textlink      { font-family: Arial Black; font-size: 10pt; color: #22aa22;text-decoration: underline;font-weight:normal }
.mood          { font-size: 8pt;}
.room          { font-family: Arial Black; font-size: 10pt;}
.roomdesc      { font-size: 7pt;}
.privatestatus { font-size: 8pt;}

.borderit img{
border: 1px solid #f8d8b8;
height:16px;
}

.borderit:hover img{
border: 1px solid #5d2f0d;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}

.borderit{
border: 0px;
}



.hover0{
	position:absolute;
	overflow:show;
	background-image:url(/transparentpixel.gif);
}

.hover1{
	border-style:dashed; border-width:1px; position:relative;overflow:hidden
}

div.menu1 { 
	FONT-WEIGHT: Bold; 
	FONT-SIZE: 9px; 
	COLOR: #FFFFFF;
	FONT-FAMILY: Tahoma;
}

a.menu2 span {
	FONT-WEIGHT: Bold; 
	FONT-SIZE: 9px; 
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma;
}

a.menu2:hover span {
	COLOR: #5d2f0d;
}


div.glide { 
	position:absolute; visibility:hidden;
	top:10; 
	left:10; 
	width:158; 
	height:312;
	z-index:999;
	background: url('/images/hud_YBmenu3.gif')
}
  
div.glide p { margin:0.0em 0.0em 0em 0em }


ul 
{ 
list-style-type: none; 
padding: 0; 
margin: 0; 
} 
li 
{ 
padding-left: .6em; 
} 


TEXTAREA
{
    COLOR: #5d2f0d;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    FONT-SIZE: 10px;
}
INPUT
{
    COLOR: #5d2f0d;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    FONT-SIZE: 10px;
}

.INPUT2
{
    COLOR: #5d2f0d;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
}



H1 {
	FONT-SIZE: 12px; COLOR: #5d2f0d; FONT-FAMILY: Tahoma, Verdana, Arial
}


BODY {
	BORDER-RIGHT: black 1px; PADDING-RIGHT: 0px; BORDER-TOP: black 1px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 1px; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px; FONT-FAMILY: Tahoma, Verdana, Arial
}
TABLE {
	FONT-SIZE: 12px; COLOR: #5d2f0d; FONT-FAMILY: Tahoma, Verdana, Arial;
}
A {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #5d2f0d; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}

A:hover {text-decoration: none; FONT-WEIGHT: bold;}
.mini {
	FONT-SIZE: 10px
}

UL { list-style-type: none; Margin-left: 15px; margin-top:0px; margin-bottom:15;
}

/*             styles for the star rater                */
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(/fgimages/img/star_rating.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(/fgimages/img/star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}

#invertshadow
{
border-left:1px solid #444444; border-right:2px solid #dddddd; border-bottom:2px solid #dddddd; border-top:1px solid #444444;
}
#dropshadowlight
{
border-left:1px solid #dddddd; border-right:1px solid #444444; border-bottom:1px solid #444444; border-top:1px solid #dddddd;
}

#dropshadow
{
border-left:1px solid #dddddd; border-right:2px solid #444444; border-bottom:2px solid #444444; border-top:1px solid #dddddd;
}
#whiteheavy
{
background-color:#ffffff;
border-left:2px solid #ffffff; border-right:2px solid  #ffffff; border-bottom:2px solid  #ffffff; border-top:2px solid  #ffffff;
}

#dropshadowheavy
{
border-left:2px solid #dddddd; border-right:4px solid #444444; border-bottom:4px solid #444444; border-top:2px solid #dddddd;
}


#whiteblur{
width: 67px;
height: 58px;
padding-top:2;
padding-right:2;
background: url(/fgimages/img/imgbg1.gif) no-repeat;
background-repeat: no-repeat;
}
#whiteblur_hud{
width: 67px;
height: 58px;
padding-top:2;
padding-right:2;
background: url(/fgimages/img/imgbg1_hud.gif) no-repeat;
background-repeat: no-repeat;
}
#whiteblur2{
width: 122px;
height: 99px;
padding-top:3;
padding-right:3;
background: url(/fgimages/img/imgbg2.gif) no-repeat;
background-repeat: no-repeat;
}


#tabcontentcontainer{
width: 460px;
height: 156px;
padding-top:7;
padding-left:7;
padding-right:7;
/* background-color: #f8d8b8; */
/* Insert Optional Height definition here to give all the content a unified height */
background: url(/fgimages/img/bgbox6.gif) no-repeat;
background-repeat: no-repeat;
}

#smallcontentcontainer{
width: 183px;
height: 219px;
padding-right:7px;
padding-bottom:0px;
padding-top:4px;
padding-left:7px;
/* Insert Optional Height definition here to give all the content a unified height */
background: url("/fgimages/img/bgbox1.gif") no-repeat;
background-repeat: no-repeat;
}

.headlinetextsmall {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #f5cead; FONT-FAMILY: Arial Black
}
.headlinetextbig {
	FONT-WEIGHT: normal; FONT-SIZE: 24px; COLOR: #f5cead; FONT-FAMILY: Arial Black
}
.headlinetextbigblack {
	FONT-WEIGHT: normal; FONT-SIZE: 24px; COLOR: black; FONT-FAMILY: Arial Black
}
.headlinetextbigWhite {
	FONT-WEIGHT: normal; FONT-SIZE: 24px; COLOR: white; FONT-FAMILY: Arial Black
}
.headlinetext {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #f5cead; FONT-FAMILY: Arial Black
}
.headlinetext:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #f5cead; FONT-FAMILY: Arial Black
}
.headlinetext:link {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #f5cead; FONT-FAMILY: Arial Black
}
DIV.out {
	FILTER: Alpha(Opacity=100, FinishOpacity=100, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0); WIDTH: 2px
}
DIV.over {
	FILTER: Alpha(Opacity=80, FinishOpacity=50, Style=2, StartX=10, StartY=10, FinishX=0, FinishY=0); WIDTH: 2px
}
DIV.Headline {
	FILTER: Shadow(color="#ffffff", Direction=0, Strength=2) Shadow(color="#ffffff", Direction=90, Strength=2) Shadow(color="#ffffff", Direction=180, Strength=2) Shadow(color="#ffffff", Direction=270, Strength=2)
}
DIV.linkon {
	FILTER: Shadow(color="#301002", Direction=0, Strength=4) Shadow(color="#301002", Direction=90, Strength=4) Shadow(color="#301002", Direction=180, Strength=4) Shadow(color="#301002", Direction=270, Strength=4)
}
DIV.linkoff {
	FILTER: Shadow(color="#301002", Direction=0, Strength=2) Shadow(color="#301002", Direction=90, Strength=2) Shadow(color="#301002", Direction=180, Strength=2) Shadow(color="#301002", Direction=270, Strength=2)
}
DIV.heavy {
	FONT-WEIGHT: normal; FONT-SIZE: 22px; FILTER: Shadow(color="#301002", Direction=0, Strength=2) Shadow(color="#301002", Direction=90, Strength=2) Shadow(color="#301002", Direction=180, Strength=4) Shadow(color="#301002", Direction=270, Strength=3); COLOR: white; FONT-FAMILY: Arial Black
}
DIV.heavylight {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; FILTER: Shadow(color="#301002", Direction=0, Strength=2) Shadow(color="#301002", Direction=90, Strength=2) Shadow(color="#301002", Direction=180, Strength=4) Shadow(color="#301002", Direction=270, Strength=3); COLOR: white; FONT-FAMILY: Arial Black
}
DIV.heavylight2 {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; FILTER: Shadow(color="#0000AA", Direction=0, Strength=1) Shadow(color="#0000AA", Direction=90, Strength=1) Shadow(color="#0000AA", Direction=180, Strength=2) Shadow(color="#0000AA", Direction=270, Strength=2); COLOR: #FFFFFF; FONT-FAMILY: Arial Black
}
DIV.light {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FILTER: Shadow(color="#fbfbfb", Direction=0, Strength=2) Shadow(color="#fbfbfb", Direction=90, Strength=2) Shadow(color="#fbfbfb", Direction=180, Strength=2) Shadow(color="#fbfbfb", Direction=270, Strength=2); COLOR: #5d2f0d; FONT-FAMILY: Tahoma
}
DIV.medium {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; FILTER: Shadow(color="#301002", Direction=0, Strength=2) Shadow(color="#301002", Direction=90, Strength=2) Shadow(color="#301002", Direction=180, Strength=2) Shadow(color="#301002", Direction=270, Strength=2); COLOR: #b8f3af; FONT-FAMILY: Tahoma
}
DIV.whiteborder {
	FONT-WEIGHT: normal; FONT-SIZE: 17px; FILTER: Shadow(color="#301002", Direction=0, Strength=1) Shadow(color="#301002", Direction=90, Strength=1) Shadow(color="#301002", Direction=180, Strength=2) Shadow(color="#301002", Direction=270, Strength=2); COLOR: White; FONT-FAMILY: Arial Black
}
DIV.brownborder {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; FILTER: Shadow(color="#ff00ff", Direction=0, Strength=2) Shadow(color="#ffffff", Direction=90, Strength=2) Shadow(color="#ffffff", Direction=180, Strength=2) Shadow(color="#ffffff", Direction=270, Strength=2); COLOR: #996633; FONT-FAMILY: Arial Black
}

a.scroller:hover {
FONT-WEIGHT: normal;
}		

<!--------    THIS IS SPECIFIC FOR YB!!! ------------->

table.repeater td.rightborder { 
	border-right: 1px solid #EBD1A3; 
} 

table.repeater tr.item1 td { 
	padding: 2px; 
	border-bottom: 1px solid #EBD1A3; 
} 

table.repeater tr.item2 td { 
	padding: 2px; 
	background-color: #EDDBBB; 
	border-bottom: 1px solid #EBD1A3; 
} 

table.repeater { 
	width: 100%; 
} 

table.repeater th { 
	text-align: left; 
	margin: 0px; 
	height: 17px; 
	padding: 0px 4px 0px 4px; 
	background: url(/images/tablebg.gif) repeat-x 0px 3px; 
	text-transform: uppercase; 
	color: #FAF5EB; 
	font-family: Verdana;
	font-size: 10px; 
	font-weight: Bold;
	margin-left: 4px; 
}

.tabletext {
	color: 			#FAF5EB;
	font-family: 		Arial Black;
	font-size: 		10px;
	font-weight:		normal;
	margin-left:		4px;
	margin-right:		4px;
}

*.carpe_horizontal_slider_display_combo {
	clear: left;
	margin: 0;
}
*.carpe_vertical_slider_display_combo {
	float: left;
	margin: 0;
}
*.carpe_horizontal_slider_track {
	background-color: #bbb;
	color: #333;
	width: 120px;
	float: left;
	margin: 0;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	padding: 4px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
*.carpe_vertical_slider_track {
	background-color: #bbb;
	color: #333;
	padding: 3px 6px 15px 6px;
	width: 24px;
	height: 100px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
*.carpe_horizontal_slider_track *.carpe_slider_slit {
	background-color: #333;
	color: #ccc;
	width: 110px;
	height: 2px;
	margin: 4px 4px 2px 4px;
	line-height: 0px;
	position: absolute;
	z-index: 1;
	border: 1px solid;
	border-color: #999 #ddd #ddd #999;
}
*.carpe_vertical_slider_track *.carpe_slider_slit {
	background-color: #000;
	color: #333;
	width: 2px;
	height: 100px;
	position: absolute;
	margin: 4px 10px 4px 10px;
	padding: 4px 0 1px 0;
	line-height: 0px;
	font-size: 0;
	border: 1px solid;
	border-color: #666 #ccc #ccc #666;
}
*.carpe_horizontal_slider_track *.carpe_slider {
	width: 16px;
	background-color: #666;
	color: #333;
	position: relative;
	margin: 0;
	height: 8px;
	z-index: 1;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	border: 2px solid;
	border-color: #999 #333 #333 #999;
}
*.carpe_vertical_slider_track *.carpe_slider {
	width: 20px;
	background-color: #666;
	color: #333;
	position: relative;
	margin: 0;
	height: 8px;
	z-index: 1;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	border: 2px solid;
	border-color: #999 #333 #333 #999;
}
*.carpe_slider_display_holder {
	background-color: #bbb;
	color: #333;
	width: 34px;
	margin: 0;
	float: left;
	padding: 0 2px 0 0;
	height: 20px;
	text-align: right;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
.carpe_slider_display {
	background-color: #bbb;
	color: #333;
	padding: 3px 1px 0 0;
	width: 30px;
	text-align: right;
	font-size: 11px;
	line-height: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	border: 0;
	cursor: default;
}