<style type="text/css">
/*<![CDATA[*/
<!--

html {
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    width: 200%;
    height: 200%;
    margin: -50% -50%;
}

table.pretty {
  margin: 1em 1em 1em 2em;
  background: whitesmoke;
  border-collapse: collapse;
}
table.pretty th, table.pretty td {
  border: 1px gainsboro solid;
  padding: 0.2em;
}
table.pretty th {
  background: gainsboro;
  text-align: left;
}
table.pretty caption {
  margin-left: inherit;
  margin-right: inherit;
}

.bl2 {background: url(/gif/bl.gif) 0 100% no-repeat #0080FF; width: 140px}

.bl {background: url(/gif/bl.gif) 0 100% no-repeat #0080FF; width: 126px}
.br {background: url(/gif/br.gif) 100% 100% no-repeat}
.tl {background: url(/gif/tl.gif) 0 0 no-repeat}
.tr {background: url(/gif/tr.gif) 100% 0 no-repeat; padding:3px}

.blnew {background: url(/gif/bl.gif) 0 100% no-repeat #0080FF; width: 330px height: 225px}
.bl2new {background: url(/gif/bl.gif) 0 100% no-repeat #0080FF; width: 300px height: 225px}
.brnew {background: url(/gif/br.gif) 100% 100% no-repeat}
.tlnew {background: url(/gif/tl.gif) 0 0 no-repeat}
.trnew {background: url(/gif/tr.gif) 100% 0 no-repeat; padding:3px}

.clear {font-size: 1px; height: 1px}

#rollover {
display: block;
background-image: url("http://bluebuddies.com/gif/Smurf_Surprise_Again.gif");
background-repeat: no-repeat;
height:62px;
width:62px;
}

#rollover a { /* if background is on a:link IE6 won't display properly  */
background-image: url("http://bluebuddies.com/gif/Smurf_Surprise.gif"); /*can be just background */
background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
height:62px;
width:62px;
}

#rollover a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
height:62px;
width:62px;
}
 
#rollover a:hover {
background: url("http://bluebuddies.com/gif/Smurf_Surprise_Again.gif") no-repeat;
height:62px;
width:62px;
}

#rollover a {
display: block;
line-height: 62px;
width:62px;
}	

#rollover a:hover img {
visibility:visible;
}

#main{
position: relative;
}

body	{
	margin:	0;
	font-family: Arial, Verdana;
	font-size: 9pt;
	background-color: #000066;
	}
td	{
	font-family: Arial, Verdana;
	font-size: 9pt;
	}

.my_avatarmax {
	max-width: 100px;
	/* Resize the image for IE6 */
	width: expression(this.width > 100 ? 100: true);
}

.my_msgpicmax {
	max-width: 600px;
	/* Resize the image for IE6 */
	width: expression(this.width > 600 ? 600: true);
}

a:link {color:black; }
a:visited {color: #000066;}
a:hover {background-color: #1dc7ff;}

a.nowt:hover {background-color: #FFFFFF;}

A.notes:hover {background-color: #FFCC33;}

A.nav:link {color:white; }
A.nav:visited {color:white; }

A.mytable:link {text-decoration: none;}
A.mytable:hover {background-color: #00a0ff;}
A.mytable:visited {text-decoration: none;}

.bl {background: url(/gif/bl.gif) 0 100% no-repeat #0080FF; width: 126px}
.br {background: url(/gif/br.gif) 100% 100% no-repeat}
.tl {background: url(/gif/tl.gif) 0 0 no-repeat}
.tr {background: url(/gif/tr.gif) 100% 0 no-repeat; padding:3px}
.clear {font-size: 1px; height: 1px}

.gallerycontroller{
width: 400px
}

.gallerycontent{
width: 400px;
border: 0px;
background-color: #FFFFFF;
padding: 0px;
display: block;
}

.gallerycontroller1{
width: 400px
}

.gallerycontent1{
width: 400px;
border: 0px;
background-color: #FFFFFF;
padding: 0px;
display: block;
}

.gallerycontroller3{
width: 400px
}

.gallerycontent3{
width: 400px;
border: 0px;
background-color: #FFFFFF;
padding: 0px;
display: block;
}

#casaleleft1024{
position: absolute;
top: 0px;
right: 871px;
width: 128px;
margin: 0px;
padding: 0px;
}

#casaleleft1152{
position: absolute;
top: 0px;
right: 958px;
width: 128px;
margin: 0px;
padding: 0px;
}

#casaleleft1180{
position: absolute;
top: 0px;
right: 981px;
width: 128px;
margin: 0px;
padding: 0px;
}

#casaleleft1280{
position: absolute;
top: 0px;
right: 1008px;
width: 128px;
margin: 0px;
padding: 0px;
}

#casaleleft1440{
position: absolute;
top: 0px;
right: 34px;
width: 128px;
margin: 0px;
padding: 0px;
}

#casaleleft1600{
position: absolute;
top: 0px;
right: 1208px;
width: 128px;
margin: 0px;
padding: 0px;
}

#casaleleft1920{
position: absolute;
top: 0px;
right: 1406px;
margin: 0px;
padding: 0px;
}

#figs1024{
position: absolute;
top: 0px;
left: 870px;
width: 120px;
margin: 0px;
padding: 0px;
}

#figs1024ie{
position: absolute;
top: 0px;
left: 735px;
width: 120px;
margin: 0px;
padding: 0px;
}

#figs1152{
position: absolute;
top: 0px;
left: 966px;
width: 126px;
margin: 0px;
padding: 0px;
}

#figs1180{
position: absolute;
top: 0px;
left: 989px;
width: 126px;
margin: 0px;
padding: 0px;
}

#figs1152ie{
position: absolute;
top: 0px;
left: 744px;
width: 126px;
margin: 0px;
padding: 0px;
}

#figs1180ie{
position: absolute;
top: 0px;
left: 767px;
width: 126px;
margin: 0px;
padding: 0px;
}

#figs1280{
position: absolute;
top: 0px;
left: 1006px;
width: 126px;
margin: 0px;
padding: 0px;
}

#figs1280ie{
position: absolute;
top: 0px;
left: 744px;
width: 126px;
margin: 0px;
padding: 0px;
}

#figs1440{
position: absolute;
top: 0px;
left: 1090px;
width: 126px;
margin: 0px;
padding: 0px;
}

#figs1440ie{
position: absolute;
top: 0px;
left: 753px;
width: 126px;
margin: 0px;
padding: 0px;
}

#figs1600{
position: absolute;
top: 0px;
left: 1206px;
width: 126px;
margin: 0px;
padding: 0px;
}

#figs1600ie{
position: absolute;
top: 0px;
left: 762px;
width: 126px;
margin: 0px;
padding: 0px;
}

#figs1920{
position: absolute;
top: 0px;
left: 1406px;
width: 126px;
margin: 0px;
padding: 0px;
}

#figs1920ie{
position: absolute;
top: 0px;
left: 780px;
width: 126px;
margin: 0px;
padding: 0px;
}

#loading {
  font:bold 12px Verdana;
  color:red;
}

/* Sortable tables */
table.sortable thead {
    background-color:#0080FF;
    color:#000000;
	font-family: Arial, Verdana;
	font-size: 9pt;
    font-weight: bold;
    cursor: default;
}

-->
/*]]>*/
</style>