/* ---- BODY STYLES ---- */

body {
    background:#AA226C url('/img/BG.gif') repeat-x;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica; 
	font-size: 12px;
	margin: 0;
}

a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #FFFF00;}
a:active {color: #FFFFFF;}

/* ---- OBJECT STYLES ---- */

img {border:0;}
form {margin:0;padding:0;}

input.txt {
    background:url('/img/InputField-BG.gif') repeat-x;
    border: 1px solid #F4287C;
    float: left;
    font-size: 14px;
    height: 20px;
    padding: 5px 5px 0px 5px; 
    width: 148px;
}
textarea.txt {
    background:#FFF url('/img/InputField-BG.gif') repeat-x;
    border: 1px solid #F4287C;
    float: left;
    font-size: 12px;
    padding: 5px 5px 0px 5px; 
}
input.txt2 {
    color: #00008B;
    background-color: #EFEFEF;
    border: 1px solid #999999;
    width: 116px;
    font-size:10px;
}
input.txt3 {
    background: #FFF url('/img/InputField-BG.gif') repeat-x;
    border: 1px solid #F4287C;
    font-size: 14px;
    padding: 4px;
    width: 200px;
}
select.txt2 {
    background: #FFF url('/img/InputField-BG.gif') repeat-x;
    border: 1px solid #F4287C;
    font-size: 14px;
    padding: 2px;
    width: 160px;
}
input.btn {
    color: #FFF;
    background:#FFF url('/img/Box-Title-BG.gif') repeat-x;
    border: 1px solid #F4287C;
    font-size: 12px;
    height: 25px;
    padding: 5px;
    text-transform:uppercase; 
}
#login form p {
    clear: left;
    margin: 0;
    padding: 5px 0 0 0;
}
#login form p label {
    float: left;
    width: 60px;
    font: bold 10px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

/* ---- HEADING STYLES ---- */

.clearBoth {
    clear:both;
}

H1 {
	font-size:12px;
	color:#FFFFFF;
    display: inline;
	margin-top:0px;
}

H2, H3, H4 {
    display: inline;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

#blurb { 
    float: left; 
    padding: 5px 0 0 10px; 
}

#logo { 
    margin: 0; 
}

#search { 
    float: right; 
    padding: 6px 5px 0 0; 
}

#search .input { 
    background:url('/img/Input-BG.gif') no-repeat;
    border: 0;
    display: inline;
    float: left;
    font-size: 16px;
    height: 28px;
    padding: 9px 11px 0px 11px; 
    width: 323px;
}

#search .btn { 
    background:url('/img/Search-Btn.gif') no-repeat;
    border: 0;
    cursor: pointer;
    display: inline;
    float: left;
    height: 37px;
    padding: 0;
    width: 80px;
}

#search .latest { 
    clear: both;
    float: left;
    height: 15px;
    overflow: hidden;
    padding: 0 0 0 5px;
    width: 415px;
}

#search .latest a { text-decoration: none; }
#search .latest a:hover { text-decoration: underline; }

#options { 
    float: right; 
    padding: 3px 0 0 0;
    width: 400px;
}

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

#options ul li.favourite {
    background: url('/img/Favourite.gif')  no-repeat top left;
    display: inline;
    float: right;
    padding: 1px 10px 0 25px;
}

#options ul li.homepage {
    background: url('/img/Homepage.gif')  no-repeat top left;
    display: inline;
    float: right;
    padding: 1px 15px 0 25px;
}

#options ul li.RSS {
    display: inline;
    float: right;
    padding: 1px 10px 0 5px;
}

/* ---- LEFT MENU ---- */
#menu {
    width: 160px;
}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu ul li {
    padding-bottom: 2px;
}

#menu ul li a {
    background: url('/img/bullet.png') no-repeat center left;
    border-bottom: 1px solid #DADADA;
    color: #A70303;
    display: block;
    padding: 2px 0 2px 19px;
    text-decoration: none;
}

#menu ul li a.chat {
    background: url('/img/Chat-Ico.gif') no-repeat center left;
}

#menu ul li a.download {
    background: url('/img/Ico-Down.gif') no-repeat center left;
}

#menu ul li a:hover{
    background-color: #F3F3F3;
}

#menu ul li a span {
    font-weight: bold;
    color: #000;
}

/* ---- STRUCTURE STYLES ---- */

#wrapper {
	position: relative; 
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
    background:#FFC1FF url('/img/HeaderNewLogo.png') no-repeat top;
}
	
	#header {
    	min-height: 105px;
		margin: 0;
		padding: 0;
	}

#leaderboard {
	width:728px;
    height:90px;
	background-color: #FFF;
	border:#FFF 5px solid;
	margin: 10px;
	float:right;
    text-align: right;
	padding:0;
	overflow:hidden;
}

#most-played {
	width:955px;
	border:#FFFFFF 0 solid;
	margin: 10px 0 0 10px;
	padding:0;
	overflow:hidden;
}
	
	#footer {
        margin: 5px auto 0 auto;
      	width: 970px;
		padding: 15px 0px 0 10px;
		font-size: 11px;
        min-height: 170px;
		color: #FFFFFF;
    	background:#AA226C url("/img/Footer.gif") no-repeat;
	}

    #footer p.copy {
    	text-align: center;
    	margin: 5px 0 5px 0;
    	clear: both;
    }

    #footer div.columns {
    	overflow: hidden;
    	width: 100%;
    	border: 0;
    	margin: 0;
    	padding: 0;
    }

    #footer div.columns div.first {
    	width: 107px;
    	padding: 0 0 0 5px;
    	float: left;
    }

    #footer div.columns div.second {
    	float: left;
    	width: 190px;
    	padding: 0 0 0 10px;
    }

    #footer div.columns div.third {
    	float: right;
    	width: 655px;
    }

    #footer div.columns strong {
    	line-height: 18px;
    	display: block;
        font-weight: bold;
        font-size: 14px;
    }

    #footer ul {
    	margin: 0 18px 0 0;
     	padding: 0;
     	list-style: none;
     	float: left;
    }

    #footer ul li {
    	line-height: 18px;
    }

    #footer ul li a {
    	color: #FFF;
    	text-decoration: underline;
    }

    #footer ul li a:hover {
    	color: #FFFF00;
     	text-decoration: underline;
    }

    #footer div.third ul {
    	float: none;
    } 

    #footer div.third ul li {
    	display: inline;
    	margin-right: 3px;
    	padding-left: 12px;
    	background: url('/img/bullet.gif') no-repeat 1px 7px;
    }

    #footer div.third ul li.first {
    	padding-left: 0;
    	background: none;
    }
	
	#top-navigation {
		margin:0px;
		padding: 5px 0 0 0;
		color:#FFFFFF;
		text-align:center;
		font-size:13px;
		font-weight:bold;
		text-transform:uppercase;
		height: 35px;
	}
		#top-navigation a:link {color:#FFFFFF; text-decoration:none;}
		#top-navigation a:visited {color:#FFFFFF; text-decoration:none;}
		#top-navigation a:hover {color:#FFFF00; text-decoration:underline;}
	
	#sub-navigation {
        float: left;
		margin:0;
		padding: 8px 0 0 10px;
		font-size:13px;
		font-weight:bold;
		height: 20px;
	}

	#sub-navigation ul {
       list-style-type: none;
       margin: 0;
       padding: 0;
}

	#sub-navigation ul li {
       background: url('/img/splitter.gif') no-repeat center right;
       display: inline;
       padding: 0 12px;
}
		#sub-navigation a:link {color:#9A386B; text-decoration:none;}
		#sub-navigation a:visited {color:#9A386B; text-decoration:none;}
		#sub-navigation a:hover {color:#C85191; text-decoration:underline;}
	
   #new-member {
      color: #9A386B;
      float: right;
	  font-size:13px;
	  font-weight:bold;
      overflow: hidden;
      padding: 8px 20px 0 0;
      text-align: right;
      width: 300px;
}
        #new-member a {color:#C85191; text-decoration:none;}
		#new-member a:hover {color:#9A386B; text-decoration:underline;}

	#bottom-navigation {
		clear:both;
		margin:0;
		padding: 0 0 0 0;
		color:#FFFFFF;
        background:#FFC1FF url('/img/Bottom-Nav.gif') no-repeat top;
		text-align:center;
		font-size:13px;
		font-weight:bold;
		text-transform:uppercase;
		height: 86px;
	}
		#bottom-navigation a:link {color:#FFFFFF; text-decoration:underline;}
		#bottom-navigation a:visited {color:#FFFFFF; text-decoration:underline;}
		#bottom-navigation a:hover {color:#FFFF00; text-decoration:underline;}
	
	#bottom-navigation .stats {
        color: #9A386B;
		font-size: 12px;
		font-weight:normal;
        line-height: 30px;
        padding: 0;
        height: 50px;
		text-align:center;
		text-transform: none;
}
	#bottom-navigation .stats img { margin: 0 5px; }
	#bottom-navigation .stats a {color:#C85191; text-decoration:none;}
	#bottom-navigation .stats a:hover {color:#9A386B; text-decoration:underline;}

	#left {
		float: left;
		width: 168px;
		padding: 10px 0 0 10px;
	}
		#left .box {
			background-color:#FFFFFF;
			color:#000000;
			border:#FFF 2px solid;
			padding:2px;
			margin: 0 0 10px 0;
		}
		#left .box .title {
			margin: 0 0 4px 0;
            height: 32px;
            line-height: 33px;
            border: 1px solid #F4287C;
        	background:#F4287C url("/img/Box-Title-BG.gif");
			color:#FFFFFF;
			padding-left:8px;
			font-weight:bold;
			font-size:16px;
		}
		#left .box .title H4 {
			font-weight:bold;
			font-size:16px;
        }
		#left .box .error {
			background-color:#FFFFCC;
			color:#FF0000;
			border:#FFCC66 1px solid;
			padding:2px 2px 2px 4px;
			margin: 0;
            font-weight: bold;
		}
		#left .box .top-girl {
            text-align: center;
		}
		#left .box .top-girl a {
			color:#F4287C;
            font-weight: bold;
            font-size: 16px;
            text-decoration: none;
		}
		#left .box .top-girl a:hover {
            text-decoration: underline;
		}
		#left .box a:link {color:#F4267B;text-decoration:none;}
		#left .box a:visited {color:#F4267B;text-decoration:none;}
		#left .box a:hover {color:#F4267B;text-decoration:underline;}
		#left .box a:active {color:#F4267B;text-decoration:none;}

        #left .box .buttons {
             text-align: center;
        }
        #left .box .buttons input {
	         background: #FFF;
             border: 1px solid #ECECEC;
             color: #CCC;
             margin: 0 0 10px 0;
             padding: 3px;
             text-align: center;
             width: 152px;
        }
        #left .box .buttons input:hover {
             border: 1px solid #DBDBDB;
             color: #000;	
        }
	
	#content {
		float: left;
		width: 782px;
		padding: 0 0 0 10px;
		_margin-right: -10px;
		color: #000000;
	}

/* ---- MAIN.PHP STYLES ---- */

#content .home-cube {
	width:300px;
	color:#000000;
	background-color: #FFFFFF;
	border:#FFFFFF 0px solid;
	margin: 0 0 0 0;
	float:left;
	padding:5px;
	overflow:hidden;
    height: 355px;
}

#content .random-cube {
	width:300px;
	color:#000000;
	background-color: #FFFFFF;
	border:#FFFFFF 0px solid;
	margin: 0 0 0 0;
	float:left;
	padding:5px;
	overflow:hidden;
    height: 355px;
}
	#content .home-news a:link {color:#B700B7;}	/* Link color for news box. */
	#content .home-news a:visited {color:#B700B7;}	/* Link color for news box. */
	#content .home-news a:hover {color:#B700B7;}	/* Link color for news box. */
	#content .home-news a:active {color:#B700B7;}	/* Link color for news box. */

	#content .home-news-title {	/* FOR main.php - This is the title bar for each box on main.php */
		margin: -5px -5px 5px -5px;	/* DO NOT EDIT. Will break layout */
		background-color:#FF00FF;	/* Background color for title bar */
		color:#FFFFFF;	/* Font color of the title text */
		padding:8px;	/* The space around the title text */
		font-weight:bold;	/* Makes the title text bold */
		font-size:16px;	/* Font size of the title text */
		overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
	}

#content .home-featured {	/* FOR: main.php - Creates the featured game box on the top of the page */
	width:442px;	/* DO NOT EDIT. Will break layout */
	background-color: #AA226C;	/* Background color for the category boxes */
	margin: 0px 0 10px 0;	/* DO NOT EDIT. Will break layout */
	float:right;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
	border:#FFFFFF 5px solid;	/* Border style of the images */
}
	
	#content .home-featured .img {	/* FOR: main.php - Style for images inside the featured box */
		border:#FFFFFF 1px solid;	/* Border style of the images */
		padding:2px;	/* Space between border and image */
		margin: 0px 0px 5px 0px;	/* Space between image border and text surrounding the image */
	}
	#content .home-featured-title {	/* FOR main.php - This is the title bar for each box on main.php */
		margin: -5px -5px 5px -5px;	/* DO NOT EDIT. Will break layout */
		color:#FFFFFF;	/* Font color of the title text */
		padding-left:8px;	/* The space around the title text */
		font-weight:bold;	/* Makes the title text bold */
		font-size:16px;	/* Font size of the title text */
		overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
        height: 32px;
        line-height: 33px;
        border-top: 1px solid #F4287C;
        border-left: 1px solid #F4287C;
        border-right: 1px solid #F4287C;
        border-bottom: 1px solid #FFF;
		background:#F4287C url("/img/Box-Title-BG.gif");	/* Background color for title bar */
	}
	#content .home-featured .img {	/* FOR: main.php - Style for game image - 1 column version*/
		clear:left;	/* DO NOT EDIT. Will break layout */
		float:left;	/* DO NOT EDIT. Will break layout */
		border:#FFFFFF 2px solid;	/* Border style of the images */
		padding:1px;	/* Space between border and image */
		margin: 0px 4px 4px 0px;	/* Space between image border and text surrounding the image */
	}
	#content .home-featured .list {	/* FOR: main.php - Style for game lists*/
		clear:left;	/* DO NOT EDIT. Will break layout */
	}
	#content .home-featured div.pad {
        margin: 8px 0 0 4px;
    }
    #content .home-featured-title H3 {	/* FOR main.php - This is the title bar for each box on main.php */
	font-weight:bold;	/* Makes the title text bold */
	font-size:16px;	/* Font size of the title text */
    }

#content .random-games {	/* FOR: main.php - Creates the featured game box on the top of the page */
	width:442px;	/* DO NOT EDIT. Will break layout */
	background-color: #AA226C;	/* Background color for the category boxes */
	margin: 0px 0 10px 0;	/* DO NOT EDIT. Will break layout */
	float:right;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
	border:#FFFFFF 5px solid;	/* Border style of the images */
}
	
	#content .random-games .img {	/* FOR: main.php - Style for images inside the featured box */
		border:#FFFFFF 1px solid;	/* Border style of the images */
		padding:2px;	/* Space between border and image */
		margin: 0px 0px 5px 0px;	/* Space between image border and text surrounding the image */
	}
	#content .random-games-title {	/* FOR main.php - This is the title bar for each box on main.php */
		margin: -5px -5px 5px -5px;	/* DO NOT EDIT. Will break layout */
		color:#FFFFFF;	/* Font color of the title text */
		padding-left:8px;	/* The space around the title text */
		font-weight:bold;	/* Makes the title text bold */
		font-size:16px;	/* Font size of the title text */
		overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
        height: 32px;
        line-height: 33px;
        border-top: 1px solid #F4287C;
        border-left: 1px solid #F4287C;
        border-right: 1px solid #F4287C;
        border-bottom: 1px solid #FFF;
		background:#F4287C url("/img/Box-Title-BG.gif");	/* Background color for title bar */
	}
	#content .random-games .img {	/* FOR: main.php - Style for game image - 1 column version*/
		clear:left;	/* DO NOT EDIT. Will break layout */
		float:left;	/* DO NOT EDIT. Will break layout */
		border:#FFFFFF 2px solid;	/* Border style of the images */
		padding:1px;	/* Space between border and image */
		margin: 0px 4px 4px 0px;	/* Space between image border and text surrounding the image */
	}
	#content .random-games .list {	/* FOR: main.php - Style for game lists*/
		clear:left;	/* DO NOT EDIT. Will break layout */
	}
	#content .random-games div.pad {
        margin: 8px 0 0 4px;
    }
    #content .random-games-title H3 {	/* FOR main.php - This is the title bar for each box on main.php */
	font-weight:bold;	/* Makes the title text bold */
	font-size:16px;	/* Font size of the title text */
    }

#content .home-box-title {	/* FOR main.php - This is the title bar for each box on main.php */
	margin: -5px -5px 5px -5px;	/* DO NOT EDIT. Will break layout */
	color:#FFFFFF;	/* Font color of the title text */
	padding-left:8px;	/* The space around the title text */
	font-weight:bold;	/* Makes the title text bold */
	font-size:16px;	/* Font size of the title text */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
    height: 32px;
    line-height: 33px;
    border-top: 1px solid #F4287C;
    border-left: 1px solid #F4287C;
    border-right: 1px solid #F4287C;
    border-bottom: 1px solid #FFF;
	background:#F4287C url("/img/Box-Title-BG.gif");	/* Background color for title bar */
}

#content .home-box-title H3 {	/* FOR main.php - This is the title bar for each box on main.php */
	font-weight:bold;	/* Makes the title text bold */
	font-size:16px;	/* Font size of the title text */
}

#content .game-options {
    float: left;
    background: #FFF;
    color: #000;
    padding: 2px 3px 4px 3px;
    margin: -6px 0 5px -5px;
    width: 773px;
}

#content .game-options .left { float:left; }
#content .game-options .left a.report {
    color: #000;
    background: url('report.png') no-repeat top left;
    height: 24px;
    line-height: 24px;
    padding-left:26px; padding-right:0; padding-top:2px; padding-bottom:5px
}

#content .game-options .left a:hover.report {
    background: url('report.png') no-repeat bottom left;
    color: #FF0000
}

#content .game-options .left a.download {
    color: #000;
    background: url('download.png') no-repeat top left;
    height: 24px;
    line-height: 24px;
    padding-left:26px; padding-right:0; padding-top:2px; padding-bottom:5px
}

#content .game-options .left a:hover.download {
    background: url('download.png') no-repeat bottom left;
    color: #509630
}
#content .game-options .right { float: right; width:110px; padding: 3px 0 0 0;}
#content .game-options .clear { clear: both; }

#content .home-box {	/* FOR: main.php (1 column version) - Creates the boxes for each category - 1 column version */
	width:768px;	/* DO NOT EDIT. Will break layout */
	background-color: #AA226C;	/* Background color for the category boxes */
	margin: 0px 0 10px 0;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
	border:#FFFFFF 2px solid;	/* Border style of the images */
}
	#content .home-box div.pad {
        margin-left: 3px;
    }
	#content .home-box .img {	/* FOR: main.php - Style for game image - 1 column version*/
		clear:left;	/* DO NOT EDIT. Will break layout */
		float:left;	/* DO NOT EDIT. Will break layout */
		border:#FFFFFF 2px solid;	/* Border style of the images */
		padding:1px;	/* Space between border and image */
		margin: 0px 4px 4px 0px;	/* Space between image border and text surrounding the image */
	}
	#content .home-box .list {	/* FOR: main.php - Style for game lists*/
		clear:left;	/* DO NOT EDIT. Will break layout */
	}

	#content .home-box H4 a {
        border-bottom: 1px solid #F4287C;
        color: #FFF;
		float:left;
        font-size: 18px;
        margin: 5px 0 8px 0;
        padding: 0 0 5px;
        text-decoration: none;
        width: 450px;
	}
	#content .home-box H4 a:hover {
        color: #FFFF00;
        text-decoration: underline;
	}
	#content .home-box .whiteBG {
		background-color: #FFF;
		float:left;
        padding: 0;
	}
	#content .home-box .info {
        color: #000;
        float: right;
		background-color: #FFF;
        margin: 6px 0;
        padding: 0;
        width: 332px;
	}
	#content .home-box .info span {
        color: #000;
		font-size: 14px;
        font-weight: bold;
	}
	#content .home-box .info a {
        color: #F4267B;
		font-size: 18px;
        font-weight: bold;
        text-decoration: none;
	}
	#content .home-box .info a:hover {
        text-decoration: underline;
	}
	#content .home-box .ico {
        color: #000;
		background-color: #FFF;
		float:left;
        margin: 0 6px 0 0;
        padding: 3px 0 3px 3px;
        text-align: center;
	}
	#content .home-box .ico strong {
        color: #000;
		font-size: 14px;
        font-weight: bold;
	}
	#content .home-box .ico a img {
		border: 2px solid #AA226C;
        padding: 1px;
	}
	#content .home-box .ico a:hover img {
		border: 2px solid #F4287C;
	}
	#content .home-box .aff {
		float:right;
		background-color: #FFF;
        margin: 5px 6px 0 0;
        padding: 5px;
        text-align: center;
        width: 437px;
	}
	#content .home-box .aff input {
		background: #FFF;
        border: 1px solid #ECECEC;
        color: #CCC;
        padding: 3px;
        text-align: center;
        width: 427px;
	}
	#content .home-box .aff input:hover {
        border: 1px solid #DBDBDB;
        color: #000;	
	}
	#content .home-box .aff a {
        color: #F4267B;
		font-size: 16px;
        font-weight: bold;
        text-decoration: none;
	}
	#content .home-box .aff a:hover {
        text-decoration: underline;
	}
	#content .home-box .aff a img {
		border: 2px solid #AA226C;
        margin: 2px 0 0 0;
        padding: 1px;
	}
	#content .home-box .aff a:hover img {
		border: 2px solid #F4287C;
	}

/* ---- DISPLAYGAME.PHP STYLES ---- */

#content .display-box {	/* FOR: displaygame.php - Holds Users Comments (does not include comments form) */
	width:579px;	/* DO NOT EDIT. Will break layout */
	border-bottom:#FF00FF 1px solid;	/* Border style */
	border-top:#FF00FF 1px solid;	/* Border style */
	background-color: #AA226C;	/* Background color for the content box */
	margin: 0px 0px 0px 0px;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:12px;	/* Font size of the text */
}
#content .display-1-box {	/* FOR: displaygame.php - Holds the Game, and Comments Box */
	border:#FFFFFF 2px solid;	/* Border style of the images */
	width:588px;	/* DO NOT EDIT. Will break layout */
	background-color: #AA226C;	/* Background color for the category boxes */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:12px;	/* Font size of the text */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
}
#content .display-1-box .error {
	background-color:#FFFFCC; /* Background color of the box */
	color:#FF0000;	/* Color of the text that goes in the box */
	border:#FFCC66 1px solid;	/* Style of the border surrounding the box */
	padding:2px 2px 2px 4px;	/* DO NOT EDIT. Will break layout */
	margin: 0;	/* DO NOT EDIT. Will break layout */
    font-weight: bold;
	font-size:14px;
}
#content .display-1-box .small {
    font-size: 10px;
    padding: 5px 0; 
}
#content .display-2-box {	/* FOR: displaygame.php - Holds Description, and Options boxes. */
	border:#FFFFFF 2px solid;	/* Border style of the images */
	width:268px;	/* DO NOT EDIT. Will break layout */
	background-color: #FFF;	/* Background color for the category boxes */
	margin: 0 0 10px 0;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#000;	/* Font color of the text inside the box */
	font-size:12px;	/* Font size of the text */
}

#content .display-2-box a {	/* FOR: displaygame.php - Holds Description, and Options boxes. */
	color:#000;
    text-decoration: underline;
}
#content .display-2-box a:hover {	/* FOR: displaygame.php - Holds Description, and Options boxes. */
    text-decoration: none;
}

/* ---- BROWSE.PHP STYLES ---- */

#content .browse-box {	/* FOR: browse.php - Holds results for browse pages */
	width:577px;	/* DO NOT EDIT. Will break layout */
	border-bottom:#FF00FF 1px solid;	/* Border style */
	background-color: #AA226C;	/* Background color for the content box */
	margin: 0 5px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px 0;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
}
#content .browse-img {	/* FOR: browse.php - Style for game images */
	padding: 4px;	/* Space between border and image */
	float:left;	/* DO NOT EDIT. Will break layout */
}
#content .browse-text {	/* FOR: browse.php - Style for game description and title */
	font-family: Arial, Helvetica, sans-serif; /* font family used */
	font-size: 12px;	/* font size used */
}

#content .browse-img .img {	/* FOR: browse.php - Style for game images */
    border: 2px solid #FFF;
	padding: 1px;	/* Space between border and image */
	margin: 0;	/* Space between image border and text surrounding the image */
}

/* ---- BROWSE.PHP/MEMBERLIST.PHP STYLES ---- */

#content .PageTitle {	/* FOR: browse.php and memberlist.php - Style for page numbers title */
    background: #FFF;
    border: 2px solid #F873AA;
    color: #F62692;
	font-family: Arial, Helvetica, sans-serif; /* font family used */
	font-size: 12px;	/* font size used */
	margin: 5px;	/* Space between border and text surrounding the pagenumber */
	padding: 1px;	/* The space around the text */
	display:block;  /* DO NOT EDIT. Will break layout */
	float:left;  /* DO NOT EDIT. Will break layout */
	width:80px;  /* Sets the width for each page number */
	text-align:center; /* Centers the text within the border. */
}

#content .PageNumbers, .PageNumbers a:link {	/* FOR: browse.php and memberlist.php - Style for page numbers */
    background: #FFF;
    border: 2px solid #F873AA;
    color: #F62692;
	font-family: Arial, Helvetica, sans-serif; /* font family used */
	font-size: 12px;	/* font size used */
	margin: 5px;	/* Space between border and text surrounding the pagenumber */
    padding: 1px 8px;
	display:block;  /* DO NOT EDIT. Will break layout */
	float:left;  /* DO NOT EDIT. Will break layout */
	text-align:center; /* Centers the text within the border. */
    text-decoration: none;
}

#content .PageNumbers:hover {	/* FOR: browse.php and memberlist.php - Style for page numbers */
    color: #000;
    background: #FFFF00;
	margin: 5px;	/* Space between border and text surrounding the pagenumber */
	display:block;  /* DO NOT EDIT. Will break layout */
	float:left;  /* DO NOT EDIT. Will break layout */
}
/* ---- MEMBERLIST.PHP STYLES ---- */

#content .PageNumbers2 {	/* FOR: memberlist.php - Style for page numbers */
	font-family: Arial, Helvetica, sans-serif; /* font family used */
	font-size: 12px;	/* font size used */
	border:#FFC1FF 0px solid;	/* Border style */
	margin: 1px;	/* Space between border and text surrounding the pagenumber */
	padding: 1px;	/* The space around the text */
	display:block;  /* DO NOT EDIT. Will break layout */
	float:left;  /* DO NOT EDIT. Will break layout */
	width:14px;  /* Sets the width for each page number */
	font-weight:bold;
	text-align:center; /* Centers the text within the border. */
}

/* ---- PROFILE.HTML STYLES ---- */

#content .avatar {	/* FOR: profile.html - Style for profile's avatar */
	float:right;	/* DO NOT EDIT. Will break layout */
	border:#FFFFFF 1px solid;	/* Border style of the images */
	padding:0px;	/* Space between border and image */
	margin: 0px 5px 0px 0px;	/* Space between image border and text surrounding the image */
}
#content .gameimg {	/* FOR: profile.html - Style for favorite and last played game thumbnails */
	border:#FFFFFF 0px solid;	/* Border style of the images */
	padding:0px;	/* Space between border and image */
	margin: 9px 2px -9px 0px;	/* Space between image border and text surrounding the image */
}

/* ---- STYLES FOR MISC PAGES ---- */

#content .content-box {	/* FOR: Misc Pages - Creates the box that other pages' content is contained inside */
	width:552px;	/* DO NOT EDIT. Will break layout */
	background-color: #AA226C;	/* Background color for the content box */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
}
#content .content-box-title {	/* FOR Misc Pages - This is the title bar for the content box on other pages */
	margin: -5px -5px 5px -5px;	/* DO NOT EDIT. Will break layout */
	color:#FFFFFF;	/* Font color of the title text */
	padding-left:8px;	/* The space around the title text */
	font-weight:bold;	/* Makes the title text bold */
	font-size:16px;	/* Font size of the title text */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
    height: 32px;
    line-height: 33px;
    border-top: 1px solid #F4287C;
    border-left: 1px solid #F4287C;
    border-right: 1px solid #F4287C;
    border-bottom: 1px solid #FFF;
	background:#F4287C url("/img/Box-Title-BG.gif");	/* Background color for title bar */
}
	.content-box-title a:link {color:#FFFFFF;}	/* FOR Misc Pages - Link color for titles. */
	.content-box-title a:visited {color:#FFFFFF;}	/* FOR Misc Pages - Link color for titles. */
	.content-box-title a:hover {color:#FFFF00;}	/* FOR Misc Pages - Link color for titles. */
	.content-box-title a:active {color:#FFFFFF;}	/* FOR Misc Pages - Link color for titles. */

/* ---- END OF STYLESHEET ---- */

.game{position:relative; width:100px; height:120px; margin:0 9px 25px 0; padding:0; float:left; display:block; cursor:pointer;} 
.gameHover{position:relative; width:100px; height:120px; margin:0 9px 25px 0; padding:0; float:left; display:block; cursor:pointer;}
.game div{display: none;} 
	.gameHover div{ 
	  display:block;
	  position:absolute;
	  cursor:pointer;
	  width:100px;
	  border:0px solid #636363; 
	  top:0px; 
	  left:0px; 
	  background-color:transparent; 
	  color:#000000;
	  z-index:10;
	} 
	.gameHover div .title {
		position:absolute; 
		top:0px; 
		width:98px; 
		background-color:#FFFFFF; 
		font-size:12px; 
		font-weight:bold; 
		text-align:center; 
		padding:2px;
        margin:2px 0 0 2px;
		filter:alpha(opacity=80); 
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
		-moz-opacity:0.80; opacity:0.80;
	}
	.gameHover div .title a{ 
		color: #000;
        text-decoration: none;
	}
	.gameHover div .title a:hover{ 
        text-decoration: none;
	}
	.gameHover div .play {
		position:absolute; 
		top:125px; 
		width:106px; 
		height:15px; 
		background-color:#FFFFFF; 
        margin:0; 	 
		padding:0;
	}
	.game .rate {background-color:#FFF;margin:-1px 0 0 0; padding:0; width:105px; height:15px; text-align:center;}
	.gameHover .rate {background-color:#FFF;margin:-1px 0 0 0; padding:0; width:106px; height:15px; text-align:center;}
	.game .thumb {width:100px; height:120px; text-align:center; margin:0;border:#FFFFFF 2px solid;padding:1px;}
	.gameHover .thumb {width:100px; height:120px; text-align:center; margin:0;border:#FFFFFF 2px solid;padding:1px;}

/* ---- CONTENT SLIDER ---- */

.sliderwrapper{
    border-top: 5px solid #AA226C;
    border-right: 5px solid #AA226C;
    border-left: 5px solid #AA226C;
    height: 270px;
    overflow: hidden;
    position: relative;
    width: 438px;
}


.sliderwrapper .contentdiv{
    background: #FFF;
    height: 258px;
    left: 0;
    padding: 3px;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 426px;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

/*.pagination{
    background:#AA226C url('/img/Box-Title-BG.gif');
    border: 5px solid #AA226C;
    height: 33px;
    line-height: 33px;
    padding: 0px 10px;
    text-align: right;
    width: 418px;
}

.pagination a{
    background: #FFF;
    border: 2px solid #F873AA;
    color: #F62692;
    padding: 0 5px;
    text-decoration: none; 
}

.pagination a:hover, .pagination a.selected{
    background-color: #FFFF00;
    color: #000;
}*/

div.pagination {
    margin: 5px;
    text-align: center;
}
div.pagination a {
    background: #FFF;
    border: 2px solid #F873AA;
    color: #F62692;
    margin : 2px;
    padding: 1px 7px;
    text-align: center;
    text-decoration: none; 
}

div.pagination a:hover, div.pagination a:active {
    background-color: #FFFF00;
    color: #000;
}

div.pagination span.current {
    background-color: #FFFF00;
    border: 2px solid #F873AA;
    color: #000;
    font-weight: bold;
    margin: 2px;
    padding: 1px 7px;
    text-decoration: none; 
}

div.pagination span.dots {
    color : #FFF;
    font-size : 16px;
    font-weight : bold;
    margin : 2px;
    padding : 2px 5px;
}

/* ---- AJAX TABS ---- */

.tabs {
    font-size: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.tabs li {
    display: inline;
    margin: 0;
}

.tabs li a {
    background: #FFF;
    border: 2px solid #F873AA;
    color: #F62692;
    font-weight: normal;
    margin: 0 1px;
    padding: 0 4px;
    text-decoration: none; 
}

.tabs li a:hover {
    text-decoration: underline;

}

.tabs li a.selected {
    color: #000;
    background: #FFFF00;
}

.tabs li a.selected:hover {
    text-decoration: none;
}

#gamesdivcontainer {
    margin-left: 3px;
}

#gamesdivcontainer H3 {
    font-size: 16px;
    font-weight: bold;
}

#gamesdivcontainer .leaderboard {
    background-color: #FFF;
    border:#FFF 5px solid;
    float: left;
    margin: 0 0 10px 0;
    text-align: center;
    width: 750px;
}

/* --- Index --- */
#textwrapper {
    background-color: #FFF;
    color: #000;
    float: left;
    font-size: 12px;
    margin: 5px 10px 2px 10px;
    padding: 4px 8px;
    text-align: left;
    width: 944px;
}

#textwrapper strong {
    font-weight: bold;
}

#textwrapper p {
    margin: 5px 0 7px 0;
}

#textwrapper a {
    color: #AA226C;
    text-decoration: underline;
}

#textwrapper a:hover {
    text-decoration: none;
}

/* --- Pre Ad -- */
#spillpre_bar{background-color:#FBB0CE;width:0px;font-size:12px}
#spillpre_bar span{background-color:#fff;color:#026AB3;padding:0px;height:1px;line-height:1px;font-size:1px}
div#spillpre_loader{width:298px;height:10px;border:1px solid #FFF;background-color:#fff;text-align:left;margin:auto;overflow:hidden;margin-bottom:3px}
div#spillpre_ad{text-align:center;margin:auto}
div#spillpre_adcont{margin:0 auto;margin-bottom:11px}
div#spillpre_click2close A{font-size:12px;color:#FFF;text-decoration:underline;font-family:Tahoma,Arial,Verdana}
div#spillpre_c2c_container{margin:0 auto;width:298px;height:20px}
div#spillpre_click2close,div#spillpre_percent{float:left;height:15px;line-height:20px;font-size:12px;font-family:Tahoma,Arial,Verdana}
div#spillpre_percent{font-size:12px;font-weight:bold;color:#FFF !important;text-align:right}
div#spillpre_clear{font-size:1px;line-height:1px;height:1px;clear:both;width:298px;margin:0 auto}