/*
################################################################################
##
## V4 PURPLE DRAGON STYLE by BIG DOG ADMIN
##
################################################################################
*/

body {
margin-top: 0px;
margin-bottom: 20px;
text-align: center;
background-color: #323278;
scrollbar-face-color: #2C2C69;
scrollbar-shadow-color: #161526;
scrollbar-highlight-color: #161526;
scrollbar-3dlight-color: #8B8CB6;
scrollbar-darkshadow-color: #8B8CB6;
scrollbar-track-color: #252558;
scrollbar-arrow-color: #8B8CB6;
}

body,td,th {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #cccccc;
}

a:link, a:visited {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration: none;
font-weight: normal;
}

a:hover {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #ffbbff;
text-decoration: none;
font-weight: normal;
}

/*
################################################################################
##
## FIRST WE WILL LIST THE MAIN SECTIONS
##
################################################################################
*/

#outerwrapper {
position: relative;
width: 964px;
text-align: center;
margin: 0px auto;
padding: 0;
border: 0;
}

#wrapper {
float: left;
position: relative;
width: 964px;
text-align: left;
background-color: #000000;
margin: 0;
padding: 0;
border: 0;
}

.spacer {
float: left;
position: relative;
width: 964px;
height: 4px;
text-align: left;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
}

#left {
float: left;
position: relative;
left: 4px;
width: 170px;
margin: 0;
padding: 0;
border: 0;
}

#middle {
float: left;
position: relative;
left: 4px;
width: 616px;
margin: 0;
padding: 0;
border: 0;
}

#middle2 {
float: left;
position: relative;
left: 4px;
width: 608px;
margin: 0;
padding: 0;
border: 0;
}

#right {
float: left;
position: relative;
left: 4px;
width: 170px;
margin: 0;
padding: 0;
border: 0;
}

/*
################################################################################
##
## NEXT THE HEADER AND MENU
##
################################################################################
*/

#header {
float: left;
position: relative;
width: 964px;
height: 175px;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
}

#headerlogo {
height: 147px;
width: 214px;
border: 0;
padding: 0;
margin: 0;
cursor: pointer;
background-image: url(../images/headerlogo.gif);
background-repeat: no-repeat;
position: absolute;
top: 9px;
left: 9px;
}

#headerad {
height: 90px;
width: 728px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 32px;
left: 227px;
}

#headertext, #headertext2 {
height: 20px;
width: 728px;
border: 0;
padding: 0;
margin: 0;
font-family: arial, helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
}

#headertext { color: #000000; position: absolute; top: 11px; left: 228px; }
#headertext2 { color: #A8A8D5; position: absolute; top: 10px; left: 227px; }

#searchbox {
height: 27px;
width: 274px;
border: 0;
padding: 0;
margin: 0;
background-image: url(../images/searchbox.gif);
background-repeat: no-repeat;
position: absolute;
top: 128px;
left: 680px;
}

#searchboxtext {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 135px;
left: 558px;
}

#gobutton {
height: 27px;
width: 48px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 128px;
left: 906px;
cursor: pointer;
}

#searchinput {
font-family: arial, helvetica, sans-serif;
font-size: 10px;
color: #dddddd;;
height: 19px;
width: 197px;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #000000;
padding: 2px 0 0 6px;
margin: 0;
position: absolute;
top: 132px;
left: 692px;
background-color: #333333;
overflow: hidden;
}

#timeanddate {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 135px;
left: 270px;
}

#menubar {
float: left;
position: relative;
width: 964px;
height: 30px;
margin: 0;
padding: 0;
border: 0;
background-image: url(../images/menubar.gif);
background-repeat: no-repeat;
overflow: hidden;
}

#menuspacer {
float: left;
position: relative;
width: 964px;
height: 6px;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
}

#button1 { height: 30px; border: 0; margin: 0; padding: 0; text-align: center; }
#button2 { height: 30px; border: 0; margin: 0; padding: 0; text-align: center; }
#button3 { height: 30px; border: 0; margin: 0; padding: 0; text-align: center; }
#button4 { height: 30px; border: 0; margin: 0; padding: 0; text-align: center; }
#button5 { height: 30px; border: 0; margin: 0; padding: 0; text-align: center; }
#button6 { height: 30px; border: 0; margin: 0; padding: 0; text-align: center; }
#button7 { height: 30px; border: 0; margin: 0; padding: 0; text-align: center; }

/* 
#########################     START BUTTON CONFIG     ##########################
##
##  example: add left & width of button1 to get left of button2 
##  repeat for other buttons
##  experiment with each width for desired spacing and appearance
##
################################################################################
*/

#button1 { width: 100px; position: absolute; top: 0px; left:   0px; }
#button2 { width: 108px; position: absolute; top: 0px; left: 100px; }
#button3 { width: 141px; position: absolute; top: 0px; left: 208px; }
#button4 { width: 127px; position: absolute; top: 0px; left: 349px; }
#button5 { width: 110px; position: absolute; top: 0px; left: 476px; }
#button6 { width: 146px; position: absolute; top: 0px; left: 586px; }
#button7 { width: 143px; position: absolute; top: 0px; left: 732px; }

/***************************     END BUTTON CONFIG     ************************/

.button1, .button1over { background-image: url(../images/menubar.gif); background-repeat: no-repeat; }
.button2, .button2over { background-image: url(../images/menubar.gif); background-repeat: no-repeat; }
.button3, .button3over { background-image: url(../images/menubar.gif); background-repeat: no-repeat; }
.button4, .button4over { background-image: url(../images/menubar.gif); background-repeat: no-repeat; }
.button5, .button5over { background-image: url(../images/menubar.gif); background-repeat: no-repeat; }
.button6, .button6over { background-image: url(../images/menubar.gif); background-repeat: no-repeat; }
.button7, .button7over { background-image: url(../images/menubar.gif); background-repeat: no-repeat; }

.button1 { background-position:   0 0; }
.button2 { background-position: -20 0; }
.button3 { background-position: -20 0; }
.button4 { background-position: -20 0; }
.button5 { background-position: -20 0; }
.button6 { background-position: -20 0; }
.button7 { background-position: -20 0; }

.button1over { background-position:   0 -30; }
.button2over { background-position: -20 -30; }
.button3over { background-position: -20 -30; }
.button4over { background-position: -20 -30; }
.button5over { background-position: -20 -30; }
.button6over { background-position: -20 -30; }
.button7over { background-position: -20 -30; }

#button1 a { width: 100%; height: 30px; border: 0; margin: 0; padding: 0; display: block; cursor: pointer; color: #ffffff; font-size: 14px; font-weight: bold; }
#button2 a { width: 100%; height: 30px; border: 0; margin: 0; padding: 0; display: block; cursor: pointer; color: #ffffff; font-size: 14px; font-weight: bold; }
#button3 a { width: 100%; height: 30px; border: 0; margin: 0; padding: 0; display: block; cursor: pointer; color: #ffffff; font-size: 14px; font-weight: bold; }
#button4 a { width: 100%; height: 30px; border: 0; margin: 0; padding: 0; display: block; cursor: pointer; color: #ffffff; font-size: 14px; font-weight: bold; }
#button5 a { width: 100%; height: 30px; border: 0; margin: 0; padding: 0; display: block; cursor: pointer; color: #ffffff; font-size: 14px; font-weight: bold; }
#button6 a { width: 100%; height: 30px; border: 0; margin: 0; padding: 0; display: block; cursor: pointer; color: #ffffff; font-size: 14px; font-weight: bold; }
#button7 a { width: 100%; height: 30px; border: 0; margin: 0; padding: 0; display: block; cursor: pointer; color: #ffffff; font-size: 14px; font-weight: bold; }

#button1 a b { position: relative; top: 6px; }
#button2 a b { position: relative; top: 6px; }
#button3 a b { position: relative; top: 6px; }
#button4 a b { position: relative; top: 6px; }
#button5 a b { position: relative; top: 6px; }
#button6 a b { position: relative; top: 6px; }
#button7 a b { position: relative; top: 6px; }

/*
################################################################################
##
## NEXT THE SUBMENU
##
################################################################################
*/


#submenu {
width: 130px;
background-color: #aaa;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 197px;
left: 90px;
visibility: hidden;
border-top: 1px solid #aaa;
z-index: 500;
}

#submenu a:link, #submenu a:visited {
height: 20px;
width: 128px;
float: left;
margin: 0 1px 1px 1px;
padding: 2px 0 0 0;
border: 0;
color: #fff;
background-color: #000;
text-align: center;
}

#submenu a:hover {
height: 20px;
width: 128px;
float: left;
margin: 0 1px 1px 1px;
padding: 2px 0 0 0;
border: 0;
color: #000;
background-color: #aaa;
text-align: center;
z-index: 500;
}

/*
################################################################################
##
## NEXT THE BOX THAT SHOWS NEWEST GAMES
##
################################################################################
*/

#widegames {
float: left;
height: 90px;
width: 956px;
overflow: hidden;
position: relative;
left: 4px;
padding: 0;
margin: 0;
}

.widegames_icons {
float: left;
height: 85px;
width: 85px;
border: 0;
padding: 0;
margin: 0 0 0 9px;
}

/*
################################################################################
##
## NEXT THE FOOTER
##
################################################################################
*/

#footer {
float : left;
position : relative;
left : 0px;
width : 964px;
height: 20px;
margin : 0 auto;
padding : 0;
border : 0 solid;
background-color: #000000;
}

#footer span { position: relative; top: 3px; }

/*
################################################################################
##
## GENERAL STYLES
##
################################################################################
*/

.adjustCenteredText { position: relative; top: 6px; }
.adjustLeftText { position: relative; top: 6px; left: 15px; }

.pointer { height: 10px; width: 10px; border: 0;}

/*
################################################################################
##
## VARIOUS CELLS FOR THE MAIN (middle) CONTENT
##
################################################################################
*/

.fullcell {
float: left;
position: relative;
left: 0px;
width: 608px;
margin: 0 4px 4px 0;
padding: 0;
border: 0;
background-color: #171739;
}

.fullcellblack {
float: left;
position: relative;
left: 0px;
width: 608px;
margin: 0 4px 4px 0;
padding: 0;
border: 0;
background-color: #171739;
}

.fullcelltop {
float: left;
position: relative;
left: 0px;
width: 608px;
height: 26px;
margin: 0;
padding: 0;
border: 0;
background-image: url(../images/fullcelltop.gif);
background-repeat: no-repeat;
text-align: left;
font-size: 12px;
color: #ffffff;
}

.fullcellmiddle {
float: left;
position: relative;
left: 0px;
width: 608px;
margin: 0;
padding: 0;
border: 0;
background-image: url(../images/fullcellmiddle.gif);
background-repeat: repeat-y;
}

.fullcellbottom {
float: left;
position: relative;
left: 0px;
width: 608px;
height: 10px;
margin: 0;
padding: 0;
border: 0;
background-image: url(../images/fullcellbottom.gif);
background-repeat: no-repeat;
overflow: hidden;
}

/*
################################################################################
##
## THESE ARE USED ON THE HOME PAGE
##
################################################################################
*/

.gamecell, .gamecell2 {
float: left;
position: relative;
width: 200px;
padding: 0;
border: 0;
background-color: #171739;
}

.gamecell { margin: 0 4px 4px 0; }
.gamecell2 { margin: 0 0 4px 0; }

.gamecelltop {
float: left;
position: relative;
width: 200px;
height: 26px;
margin: 0;
padding: 0;
border: 0;
background-image: url(../images/gamecelltop.gif);
background-repeat: no-repeat;
font-size: 12px;
text-align: center;
color: #ffffff;
}

.gamecellmiddle {
float: left;
position: relative;
width: 200px;
margin: 0;
padding: 0;
border: 0 solid;
background-image: url(../images/gamecellmiddle.gif);
background-repeat: repeat-y;
}

.gamecellbottom {
float: left;
position: relative;
width: 200px;
height: 10px;
margin: 0;
padding: 0;
border: 0 solid;
background-image: url(../images/gamecellbottom.gif);
background-repeat: no-repeat;
overflow: hidden;
}

.gamecell .gamecellmiddle  { height: 204px; position: relative; }
.gamecell2 .gamecellmiddle { height: 204px; position: relative; }

.gamecell  .span1 { height: 100px; width: 80px; position: absolute; top: 10px; left: 15px; text-align: center; }
.gamecell  .span2 { height: 100px; width: 80px; position: absolute; top: 10px; left: 105px; text-align: center; }
.gamecell  .span3 { height: 100px; width: 170px; position: absolute; top: 120px; left: 15px; text-align: left; }
.gamecell  .span4 { height: 19px; width: 80px; position: absolute; top: 184px; left: 64px; text-align: left; }
.gamecell2 .span1 { height: 100px; width: 80px; position: absolute; top: 10px; left: 15px; text-align: center; }
.gamecell2 .span2 { height: 100px; width: 80px; position: absolute; top: 10px; left: 105px; text-align: center; }
.gamecell2 .span3 { height: 100px; width: 170px; position: absolute; top: 120px; left: 15px; text-align: left; }
.gamecell2 .span4 { height: 19px; width: 80px; position: absolute; top: 184px; left: 64px; text-align: left; }

.gamecell  .span1 img { height: 78px; width: 78px; border: 1px solid #000000; }
.gamecell  .span2 img { height: 78px; width: 78px; border: 1px solid #000000; }
.gamecell  .span3 img { height: 10px; width: 10px; border: 0; }
.gamecell  .span4 img { height: 19px; width: 80px; border: 0; }
.gamecell2 .span1 img { height: 78px; width: 78px; border: 1px solid #000000; }
.gamecell2 .span2 img { height: 78px; width: 78px; border: 1px solid #000000; }
.gamecell2 .span3 img { height: 10px; width: 10px; border: 0; }
.gamecell2 .span4 img { height: 19px; width: 80px; border: 0; }

#lastplayedgames .fullcelltop span { position: relative; top: 6px; left: 15px; }
#lastplayedgames .fullcellmiddle { text-align: center; }
#lastplayedgames .fullcellmiddle div { width: 565px; position: relative; left: 5px; margin: 0px auto; }
#lastplayedgames .fullcellmiddle div span { float: left; margin: 8px 10px 3px 0; text-align: center; }
#lastplayedgames .fullcellmiddle div span img { height: 50px; width: 50px; border: 1px solid #000000; }

#frontpagead { 
text-align: right; 
float: left; 
position: relative; 
left: 0px; 
width: 302px; 
height: 252px; 
margin: 0 4px 4px 0; 
padding: 0; 
border: 0 solid; 
}

#frontpagenews .fullcellmiddle { text-align: center; }
#frontpagenews .fullcellmiddle div { width: 560px; margin: 10px auto 10px auto; text-align: justify; }

/*
################################################################################
##
## THESE USED IN RIGHT AND LEFT COLUMNS
##
################################################################################
*/

.leftcell {
float: left;
position: relative;
width: 170px;
margin: 0 0 4px 0;
padding: 0;
border: 0;
background-color: #171739;
}

.lefttop {
float: left;
position: relative;
width: 170px;
height: 26px;
margin: 0;
padding: 0;
border: 0;
background-image: url(../images/lefttop.gif);
background-repeat: no-repeat;
text-align: center;
font-size: 12px;
color: #ffffff;
}

.lefttop span { position: relative; top: 6px; }

.leftmiddle {
float: left;
position: relative;
width: 170px;
margin: 0;
padding: 0;
border: 0;
background-image: url(../images/leftmiddle.gif);
background-repeat: repeat-y;
text-align: center;
}

.leftbottom {
float: left;
position: relative;
width: 170px;
height: 10px;
margin: 0;
padding: 0;
border: 0;
background-image: url(../images/leftbottom.gif);
background-repeat: no-repeat;
overflow: hidden;
}

.leftcelladj { width: 160px; margin: 8px auto 2px auto; padding: 0; text-align: justify; }

#toprated { width: 160px; margin: 8px auto 2px auto; padding: 0; text-align: justify; }
#toprated .span1 { float: left; width: 70px; height: 70px; text-align: center; }
#toprated .span2 { float: left; width: 90px; height: 70px; text-align: left; }

#topplayers { width: 160px; margin: 8px auto 2px auto; padding: 0; text-align: justify; }
#topplayers .span1 { float: left; width: 70px; height: 70px; text-align: center; }
#topplayers .span2 { float: left; width: 90px; height: 70px; text-align: left; }

#leftad .leftmiddle { text-align: center; }
#leftad .leftmiddle div { width: 160px; margin: 10px auto; padding: 0; border: 0; }

#rssfeeds { float: left; position: relative; left: 0px; width: 170px; margin: 0 0 4px 0; padding: 0; border: 0 solid; text-align: center; }

#gameslistdiv { height: 40px; }
#gameslist { margin: 10px auto 10px auto;}
#gameslist select { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #dddddd; }
#gameslist select { background-color: #000000; border: 1px solid #dddddd; }

/*
################################################################################
##
## 60x60 ICON STYLE FOR RIGHT AND LEFT COLUMNS
##
################################################################################
*/

.smallicon {
width: 60px;
height: 60px;
border: 0px;
}

/*
################################################################################
##
## MISC STYLES
##
################################################################################
*/

.whitetext { color: #ffffff; }

a.whitelink:link, a.whitelink:visited {
color: #ffffff;
font-size: 11px;
text-decoration: none;
}

a.whitelink:hover {
color: #ffffff;
font-size: 11px;
text-decoration: underline;
}

/*
################################################################################
##
## FEATURED GAME and PAGINATION
##
################################################################################
*/

.featurebox {
width: 302px;
height: 252px;
position: relative;
float: left;
margin: 0 0 4px 0;
text-align: center;
background-image: url(../images/featurebox.gif);
background-repeat: no-repeat;
overflow: hidden;
}

#featureboxname {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
position: absolute;
top: 6px;
left: 90px;
}

.slidercontainer {
height: 190px;
width: 292px;
text-align: center;
}

.contentslide {
border: 0;
padding: 0;
margin: 0;
width: 205px;
height: 190px;
position: absolute;
top: 38px;
left: 45px;
}

.feature_slider_title {
font-size: 14px;
}

.contentdiv img { height: 120px; width: 205px; border; 0; }

.pagination {
padding: 3px;
margin: 3px;
text-align: center;
position: relative;
top: 20px;
}

.pagination a {
padding: 2px 5px 2px 5px;
margin: 1px;
border: 1px solid rgb(109, 153, 188);
text-decoration: none;
color: #000000;
background-color: rgb(226, 239, 241);
}

.pagination a.hover, .pagination a.selected {
border: 1px solid #000000;
color: #000000;
text-decoration: none;
background-color: #bebebe;
}

div.pagination {
padding: 3px;
margin: 3px;
height: 40px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #000000;
text-decoration: none; /* no underline */
color: #000000;
background-color: #ffffff;
}

div.pagination a:hover, div.pagination a:active {
border: 1px solid #000000;
color: #000000;
text-decoration: none;
background-color: #bebebe;
}

div.pagination a:visited {
border: 1px solid #000000;
color: #000000;
text-decoration: none;
}

div.pagination span.current {
font-family: Arial, Verdana, Helvetica;
font-size:9pt;
font-weight: bold;
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #000000;
background-color: #bebebe;
color: #000000;
}

div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}

div.pagination span.dots {
font-family: Arial, Verdana, Helvetica;
font-size:16px;
font-weight: bold;
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #ffffff;
background-color: #ffffff;
color: #000000;
}

/*
################################################################################
##
## DISPLAY GAME STYLES
##
################################################################################
*/

#myblogcode {
height: 85px;
width: 350px;
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #dddddd;
background-color: #000000;
position: absolute;
top: 30px;
left: 130px;
border: 1px solid #dddddd;
overflow: hidden;
}

#blogselect {
position: absolute;
top: 10px;
left: 130px;
}

#sendersname, #sendersemail, #friendsemail, #tafverifycode {
background-color: #000000;
color: #ffffff;
border: 1px solid #dddddd;
}

#tafsubmit {
background-color: #000000;
color: #ffffff;
border: 1px solid #dddddd;
margin: 5px 0 0 0;
}

/*
################################################################################
##
## AJAX LOGIN BOX STYLE
##
################################################################################
*/

#ajaxwrapper {
height: 304px;
width: 304px;
border: 0;
padding: 0;
margin: 0;
display: none;
position: absolute;
top: 197px;
left: 650px;
text-align: left;
background-color: #aaaaaa;
z-index: 500;
}

#ajaxlogin {
height: 300px;
width: 300px;
border: 0;
padding: 0;
margin: 0;
text-align: left;
background-color: #000000;
position: relative;
top: 2px;
left: 2px;
}

#ajaxlogin #ajaxuser, #ajaxlogin #ajaxpass {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #dddddd;
background-color: #323278;
border: 1px solid #dddddd;
width: 150px;
}

#ajaxlogin #ajaxsubmit {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #dddddd;
background-color: #323278;
border: 1px solid #dddddd;
width: 100px;
position: absolute;
top: 120px;
left: 160px;
}

#ajaxlogin #ajaxuser {
position: absolute;
top: 60px;
left: 110px;
}

#ajaxlogin #ajaxpass {
position: absolute;
top: 90px;
left: 110px;
}

#ajaxlogin #ajaxcheckbox {
position: absolute;
top: 118px;
left: 120px;
}

#ajaxlogin #ajaxtitle {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #dddddd;
width: 280px;
position: absolute;
top: 20px;
left: 10px;
text-align: center;
font-weight: bold;
}

#ajaxlogin #ajaxusertext {
font-family: arial,helvetica,sans-serif;
font-size: 11px;
color: #dddddd;
position: absolute;
top: 62px;
left: 40px;
}

#ajaxlogin #ajaxpasstext {
font-family: arial,helvetica,sans-serif;
font-size: 11px;
color: #dddddd;
position: absolute;
top: 92px;
left: 40px;
}

#ajaxlogin #ajaxcheckboxtext {
font-family: arial,helvetica,sans-serif;
font-size: 11px;
color: #dddddd;
position: absolute;
top: 122px;
left: 40px;
}

#ajaxlogin #ajaxcreate {
position: absolute;
top: 182px;
left: 40px;
}

#ajaxlogin #ajaxlost {
position: absolute;
top: 182px;
left: 160px;
}

#ajaxlogin a:link {
font-family: arial,helvetica,sans-serif;
font-size: 11px;
color: #dddddd;
text-decoration: none;
}

#ajaxlogin a:visited {
font-family: arial,helvetica,sans-serif;
font-size: 11px;
color: #dddddd;
text-decoration: none;
}

#ajaxlogin a:hover {
font-family: arial,helvetica,sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration: none;
}

#ajaxlogin #ajaxmessage {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #ffbbff;
width: 280px;
position: absolute;
top: 230px;
left: 10px;
text-align: center;
font-weight: bold;
}

/* And More Style for User Admin */

#ajaxwrapper #ajaxwelcome {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
color: #cccccc;
height: 16px;
width: 280px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 10px;
left: 10px;
text-align: center;
overflow: hidden;
}

#ajaxwrapper #ajaxavatar {
height: 80px;
width: 80px;
border: 1px solid #cccccc;
position: absolute;
top: 40px;
left: 20px;
}

#ajaxwrapper .ajaxstats {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #cccccc;
height: 20px;
width: 180px;
text-align: left;
overflow: hidden;
}

#ajaxwrapper .ajaxstats a:link {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #cccccc;
text-decoration: none;
}

#ajaxwrapper .ajaxstats a:visited {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #cccccc;
text-decoration: none;
}

#ajaxwrapper .ajaxstats a:hover {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #ffbbff;
text-decoration: none;
}

#ajaxwrapper #ajaxstats1 { position: absolute; top: 40px; left: 120px; }
#ajaxwrapper #ajaxstats2 { position: absolute; top: 62px; left: 120px; }
#ajaxwrapper #ajaxstats3 { position: absolute; top: 84px; left: 120px; }
#ajaxwrapper #ajaxstats4 { position: absolute; top: 106px; left: 120px; }
#ajaxwrapper #ajaxstats5 { position: absolute; top: 148px; left: 80px; }
#ajaxwrapper #ajaxstats6 { position: absolute; top: 170px; left: 80px; }
#ajaxwrapper #ajaxstats7 { position: absolute; top: 192px; left: 80px; }
#ajaxwrapper #ajaxstats8 { position: absolute; top: 214px; left: 80px; }
#ajaxwrapper #ajaxstats9 { position: absolute; top: 250px; left: 80px; }

/*
################################################################################
##
## STYLES FOR THE BROWSE PAGES
##
################################################################################
*/

#browsepage .fullcelltop span { position: relative; top: 6px; left: 20px; }
#browsepage .fullcellmiddle { text-align: center; }
#browsepage .fullcellmiddle .browsediv { width: 580px; margin: 10px auto 0px auto; padding: 0; }

.browsebox1, .browsebox2 { 
float:left; 
position: relative; 
width: 288px; 
height: 90px; 
border-top: 0px solid #444444; 
border-right: 0px solid #000000; 
border-bottom: 0px solid #000000; 
border-left: 0px solid #444444; 
padding: 0; margin: 4px 0 0 0; 
text-align: left;
cursor: pointer;
}

.browsebox1 { background-color: #171739; }
.browsebox2 { background-color: #000000; }

.browseboxleft { width: 80px; height: 80px; position: absolute; top: 5px; left: 5px; }
.browseboxright { width: 190px; height: 80px; position: absolute; top: 5px; left: 100px; }

.browseboxleft img { width: 80px; height: 80px; border: 0; }

/*
################################################################################
##
## END PURPLE DRAGON STYLE
##
################################################################################
*/